PageSourceSearch

https://unikberjasa.com/slot/pg

html unikberjasa.com collected 2026-10-09 22:06:39 UTC 391,825 bytes, 6,505 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>UNIKTOTO : Situs Resmi Agen Game Online Terpercaya No 1 Terbaik di Indonesia</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?1790436672">
22        <link rel="stylesheet" href="https://img.viva88athenae.com//icomoon/style.css">
23        <link rel="icon" type="image/png" href="/favicon.png">
24
25        <!-- Driver.js start -->
26        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.css"/>
27        
27<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.js.iife.js"></script>
27
28        <style>
29        @media (max-width: 768px) {
30            .driver-popover { max-width: 220px !important; font-size: 12px !important; padding: 10px 12px !important; }
31            .driver-popover-title { font-size: 13px !important; margin-bottom: 4px !important; }
32            .driver-popover-description { font-size: 12px !important; }
33        }
34        </style>
35        <!--  Driver.js end -->
36        
37        
37<script src="/js/old/jquery-3.6.4.min.js"></script>
37
38        
38<script src="/js/old/jquery.marquee.min.js"></script>
38
39
40        <!-- RECAPTCHA -->
41                
42        <meta charset="utf-8">
43<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 43-44
43
44<script async src="https://www.googletagmanager.com/gtag/js?id=
44G-FP5F8W9PSG
vendor: 13 bytes, line 44
44"></script>
45<script>
46  
vendor: 138 bytes, lines 46-50
46window.dataLayer = window.dataLayer || [];
47  function gtag(){dataLayer.push(arguments);}
48  gtag('js', new Date());
49
50  gtag('config', '
50G-FP5F8W9PSG
vendor: 5 bytes, line 50
50');
51</script>
51
52<meta name="google-site-verification" content="aAwPuTxDUS6oypfCapmsaUS9MKzLwQE7F283PvQibFU" />
53<meta name="google-site-verification" content="7nLnqf75HP4P4iBzLkyPU0PdYXDW9-QCV-HsG0KRsyU" />
54<meta name="google-site-verification" content="mSVjyEGrWeHtNGpER9fL5dMxyG2YQIMEr8ofPjnJ4oo" />
55<meta name="google-site-verification" content="lEuc8CDuVJB0aFAR0WRMsIxtRlRdqcwpaRqX3C8Ah4I" />
56<meta name="google-site-verification" content="tqkAajlh0lHGG4wUKZabb1yJk1c-aWrBFg0-69qwvi4" />
57<meta name="google-site-verification" content="BikIW4zEUskwQzO3nAtXRURFv5Uu-gj8BoCgBNm0N5E" />
58<meta name="google-site-verification" content="mKreQYBODqOl-si6NmW_0V7huCdW9piR7U-tas57SDg" />
59<meta name="google-site-verification" content="opK26QOX6egA4DiRGj396fwFQ6XwAYve8K3cHjdu8tY" />
60<meta name="description" content="Uniktoto merupakan situs resmi platform game online terpercaya dengan kemudahan akses link alternatif login dan daftar 24 jam online."/>
61<meta name="keywords" content="uniktoto, unik toto, situs resmi terpercaya, situs terpercaya 2024, situs game online, slot gacor 2024" />
62<meta name="robots" content="index, follow" />
63
64<!-- Google / Search Engine Tags -->
65<meta name="google-site-verification" content="uMRKaG3qUNW1b8jgw1AwL14ovUvcmGTkqtlaxtbwCsw" />
66<meta itemprop="name" content="Situs Resmi Agen Game Online Terpercaya No 1 Terbaik di Indonesia" />
67<meta itemprop="description" content="Uniktoto merupakan situs resmi platform game online terpercaya dengan kemudahan akses link alternatif login dan daftar 24 jam online." />
68<meta itemprop="image" content="https://uniktepat.com/images/logoweb.png">
69
70<link rel="canonical" href="https://uniktepat.com/" />
71<link rel="amphtml" href="https://unikunggul.com/" />
72
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                    <div class="navbar-item">
727                        <div class="navbar-item-content speed-dial-btn">
728                            <img src="https://img.viva88athenae.com//chat.png"/>
729                            <label>CHAT</label>
730                        </div>
731                        
732                                                    
733                                <a href="#"></a>
733<script src="https://iframe1.alcopay.com/javascript/Pay4d/script.js?PGMerchantID=1433&PGMerchantName=UNIKTOTO&PGMinDepo=10000&PGMaxDepo=10000000"></script>
733<a href="" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -48px; height: 40px; width: 40px">
734                                    <img src="https://img.viva88athenae.com//viber.png" style="width: 100%; height: 100%"/>
735                                </a>
736                            
737                                                        
738                                <a href="https://unik.yalink.me/TELEGRAM-UNIKTOTO" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -96px; height: 40px; width: 40px">
739                                    <img src="https://img.viva88athenae.com//telegram.png" style="width: 100%; height: 100%"/>
740                                </a>
741                            
742                                                        
743                                <a href="https://unik.yalink.me/UNIK-WA-UTAMA" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -144px; height: 40px; width: 40px">
744                                    <img src="https://img.viva88athenae.com//whatsapp.png" style="width: 100%; height: 100%"/>
745                                </a>
746                            
747                                                    
748                    </div>
749                
750                
751                                        
752            
753            
754            
755            
756                            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
757                <a href="https://direct.lc.chat/17232063"  target="_blank" class="navbar-item">
758                <div class="navbar-item-content">
759                    <img src="https://img.viva88athenae.com//livechat.png"/>
760                    <label>LIVECHAT</label>
761                </div>
762                </a>
763            
764        </div>
765</div>
766
767<script>
768    document.addEventListener("DOMContentLoaded", function () {
769    const speedDialBtn = document.querySelector(".speed-dial-btn");
770    const speedDialItems = document.querySelectorAll(".speed-dial-item");
771    let isOpen = false;
772
773    speedDialBtn.addEventListener("click", function () {
774        isOpen = !isOpen;
775
776        speedDialItems.forEach((item, index) => {
777            if (isOpen) {
778                item.style.opacity = "1";
779                item.style.visibility = "visible";
780                item.style.transform = "translateY(0)";
781                item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect
782            } else {
783                item.style.opacity = "0";
784                item.style.visibility = "hidden";
785                item.style.transform = "translateY(10px)";
786                item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger
787            }
788        });
789    });
790});
791</script>
791        
792        
793        
794        <div id="top" class="wrapper">
795
796            
797                
798            <header class="header">
799                <div class="header-content">
800                    <div class="logo" href="/">
801                        <a href='/'><img src="/images/logoweb.png"  class='logoimg' alt=""></a>
802                    </div>
803                    
804                    <div id="marquee-mobile" class="marquee mobile-only">
805                        <div class="marquee-content">
806                            <div class="d-flex align-items-center gap-2 flex-shrink-0">
807                                <i class="bi bi-volume-down" style="padding: 0 2px; font-size: 16px"></i>
808                            </div>
809                    
810                            <div class="running">
811                                <div class="marquee-shadow"></div>
812                                <div class="broadcast mobile-broadcast">SELAMAT DATANG DI UNIKTOTO SITUS TOGEL TERPERCAYA NO.1 INDONESIA, SITUS SLOT PALING GACOR GAMPANG MENANG DENGAN GAME LIVECASINO TERLENGKAP!!</div>
813                            </div>
814                    
815                            <div class="d-flex align-items-center gap-2 flex-shrink-0"></div>
816                        </div>
817                    </div>
818                    
819                    <div class="mslider mobile-only">
820                                            </div>
821                    
822                    <div class="login mobile-only">
823                            <div id="mobilelogin" class="mobile-only" style="width: 100%">
824                                <form class="login-form form" style="padding: 0px; padding-top: 16px" role="form">
825                                    <div id="msgbox" style="font-size: 1rem; width: 100%"></div>
826                                    <div class="input-group login-field">
827                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
828                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username">
829                                    </div>
830                                    <div class="input-group login-field">
831                                        <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>
832                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
833                                    </div>
834                                    
835                                    <!-- captcha -->
836                                   
837                                    <div id="mverifikasiform" class="w-100" style=" ">
838                                        
839                                        <span id="verifikasi"><img src="/m/capimg.php?8676" width="100%" height="36" style="border-radius: 5px;"></span>
840                                        <div class="input-group login-field mt-1">
841                                            <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>
842                                            <input type="text" class="form-control login-input-field" name="verifikasi" id="mverform" autocomplete="off" placeholder="Verifikasi">
843                                        </div>
844                                    </div>
845
846                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
847                    
848                                    <!-- end captcha -->
849                                    
850                                    <label style="font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;">
851                                        <input type="checkbox" id="rememberMe" name="remember" style="margin-right:4px;width:12px;height:12px;cursor:pointer;"> Remember Me
852                                    </label>
853        
854                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
855                                    <button type="button" class="btn btn-daftar bt
855n-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button>
856                                    
857                                                                            <button type="button" class="btn btn-tele fw-bold p-0 px-2 mobile-only" onclick="window.open('https://telegram.me/uniktotogame_bot', '_blank')"><i class="bi bi-telegram me-2" style="color: #0088cc"></i>Main di Telegram</button>
858                                                                        
859                                    
860                                    <input type="hidden" name="task" value="login">    
861                                    <input type="hidden" name="iscaptchalogin" value="1">
862                                    <input type="hidden" name="loginmobile" value="NCynNhMq1ivYtv+Vj/5GO6xRnoxZgoHFhCkP7rOmphA=">
863                                    <input type="hidden" name="isrecaptchalogin" value="0">
864                                </form>
865                            </div>
866
867                                                        
868                            <!-- Change Password Mobile -->
869                            <div id="mobile-changepassword-form" style="width: 100%; display: none">
870                                <div id="mobilechangepassword">
871                                    <form id="formChangePasswordMobile" class="login-form p-0 pt-4">
872                                        <div id="statusChangePasswordMobile" style="margin-bottom: 5px; width: 100%; font-size: 1rem;"></div>
873                                        <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">
874                                            <span>GANTI PASSWORD</span>
875                                            <span style="font-size: 1rem; color: #333;" id="mobile-username-display">
876                                                                                            </span>
877                                        </div>
878                                        
879                                        <div class="alert alert-warning" style="font-size: 1rem; margin: 10px 0;">
880                                            ⚠️ Password Anda kurang aman! <br>Harap ganti dengan password yang lebih kuat.
881                                        </div>
882                                        
883                                        <!-- <div class="input-group login-field">
884                                            <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>
885                                            <input type="password" class="form-control login-input-field" name="old_password" id="cp_old_password_mobile" placeholder="Password Lama">
886                                        </div>
887                                        <div class="error-msg" id="err_old_password_mobile"></div> -->
888                                        
889                                        <div class="input-group login-field">
890                                            <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>
891                                            <input type="password" class="form-control login-input-field" name="new_password" id="cp_new_password_mobile" placeholder="Password Baru (Min 6 karakter)">
892                                        </div>
893                                        <div class="error-msg" id="err_new_password_mobile"></div>
894                                        
895                                        <div class="input-group login-field">
896                                            <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>
897                                            <input type="password" class="form-control login-input-field" name="confirm_password" id="cp_confirm_password_mobile" placeholder="Konfirmasi Password Baru">
898                                        </div>
899                                        <div class="error-msg" id="err_confirm_password_mobile"></div>
900                                        
901                                        <div style="background: #fff3cd; border-left: 4px solid #ffc107; border-radius: 4px; padding: 10px; margin: 10px 0; font-size: 1rem; width: 100%;">
902                                            <strong style="color: #856404;">Persyaratan Password:</strong>
903                                            <ul style="margin: 5px 0 0 15px; padding: 0; color: #856404;">
904                                                <li>Minimal 6 karakter</li>
905						                        <li>Mengandung minimal 1 huruf kecil (a-z),<br> 1 huruf besar (A-Z), angka (0-9)</li>
906                                                <!-- <li>Harus mengandung angka (0-9)</li> -->
907                                                <!-- <li>Tidak boleh mengandung username Anda</li> -->
908                                                <li>Tidak boleh mengandung pola berurutan <br> (123, abc, qwerty)</li>
909                                                <li>Hindari password yang mudah ditebak</li>
910                                            </ul>
911                                        </div>
912                                        
913                                        <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Ganti" id="buttonChangePasswordMobile">Ganti Password</button>
914                                        <input type="hidden" name="task" value="change_password">
915                                    </form>
916                                </div>
917                                
918                                
918<script>
919                                $(document).ready(function(){
920                                    $('#cp_confirm_password_mobile, #cp_new_password_mobile').on('keyup', function() {
921                                        var newPass = $('#cp_new_password_mobile').val();
922                                        var confirmPass = $('#cp_confirm_password_mobile').val();
923                                        var currentField = $(this);
924                                        
925                                        $('#cp_new_password_mobile').removeClass('error-border valid-border');
926                                        $('#cp_confirm_password_mobile').removeClass('error-border valid-border');
927                                        $('#err_new_password_mobile').hide();
928                                        $('#err_confirm_password_mobile').hide();
929                                        
930                                        if (newPass.length > 0 && confirmPass.length > 0) {
931                                            if (newPass === confirmPass) {
932                                                $('#cp_new_password_mobile').addClass('valid-border');
933                                                $('#cp_confirm_password_mobile').addClass('valid-border');
934                                            } else {
935                                                $('#cp_new_password_mobile').addClass('error-border');
936                                                $('#cp_confirm_password_mobile').addClass('error-border');
937                                                if (currentField.attr('id') === 'cp_new_password_mobile') {
938                                                    $('#err_new_password_mobile').text('Password tidak sama').show();
939                                                } else {
940                                                    $('#err_confirm_password_mobile').text('Password tidak sama').show();
941                                                }
942                                            }
943                                        }
944                                    });
945                                });
946                                </script>
946
947                            </div>
948                            
949                            <!-- Register Mobile -->
950                            <style>
951                              .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; }
952                              .error-border { border-color: red !important; }
953                              .valid-border { border-color: green !important; }
954                            </style>
955                            <div id="mobile-daftar-form" style="width: 100%; display: none">
956                                    <div id="mobileregister">
957                                	   <form id="formRegister" class="login-form  p-0 pt-4">
958                                           <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div>
959                                            <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>
960                                            <div class="input-group login-field">
961                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
962                                                <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">
963                                            </div>
964                                            <div class="error-msg" id="err_username"></div>
965                                            <div class="input-group login-field">
966                                                <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>
967                                                <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)">
968                                            </div>
969                                                <div class="error-msg" id="err_password"></div>
970                                            <div class="input-group login-field">
971                                                <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>
972                                                <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi">
973                                            </div>
974                                                <div class="error-msg" id="err_passcon"></div>
975                                            <div class="input-group login-field">
976                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span>
977                                                <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email">
978                                            </div>
979                                                <div class="error-msg" id="err_email"></div>
980                                            <div class="input-group login-field">
981                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span>
982                                                <input type="text" class="form-control login-input-field"  id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon">
983                                            </div>
984                                                <div class="error-msg" id="err_telpon"></div>
985                                            
986                                            <div class="input-group login-field">
987                                                <select class="form-select login-input-field"  name="bank" id="reg_bank">
988                                            		<option value="">Pilih Bank</option>
989                            						 <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='OCBC'>OCBC</option><option value='DKI'>DKI</option><option value='BSI'>BSI</option><option value='JAGO'>JAGO</option><option value='SeaBank'>SeaBank</option><option value='NOBU'>NOBU</option><option value='Sinarmas'>Sinarmas</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='ShopeePay'>ShopeePay</option><option value='GOPAY'>
989GOPAY</option><option value='LinkAja'>LinkAja</option>                                                </select>
990                                            </div>
991                                                <div class="error-msg" id="err_bank"></div>
992                        
993                                            <div class="input-group login-field">
994                                                <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>
995                                                <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening">
996                                            </div>
997                                                <div class="error-msg" id="err_rek"></div>
998                                            <div class="input-group login-field">
999                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span>
1000                                                <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening">
1001                                            </div>
1002                                                <div class="error-msg" id="err_nama"></div>
1003                                            <div class="input-group login-field">
1004                                                <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>
1005                                                <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" >
1006                                            </div>
1007                                            <div class="error-msg" id="err_ref"></div>
1008                                            <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun">
1009                                            <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> -->
1010                                            
1011                                                                                                
1012                                                <div class="w-100 my-1">
1013                                                    <div id="capverifikasi">
1014                                                        <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px">
1015                                                    </div>
1016                                                    
1017                                                    <div class="input-group login-field mt-1">
1018                                                        <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>
1019                                                    <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off">
1020                                                    </div>
1021                                                    <div class="error-msg" id="err_verifikasi"></div>
1022                                                    
1023                                                </div>
1024
1025                                                                                            
1026                                                <button type="button" class="btn btn-masuk fw-bold p-0 px-2" value="Register"  id="buttonRegister">Daftar</button>
1027                                                <input type="hidden" name="task" value="register">
1028                                                <input type="hidden" name="regmobile" value="nfzOCnQyrn1o16DH0tJElLE6vZ6WD75gBo0HR4lPPy0=">
1029                                                <input type="hidden" name="iscaptcharegister" value="1">
1030                                                <input type="hidden" name="isrecaptcha" value="
10300">
1031                                                <input type="hidden" name="isrecaptcharegister" value="0">
1032                                                <button type="button" class="btn btn-secondary fw-bold p-0 px-2"  value="Close" onClick="closeDaftar()" id="buttonClose">Close</button>
1033                                    </form>
1034                                </div> 
1035                                                                
1035<script>
1036                                const WEBNAME = 'UnikToto';
1037                                const USE_STRONG_VALIDATION = false;
1038                                (function(){
1039                                  function root(){ return document.getElementById('mobileregister'); }
1040                                  function q(id){ return root()?.querySelector('#'+id) || null; }
1041                                  function qe(sel){ return root()?.querySelector(sel) || null; }
1042                                
1043                                  function showError(field,msg){
1044                                    const err = qe('#err_'+field);
1045                                    const inp = q('reg_'+field);
1046                                    if (err){ err.textContent = msg; err.style.display = 'block'; }
1047                                    if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); }
1048                                  }
1049                                  function clearError(field){
1050                                    const err = qe('#err_'+field);
1051                                    const inp = q('reg_'+field);
1052                                    if (err) err.style.display = 'none';
1053                                    if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); }
1054                                  }
1055  
1056                                    function checkPasswordStrengthJS(username, password) {
1057                                        const min_length = 6;
1058                                        const length = password.length;
1059                                        if (length < min_length) {
1060                                        return "Password harus minimal " + min_length + " karakter";
1061                                        }
1062                                        const hasLower = /[a-z]/.test(password);
1063                                        const hasUpper = /[A-Z]/.test(password);
1064                                        if (!(hasLower && hasUpper)) {
1065                                        return "Password harus mengandung minimal 1 huruf kecil, 1 huruf besar, dan angka.";
1066                                        }
1067                                        if (!/[0-9]/.test(password)) {
1068                                        return "Password harus mengandung angka";
1069                                        }
1070                                        if (username && password.toLowerCase().includes(username.toLowerCase())) {
1071                                        return "Password tidak boleh mengandung username";
1072                                        }
1073                                        const numSeq = /(012|123|234|345|456|567|678|789|890|210|321|432|543|654|765|876|987|098)/;
1074                                        if (numSeq.test(password)) {
1075                                        return "Password tidak boleh mengandung angka berurutan";
1076                                        }
1077                                        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|"
1078                                                        + "cba|dcb|edc|fed|gfe|hgf|ihg|jih|kji|lkj|mlk|nml|onm|pon|qpo|rqp|srq|tsr|uts|vut|wvu|xwv|yxw|zyx|"
1079                                                        + "qwert|werty|asdf|zxcv|uiop|hjkl)";
1080                                        const letterSequences = new RegExp(letterSeqStr, "i");
1081                                        if (letterSequences.test(password)) {
1082                                        return "Password tidak boleh mengandung huruf berurutan";
1083                                        }
1084                                        return null;
1085                                    }
1086                                
1087                                  function vUsername(){
1088                                    const v = (q('reg_username')?.value || '').trim();
1089                                    if (!v) return showError('username','Username tidak boleh kosong'), false;
1090                                    if (v.length < 6) return showError('username','Username minimal 6 karakter'), false;
1091                                    if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false;
1092                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false;
1093                                    clearError('username'); return true;
1094                                  }
1095                                function vPass(){
1096                                    const v = q('reg_pass')?.value || '';
1097                                    if(!v) {
1098                                        showError('password','Password tidak boleh kosong');
1099                                        return false;
1100                                    }
1101                                    if (USE_STRONG_VALIDATION) {
1102                                        const username = (q('reg_username')?.value || '').trim();
1103                                        const err = checkPasswordStrengthJS(username, v);
1104                                        if (err) {
1105                                            showError('password', err);
1106                                            return false;
1107                                        }
1108                                        clearError('password');
1109                                        if (q('reg_passcon')?.value) {
1110                                            vPasscon();
1111                                        }
1112                                        return true;
1113                                    }
1114                                    
1115                                    if (v.length < 6) {
1116                                        showError('password','Password minimal 6 karakter');
1117                                        return false;
1118                                    }
1119                                    
1120                                    clearError('password');
1121                                    return true;
1122                                }
1123                                function vPasscon() {
1124                                    const p1 = q('reg_pass')?.value || '';
1125                                    const p2 = q('reg_passcon')?.value || '';
1126                                    if (!p2) {
1127                                        showError('passcon', 'Konfirmasi password kosong');
1128                                        return false;
1129                                    }
1130                                    if (USE_STRONG_VALIDATION) {
1131                                        const username = (q('reg_username')?.value || '').trim();
1132                                        const err = checkPasswordStrengthJS(username, p1);
1133                                        if (err) {
1134                                            showError('passcon', err);
1135                                            return false;
1136                                        }
1137                                    }
1138                                    
1139                                    if (p1 !== p2) {
1140                                        showError('passcon', 'Konfirmasi tidak sama');
1141                                        return false;
1142                                    }
1143                                    
1144                                    clearError('passcon');
1145                                    return true;
1146                                }
1147                                //   function vPass(){
1148                                //     const v = q('reg_pass')?.value || '';
1149                                //     if (!v) return showError('password','Password tidak boleh kosong'), false;
1150                                //     if (v.length < 6) return showError('password','Password minimal 6 karakter'), false;
1151                                //     clearError('password'); return true;
1152                                //   }
1153                                //   function vPasscon(){
1154                                //     const p1 = q('reg_pass')?.value || '';
1155                                //     const p2 = q('reg_passcon')?.value || '';
1156                                //     if (!p2) return showError('passcon','Konfirmasi password kosong'), false;
1157                                //     if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false;
1158                                //     clearError('passcon'); return true;
1159                                //   }
1160                                  function vEmail(){
1161                                    const v = (q('reg_email')?.value || '').trim();
1162                                    if (!v) return showError('email','Email tidak boleh kosong'), false;
1163                                    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false;
1164                                    clearError('email'); return true;
1165                                  }
1166                                  function vTelp(){
1167                                    const el = q('reg_telpon'); if (!el) return true;
1168                                    el.value = (el.value || '').replace(/\D/g,'');
1169                                    if (!el.value) return showError('telpon','Telpon kosong'), false;
1170                                    if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false;
1171                                    clearError('telpon'); return true;
1172                                  }
1173                                  function vBank(){
1174                                    if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false;
1175                                    clearError('bank'); return true;
1176                                  }
1177                                  function vRek(){
1178                                    const el = q('reg_rek'); if (!el) return true;
1179                                    el.value = (el.value || '').replace(/\D/g,'');
1180                                    if (!el.value) return showError('rek','Rekening kosong'), false;
1181                                    if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false;
1182                                    clearError('rek'); return true;
1183                                  }
1184                                  function vNama(){
1185                                    const v = (q('reg_nama')?.value || '').trim();
1186                                    if (!v) return showError('nama','Nama kosong'), false;
1187                                    if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false;
1188                                    if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false;
1189                                    clearError('nama'); return true;
1190                                  }
1191                                  function vRefOpt(){
1192                                    const el = q('reg_ref'); if (!el) return true;
1193                                    const v = (el.value || '').trim();
1194                                    if (!v) return clearError('ref'), true;
1195                                    if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false;
1196                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false;
1197                                    clearError('ref'); return true;
1198                                  }
1199                                  function vVerifOpt(){
1200                                    const el = q('reg_verifikasi'); if (!el) return true;
1201                                    const v = (el.value || '').trim();
1202                                    if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false;
1203                                    clearError('verifikasi'); return true;
1204                                  }
1205                                
1206                                  function validateAll(){
1207                                    const ok =
1208                                      vUsername() & vPass() & vPasscon() & vEmail() &
1209                                      vTelp() & vBank() & vRek() & vNama() &
1210                                      vRefOpt() & vVerifOpt();
1211                                    return !!ok;
1212                                  }
1213                                  
1214                                  function attach(id, validator, opts){
1215                                    const el = q(id); if (!el) return;
1216                                    const run = () => validator();
1217                                    el.addEventListener('focus', run);
1218                                    if (!opts || opts.input !== false) el.addEventListener('input', run);
1219                                    el.addEventListener('blur', run);
1220                                    if (opts && opts.change) el.addEventListener('change', run);
1221                                  }
1222                                
1223                                  document.addEventListener('DOMContentLoaded', function(){
1224                                    attach('reg_username',   vUsername);
1225                                    attach('reg_pass',       vPass);
1226                                    attach('reg_passcon',    vPasscon);
1227                                    attach('reg_email',      vEmail);
1228                                    attach('reg_telpon',     vTelp);
1229                                    attach('reg_bank',       vBank, { input
1229:false, change:true });
1230                                    attach('reg_rek',        vRek);
1231                                    attach('reg_nama',       vNama);
1232                                    attach('reg_ref',        vRefOpt);
1233                                    attach('reg_verifikasi', vVerifOpt);
1234                                
1235                                    const f = q('formRegister');
1236                                    if (f) {
1237                                      f.addEventListener('submit', function(e){
1238                                        if (!validateAll()) {
1239                                          e.preventDefault();
1240                                          const firstErr = root()?.querySelector('.error-border') || q('reg_username');
1241                                          if (firstErr && firstErr.focus) firstErr.focus();
1242                                        }
1243                                      });
1244                                    }
1245                                  });
1246                                })();
1247                                </script>
1247
1248                        </div>                 
1249                    </div>
1250    
1251                    <div class="menu">
1252                        <style>
1253    .menu-item {
1254        display: flex;
1255        flex-direction: column;
1256        align-items: center;
1257        justify-content: center;
1258        gap: 12px;
1259        min-width: 72px;
1260        padding: 8px;
1261        height: 100%;
1262    }
1263    
1264    .menu-item:hover {
1265        background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%);
1266    }
1267    
1268    .menu-item.active {
1269        background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%);
1270    }
1271    
1272    .menu-item-img {
1273        height: 28px;
1274    }
1275    
1276    .menu-item-icon {
1277        font-size: 28px;
1278        color: var(--menu-item-color)
1279    }
1280    
1281    .menu-item:hover>.menu-item-icon {
1282        color: var(--primary-color);
1283    }
1284</style>
1285
1286
1287<a href="/" class="menu-item active">
1288    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
1289    <i class="menu-item-icon icon-home" style="font-size: 28px"></i>
1290    <label>HOME</label>
1291</a>
1292
1293    <a href="/register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')">
1294        <!--<img class="mobile-only" src="assets/togel.png" alt="">-->
1295        <!--<img src="https://img.viva88athenae.com//icons/lottery.png?1790436672" alt="TOGEL" class="menu-item-img">-->
1296        <i class="menu-item-icon icon-lottery" style="font-size: 28px"></i>
1297        <label>TOGEL</label>
1298    </a>
1299    
1300
1301
1302<a href="/slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')">
1303    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
1304    <i class="menu-item-icon icon-slots"></i>
1305    <label>SLOT</label>
1306</a>
1307<a href="/casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')">
1308    <!--<img class="mobile-only" src="assets/live.png" alt="">-->
1309    <i class="menu-item-icon icon-casino"></i>
1310    <label>LIVE CASINO</label>
1311</a>
1312<a href="/sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')">
1313    <!--<img class="mobile-only" src="assets/sport.png" alt="">-->
1314    <i class="menu-item-icon icon-sports"></i>
1315    <label>SPORT</label>
1316</a>
1317<a href="/sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')">
1318<!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
1319    <i class="menu-item-icon icon-sabung"></i>
1320    <label>SABUNG</label>
1321</a>
1322<a href="/arcade" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')">
1323    <!--<img class="mobile-only" src="assets/fishing.png" alt="">-->
1324    <i class="menu-item-icon icon-arcade"></i>
1325    <label>ARCADE</label>
1326</a>
1327<a href="/interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')">
1328    <i class="menu-item-icon icon-interactive"></i>
1329    <label>INTERACTIVE</label>
1330</a>
1331                    </div>
1332                                        
1333
1334
1335                    <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)">
1336                        
1337                        
1338        <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)">
1339            <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
1340        </div>
1341        
1342        <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)">
1343            <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
1344        </div>
1345    
1346    
1347    <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)">
1348    
1349    
1350        <div style="white-space: nowrap; height: 100%; font-size: 0px">
1351                                        
1352                        <a href="#togel-mobile" style="height: 100%; width: 74px; display: inline-block;">
1353                        <div style="display: grid; place-items: center; height: 100%">
1354                            <div class="menu-item" style="gap: 8px">
1355                                <img class="mobile-only" src="https://img.viva88athenae.com//icons/lottery.png" alt="">
1356                                <label class="text-white">TOGEL</label>
1357                            </div>
1358                        </div>
1359                    </a>
1360                        
1361                                <div style="height: 100%; width: 74px; display: inline-block;">
1362                    <div style="display: grid; place-items: center; height: 100%">
1363                        <div class="menu-item" style="gap: 8px" onclick="showProvider('slot')">
1364                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/slots.png" alt="">
1365                            <label class="text-white">SLOT</label>
1366                        </div>
1367                    </div>
1368                </div>
1369                <div style="height: 100%; width: 74px; display: inline-block;">
1370                    <div style="display: grid; place-items: center; height: 100%">
1371                        <div class="menu-item" style="gap: 8px" onclick="showProvider('casino')">
1372                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/casino.png" alt="">
1373                            <label class="text-white">LIVE CASINO</label>
1374                        </div>
1375                    </div>
1376                </div>
1377                <div style="height: 100%; width: 74px; display: inline-block;">
1378                    <div style="display: grid; place-items: center; height: 100%">
1379                        <div class="menu-item" style="gap: 8px" onclick="showProvider('sport')">
1380                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/sp
1380orts.png" alt="">
1381                            <label class="text-white">SPORT</label>
1382                        </div>
1383                    </div>
1384                </div>
1385                <div style="height: 100%; width: 74px; display: inline-block;">
1386                    <div style="display: grid; place-items: center; height: 100%">
1387                    <div class="menu-item" style="gap: 8px" onclick="showProvider('fish')">
1388                        <img class="mobile-only" src="https://img.viva88athenae.com//icons/arcade.png" alt="">
1389                        <label class="text-white">ARCADE</label>
1390                    </div>
1391                    </div>
1392                </div>
1393                <div style="height: 100%; width: 74px; display: inline-block;">
1394                    <div style="display: grid; place-items: center; height: 100%">
1395                        <div class="menu-item" style="gap: 8px" onclick="showProvider('sabung')">
1396                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/sabung.png" alt="">
1397                            <label class="text-white">SABUNG</label>
1398                        </div>
1399                    </div>
1400                </div>
1401                
1402                <div style="height: 100%; width: 74px; display: inline-block;">
1403                    <div style="display: grid; place-items: center; height: 100%">
1404                        <div class="menu-item" style="gap: 8px" onclick="showProvider('interactive')">
1405                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/interactive.png" alt="">
1406                            <label class="text-white">INTERACTIVE</label>
1407                        </div>
1408                    </div>
1409                </div>
1410        </div>
1411    </div>                                                                                                                        
1412</div>                    
1413                    
1414                    <div class="menu-content mobile-only">
1415                            <div id="main-content" style="background: var(--content-box-background)">
1416                                                        </div>
1417                    </div>
1418                    
1419                    
1420                    <!-- Banner SBO -->
1421                        
1422                        <style>
1423                            .match-slider-wrap {
1424                                max-width: 1200px;
1425                                margin: 16px auto;
1426                                margin-bottom: 24px;
1427                                padding: 0 12px;
1428                            }
1429
1430                            .match-card {
1431                                position: relative;
1432                                overflow: hidden;
1433                                min-height: 180px;
1434                                border-radius: 16px;
1435                                background:
1436                                linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.01)),
1437                                linear-gradient(180deg, #232323 0%, #161616 100%);
1438                                color: #fff;
1439                                box-shadow: 0 10px 24px rgba(0,0,0,.35);
1440                                padding: 14px 14px 16px;
1441                            }
1442
1443                            .match-card::before {
1444                                content: "";
1445                                position: absolute;
1446                                inset: 0;
1447                                background: repeating-linear-gradient(
1448                                    -35deg,
1449                                    rgba(255,255,255,.04),
1450                                    rgba(255,255,255,.04) 8px,
1451                                    transparent 8px,
1452                                    transparent 18px
1453                                );
1454                                pointer-events: none;
1455                                opacity: .35;
1456                            }
1457
1458                            .match-card > * {
1459                                position: relative;
1460                                z-index: 1;
1461                            }
1462
1463                            .league-name {
1464                                font-size: 14px;
1465                                font-weight: 700;
1466                                letter-spacing: .4px;
1467                                text-transform: uppercase;
1468                                text-align: center;
1469                                margin-bottom: 2px;
1470                                color: #ffffff;
1471                            }
1472
1473                            .kickoff-time {
1474                                font-size: 14px;
1475                                font-weight: 800;
1476                                text-align: center;
1477                                color: #ffd23c;
1478                                margin-bottom: 12px;
1479                            }
1480
1481                            .match-main-row,
1482                            .match-odds-row {
1483                                display: flex;
1484                                align-items: flex-start;
1485                                justify-content: space-between;
1486                                gap: 0;
1487                            }
1488
1489                            .match-odds-row {
1490                                align-items: center;
1491                                margin-top: 12px;
1492                            }
1493
1494                            .team-col {
1495                                width: 30%;
1496                                text-align: center;
1497                                display: flex;
1498                                flex-direction: column;
1499                                align-items: center;
1500                            }
1501
1502                            .score-col {
1503                                width: 40%;
1504                                text-align: center;
1505                                display: flex;
1506                                flex-direction: column;
1507                                align-items: center;
1508                                justify-content: center;
1509                            }
1510
1511                            .team-logo {
1512                                width: 46px;
1513                                height: 46px;
1514                                object-fit: contain;
1515                                margin-bottom: 6px;
1516                            }
1517
1518                            .team-name {
1519                                font-size: 14px;
1520                                line-height: 1.15;
1521                                min-height: 34px;
1522                                display: flex;
1523                                align-items: center;
1524                                justify-content: center;
1525                                text-align: center;
1526                            }
1527
1528                            .score-value {
1529                                font-size: 28px;
1530                                font-weight: 800;
1531                                line-height: 1;
1532                                margin-bottom: 10px;
1533                            }
1534
1535                            .bet-btn {
1536                                display: inline-block;
1537                                min-width: 95px;
1538                                border-radius: 8px;
1539                                background: linear-gradient(180deg, #ffcf21 0%, #f0ab00 100%);
1540                                color: #1d1d1d;
1541                                font-size: 14px;
1542                                font-weight: 800;
1543                                text-decoration: none;
1544                                padding: 10px 16px;
1545                                box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
1546                            }
1547
1548                            .bet-btn:hover {
1549                                color: #1d1d1d;
1550                                filter: brightness(1.03);
1551                            }
1552
1553                            .odds-col {
1554                                width: 30%;
1555                                text-align: center;
1556                                font-size: 12px;
1557                                font-weight: 700;
1558                                color: #ffd23c;
1559                                display: flex;
1560                                align-items: center;
1561                                justify-content: center;
1562                                min-height: 18px;
1563                            }
1564
1565                            .odds-col small {
1566                                font-size: 12px;
1567                                font-weight: 600;
1568                                color: #ffffff;
1569                                opacity: .95;
1570                            }
1571
1572                            .odds-spacer {
1573                                width: 40%;
1574                            }
1575
1576                            .carousel-control-prev,
1577                            .carousel-control-next {
1578                                width: 48px;
1579                            }
1580
1581                            .carousel-control-prev-icon,
1582                            .carousel-control-next-icon {
1583                                width: 2.5rem;
1584                                height: 2.5rem;
1585                                border-radius: 50%;
1586                                background-color: rgba(255,255,255,.15);
1587                                background-size: 55% 55%;
1588                            }
1589
1590                            .carousel-indicators [data-bs-target] {
1591                                width: 8px;
1592                                height: 8px;
1593                                border-radius: 50%;
1594                            }
1595
1596                            @media (max-width: 991.98px) {
1597                                .match-card {
1598                                    min-height: 170px;
1599                                }
1600                            }
1601
1602                           @media (max-width: 767.98px) {
1603                                .match-slider-wrap {
1604                                    max-width: 100%;
1605                                    padding: 0 20px;
1606                                    margin: 20px 0;
1607                                }
1608
1609                                .match-slider-wrap .carousel-inner {
1610                                    padding: 0;
1611                                }
1612
1613                                .match-slider-wrap .carousel-item .row {
1614                                    margin: 0;
1615                                }
1616
1617                                .match-slider-wrap .carousel-item .col-12 {
1618                                    padding: 0;
1619                                }
1620
1621                                .match-card {
1622                                    width: 100%;
1623                                    border-radius: 16px;
1624                                }
1625
1626                                .league-name {
1627                                    font-size: 13px;
1628                                    margin-bottom: 2px;
1629                                }
1630
1631                                .kickoff-time {
1632                                    font-size: 13px;
1633                                    margin-bottom: 10px;
1634                                }
1635
1636                                .team-col {
1637                                    width: 30%;
1638                                }
1639
1640                                .score-col {
1641                                    width: 40%;
1642                                }
1643
1644                                .team-logo {
1645                                    width: 42px;
1646                                    height: 42px;
1647                                    margin-bottom: 4px;
1648                                }
1649
1650                                .team-name {
1651                                    font-size: 12px;
1652                                    line-height: 1.15;
1653                                    min-height: 30px;
1654                                }
1655
1656                                .score-value {
1657                                    font-size: 22px;
1658                                    margin-bottom: 8px;
1659                                }
1660
1661                                .bet-btn {
1662                                    min-width: 88px;
1663                                    font-size: 13px;
1664                                    padding: 8px 14px;
1665                                    border-radius: 8px;
1666                                }
1667
1668                                .match-odds-row {
1669                                    margin-top: 10px;
1670                                }
1671
1672                                .odds-col,
1673                                .odds-col small {
1674                                    font-size: 11px;
1675                                }
1676
1677                                .carousel-control-prev,
1678                                .carousel-control-next {
1679                                    width: 34px;
1680                                }
1681
1682                                .carousel-control-prev-icon,
1683                                .carousel-control-next-icon {
1684                                    width: 2rem;
1685                                    height: 2rem;
1686                                    background-size: 50% 50%;
1687                                }
1688
1689                                .carousel-indicators {
1690                                    margin-bottom: -2px;
1691                                }
1692
1693                                .carousel-indicators [data-bs-target] {
1694                                    width: 7px;
1695                                    height: 7px;
1696                                    margin: 0 3px;
1697                                }
1698                        }
1699                        </style>
1700                    <!-- Banner SBO End -->
1701        
1702                    <div class="promosi">
1703                        
1704                        <!-- Desktop -->
1705                        <div class="desktop-only h-100">                        
1706                            <div class="d-flex align-items-center h-100">
1707                                <a href="/promosi" class="menu-item">
1708                                    <i class="menu-item-icon icon-promotion"></i>
1709                                    <label>PROMOSI</label>
1710                                </a>
1711                                
1712                                <a href="/event" class="menu-item">
1713                                    <i class="menu-item-icon icon-event"></i>
1714                                    <label>EVENT</label>
1715                                </a>
1716                            </div>
1717                        </div>
1718                        
1719
1720
1721                        
1722                        <!--<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>-->
1723                        
1724                        <!-- Mobile -->
1725                                                 
1726                        <div class="mobile-only" style="padding-top: 24px">
1727                            
1728                            <div class="d-flex gap-3 justify-content-center align-items-center">
1729                                                                            <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a>
1730                                            <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div>
1731                                        
1732                                <a href="/wap" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a>
1733                            </div>
1734
1735                            
1736                        </div>
1737                                            </div>
1738
1739                </div>
1740                
1741            </header>
1742                
1743    
1744    
1745            <div id="marquee" class="marquee desktop-only">
1746                <div class="marquee-content py-2">
1747                    <div class="d-flex 
1747align-items-center gap-2">
1748                        <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div>
1749                        <i class="bi bi-megaphone-fill desktop-only"></i>
1750                    </div>
1751                    <div class="running" style="padding-left: 8px; padding-right: 32px">
1752                        <div class="broadcast" style="width: 100%">SELAMAT DATANG DI UNIKTOTO SITUS TOGEL TERPERCAYA NO.1 INDONESIA, SITUS SLOT PALING GACOR GAMPANG MENANG DENGAN GAME LIVECASINO TERLENGKAP!!</div>
1753                    </div>
1754                    <div class="d-flex align-items-center gap-2">
1755                        <div id="desktoplogin" class="desktop-only">
1756                            <form class="login-form form" role="form">
1757                                <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem; white-space:nowrap;"></div>
1758                                <div class="input-group login-field">
1759                                    <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
1760                                    <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
1761                                </div>
1762                                
1763                                
1764                                
1765                                <div class="input-group login-field">
1766                                    <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>
1767                                    <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
1768                                </div>
1769                                
1770                                <!-- captcha -->
1771                         
1772                                    <div class="verifikasiform" style=" ">
1773                                        <div style="display: flex; gap: 2px;">
1774                                            <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span>
1775                                            <input type="text" class="form-control login-field" name="verifikasi" id="verform"  style="width:40px;height: 30px !important" autocomplete="off">
1776                                        </div>
1777
1778                                    </div>
1779                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
1780                              
1781                                <!-- end captcha -->
1782    
1783    
1784                                <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
1785                                <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>
1786                                
1787                                
1788                                <input type="hidden" name="task" value="login">
1789                                <input type="hidden" name="iscaptchalogin" value="1">
1790                                <input type="hidden" name="logindesktop" value="NCynNhMq1ivYtv+Vj/5GO6xRnoxZgoHFhCkP7rOmphA=">
1791                                <input type="hidden" name="isrecaptchalogin" value="0">
1792                            </form>
1793
1794                                                    </div>
1795                    
1796                        
1797                        <!--<a href="/event">-->
1798                        <!--    <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>-->
1799                        <!--</a>-->
1800                    </div>
1801                </div>
1802            </div>
1803            
1804            
1805            
1806            <!--Informasi Modal -->
1807            <div id="modal-wrapper" class="modal" style=" background:none;">
1808            
1809                <div class="slideDown" id="informasi-menu">
1810                  <div class="row">
1811                    <div class="col-xs-3" style="padding-right:0px; width:164px">
1812                        <div id="informasi-logo">
1813                            <img src="/images/logoweb.png" width="120px"/>
1814                        </div>
1815                        <div class="menuleft">
1816
1817                                <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a>
1818                                <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a>
1819                                <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a>
1820                                <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a>
1821                                <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a>
1822                                <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a>
1823                                <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a>
1824
1825                        </div>
1826                   </div>    
1827                   <div class="col-xs-9" id="informasi-content" style="position: relative">
1828                        <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">&times;</div>
1829                        <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2"> 
1830                        </div>
1831                    </div>
1832                    
1833                </div>
1834              </div>
1835            </div>
1836            
1837
1838            
1839    
1840            <div class="contentdata">
1841                <div id="content-primary" class="p-0">
1842                   
1843                                        
1844                        <div class="content-body" style="position: relative">
1845                                <div class="content-area">
1846                                    <div id="content" class="content-box">
1847                                        
1848                                            <div class="panel panelbg">
1849       <div class="desktop-only"><h3 class="pb-4">Slot</h3></div>
1850           <div class="panel-body">
1851           
1852            <div style="margin-top: 10px">
1853            
1854            <style>
1855    
1856    .slotarea {
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    .casinoarea {
1867        overflow:auto;
1868        width: 100%; 
1869        display: grid; 
1870        grid-template-columns: repeat(4, 1fr);
1871        gap-y: 25px;
1872        margin-bottom: 24px;
1873    }
1874    
1875    .interactivearea {
1876        height: 800px;
1877         overflow:auto;
1878        width: 100%; 
1879        display: grid; 
1880        grid-template-columns: repeat(5, 1fr);
1881        gap-y: 25px;
1882        margin-bottom: 40px;
1883    }
1884    
1885    .five {
1886        grid-template-columns: repeat(5, 1fr);
1887    }
1888    
1889    .gameitem {
1890        padding: 20px;
1891        padding-top: 0px;
1892        position: relative;
1893    }
1894    
1895    .gameitem>img {
1896        width: 200px;
1897        max-width: 200px;
1898        object-fit: contain;
1899    }
1900    
1901    .gameitem>figcaption {
1902        overflow-wrap: break-word;
1903    }
1904    
1905    .casinoimg {
1906        border-radius: 10px;
1907        border: 1px solid #000; 
1908        box-shadow:rgba(0,0,0,.1) 0px 2px 5px 5px;
1909    }
1910    
1911    @media only screen and (max-width: 768px) {
1912        
1913        .slotarea, .casinoarea, .interactivearea{
1914            height: 100%;
1915            grid-template-columns: repeat(3, 1fr)!important;
1916            gap: 6px;
1917            padding: 8px;
1918            box-sizing: border-box;
1919        }
1920        
1921        .gameitem {
1922            padding: 2px;
1923        }
1924        
1925        .gameitem .casinoimg {
1926            width: 100%!important;
1927            max-width: 100%!important;
1928            height: auto;
1929        }
1930
1931        .slotarea .gameitem>img,
1932        .interactivearea .gameitem>img {
1933            width: auto !important;
1934            max-width: 100px !important;
1935            height: auto;
1936            margin: 0 auto;
1937            display: block;
1938        }
1939        
1940        .gameitem>figcaption {
1941            font-size: 10px;
1942            line-height: 1.2;
1943        }
1944
1945        /* PP - NEW */
1946        .gameitem img[alt="NEW"][src*="icon-pp-new"] {
1947            top: 2px !important;
1948            left: 7px !important;
1949            max-width: 35px !important;
1950            height: auto !important;
1951        }
1952
1953        /* PP - TOP */
1954        .gameitem img[alt="TOP"][src*="icon-pp-top"] {
1955            top: 2px !important;
1956            left: 8px !important;
1957            max-width: 34px !important;
1958            height: auto !important;
1959        }
1960
1961        /* PG - NEW */
1962        .gameitem img[alt="NEW"][src*="icon-pg-new"] {
1963            top: 2px !important;
1964            left: 7px !important;
1965            max-width: 40px !important;
1966            height: auto !important;
1967        }
1968
1969        /* PG - TOP */
1970        .gameitem img[alt="TOP"][src*="icon-pg-top"] {
1971            top: 2px !important;
1972            left: 7px !important;
1973            max-width: 30px !important;
1974            height: auto !important;
1975        }
1976
1977        /* JL/JILI - NEW */
1978        .gameitem img[alt="NEW"][src*="icon-jili-new"] {
1979            top: 2px !important;
1980            left: 7px !important;
1981            max-width: 55px !important;
1982            height: auto !important;
1983        }
1984
1985        /* JL/JILI - TOP */
1986        .gameitem img[alt="TOP"][src*="icon-jili-top"] {
1987            top: 2px !important;
1988            left: 7px !important;
1989            max-width: 40px !important;
1990            height: auto !important;
1991        }
1992    }
1993    
1994</style>
1995
1996
1997<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">
1997<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">
1997<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;">
1997Chocolate 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;">
1997Dreams 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">
1997<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;">
1997Emperors 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>            
1998            
1999            
2000      		</div>
2001    	</div>
2002    </div>
2003                                            
2004                                    </div>
2005                                </div>
2006                        </div>
2007                    
2008
2009                                    </div>
2010            </div>
2011
2012            
2013            
2014                       <div class="widget-kupon">
2015                <!-- <div style="position:relative; width:100%;"> -->
2016                    <iframe class="iframe-kupon" src="https://fkupon.com/widget2.php"></iframe>
2017                    <div onclick="scrollToLoginForm('kupon')" style="position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; z-index:5;"></div>
2018                <!-- </div> -->
2019            </div>
2020            
2021            <!-- BANNER SBO MOBILE -->
2022            <div class="widget-sbo mobile-only">
2023               <div class="match-slider-wrap">
2024                                    <div id="sboMatchCarouselMobile" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500">
2025
2026                                                    <div class="carousel-indicators">
2027                                                                    <button
2028                                    type="button"
2029                                    data-bs-target="#sboMatchCarouselMobile"
2030                                    data-bs-slide-to="0"
2031                                    class="active"
2032                                    aria-current="true"                                    aria-label="Slide 1">
2033                                </button>
2034                                                                <button
2035                                    type="button"
2036                                    data-bs-target="#sboMatchCarouselMobile"
2037                                    data-bs-slide-to="1"
2038                                    class=""
2039                                                                        aria-label="Slide 2">
2040                                </button>
2041                                                                <button
2042                                    type="button"
2043                                    data-bs-target="#sboMatchCarouselMobile"
2044                                    data-bs-slide-to="2"
2045                                    class=""
2046                                                                        aria-label="Slide 3">
2047                                </button>
2048                                                                <button
2049                                    type="button"
2050                                    data-bs-target="#sboMatchCarouselMobile"
2051                                    data-bs-slide-to="3"
2052                                    class=""
2053                                                                        aria-label="Slide 4">
2054                                </button>
2055                                                                <button
2056                                    type="button"
2057                                    data-bs-target="#sboMatchCarouselMobile"
2058                                    data-bs-slide-to="4"
2059                                    class=""
2060                                                                        aria-label="Slide 5">
2061                                </button>
2062                                                                <button
2063                                    type="button"
2064                                    data-bs-target="#sboMatchCarouselMobile"
2065                                    data-bs-slide-to="5"
2066                                    class=""
2067                                                                        aria-label="Slide 6">
2068                                </button>
2069                                                                <button
2070                                    type="button"
2071                                    data-bs-target="#sboMatchCarouselMobile"
2072                                    data-bs-slide-to="6"
2073                                    class=""
2074                                                                        aria-label="Slide 7">
2075                                </button>
2076                                                                <button
2077                                    type="button"
2078                                    data-bs-target="#sboMatchCarouselMobile"
2079                                    data-bs-slide-to="7"
2080                                    class=""
2081                                                                        aria-label="Slide 8">
2082                                </button>
2083                                                                <button
2084                                    type="button"
2085                                    data-bs-target="#sboMatchCarouselMobile"
2086                                    data-bs-slide-to="8"
2087                                    class=""
2088                                                                        aria-label="Slide 9">
2089                                </button>
2090                                                                <button
2091                                    type="button"
2092                                    data-bs-target="#sboMatchCarouselMobile"
2093                                    data-bs-slide-to="9"
2094                                    class=""
2095                                                                        aria-label="Slide 10">
2096                                </button>
2097                                                    </div>
2098                    
2099                    <div class="carousel-inner">
2100                                                    <div class="carousel-item active">
2101                                <div class="row g-3">
2102                                                                            <div class="col-12">
2103                                            <div class="match-card h-100">
2104                                                <div class="league-name">
2105                                                    ENGLISH PREMIER LEAGUE                                                </div>
2106
2107                                                <div class="kickoff-time">
2108                                                    October 10, 2026 — 18:30 WIB                                                </div>
2109
2110                                                <div class="match-main-row">
2111                                                    <div class="team-col">
2112                                                        <img
2113                                                        src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png"
2114                                                        alt="Arsenal"
2115                                                        class="team-logo"
2116                                                        >
2117                                                        <div class="team-name">
2118                                                            Arsenal                                                        </div>
2119                                                    </div>
2120
2121                                                    <div class="score-col">
2122                                                        <div class="score-value">
2123                                                            0 : 0                                                        </div>
2124
2125                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')">
2126                                                            BET NOW
2127                                                        </a>
2128                                                    </div>
2129
2130                                                    <div class="team-col">
2131                                                        <img
2132                                                        src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
2132ce556.png"
2133                                                        alt="Leeds United"
2134                                                        class="team-logo"
2135                                                        >
2136                                                        <div class="team-name">
2137                                                            Leeds United                                                        </div>
2138                                                    </div>
2139                                                </div>
2140
2141                                                <div class="match-odds-row">
2142                                                    <div class="odds-col">
2143                                                        <span>
2144                                                            0.75                                                            <small>0.50</small>
2145                                                        </span>
2146                                                    </div>
2147
2148                                                    <div class="odds-spacer"></div>
2149
2150                                                    <div class="odds-col">
2151                                                        <span>
2152                                                            -0.75                                                            <small>-0.60</small>
2153                                                        </span>
2154                                                    </div>
2155                                                </div>
2156                                            </div>
2157                                        </div>
2158                                                                    </div>
2159                            </div>
2160                                                    <div class="carousel-item ">
2161                                <div class="row g-3">
2162                                                                            <div class="col-12">
2163                                            <div class="match-card h-100">
2164                                                <div class="league-name">
2165                                                    ENGLISH PREMIER LEAGUE                                                </div>
2166
2167                                                <div class="kickoff-time">
2168                                                    October 10, 2026 — 21:00 WIB                                                </div>
2169
2170                                                <div class="match-main-row">
2171                                                    <div class="team-col">
2172                                                        <img
2173                                                        src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png"
2174                                                        alt="Chelsea"
2175                                                        class="team-logo"
2176                                                        >
2177                                                        <div class="team-name">
2178                                                            Chelsea                                                        </div>
2179                                                    </div>
2180
2181                                                    <div class="score-col">
2182                                                        <div class="score-value">
2183                                                            0 : 0                                                        </div>
2184
2185                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')">
2186                                                            BET NOW
2187                                                        </a>
2188                                                    </div>
2189
2190                                                    <div class="team-col">
2191                                                        <img
2192                                                        src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png"
2193                                                        alt="Bournemouth AFC"
2194                                                        class="team-logo"
2195                                                        >
2196                                                        <div class="team-name">
2197                                                            Bournemouth AFC                                                        </div>
2198                                                    </div>
2199                                                </div>
2200
2201                                                <div class="match-odds-row">
2202                                                    <div class="odds-col">
2203                                                        <span>
2204                                                            0.5                                                            <small>0.66</small>
2205                                                        </span>
2206                                                    </div>
2207
2208                                                    <div class="odds-spacer"></div>
2209
2210                                                    <div class="odds-col">
2211                                                        <span>
2212                                                            -0.5                                                            <small>-0.76</small>
2213                                                        </span>
2214                                                    </div>
2215                                                </div>
2216                                            </div>
2217                                        </div>
2218                                                                    </div>
2219                            </div>
2220                                                    <div class="carousel-item ">
2221                                <div class="row g-3">
2222                                                                            <div class="col-12">
2223                                            <div class="match-card h-100">
2224                                                <div class="league-name">
2225                                                    SPAIN LA LIGA                                                </div>
2226
2227                                                <div class="kickoff-time">
2228                                                    October 10, 2026 — 23:30 WIB                                                </div>
2229
2230                                                <div class="match-main-row">
2231                                                    <div class="team-col">
2232                                                        <img
2233                                                        src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png"
2234                                                        alt="Barcelona"
2235                                                        class="team-logo"
2236                                                        >
2237                                                        <div class="team-name">
2238                                                            Barcelona                                                        </div>
2239                                                    </div>
2240
2241                                                    <div class="score-col">
2242                                                        <div class="score-value">
2243                                                            0 : 0                                                        </div>
2244
2245                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')">
2246                                                            BET NOW
2247                                                        </a>
2248                                                    </div>
2249
2250                                                    <div class="team-col">
2251                                                        <img
2252                                                        src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png"
2253                                                        alt="Getafe"
2254                                                        class="team-logo"
2255                                                        >
2256                                                        <div class="team-name">
2257                                                            Getafe                                                        </div>
2258                                                    </div>
2259                                                </div>
2260
2261                                                <div class="match-odds-row">
2262                                                    <div class="odds-col">
2263                                                        <span>
2264                                                            2.5                                                            <small>0.82</small>
2265                                                        </span>
2266                                                    </div>
2267
2268                                                    <div class="odds-spacer"></div>
2269
2270                                                    <div class="odds-col">
2271                                                        <span>
2272                                                            -2.5                                                            <small>-0.92</small>
2273                                                        </span>
2274                                                    </div>
2275                                                </div>
2276                                            </div>
2277                                        </div>
2278                                                                    </div>
2279                            </div>
2280                                                    <div class="carousel-item ">
2281                                <div class="row g-3">
2282                                                                            <div class="col-12">
2283                                            <div class="match-card h-100">
2284                                                <div class="league-name">
2285                                                    ENGLISH PREMIER LEAGUE                                                </div>
2286
2287                                                <div class="kickoff-time">
2288                                                    October 10, 2026 — 21:00 WIB                                                </div>
2289
2290                                                <div class="match-main-row">
2291                                                    <div class="team-col">
2292                                                        <img
2293                                                        src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png"
2294                                                        alt="Aston Villa"
2295                                                        class="team-logo"
2296                                                        >
2297                                                        <div class="team-name">
2298                                                            Aston Villa                                                        </div>
2299                                                    </div>
2300
2301                                                    <div class="score-col">
2302                                                        <div class="score-value">
2303                                                            0 : 0                                                        </div>
2304
2305                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')">
2306                                                            BET NOW
2307                                                        </a>
2308                                                    </div>
2309
2310                                                    <div class="team-col">
2311                                                        <img
2312                                                        src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png"
2313                                                        alt="Brentford"
2314                                                        class="team-logo"
2315                                                        >
2316                                                        <div class="team-name">
2317                                                            Brentford                                                        </div>
2318                                                    </div>
2319                                                </div>
2320
2321                                                <div class="match-odds-row">
2322                                                    <div class="odds-col">
2323                                                        <span>
2324                                                            0.00                                                            <small>-0.97</small>
2325                                                        </span>
2326                                                    </div>
2327
2328                                                    <div class="odds-spacer"></div>
2329
2330                                                    <div class="odds-col">
2331                                                        <span>
2332                                                            0.00                                                            <small>0.87</small>
2333                                                        </span>
2334                                                    </div>
2335                                                </div>
2336                                            </div>
2337                                        </div>
2338                                                                    </div>
2339                            </div>
2340                                                    <div class="carousel-item ">
2341                                <div class="row g-3">
2342                                                                            <div class="col-12">
2343                                            <div class="match-card h-100">
2344                                                <div class="league-name">
2345                                                    ENGLISH PREMIER LEAGUE                                                </div>
2346
2347                                                <div class="kickoff-time">
2348                                                    October 10, 2026 — 21:00 WIB                                                </div>
2349
2350                                                <div class="match-main-row">
2351                                                    <div class="team-col">
2352                                                        <img
2353                                                        src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png"
2354                                                        alt="Sunderland"
2355                                                        class="team-logo"
2356                                                        >
2357                                                        <div class="team-name">
2358                                                            Sunderland                                                        </div>
2359                                                    </div>
2360
2361                                                    <div class="score-col">
2362                                                        <div class="score-value">
2363                                                            0 : 0                                                        </div>
2364
2365                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')">
2366                                                            BET NOW
2367                                                        </a>
2368                                                    </div>
2369
2370                                                    <div class="team-col">
2371                                                        <img
2372                                                        src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png"
2373                                                        alt="Brighton &amp; Hove Albion"
2374                                                        class="team-logo"
2375                                                        >
2376                                                        <div class="team-name">
2377                                                            Brighton &amp; Hove Albion                                                        </div>
2378                                                    </div>
2379                                                </div>
2380
2381                                                <div class="match-odds-row">
2382                                                    <div class="odds-col">
2383                                                        <span>
2384                                                            0.00                                                            <small>-0.82</small>
2385                                                        </span>
2386                                                    </div>
2387
2388                                                    <div class="odds-spacer"></div>
2389
2390                                                    <div class="odds-col">
2391                                                        <span>
2392                                                            0.00                                                            <small>0.72</small>
2393                                                        </span>
2394                                                    </div>
2395                                                </div>
2396                                            </div>
2397                                        </div>
2398                                                                    </div>
2399                            </div>
2400                                                    <div class="carousel-item ">
2401                                <div class="row g-3">
2402                                                                            <div class="col-12">
2403                                            <div class="match-card h-100">
2404                                                <div class="league-name">
2405                                                    ENGLISH PREMIER LEAGUE                                                </div>
2406
2407                                                <div class="kickoff-time">
2408                                                    October 10, 2026 — 23:30 WIB                                                </div>
2409
2410                                                <div class="match-main-row">
2411                                                    <div class="team-col">
2412                                                        <img
2413                                                        src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png"
2414                                                        alt="Manchester United"
2415                                                        class="team-logo"
2416                                                        >
2417                                                        <div class="team-name">
2418                                                            Manchester United                                                        </div>
2419                                                    </div>
2420
2421                                                    <div class="score-col">
2422                                                        <div class="score-value">
2423                                                            0 : 0                                                        </div>
2424
2425                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')">
2426                                                            BET NOW
2427                                                        </a>
2428                                                    </div>
2429
2430                                                    <div class="team-col">
2431                                                        <img
2432                                                        src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png"
2433                                                        alt="Tottenham Hotspur"
2434                                                        class="team-logo"
2435                                                        >
2436                                                        <div class="team-name">
2437                                                            Tottenham Hotspur                                                        </div>
2438                                                    </div>
2439                                                </div>
2440
2441                                                <div class="match-odds-row">
2442                                                    <div class="odds-col">
2443                                                        <span>
2444                                                            0.5                                                            <small>0.72</small>
2445                                                        </span>
2446                                                    </div>
2447
2448                                                    <div class="odds-spacer"></div>
2449
2450                                                    <div class="odds-col">
2451                                                        <span>
2452                                                            -0.5                                                            <small>-0.82</small>
2453                                                        </span>
2454                                                    </div>
2455                                                </div>
2456                                            </div>
2457                                        </div>
2458                                                                    </div>
2459                            </div>
2460                                                    <div class="carousel-item ">
2461                                <div class="row g-3">
2462                                                                            <div class="col-12">
2463                                            <div class="match-card h-100">
2464                                                <div class="league-name">
2465                                                    SPAIN LA LIGA                                                </div>
2466
2467                                                <div class="kickoff-time">
2468                                                    October 11, 2026 — 02:00 WIB                                                </div>
2469
2470                                                <div class="match-main-row">
2471                                                    <div class="team-col">
2472                                                        <img
2473                                                        src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png"
2474                                                        alt="Real Madrid"
2475                                                        class="team-logo"
2476                                                        >
2477                                                        <div class="team-name">
2478                                                            Real Madrid                                                        </div>
2479                                                    </div>
2480
2481                                                    <div class="score-col">
2482                                                        <div class="score-value">
2483                                                            0 : 0                                                        </div>
2484
2485                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')">
2486                                                            BET NOW
2487                                                        </a>
2488                                                    </div>
2489
2490                                                    <div class="team-col">
2491                                                        <img
2492                                                        src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png"
2493                                                        alt="Villarreal"
2494                                                        class="team-logo"
2495                                                        >
2496                                                        <div class="team-name">
2497                                                            Villarreal                                                        </div>
2498                                                    </div>
2499                                                </div>
2500
2501                                                <div class="match-odds-row">
2502                                                    <div class="odds-col">
2503                                                        <span>
2504                                                            1                                                            <small>0.55</small>
2505                                                        </span>
2506                                                    </div>
2507
2508                                                    <div class="odds-spacer"></div>
2509
2510                                                    <div class="odds-col">
2511                                                        <span>
2512                                                            -1                                                            <small>-0.65</small>
2513                                                        </span>
2514                                                    </div>
2515                                                </div>
2516                                            </div>
2517                                        </div>
2518                                                                    </div>
2519                            </div>
2520                                                    <div class="carousel-item ">
2521                                <div class="row g-3">
2522                                                                            <div class="col-12">
2523                                            <div class="match-card h-100">
2524                                                <div class="league-name">
2525                                                    ITALY SERIE A                                                </div>
2526
2527                                                <div class="kickoff-time">
2528                                                    October 10, 2026 — 22:59 WIB                                                </div>
2529
2530                                                <div class="match-main-row">
2531                                                    <div class="team-col">
2532                                                        <img
2533                                                        src="https://cdn.sportnanoapi.com/football/team/aa2245702c40f77799a5ad4b119581a8.png"
2534                                                        alt="Inter Milan"
2535                                                        class="team-logo"
2536                                                        >
2537                                                        <div class="team-name">
2538                                                            Inter Milan                                                        </div>
2539                                                    </div>
2540
2541                                                    <div class="score-col">
2542                                                        <div class="score-value">
2543                                                            0 : 0                                                        </div>
2544
2545                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145618118')">
2546                                                            BET NOW
2547                                                        </a>
2548                                                    </div>
2549
2550                                                    <div class="team-col">
2551                                                        <img
2552                                                        src="https://cdn.sportnanoapi.com/football/team/9fadd87d190982c8082dddf1567e0b9b.png"
2553                                                        alt="Parma Calcio"
2554                                                        class="team-logo"
2555                                                        >
2556                                                        <div class="team-name">
2557                                                            Parma Calcio                                                        </div>
2558                                                    </div>
2559                                                </div>
2560
2561                                                <div class="match-odds-row">
2562                                                    <div class="odds-col">
2563                                                        <span>
2564                                                            2                                                            <small>0.65</small>
2565                                                        </span>
2566                                                    </div>
2567
2568                                                    <div class="odds-spacer"></div>
2569
2570                                                    <div class="odds-col">
2571                                                        <span>
2572                                                            -2                                                            <small>-0.75</small>
2573                                                        </span>
2574                                                    </div>
2575                                                </div>
2576                                            </div>
2577                                        </div>
2578                                                                    </div>
2579                            </div>
2580                                                    <div class="carousel-item ">
2581                                <div class="row g-3">
2582                                                                            <div class="col-12">
2583                                            <div class="match-card h-100">
2584                                                <div class="league-name">
2585                                                    SPAIN LA LIGA                                                </div>
2586
2587                                                <div class="kickoff-time">
2588                                                    October 10, 2026 — 19:00 WIB                                                </div>
2589
2590                                                <div class="match-main-row">
2591                                                    <div class="team-col">
2592                                                        <img
2593                                                        src="https://cdn.sportnanoapi.com/football/team/5005d8feab109ce64e40beb98073cc1f.png"
2594                                                        alt="Rayo Vallecano"
2595                                                        class="team-logo"
2596                                                        >
2597                                                        <div class="team-name">
2598                                                            Rayo Vallecano                                                        </div>
2599                                                    </div>
2600
2601                                                    <div class="score-col">
2602                                                        <div class="score-value">
2603                                                            0 : 0                                                        </div>
2604
2605                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215614')">
2606                                                            BET NOW
2607                                                        </a>
2608                                                    </div>
2609
2610                                                    <div class="team-col">
2611                                                        <img
2612                                                        src="https://cdn.sportnanoapi.com/football/team/abbb31d42c55612737713aac6567a226.png"
2613                                                        alt="Athletic Bilbao"
2614                                                        class="team-logo"
2615                                                        >
2616                                                        <div class="team-name">
2617                                                            Athletic Bilbao                                                        </div>
2618                                                    </div>
2619                                                </div>
2620
2621                                                <div class="match-odds-row">
2622                                                    <div class="odds-col">
2623                                                        <span>
2624                                                            0.00                                                            <small>0.98</small>
2625                                                        </span>
2626                                                    </div>
2627
2628                                                    <div class="odds-spacer"></div>
2629
2630                                                    <div class="odds-col">
2631                                                        <span>
2632                                                            0.00                                                            <small>0.92</small>
2633                                                        </span>
2634                                                    </div>
2635                                                </div>
2636                                            </div>
2637                                        </div>
2638                                                                    </div>
2639                            </div>
2640                                                    <div class="carousel-item ">
2641                                <div class="row g-3">
2642                                                                            <div class="col-12">
2643                                            <div class="match-card h-100">
2644                                                <div class="league-name">
2645                                                    ENGLISH PREMIER LEAGUE                                                </div>
2646
2647                                                <div class="kickoff-time">
2648                                                    October 11, 2026 — 22:30 WIB                                                </div>
2649
2650                                                <div class="match-main-row">
2651                                                    <div class="team-col">
2652                                                        <img
2653                                                        src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png"
2654                                                        alt="Liverpool"
2655                                                        class="team-logo"
2656                                                        >
2657                                                        <div class="team-name">
2658                                                            Liverpool                                                        </div>
2659                                                    </div>
2660
2661                                                    <div class="score-col">
2662                                                        <div class="score-value">
2663                                                            0 : 0                                                        </div>
2664
2665                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')">
2666                                                            BET NOW
2667                                                        </a>
2668                                                    </div>
2669
2670                                                    <div class="team-col">
2671                                                        <img
2672                                                        src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png"
2673                                                        alt="Manchester City"
2674                                                        class="team-logo"
2675                                                        >
2676                                                        <div class="team-name">
2677                                                            Manchester City                                                        </div>
2678                                                    </div>
2679                                                </div>
2680
2681                                                <div class="match-odds-row">
2682                                                    <div class="odds-col">
2683                                                        <span>
2684                                                            0.00                                                            <small>-0.83</small>
2685                                                        </span>
2686                                                    </div>
2687
2688                                                    <div class="odds-spacer"></div>
2689
2690                                                    <div class="odds-col">
2691                                                        <span>
2692                                                            0.00                                                            <small>0.73</small>
2693                                                        </span>
2694                                                    </div>
2695                                                </div>
2696                                            </div>
2697                                        </div>
2698                                                                    </div>
2699                            </div>
2700                                            </div>
2701
2702                                            <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="prev">
2703                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
2704                            <span class="visually-hidden">Previous</span>
2705                        </button>
2706
2707                        <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="next">
2708                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
2709                            <span class="visually-hidden">Next</span>
2710                        </button>
2711                                    </div>
2712                                </div>
2713            </div>
2714            <!-- BANNER SBO MOBILE END -->
2715            
2716            
2717            <!-- Togel -->    
2718            	
2719	<style>
2720	    .togel-desktop {
2721            /*background: var(--togel-background);*/
2722            background: var(--footer-background);
2723            grid-area: togel-desktop;
2724            position: relative;
2725        }
2726        
2727        .togel-mobile {
2728            display: none;
2729        }
2730
2731        .show-more {
2732            position: absolute; 
2733        
2734            z-index: 999; 
2735            bottom: 0px;
2736            width: 100%;
2737            
2738            /* 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)); */
2739        }
2740        
2741        .show-more-content {
2742            background: var(--secondary-background);
2743            opacity: .7;
2744            display: grid; 
2745            place-items: center; 
2746            height: 32px
2747        }
2748        
2749        .togel-content {    
2750            position: relative;  
2751            display: flex;
2752            flex-wrap: wrap;
2753            justify-content: center;
2754            /*display: grid;*/
2755            /*grid-template-columns: repeat(10, 1fr);*/
2756            gap: 8px 4px;
2757            padding: 16px 0;
2758        }
2759        
2760        .see-more {
2761            padding: 16px 0 48px 0;
2762            max-height: 162px;
2763            transition: max-height .75s ease-out;
2764            transition-delay: .1s;
2765            overflow: hidden;
2766        }
2767        
2768        .togel-content:hover{
2769            max-height: 1000px;
2770            transition: max-height 0.25s ease-in;
2771        }
2772        
2773        .result {
2774            height: 110px;
2775            width: 96px;
2776            border-radius: 10px;
2777            background: var(--result-background);
2778            border: var(--result-border);
2779            
2780            display: grid;
2781            grid-template-rows: 0px 20px 1fr 28px;
2782            grid-template-areas:
2783            "badge"
2784            "pasaran"
2785            "keluaran"
2786            "tanggal"
2787            ;
2788        
2789            /* display: flex;
2790            flex-direction: column;
2791            justify-content: space-between; */
2792        
2793            overflow: hidden;
2794        }
2795        
2796        .badge {
2797            grid-area: badge;
2798            display: grid;
2799            place-items: center;
2800        }
2801        
2802        .result>.pasaran {
2803        
2804            grid-area: pasaran;
2805        
2806            padding-top: 8px;
2807            white-space: nowrap;
2808            font-size: .7rem;
2809            line-height: .7rem;
2810        
2811            color: var(--result-pasaran-color);
2812            display: grid;
2813            place-items: center;
2814        }
2815        
2816        .result>.keluaran {
2817        
2818            grid-area: keluaran;
2819            padding-bottom: 8px;
2820            font-family: 'Oswald', sans-serif;
2821            line-height: 40px;
2822            font-size: 40px;
2823            color: var(--result-keluaran-color);
2824            display: grid;
2825            place-items: center;
2826        }
2827        
2828        .result>.tanggal {
2829        
2830            grid-area: tanggal;
2831        
2832            width: 100%;
2833            height: 100%;
2834            /* background: rgb(40,0,0);
2835            background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */
2836            background: var(--result-tanggal-background);
2837            white-space: nowarp;
2838            font-size: .79rem;
2839            display: grid;
2840            place-items: center;
2841            font-family: 'Abel', sans-serif;
2842            color: var(--result-tanggal-color);
2843        }
2844        
2845        @media only screen and (max-width: 1000px) {
2846            
2847            .togel-desktop {
2848                display: none;
2849            }
2850            
2851            .togel-mobile {
2852
2853                background: var(--secondary-background);
2854                grid-area: togel-mobile;
2855                padding: 24px;
2856                padding-bottom: 12px;
2857                box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px;
2858            }
2859        
2860            .togel-title {
2861                padding: 0px;
2862                padding-bottom: 20px;
2863                font-size: 1.4rem;
2864                font-weight: bold;
2865                color: var(--primary-text-color);
2866            }
2867        
2868            .togel-content {
2869                max-height: fit-content;
2870                display: grid;
2871                grid-template-columns: 1fr;
2872                gap: 0;
2873                border-radius: 8px;
2874            }
2875            
2876
2877        
2878            .provider-group {
2879                padding: var(--mobile-padding-horizontal);
2880            }
2881        
2882            .badge {
2883                display: none;
2884            }
2885        
2886            .result {
2887                height: auto;
2888                width: 100%;
2889                display: grid;
2890                grid-template-rows: 1fr;
2891                grid-template-columns: 1fr 1fr 80px;
2892                grid-template-areas: "pasaran tanggal keluaran";
2893                border-radius: 0;
2894                border: none;
2895                background: transparent;
2896                padding: 4px 12px;
2897                color: var(--primary-text-color);
2898                font-family: 'Abel', sans-serif;
2899                
2900            }
2901            
2902                        
2903            .result-data:nth-child(odd) {
2904                background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background);
2905            }
2906            
2907                        
2908            .accordion-item {
2909                background-color: transparent;
2910                border: 0px;
2911            }
2912            
2913            .accordion-button:not(.collapsed) {
2914                color: inherit;
2915                background-color: transparent;
2916                box-shadow: none;
2917            }
2918            
2919            .accordion-button::after {
2920                height: 0px;
2921            }
2922        
2923            .result>* {
2924                padding: 0px!important;
2925                margin: 0px!important;
2926                font-size: 1.4rem!important;
2927                line-height: auto!important;
2928                font-weight: normal!important;
2929            }
2930        
2931            .result>.pasaran {
2932                display: flex;
2933                justify-content: start;
2934                color: var(--primary-text-color)!important;
2935                opacity: .7;
2936            }
2937        
2938            .result>.tanggal {        
2939                display: flex;
2940                justify-content: center;
2941                background: transparent;
2942                color: var(--primary-text-color)!important;
2943                opacity: .7;
2944            }
2945        
2946            .result>.keluaran {
2947                display: flex;
2948                justify-content: end;
2949                /*color: var(--primary-text-color)!important;*/
2950                font-family: 'Abel', sans-serif;
2951                color: var(--highlight-text-color);
2952            }
2953            
2954        }
2955	</style>
2956	
2957	
2958	
2959	<div id="togel-desktop" class="togel-desktop desktop-only">
2960	    
2961	            	<div class="show-more desktop-only">
2962                <div class="show-more-content">
2963                    <i class="bi bi-chevron-compact-down" style="font-size: 24px; line-height: 24px"></i>
2964                </div>
2965            </div>
2966            
2967        
2968    
2969        <div class="togel-content see-more">
2970                            <!-- <a href="/?content=hasil&pid=TWH" class="result"> -->
2971                <a href="/hasil/TWH" class="result">
2972                    
2973                    <div class="badge">
2974                                            </div>
2975                    
2976                    <div class="pasaran">
2976TOTO WUHAN&nbsp</div>
2977                    <div class="keluaran">6536</div>
2978                    <div class="tanggal"> 10/10/2026</div>
2979                </a>
2980                            <!-- <a href="/?content=hasil&pid=HKD" class="result"> -->
2981                <a href="/hasil/HKD" class="result">
2982                    
2983                    <div class="badge">
2984                                            </div>
2985                    
2986                    <div class="pasaran">HK SIANG&nbsp</div>
2987                    <div class="keluaran">3738</div>
2988                    <div class="tanggal"> 9/10/2026</div>
2989                </a>
2990                            <!-- <a href="/?content=hasil&pid=MYD" class="result"> -->
2991                <a href="/hasil/MYD" class="result">
2992                    
2993                    <div class="badge">
2994                                            </div>
2995                    
2996                    <div class="pasaran">MALAYSIA SIANG&nbsp</div>
2997                    <div class="keluaran">3162</div>
2998                    <div class="tanggal"> 9/10/2026</div>
2999                </a>
3000                            <!-- <a href="/?content=hasil&pid=MY" class="result"> -->
3001                <a href="/hasil/MY" class="result">
3002                    
3003                    <div class="badge">
3004                                            </div>
3005                    
3006                    <div class="pasaran">MALAYSIA&nbsp</div>
3007                    <div class="keluaran">6034</div>
3008                    <div class="tanggal"> 9/10/2026</div>
3009                </a>
3010                            <!-- <a href="/?content=hasil&pid=QTR" class="result"> -->
3011                <a href="/hasil/QTR" class="result">
3012                    
3013                    <div class="badge">
3014                                            </div>
3015                    
3016                    <div class="pasaran">QATAR&nbsp</div>
3017                    <div class="keluaran">8696</div>
3018                    <div class="tanggal"> 9/10/2026</div>
3019                </a>
3020                            <!-- <a href="/?content=hasil&pid=SGP" class="result"> -->
3021                <a href="/hasil/SGP" class="result">
3022                    
3023                    <div class="badge">
3024                                            </div>
3025                    
3026                    <div class="pasaran">SINGAPORE&nbsp</div>
3027                    <div class="keluaran">2855</div>
3028                    <div class="tanggal"> 8/10/2026</div>
3029                </a>
3030                            <!-- <a href="/?content=hasil&pid=SDY" class="result"> -->
3031                <a href="/hasil/SDY" class="result">
3032                    
3033                    <div class="badge">
3034                                            </div>
3035                    
3036                    <div class="pasaran">SYDNEY&nbsp</div>
3037                    <div class="keluaran">6915</div>
3038                    <div class="tanggal"> 9/10/2026</div>
3039                </a>
3040                            <!-- <a href="/?content=hasil&pid=HK" class="result"> -->
3041                <a href="/hasil/HK" class="result">
3042                    
3043                    <div class="badge">
3044                                            </div>
3045                    
3046                    <div class="pasaran">HONGKONG&nbsp</div>
3047                    <div class="keluaran">6469</div>
3048                    <div class="tanggal"> 9/10/2026</div>
3049                </a>
3050                            <!-- <a href="/?content=hasil&pid=TTM00" class="result"> -->
3051                <a href="/hasil/TTM00" class="result">
3052                    
3053                    <div class="badge">
3054                                            </div>
3055                    
3056                    <div class="pasaran">TOTOMACAU 0000&nbsp</div>
3057                    <div class="keluaran">1594</div>
3058                    <div class="tanggal"> 10/10/2026</div>
3059                </a>
3060                            <!-- <a href="/?content=hasil&pid=TTM13" class="result"> -->
3061                <a href="/hasil/TTM13" class="result">
3062                    
3063                    <div class="badge">
3064                                            </div>
3065                    
3066                    <div class="pasaran">TOTOMACAU 1300&nbsp</div>
3067                    <div class="keluaran">2582</div>
3068                    <div class="tanggal"> 9/10/2026</div>
3069                </a>
3070                            <!-- <a href="/?content=hasil&pid=TTM16" class="result"> -->
3071                <a href="/hasil/TTM16" class="result">
3072                    
3073                    <div class="badge">
3074                                            </div>
3075                    
3076                    <div class="pasaran">TOTOMACAU 1600&nbsp</div>
3077                    <div class="keluaran">1103</div>
3078                    <div class="tanggal"> 9/10/2026</div>
3079                </a>
3080                            <!-- <a href="/?content=hasil&pid=TTM19" class="result"> -->
3081                <a href="/hasil/TTM19" class="result">
3082                    
3083                    <div class="badge">
3084                                            </div>
3085                    
3086                    <div class="pasaran">TOTOMACAU 1900&nbsp</div>
3087                    <div class="keluaran">8919</div>
3088                    <div class="tanggal"> 9/10/2026</div>
3089                </a>
3090                            <!-- <a href="/?content=hasil&pid=TTM22" class="result"> -->
3091                <a href="/hasil/TTM22" class="result">
3092                    
3093                    <div class="badge">
3094                                            </div>
3095                    
3096                    <div class="pasaran">TOTOMACAU 2200&nbsp</div>
3097                    <div class="keluaran">6078</div>
3098                    <div class="tanggal"> 9/10/2026</div>
3099                </a>
3100                            <!-- <a href="/?content=hasil&pid=TTM23" class="result"> -->
3101                <a href="/hasil/TTM23" class="result">
3102                    
3103                    <div class="badge">
3104                                            </div>
3105                    
3106                    <div class="pasaran">TOTOMACAU 2300&nbsp</div>
3107                    <div class="keluaran">6884</div>
3108                    <div class="tanggal"> 9/10/2026</div>
3109                </a>
3110                        
3111        </div>
3112    </div>
3113    
3114    <div id="togel-mobile" class="togel-mobile mobile-only">
3115    	    
3116    	    <div class="togel-title">Togel Result</div>
3117    	    
3118            	    
3119	    <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px">
3120          <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px">
3121              
3122                                                                        <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
3123                                                                                <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button>
3124                                                              
3125          </div>
3126          <div class="carousel-inner">
3127
3128            <div class='carousel-item accordion accordion-flush active'>                            <div class="result-data accordion-item">
3129                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH">
3130                                    <div class="badge">
3131                                                                            </div>
3132                                    <div class="pasaran">
3132TOTO WUHAN&nbsp</div>
3133                                    <div class="keluaran">6536</div>
3134                                    <div class="tanggal">10-10-2026</div>
3135                              </button>
3136                                                                <div id="paito-TWH" class="accordion-collapse collapse">
3137                                         
3138                                                <div class="result">
3139                                                    <div class="pasaran"></div>
3140                                                    <div class="keluaran">9250</div>
3141                                                    <div class="tanggal">09-10-2026</div>
3142                                                </div>
3143                                             
3144                                                <div class="result">
3145                                                    <div class="pasaran"></div>
3146                                                    <div class="keluaran">4208</div>
3147                                                    <div class="tanggal">09-10-2026</div>
3148                                                </div>
3149                                             
3150                                                <div class="result">
3151                                                    <div class="pasaran"></div>
3152                                                    <div class="keluaran">6154</div>
3153                                                    <div class="tanggal">09-10-2026</div>
3154                                                </div>
3155                                             
3156                                                <div class="result">
3157                                                    <div class="pasaran"></div>
3158                                                    <div class="keluaran">3312</div>
3159                                                    <div class="tanggal">09-10-2026</div>
3160                                                </div>
3161                                             
3162                                                <div class="result">
3163                                                    <div class="pasaran"></div>
3164                                                    <div class="keluaran">4840</div>
3165                                                    <div class="tanggal">09-10-2026</div>
3166                                                </div>
3167                                             
3168                                                <div class="result">
3169                                                    <div class="pasaran"></div>
3170                                                    <div class="keluaran">6631</div>
3171                                                    <div class="tanggal">09-10-2026</div>
3172                                                </div>
3173                                             
3174                                                <div class="result">
3175                                                    <div class="pasaran"></div>
3176                                                    <div class="keluaran">1674</div>
3177                                                    <div class="tanggal">08-10-2026</div>
3178                                                </div>
3179                                                                                </div>
3180                                                            </div>
3181                            
3182                                                    <div class="result-data accordion-item">
3183                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD">
3184                                    <div class="badge">
3185                                                                            </div>
3186                                    <div class="pasaran">HK SIANG&nbsp</div>
3187                                    <div class="keluaran">3738</div>
3188                                    <div class="tanggal">09-10-2026</div>
3189                              </button>
3190                                                                <div id="paito-HKD" class="accordion-collapse collapse">
3191                                         
3192                                                <div class="result">
3193                                                    <div class="pasaran"></div>
3194                                                    <div class="keluaran">1257</div>
3195                                                    <div class="tanggal">08-10-2026</div>
3196                                                </div>
3197                                             
3198                                                <div class="result">
3199                                                    <div class="pasaran"></div>
3200                                                    <div class="keluaran">6727</div>
3201                                                    <div class="tanggal">07-10-2026</div>
3202                                                </div>
3203                                             
3204                                                <div class="result">
3205                                                    <div class="pasaran"></div>
3206                                                    <div class="keluaran">4776</div>
3207                                                    <div class="tanggal">06-10-2026</div>
3208                                                </div>
3209                                             
3210                                                <div class="result">
3211                                                    <div class="pasaran"></div>
3212                                                    <div class="keluaran">0870</div>
3213                                                    <div class="tanggal">05-10-2026</div>
3214                                                </div>
3215                                             
3216                                                <div class="result">
3217                                                    <div class="pasaran"></div>
3218                                                    <div class="keluaran">3772</div>
3219                                                    <div class="tanggal">04-10-2026</div>
3220                                                </div>
3221                                             
3222                                                <div class="result">
3223                                                    <div class="pasaran"></div>
3224                                                    <div class="keluaran">0546</div>
3225                                                    <div class="tanggal">03-10-2026</div>
3226                                                </div>
3227                                             
3228                                                <div class="result">
3229                                                    <div class="pasaran"></div>
3230                                                    <div class="keluaran">7631</div>
3231                                                    <div class="tanggal">02-10-2026</div>
3232                                                </div>
3233                                                                                </div>
3234                                                            </div>
3235                            
3236                                                    <div class="result-data accordion-item">
3237                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MYD">
3238                                    <div class="badge">
3239                                                                            </div>
3240                                    <div class="pasaran">MALAYSIA SIANG&nbsp</div>
3241                                    <div class="keluaran">3162</div>
3242                                    <div class="tanggal">09-10-2026</div>
3243                              </button>
3244                                                                <div id="paito-MYD" class="accordion-collapse collapse">
3245                                         
3246                                                <div class="result">
3247                                                    <div class="pasaran"></div>
3248                                                    <div class="keluaran">4272</div>
3249                                                    <div class="tanggal">08-10-2026</div>
3250                                                </div>
3251                                             
3252                                                <div class="result">
3253                                                    <div class="pasaran"></div>
3254                                                    <div class="keluaran">9074</div>
3255                                                    <div class="tanggal">07-10-2026</div>
3256                                                </div>
3257                                             
3258                                                <div class="result">
3259                                                    <div class="pasaran"></div>
3260                                                    <div class="keluaran">1210</div>
3261                                                    <div class="tanggal">06-10-2026</div>
3262                                                </div>
3263                                             
3264                                                <div class="result">
3265                                                    <div class="pasaran"></div>
3266                                                    <div class="keluaran">2452</div>
3267                                                    <div class="tanggal">05-10-2026</div>
3268                                                </div>
3269                                             
3270                                                <div class="result">
3271                                                    <div class="pasaran"></div>
3272                                                    <div class="keluaran">6932</div>
3273                                                    <div class="tanggal">04-10-2026</div>
3274                                                </div>
3275                                             
3276                                                <div class="result">
3277                                                    <div class="pasaran"></div>
3278                                                    <div class="keluaran">5590</div>
3279                                                    <div class="tanggal">03-10-2026</div>
3280                                                </div>
3281                                             
3282                                                <div class="result">
3283                                                    <div class="pasaran"></div>
3284                                                    <div class="keluaran">7799</div>
3285                                                    <div class="tanggal">02-10-2026</div>
3286                                                </div>
3287                                                                                </div>
3288                                                            </div>
3289                            
3290                                                    <div class="result-data accordion-item">
3291                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY">
3292                                    <div class="badge">
3293                                                                            </div>
3294                                    <div class="pasaran">MALAYSIA&nbsp</div>
3295                                    <div class="keluaran">6034</div>
3296                                    <div class="tanggal">09-10-2026</div>
3297                              </button>
3298                                                                <div id="paito-MY" class="accordion-collapse collapse">
3299                                         
3300                                                <div class="result">
3301                                                    <div class="pasaran"></div>
3302                                                    <div class="keluaran">2991</div>
3303                                                    <div class="tanggal">08-10-2026</div>
3304                                                </div>
3305                                             
3306                                                <div class="result">
3307                                                    <div class="pasaran"></div>
3308                                                    <div class="keluaran">3932</div>
3309                                                    <div class="tanggal">07-10-2026</div>
3310                                                </div>
3311                                             
3312                                                <div class="result">
3313                                                    <div class="pasaran"></div>
3314                                                    <div class="keluaran">4883</div>
3315                                                    <div class="tanggal">06-10-2026</div>
3316                                                </div>
3317                                             
3318                                                <div class="result">
3319                                                    <div class="pasaran"></div>
3320                                                    <div class="keluaran">4639</div>
3321                                                    <div class="tanggal">05-10-2026</div>
3322                                                </div>
3323                                             
3324                                                <div class="result">
3325                                                    <div class="pasaran"></div>
3326                                                    <div class="keluaran">4920</div>
3327                                                    <div class="tanggal">04-10-2026</div>
3328                                                </div>
3329                                             
3330                                                <div class="result">
3331                                                    <div class="pasaran"></div>
3332                                                    <div class="keluaran">8849</div>
3333                                                    <div class="tanggal">03-10-2026</div>
3334                                                </div>
3335                                             
3336                                                <div class="result">
3337                                                    <div class="pasaran"></div>
3338                                                    <div class="keluaran">
33387141</div>
3339                                                    <div class="tanggal">02-10-2026</div>
3340                                                </div>
3341                                                                                </div>
3342                                                            </div>
3343                            
3344                                                    <div class="result-data accordion-item">
3345                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR">
3346                                    <div class="badge">
3347                                                                            </div>
3348                                    <div class="pasaran">QATAR&nbsp</div>
3349                                    <div class="keluaran">8696</div>
3350                                    <div class="tanggal">09-10-2026</div>
3351                              </button>
3352                                                                <div id="paito-QTR" class="accordion-collapse collapse">
3353                                         
3354                                                <div class="result">
3355                                                    <div class="pasaran"></div>
3356                                                    <div class="keluaran">8317</div>
3357                                                    <div class="tanggal">08-10-2026</div>
3358                                                </div>
3359                                             
3360                                                <div class="result">
3361                                                    <div class="pasaran"></div>
3362                                                    <div class="keluaran">9915</div>
3363                                                    <div class="tanggal">07-10-2026</div>
3364                                                </div>
3365                                             
3366                                                <div class="result">
3367                                                    <div class="pasaran"></div>
3368                                                    <div class="keluaran">5740</div>
3369                                                    <div class="tanggal">06-10-2026</div>
3370                                                </div>
3371                                             
3372                                                <div class="result">
3373                                                    <div class="pasaran"></div>
3374                                                    <div class="keluaran">8643</div>
3375                                                    <div class="tanggal">05-10-2026</div>
3376                                                </div>
3377                                             
3378                                                <div class="result">
3379                                                    <div class="pasaran"></div>
3380                                                    <div class="keluaran">0646</div>
3381                                                    <div class="tanggal">04-10-2026</div>
3382                                                </div>
3383                                             
3384                                                <div class="result">
3385                                                    <div class="pasaran"></div>
3386                                                    <div class="keluaran">7691</div>
3387                                                    <div class="tanggal">03-10-2026</div>
3388                                                </div>
3389                                             
3390                                                <div class="result">
3391                                                    <div class="pasaran"></div>
3392                                                    <div class="keluaran">3505</div>
3393                                                    <div class="tanggal">02-10-2026</div>
3394                                                </div>
3395                                                                                </div>
3396                                                            </div>
3397                            
3398                                                    <div class="result-data accordion-item">
3399                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SGP">
3400                                    <div class="badge">
3401                                                                            </div>
3402                                    <div class="pasaran">SINGAPORE&nbsp</div>
3403                                    <div class="keluaran">2855</div>
3404                                    <div class="tanggal">08-10-2026</div>
3405                              </button>
3406                                                                <div id="paito-SGP" class="accordion-collapse collapse">
3407                                         
3408                                                <div class="result">
3409                                                    <div class="pasaran"></div>
3410                                                    <div class="keluaran">9838</div>
3411                                                    <div class="tanggal">07-10-2026</div>
3412                                                </div>
3413                                             
3414                                                <div class="result">
3415                                                    <div class="pasaran"></div>
3416                                                    <div class="keluaran">3897</div>
3417                                                    <div class="tanggal">05-10-2026</div>
3418                                                </div>
3419                                             
3420                                                <div class="result">
3421                                                    <div class="pasaran"></div>
3422                                                    <div class="keluaran">2812</div>
3423                                                    <div class="tanggal">04-10-2026</div>
3424                                                </div>
3425                                             
3426                                                <div class="result">
3427                                                    <div class="pasaran"></div>
3428                                                    <div class="keluaran">3670</div>
3429                                                    <div class="tanggal">03-10-2026</div>
3430                                                </div>
3431                                             
3432                                                <div class="result">
3433                                                    <div class="pasaran"></div>
3434                                                    <div class="keluaran">9006</div>
3435                                                    <div class="tanggal">01-10-2026</div>
3436                                                </div>
3437                                             
3438                                                <div class="result">
3439                                                    <div class="pasaran"></div>
3440                                                    <div class="keluaran">3096</div>
3441                                                    <div class="tanggal">30-09-2026</div>
3442                                                </div>
3443                                             
3444                                                <div class="result">
3445                                                    <div class="pasaran"></div>
3446                                                    <div class="keluaran">7185</div>
3447                                                    <div class="tanggal">28-09-2026</div>
3448                                                </div>
3449                                                                                </div>
3450                                                            </div>
3451                            
3452                                                    <div class="result-data accordion-item">
3453                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SDY">
3454                                    <div class="badge">
3455                                                                            </div>
3456                                    <div class="pasaran">SYDNEY&nbsp</div>
3457                                    <div class="keluaran">6915</div>
3458                                    <div class="tanggal">09-10-2026</div>
3459                              </button>
3460                                                                <div id="paito-SDY" class="accordion-collapse collapse">
3461                                         
3462                                                <div class="result">
3463                                                    <div class="pasaran"></div>
3464                                                    <div class="keluaran">5814</div>
3465                                                    <div class="tanggal">08-10-2026</div>
3466                                                </div>
3467                                             
3468                                                <div class="result">
3469                                                    <div class="pasaran"></div>
3470                                                    <div class="keluaran">0569</div>
3471                                                    <div class="tanggal">07-10-2026</div>
3472                                                </div>
3473                                             
3474                                                <div class="result">
3475                                                    <div class="pasaran"></div>
3476                                                    <div class="keluaran">3398</div>
3477                                                    <div class="tanggal">06-10-2026</div>
3478                                                </div>
3479                                             
3480                                                <div class="result">
3481                                                    <div class="pasaran"></div>
3482                                                    <div class="keluaran">9383</div>
3483                                                    <div class="tanggal">05-10-2026</div>
3484                                                </div>
3485                                             
3486                                                <div class="result">
3487                                                    <div class="pasaran"></div>
3488                                                    <div class="keluaran">7933</div>
3489                                                    <div class="tanggal">04-10-2026</div>
3490                                                </div>
3491                                             
3492                                                <div class="result">
3493                                                    <div class="pasaran"></div>
3494                                                    <div class="keluaran">5604</div>
3495                                                    <div class="tanggal">03-10-2026</div>
3496                                                </div>
3497                                             
3498                                                <div class="result">
3499                                                    <div class="pasaran"></div>
3500                                                    <div class="keluaran">5392</div>
3501                                                    <div class="tanggal">02-10-2026</div>
3502                                                </div>
3503                                                                                </div>
3504                                                            </div>
3505                            
3506                                                    <div class="result-data accordion-item">
3507                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK">
3508                                    <div class="badge">
3509                                                                            </div>
3510                                    <div class="pasaran">HONGKONG&nbsp</div>
3511                                    <div class="keluaran">6469</div>
3512                                    <div class="tanggal">09-10-2026</div>
3513                              </button>
3514                                                                <div id="paito-HK" class="accordion-collapse collapse">
3515                                         
3516                                                <div class="result">
3517                                                    <div class="pasaran"></div>
3518                                                    <div class="keluaran">8270</div>
3519                                                    <div class="tanggal">08-10-2026</div>
3520                                                </div>
3521                                             
3522                                                <div class="result">
3523                                                    <div class="pasaran"></div>
3524                                                    <div class="keluaran">6196</div>
3525                                                    <div class="tanggal">07-10-2026</div>
3526                                                </div>
3527                                             
3528                                                <div class="result">
3529                                                    <div class="pasaran"></div>
3530                                                    <div class="keluaran">3268</div>
3531                                                    <div class="tanggal">06-10-2026</div>
3532                                                </div>
3533                                             
3534                                                <div class="result">
3535                                                    <div class="pasaran"></div>
3536                                                    <div class="keluaran">9181</div>
3537                                                    <div class="tanggal">05-10-2026</div>
3538                                                </div>
3539                                             
3540                                                <div class="result">
3541                                                    <div class="pasaran"></div>
3542                                                    <div class="keluaran">7176</div>
3543                                                    <div class="tanggal">04-10-2026</div>
3544                                                </div>
3545                                             
3546                                                <div class="result">
3547                                                    <div class="pasaran"></div>
3548                                                    <div class="keluaran">6962</div>
3549                                                    <div class="tanggal">03-10-2026</div>
3550                                                </div>
3551                                             
3552                                                <div class="result">
3553                                                    <div class="pasaran"></div>
3554                                                    <div class="keluaran">3686</div>
3555                                                    <div class="tanggal">02-10-2026</div>
3556                                                </div>
3557                                                                                </div>
3558                                                            </div>
3559                            
3560                                                    <div class="result-data accordion-item">
3561                                <button class="result accordion-button" type="button" data-bs-toggle="c
3561ollapse" data-bs-target="#paito-TTM00">
3562                                    <div class="badge">
3563                                                                            </div>
3564                                    <div class="pasaran">TOTOMACAU 0000&nbsp</div>
3565                                    <div class="keluaran">1594</div>
3566                                    <div class="tanggal">10-10-2026</div>
3567                              </button>
3568                                                                <div id="paito-TTM00" class="accordion-collapse collapse">
3569                                         
3570                                                <div class="result">
3571                                                    <div class="pasaran"></div>
3572                                                    <div class="keluaran">2412</div>
3573                                                    <div class="tanggal">09-10-2026</div>
3574                                                </div>
3575                                             
3576                                                <div class="result">
3577                                                    <div class="pasaran"></div>
3578                                                    <div class="keluaran">7036</div>
3579                                                    <div class="tanggal">08-10-2026</div>
3580                                                </div>
3581                                             
3582                                                <div class="result">
3583                                                    <div class="pasaran"></div>
3584                                                    <div class="keluaran">1825</div>
3585                                                    <div class="tanggal">07-10-2026</div>
3586                                                </div>
3587                                             
3588                                                <div class="result">
3589                                                    <div class="pasaran"></div>
3590                                                    <div class="keluaran">1791</div>
3591                                                    <div class="tanggal">06-10-2026</div>
3592                                                </div>
3593                                             
3594                                                <div class="result">
3595                                                    <div class="pasaran"></div>
3596                                                    <div class="keluaran">2360</div>
3597                                                    <div class="tanggal">05-10-2026</div>
3598                                                </div>
3599                                             
3600                                                <div class="result">
3601                                                    <div class="pasaran"></div>
3602                                                    <div class="keluaran">0422</div>
3603                                                    <div class="tanggal">04-10-2026</div>
3604                                                </div>
3605                                             
3606                                                <div class="result">
3607                                                    <div class="pasaran"></div>
3608                                                    <div class="keluaran">0437</div>
3609                                                    <div class="tanggal">03-10-2026</div>
3610                                                </div>
3611                                                                                </div>
3612                                                            </div>
3613                            
3614                                                    <div class="result-data accordion-item">
3615                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TTM13">
3616                                    <div class="badge">
3617                                                                            </div>
3618                                    <div class="pasaran">TOTOMACAU 1300&nbsp</div>
3619                                    <div class="keluaran">2582</div>
3620                                    <div class="tanggal">09-10-2026</div>
3621                              </button>
3622                                                                <div id="paito-TTM13" class="accordion-collapse collapse">
3623                                         
3624                                                <div class="result">
3625                                                    <div class="pasaran"></div>
3626                                                    <div class="keluaran">4518</div>
3627                                                    <div class="tanggal">08-10-2026</div>
3628                                                </div>
3629                                             
3630                                                <div class="result">
3631                                                    <div class="pasaran"></div>
3632                                                    <div class="keluaran">2492</div>
3633                                                    <div class="tanggal">07-10-2026</div>
3634                                                </div>
3635                                             
3636                                                <div class="result">
3637                                                    <div class="pasaran"></div>
3638                                                    <div class="keluaran">5625</div>
3639                                                    <div class="tanggal">06-10-2026</div>
3640                                                </div>
3641                                             
3642                                                <div class="result">
3643                                                    <div class="pasaran"></div>
3644                                                    <div class="keluaran">6520</div>
3645                                                    <div class="tanggal">05-10-2026</div>
3646                                                </div>
3647                                             
3648                                                <div class="result">
3649                                                    <div class="pasaran"></div>
3650                                                    <div class="keluaran">9711</div>
3651                                                    <div class="tanggal">04-10-2026</div>
3652                                                </div>
3653                                             
3654                                                <div class="result">
3655                                                    <div class="pasaran"></div>
3656                                                    <div class="keluaran">9180</div>
3657                                                    <div class="tanggal">03-10-2026</div>
3658                                                </div>
3659                                             
3660                                                <div class="result">
3661                                                    <div class="pasaran"></div>
3662                                                    <div class="keluaran">2811</div>
3663                                                    <div class="tanggal">02-10-2026</div>
3664                                                </div>
3665                                                                                </div>
3666                                                            </div>
3667                            
3668                        </div><div class='carousel-item accordion accordion-flush'>                            <div class="result-data accordion-item">
3669                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TTM16">
3670                                    <div class="badge">
3671                                                                            </div>
3672                                    <div class="pasaran">TOTOMACAU 1600&nbsp</div>
3673                                    <div class="keluaran">1103</div>
3674                                    <div class="tanggal">09-10-2026</div>
3675                              </button>
3676                                                                <div id="paito-TTM16" class="accordion-collapse collapse">
3677                                         
3678                                                <div class="result">
3679                                                    <div class="pasaran"></div>
3680                                                    <div class="keluaran">6360</div>
3681                                                    <div class="tanggal">08-10-2026</div>
3682                                                </div>
3683                                             
3684                                                <div class="result">
3685                                                    <div class="pasaran"></div>
3686                                                    <div class="keluaran">9210</div>
3687                                                    <div class="tanggal">07-10-2026</div>
3688                                                </div>
3689                                             
3690                                                <div class="result">
3691                                                    <div class="pasaran"></div>
3692                                                    <div class="keluaran">2371</div>
3693                                                    <div class="tanggal">06-10-2026</div>
3694                                                </div>
3695                                             
3696                                                <div class="result">
3697                                                    <div class="pasaran"></div>
3698                                                    <div class="keluaran">2786</div>
3699                                                    <div class="tanggal">05-10-2026</div>
3700                                                </div>
3701                                             
3702                                                <div class="result">
3703                                                    <div class="pasaran"></div>
3704                                                    <div class="keluaran">6416</div>
3705                                                    <div class="tanggal">04-10-2026</div>
3706                                                </div>
3707                                             
3708                                                <div class="result">
3709                                                    <div class="pasaran"></div>
3710                                                    <div class="keluaran">1710</div>
3711                                                    <div class="tanggal">03-10-2026</div>
3712                                                </div>
3713                                             
3714                                                <div class="result">
3715                                                    <div class="pasaran"></div>
3716                                                    <div class="keluaran">2964</div>
3717                                                    <div class="tanggal">02-10-2026</div>
3718                                                </div>
3719                                                                                </div>
3720                                                            </div>
3721                            
3722                                                    <div class="result-data accordion-item">
3723                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TTM19">
3724                                    <div class="badge">
3725                                                                            </div>
3726                                    <div class="pasaran">TOTOMACAU 1900&nbsp</div>
3727                                    <div class="keluaran">8919</div>
3728                                    <div class="tanggal">09-10-2026</div>
3729                              </button>
3730                                                                <div id="paito-TTM19" class="accordion-collapse collapse">
3731                                         
3732                                                <div class="result">
3733                                                    <div class="pasaran"></div>
3734                                                    <div class="keluaran">2144</div>
3735                                                    <div class="tanggal">08-10-2026</div>
3736                                                </div>
3737                                             
3738                                                <div class="result">
3739                                                    <div class="pasaran"></div>
3740                                                    <div class="keluaran">3508</div>
3741                                                    <div class="tanggal">07-10-2026</div>
3742                                                </div>
3743                                             
3744                                                <div class="result">
3745                                                    <div class="pasaran"></div>
3746                                                    <div class="keluaran">3021</div>
3747                                                    <div class="tanggal">06-10-2026</div>
3748                                                </div>
3749                                             
3750                                                <div class="result">
3751                                                    <div class="pasaran"></div>
3752                                                    <div class="keluaran">0996</div>
3753                                                    <div class="tanggal">05-10-2026</div>
3754                                                </div>
3755                                             
3756                                                <div class="result">
3757                                                    <div class="pasaran"></div>
3758                                                    <div class="keluaran">0166</div>
3759                                                    <div class="tanggal">04-10-2026</div>
3760                                                </div>
3761                                             
3762                                                <div class="result">
3763                                                    <div class="pasaran"></div>
3764                                                    <div class="keluaran">9946</div>
3765                                                    <div class="tanggal">03-10-2026</div>
3766                                                </div>
3767                                             
3768                                                <div class="result">
3769                                                    <div class="pasaran"></div>
3770                                                    <div class="keluaran">9822</div>
3771                                                    <div class="tanggal">02-10-2026</div>
3772                                                </div>
3773                                                                                </div>
3774                                                            </div>
3775                            
3776                                                    <div class="result-data accordion-item">
3777                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TTM22">
3778                                    <div class="badge">
3779                                                                            </div>
3780                                    <div class="pasaran">TOTOMACAU 2200&nbsp</div>
3781                                    <div class="keluaran">6078</div>
3782                                    <div class="tanggal">09-10-2026</div>
3783                          
3783    </button>
3784                                                                <div id="paito-TTM22" class="accordion-collapse collapse">
3785                                         
3786                                                <div class="result">
3787                                                    <div class="pasaran"></div>
3788                                                    <div class="keluaran">0522</div>
3789                                                    <div class="tanggal">08-10-2026</div>
3790                                                </div>
3791                                             
3792                                                <div class="result">
3793                                                    <div class="pasaran"></div>
3794                                                    <div class="keluaran">9798</div>
3795                                                    <div class="tanggal">07-10-2026</div>
3796                                                </div>
3797                                             
3798                                                <div class="result">
3799                                                    <div class="pasaran"></div>
3800                                                    <div class="keluaran">1928</div>
3801                                                    <div class="tanggal">06-10-2026</div>
3802                                                </div>
3803                                             
3804                                                <div class="result">
3805                                                    <div class="pasaran"></div>
3806                                                    <div class="keluaran">5522</div>
3807                                                    <div class="tanggal">05-10-2026</div>
3808                                                </div>
3809                                             
3810                                                <div class="result">
3811                                                    <div class="pasaran"></div>
3812                                                    <div class="keluaran">6057</div>
3813                                                    <div class="tanggal">04-10-2026</div>
3814                                                </div>
3815                                             
3816                                                <div class="result">
3817                                                    <div class="pasaran"></div>
3818                                                    <div class="keluaran">5488</div>
3819                                                    <div class="tanggal">03-10-2026</div>
3820                                                </div>
3821                                             
3822                                                <div class="result">
3823                                                    <div class="pasaran"></div>
3824                                                    <div class="keluaran">4574</div>
3825                                                    <div class="tanggal">02-10-2026</div>
3826                                                </div>
3827                                                                                </div>
3828                                                            </div>
3829                            
3830                                                    <div class="result-data accordion-item">
3831                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TTM23">
3832                                    <div class="badge">
3833                                                                            </div>
3834                                    <div class="pasaran">TOTOMACAU 2300&nbsp</div>
3835                                    <div class="keluaran">6884</div>
3836                                    <div class="tanggal">09-10-2026</div>
3837                              </button>
3838                                                                <div id="paito-TTM23" class="accordion-collapse collapse">
3839                                         
3840                                                <div class="result">
3841                                                    <div class="pasaran"></div>
3842                                                    <div class="keluaran">5747</div>
3843                                                    <div class="tanggal">08-10-2026</div>
3844                                                </div>
3845                                             
3846                                                <div class="result">
3847                                                    <div class="pasaran"></div>
3848                                                    <div class="keluaran">1034</div>
3849                                                    <div class="tanggal">07-10-2026</div>
3850                                                </div>
3851                                             
3852                                                <div class="result">
3853                                                    <div class="pasaran"></div>
3854                                                    <div class="keluaran">0578</div>
3855                                                    <div class="tanggal">06-10-2026</div>
3856                                                </div>
3857                                             
3858                                                <div class="result">
3859                                                    <div class="pasaran"></div>
3860                                                    <div class="keluaran">6474</div>
3861                                                    <div class="tanggal">05-10-2026</div>
3862                                                </div>
3863                                             
3864                                                <div class="result">
3865                                                    <div class="pasaran"></div>
3866                                                    <div class="keluaran">2233</div>
3867                                                    <div class="tanggal">04-10-2026</div>
3868                                                </div>
3869                                             
3870                                                <div class="result">
3871                                                    <div class="pasaran"></div>
3872                                                    <div class="keluaran">4413</div>
3873                                                    <div class="tanggal">03-10-2026</div>
3874                                                </div>
3875                                             
3876                                                <div class="result">
3877                                                    <div class="pasaran"></div>
3878                                                    <div class="keluaran">9822</div>
3879                                                    <div class="tanggal">02-10-2026</div>
3880                                                </div>
3881                                                                                </div>
3882                                                            </div>
3883                            
3884                        </div>              
3885              
3886          </div>
3887        </div>
3888    </div>
3889    
3890    
3890<script>
3891        
3892        function togglePaito(paitoid) {
3893            let paito = document.getElementById(paitoid);
3894            paito.classList.add("open");
3895        }
3896        
3897        
3898    </script>
3898
3899
3900            <div class="transaksi p-0 py-lg-4">
3901                <div class="d-none d-lg-block">
3902                    <!-- BANNER SBO DESKTOP -->
3903                    <div class="match-slider-wrap">
3904                                                    <div id="sboMatchCarouselDesktop" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500">
3905
3906                                                                    <div class="carousel-indicators">
3907                                                                                    <button
3908                                                type="button"
3909                                                data-bs-target="#sboMatchCarouselDesktop"
3910                                                data-bs-slide-to="0"
3911                                                class="active"
3912                                                aria-current="true"                                                aria-label="Slide 1">
3913                                            </button>
3914                                                                                    <button
3915                                                type="button"
3916                                                data-bs-target="#sboMatchCarouselDesktop"
3917                                                data-bs-slide-to="1"
3918                                                class=""
3919                                                                                                aria-label="Slide 2">
3920                                            </button>
3921                                                                                    <button
3922                                                type="button"
3923                                                data-bs-target="#sboMatchCarouselDesktop"
3924                                                data-bs-slide-to="2"
3925                                                class=""
3926                                                                                                aria-label="Slide 3">
3927                                            </button>
3928                                                                                    <button
3929                                                type="button"
3930                                                data-bs-target="#sboMatchCarouselDesktop"
3931                                                data-bs-slide-to="3"
3932                                                class=""
3933                                                                                                aria-label="Slide 4">
3934                                            </button>
3935                                                                            </div>
3936                                
3937                                <div class="carousel-inner">
3938                                                                            <div class="carousel-item active">
3939                                            <div class="row g-3">
3940                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3941                                                        <div class="match-card h-100">
3942                                                            <div class="league-name">
3943                                                                ENGLISH PREMIER LEAGUE                                                            </div>
3944
3945                                                            <div class="kickoff-time">
3946                                                                October 10, 2026 — 18:30 WIB                                                            </div>
3947
3948                                                            <div class="match-main-row">
3949                                                                <div class="team-col">
3950                                                                    <img
3951                                                                        src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png"
3952                                                                        alt="Arsenal"
3953                                                                        class="team-logo"
3954                                                                    >
3955                                                                    <div class="team-name">
3956                                                                        Arsenal                                                                    </div>
3957                                                                </div>
3958
3959                                                                <div class="score-col">
3960                                                                    <div class="score-value">
3961                                                                        0 : 0                                                                    </div>
3962
3963                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')">
3964                                                                        BET NOW
3965                                                                    </a>
3966                                                                </div>
3967
3968                                                                <div class="team-col">
3969                                                                    <img
3970                                                                        src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
3970ce556.png"
3971                                                                        alt="Leeds United"
3972                                                                        class="team-logo"
3973                                                                    >
3974                                                                    <div class="team-name">
3975                                                                        Leeds United                                                                    </div>
3976                                                                </div>
3977                                                            </div>
3978
3979                                                            <div class="match-odds-row">
3980                                                                <div class="odds-col">
3981                                                                    <span>
3982                                                                        0.75                                                                        <small>0.50</small>
3983                                                                    </span>
3984                                                                </div>
3985
3986                                                                <div class="odds-spacer"></div>
3987
3988                                                                <div class="odds-col">
3989                                                                    <span>
3990                                                                        -0.75                                                                        <small>-0.60</small>
3991                                                                    </span>
3992                                                                </div>
3993                                                            </div>
3994                                                        </div>
3995                                                    </div>
3996                                                                                                    <div class="col-12 col-md-6 col-lg-4">
3997                                                        <div class="match-card h-100">
3998                                                            <div class="league-name">
3999                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4000
4001                                                            <div class="kickoff-time">
4002                                                                October 10, 2026 — 21:00 WIB                                                            </div>
4003
4004                                                            <div class="match-main-row">
4005                                                                <div class="team-col">
4006                                                                    <img
4007                                                                        src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png"
4008                                                                        alt="Chelsea"
4009                                                                        class="team-logo"
4010                                                                    >
4011                                                                    <div class="team-name">
4012                                                                        Chelsea                                                                    </div>
4013                                                                </div>
4014
4015                                                                <div class="score-col">
4016                                                                    <div class="score-value">
4017                                                                        0 : 0                                                                    </div>
4018
4019                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')">
4020                                                                        BET NOW
4021                                                                    </a>
4022                                                                </div>
4023
4024                                                                <div class="team-col">
4025                                                                    <img
4026                                                                        src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png"
4027                                                                        alt="Bournemouth AFC"
4028                                                                        class="team-logo"
4029                                                                    >
4030                                                                    <div class="team-name">
4031                                                                        Bournemouth AFC                                                                    </div>
4032                                                                </div>
4033                                                            </div>
4034
4035                                                            <div class="match-odds-row">
4036                                                                <div class="odds-col">
4037                                                                    <sp
4037an>
4038                                                                        0.5                                                                        <small>0.66</small>
4039                                                                    </span>
4040                                                                </div>
4041
4042                                                                <div class="odds-spacer"></div>
4043
4044                                                                <div class="odds-col">
4045                                                                    <span>
4046                                                                        -0.5                                                                        <small>-0.76</small>
4047                                                                    </span>
4048                                                                </div>
4049                                                            </div>
4050                                                        </div>
4051                                                    </div>
4052                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4053                                                        <div class="match-card h-100">
4054                                                            <div class="league-name">
4055                                                                SPAIN LA LIGA                                                            </div>
4056
4057                                                            <div class="kickoff-time">
4058                                                                October 10, 2026 — 23:30 WIB                                                            </div>
4059
4060                                                            <div class="match-main-row">
4061                                                                <div class="team-col">
4062                                                                    <img
4063                                                                        src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png"
4064                                                                        alt="Barcelona"
4065                                                                        class="team-logo"
4066                                                                    >
4067                                                                    <div class="team-name">
4068                                                                        Barcelona                                                                    </div>
4069                                                                </div>
4070
4071                                                                <div class="score-col">
4072                                                                    <div class="score-value">
4073                                                                        0 : 0                                                                    </div>
4074
4075                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')">
4076                                                                        BET NOW
4077                                                                    </a>
4078                                                                </div>
4079
4080                                                                <div class="team-col">
4081                                                                    <img
4082                                                                        src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png"
4083                                                                        alt="Getafe"
4084                                                                        class="team-logo"
4085                                                                    >
4086                                                                    <div class="team-name">
4087                                                                        Getafe                                                                    </div>
4088                                                                </div>
4089                                                            </div>
4090
4091                                                            <div class="match-odds-row">
4092                                                                <div class="odds-col">
4093                                                                    <sp
4093an>
4094                                                                        2.5                                                                        <small>0.82</small>
4095                                                                    </span>
4096                                                                </div>
4097
4098                                                                <div class="odds-spacer"></div>
4099
4100                                                                <div class="odds-col">
4101                                                                    <span>
4102                                                                        -2.5                                                                        <small>-0.92</small>
4103                                                                    </span>
4104                                                                </div>
4105                                                            </div>
4106                                                        </div>
4107                                                    </div>
4108                                                                                            </div>
4109                                        </div>
4110                                                                            <div class="carousel-item ">
4111                                            <div class="row g-3">
4112                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4113                                                        <div class="match-card h-100">
4114                                                            <div class="league-name">
4115                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4116
4117                                                            <div class="kickoff-time">
4118                                                                October 10, 2026 — 21:00 WIB                                                            </div>
4119
4120                                                            <div class="match-main-row">
4121                                                                <div class="team-col">
4122                                                                    <img
4123                                                                        src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png"
4124                                                                        alt="Aston Villa"
4125                                                                        class="team-logo"
4126                                                                    >
4127                                                                    <div class="team-name">
4128                                                                        Aston Villa                                                                    </div>
4129                                                                </div>
4130
4131                                                                <div class="score-col">
4132                                                                    <div class="score-value">
4133                                                                        0 : 0                                                                    </div>
4134
4135                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')">
4136                                                                        BET NOW
4137                                                                    </a>
4138                                                                </div>
4139
4140                                                                <div class="team-col">
4141                                                                    <img
4142                                                                        src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png"
4143                                                                        alt="Brentford"
4144                                                                        class="team-logo"
4145                                                                    >
4146                                                                    <div class="team-name">
4147                                                                        Brentford                                                                    </div>
4148                                                                </div>
4149                                                            </div>
4150
4151                                                            <div class="match-odds-row">
4152                                                                <div class="odds-col">
4153                                                                    <sp
4153an>
4154                                                                        0.00                                                                        <small>-0.97</small>
4155                                                                    </span>
4156                                                                </div>
4157
4158                                                                <div class="odds-spacer"></div>
4159
4160                                                                <div class="odds-col">
4161                                                                    <span>
4162                                                                        0.00                                                                        <small>0.87</small>
4163                                                                    </span>
4164                                                                </div>
4165                                                            </div>
4166                                                        </div>
4167                                                    </div>
4168                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4169                                                        <div class="match-card h-100">
4170                                                            <div class="league-name">
4171                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4172
4173                                                            <div class="kickoff-time">
4174                                                                October 10, 2026 — 21:00 WIB                                                            </div>
4175
4176                                                            <div class="match-main-row">
4177                                                                <div class="team-col">
4178                                                                    <img
4179                                                                        src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png"
4180                                                                        alt="Sunderland"
4181                                                                        class="team-logo"
4182                                                                    >
4183                                                                    <div class="team-name">
4184                                                                        Sunderland                                                                    </div>
4185                                                                </div>
4186
4187                                                                <div class="score-col">
4188                                                                    <div class="score-value">
4189                                                                        0 : 0                                                                    </div>
4190
4191                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')">
4192                                                                        BET NOW
4193                                                                    </a>
4194                                                                </div>
4195
4196                                                                <div class="team-col">
4197                                                                    <img
4198                                                                        src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png"
4199                                                                        alt="Brighton &amp; Hove Albion"
4200                                                                        class="team-logo"
4201                                                                    >
4202                                                                    <div class="team-name">
4203                                                                        Brighton &amp; Hove Albion                                                                    </div>
4204                                                                </div>
4205                                                            </div>
4206
4207                                                            <div class="match-odds-row">
4208                                                                <div class="odds-col">
4209                                                                    <sp
4209an>
4210                                                                        0.00                                                                        <small>-0.82</small>
4211                                                                    </span>
4212                                                                </div>
4213
4214                                                                <div class="odds-spacer"></div>
4215
4216                                                                <div class="odds-col">
4217                                                                    <span>
4218                                                                        0.00                                                                        <small>0.72</small>
4219                                                                    </span>
4220                                                                </div>
4221                                                            </div>
4222                                                        </div>
4223                                                    </div>
4224                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4225                                                        <div class="match-card h-100">
4226                                                            <div class="league-name">
4227                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4228
4229                                                            <div class="kickoff-time">
4230                                                                October 10, 2026 — 23:30 WIB                                                            </div>
4231
4232                                                            <div class="match-main-row">
4233                                                                <div class="team-col">
4234                                                                    <img
4235                                                                        src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png"
4236                                                                        alt="Manchester United"
4237                                                                        class="team-logo"
4238                                                                    >
4239                                                                    <div class="team-name">
4240                                                                        Manchester United                                                                    </div>
4241                                                                </div>
4242
4243                                                                <div class="score-col">
4244                                                                    <div class="score-value">
4245                                                                        0 : 0                                                                    </div>
4246
4247                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')">
4248                                                                        BET NOW
4249                                                                    </a>
4250                                                                </div>
4251
4252                                                                <div class="team-col">
4253                                                                    <img
4254                                                                        src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png"
4255                                                                        alt="Tottenham Hotspur"
4256                                                                        class="team-logo"
4257                                                                    >
4258                                                                    <div class="team-name">
4259                                                                        Tottenham Hotspur                                                                    </div>
4260                                                                </div>
4261                                                            </div>
4262
4263                                                            <div class="match-odds-row">
4264                                                                <div class="odds-col">
4265                                                                    <sp
4265an>
4266                                                                        0.5                                                                        <small>0.72</small>
4267                                                                    </span>
4268                                                                </div>
4269
4270                                                                <div class="odds-spacer"></div>
4271
4272                                                                <div class="odds-col">
4273                                                                    <span>
4274                                                                        -0.5                                                                        <small>-0.82</small>
4275                                                                    </span>
4276                                                                </div>
4277                                                            </div>
4278                                                        </div>
4279                                                    </div>
4280                                                                                            </div>
4281                                        </div>
4282                                                                            <div class="carousel-item ">
4283                                            <div class="row g-3">
4284                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4285                                                        <div class="match-card h-100">
4286                                                            <div class="league-name">
4287                                                                SPAIN LA LIGA                                                            </div>
4288
4289                                                            <div class="kickoff-time">
4290                                                                October 11, 2026 — 02:00 WIB                                                            </div>
4291
4292                                                            <div class="match-main-row">
4293                                                                <div class="team-col">
4294                                                                    <img
4295                                                                        src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png"
4296                                                                        alt="Real Madrid"
4297                                                                        class="team-logo"
4298                                                                    >
4299                                                                    <div class="team-name">
4300                                                                        Real Madrid                                                                    </div>
4301                                                                </div>
4302
4303                                                                <div class="score-col">
4304                                                                    <div class="score-value">
4305                                                                        0 : 0                                                                    </div>
4306
4307                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')">
4308                                                                        BET NOW
4309                                                                    </a>
4310                                                                </div>
4311
4312                                                                <div class="team-col">
4313                                                                    <img
4314                                                                        src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png"
4315                                                                        alt="Villarreal"
4316                                                                        class="team-logo"
4317                                                                    >
4318                                                                    <div class="team-name">
4319                                                                        Villarreal                                                                    </div>
4320                                                                </div>
4321                                                            </div>
4322
4323                                                            <div class="match-odds-row">
4324                                                                <div class="odds-col">
4325                                                                    <sp
4325an>
4326                                                                        1                                                                        <small>0.55</small>
4327                                                                    </span>
4328                                                                </div>
4329
4330                                                                <div class="odds-spacer"></div>
4331
4332                                                                <div class="odds-col">
4333                                                                    <span>
4334                                                                        -1                                                                        <small>-0.65</small>
4335                                                                    </span>
4336                                                                </div>
4337                                                            </div>
4338                                                        </div>
4339                                                    </div>
4340                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4341                                                        <div class="match-card h-100">
4342                                                            <div class="league-name">
4343                                                                ITALY SERIE A                                                            </div>
4344
4345                                                            <div class="kickoff-time">
4346                                                                October 10, 2026 — 22:59 WIB                                                            </div>
4347
4348                                                            <div class="match-main-row">
4349                                                                <div class="team-col">
4350                                                                    <img
4351                                                                        src="https://cdn.sportnanoapi.com/football/team/aa2245702c40f77799a5ad4b119581a8.png"
4352                                                                        alt="Inter Milan"
4353                                                                        class="team-logo"
4354                                                                    >
4355                                                                    <div class="team-name">
4356                                                                        Inter Milan                                                                    </div>
4357                                                                </div>
4358
4359                                                                <div class="score-col">
4360                                                                    <div class="score-value">
4361                                                                        0 : 0                                                                    </div>
4362
4363                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145618118')">
4364                                                                        BET NOW
4365                                                                    </a>
4366                                                                </div>
4367
4368                                                                <div class="team-col">
4369                                                                    <img
4370                                                                        src="https://cdn.sportnanoapi.com/football/team/9fadd87d190982c8082dddf1567e0b9b.png"
4371                                                                        alt="Parma Calcio"
4372                                                                        class="team-logo"
4373                                                                    >
4374                                                                    <div class="team-name">
4375                                                                        Parma Calcio                                                                    </div>
4376                                                                </div>
4377                                                            </div>
4378
4379                                                            <div class="match-odds-row">
4380                                                                <div class="odds-col">
4381                                                                    <sp
4381an>
4382                                                                        2                                                                        <small>0.65</small>
4383                                                                    </span>
4384                                                                </div>
4385
4386                                                                <div class="odds-spacer"></div>
4387
4388                                                                <div class="odds-col">
4389                                                                    <span>
4390                                                                        -2                                                                        <small>-0.75</small>
4391                                                                    </span>
4392                                                                </div>
4393                                                            </div>
4394                                                        </div>
4395                                                    </div>
4396                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4397                                                        <div class="match-card h-100">
4398                                                            <div class="league-name">
4399                                                                SPAIN LA LIGA                                                            </div>
4400
4401                                                            <div class="kickoff-time">
4402                                                                October 10, 2026 — 19:00 WIB                                                            </div>
4403
4404                                                            <div class="match-main-row">
4405                                                                <div class="team-col">
4406                                                                    <img
4407                                                                        src="https://cdn.sportnanoapi.com/football/team/5005d8feab109ce64e40beb98073cc1f.png"
4408                                                                        alt="Rayo Vallecano"
4409                                                                        class="team-logo"
4410                                                                    >
4411                                                                    <div class="team-name">
4412                                                                        Rayo Vallecano                                                                    </div>
4413                                                                </div>
4414
4415                                                                <div class="score-col">
4416                                                                    <div class="score-value">
4417                                                                        0 : 0                                                                    </div>
4418
4419                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215614')">
4420                                                                        BET NOW
4421                                                                    </a>
4422                                                                </div>
4423
4424                                                                <div class="team-col">
4425                                                                    <img
4426                                                                        src="https://cdn.sportnanoapi.com/football/team/abbb31d42c55612737713aac6567a226.png"
4427                                                                        alt="Athletic Bilbao"
4428                                                                        class="team-logo"
4429                                                                    >
4430                                                                    <div class="team-name">
4431                                                                        Athletic Bilbao                                                                    </div>
4432                                                                </div>
4433                                                            </div>
4434
4435                                                            <div class="match-odds-row">
4436                                                                <div class="odds-col">
4437                                                                    <sp
4437an>
4438                                                                        0.00                                                                        <small>0.98</small>
4439                                                                    </span>
4440                                                                </div>
4441
4442                                                                <div class="odds-spacer"></div>
4443
4444                                                                <div class="odds-col">
4445                                                                    <span>
4446                                                                        0.00                                                                        <small>0.92</small>
4447                                                                    </span>
4448                                                                </div>
4449                                                            </div>
4450                                                        </div>
4451                                                    </div>
4452                                                                                            </div>
4453                                        </div>
4454                                                                            <div class="carousel-item ">
4455                                            <div class="row g-3">
4456                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4457                                                        <div class="match-card h-100">
4458                                                            <div class="league-name">
4459                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4460
4461                                                            <div class="kickoff-time">
4462                                                                October 11, 2026 — 22:30 WIB                                                            </div>
4463
4464                                                            <div class="match-main-row">
4465                                                                <div class="team-col">
4466                                                                    <img
4467                                                                        src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png"
4468                                                                        alt="Liverpool"
4469                                                                        class="team-logo"
4470                                                                    >
4471                                                                    <div class="team-name">
4472                                                                        Liverpool                                                                    </div>
4473                                                                </div>
4474
4475                                                                <div class="score-col">
4476                                                                    <div class="score-value">
4477                                                                        0 : 0                                                                    </div>
4478
4479                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')">
4480                                                                        BET NOW
4481                                                                    </a>
4482                                                                </div>
4483
4484                                                                <div class="team-col">
4485                                                                    <img
4486                                                                        src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png"
4487                                                                        alt="Manchester City"
4488                                                                        class="team-logo"
4489                                                                    >
4490                                                                    <div class="team-name">
4491                                                                        Manchester City                                                                    </div>
4492                                                                </div>
4493                                                            </div>
4494
4495                                                            <div class="match-odds-row">
4496                                                                <div class="odds-col">
4497                                                                    <sp
4497an>
4498                                                                        0.00                                                                        <small>-0.83</small>
4499                                                                    </span>
4500                                                                </div>
4501
4502                                                                <div class="odds-spacer"></div>
4503
4504                                                                <div class="odds-col">
4505                                                                    <span>
4506                                                                        0.00                                                                        <small>0.73</small>
4507                                                                    </span>
4508                                                                </div>
4509                                                            </div>
4510                                                        </div>
4511                                                    </div>
4512                                                                                            </div>
4513                                        </div>
4514                                                                    </div>
4515
4516                                                                    <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="prev">
4517                                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
4518                                        <span class="visually-hidden">Previous</span>
4519                                    </button>
4520
4521                                    <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="next">
4522                                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
4523                                        <span class="visually-hidden">Next</span>
4524                                    </button>
4525                                                            </div>
4526                                            </div>
4527                    <!-- BANNER SBO DESKTOP END -->
4528                    <!-- Banner Telegram -->
4529                    
4530                                        
4531                    <style>
4532                    .telegram-bet-title {
4533                      font-size: 1.3rem;
4534                      font-weight: 800;
4535                      letter-spacing: 1px;
4536                      text-transform: uppercase;
4537                      color: #ffffff;
4538                    
4539                      /* NEON TELEGRAM GLOW */
4540                      text-shadow:
4541                        /* inner white core */
4542                        0 0 2px rgba(255,255,255,0.9),
4543                    
4544                        /* tight Telegram glow */
4545                        0 0 6px rgba(0,136,204,0.9),
4546                        0 0 12px rgba(0,136,204,0.8),
4547                    
4548                        /* outer neon halo */
4549                        0 0 22px rgba(0,136,204,0.6),
4550                        0 0 38px rgba(0,136,204,0.45),
4551                        0 0 60px rgba(0,136,204,0.3);
4552                    }
4553                    </style>
4554                    
4555                    <style>
4556                    .btn-telegram-neon {
4557                      font-weight: 600;
4558                      padding: 10px 16px;
4559                      border-radius: 10px;
4560                      letter-spacing: 0.3px;
4561                    
4562                      background: #0088cc;
4563                      border: none;
4564                      color: #ffffff;
4565                    
4566                      /* clean Telegram neon */
4567                      box-shadow:
4568                        0 2px 6px rgba(0,136,204,0.35),
4569                        0 0 10px rgba(0,136,204,0.25);
4570                    
4571                      transition: box-shadow 0.25s ease, transform 0.2s ease;
4572                    }
4573                    
4574                    /* hover: slight lift + glow */
4575                    .btn-telegram-neon:hover {
4576                      box-shadow:
4577                        0 4px 10px rgba(0,136,204,0.45),
4578                        0 0 16px rgba(0,136,204,0.35);
4579                      transform: translateY(-1px);
4580                    }
4581                    
4582                    /* active */
4583                    .btn-telegram-neon:active {
4584                      transform: translateY(0);
4585                      box-shadow:
4586                        0 2px 5px rgba(0,136,204,0.35);
4587                    }
4588                    </style>
4589                    
4590                    <style>
4591                        .telegram-float {
4592                          animation: telegramFloat 3.5s ease-in-out infinite;
4593                        }
4594                        
4595                        @keyframes telegramFloat {
4596                          0%, 100% {
4597                            transform: translateY(0);
4598                          }
4599                          50% {
4600                            transform: translateY(-8px);
4601                          }
4602                        }
4603                    </style>
4604                    
4605                    <div class="mb-lg-3" style="width: 100%; position: relative; display: flex; align-items: center">
4606                        <div style="z-index: 10; display: flex; justify-content: space-between; align-items: center; width: 100%; margin-left: 80px; margin-right: 40px">
4607                            <div class="d-flex gap-4">
4608                                <img src="https://img.viva88athenae.com//banner-telegram-icon.png" class="telegram-float"/>
4609                                <div class="d-flex flex-column justify-content-center gap-1">
4610                                    <strong class="telegram-bet-title">TELEGRAM BET</strong>
4611                                    
4612                                    <div class="d-flex gap-3">
4613                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Daftar</em></div>
4614                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Login</em></div>
4615                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Deposit</em></div>
4616                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Withdraw</em></div>
4617                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Bet</em></div>
4618                                    </div>
4619                                </div>
4620                            </div>
4621                            
4622                            <button class="btn-telegram-neon rounded-pill"  onclick="window.open('https://telegram.me/uniktotogame_bot', '_blank')">Mainkan Sekarang</button>
4623                            
4624                        </div>
4625                        <div style="position: absolute; width: 100%; background: gray">
4626                            <img src="https://img.viva88athenae.com//banner-telegram.jpg" />
4627                        </div>
4628                        
4629                    </div>
4630                    
4631                    
4632                    
4633                    <div class="transaksi-kontak">
4634                        
4635                        <div class="d-flex flex-column w-100">
4636                            <div class="transaksi-content">
4637                                <!-- Bank -->
4638                                
4639<style>
4640    /* ====== LAYOUT KESELURUHAN ====== */
4641
4642    .transaksi-layout {
4643        display: flex;
4644        justify-content: center;
4645        gap: 16px;
4646        align-items: center;
4647    }
4648
4649    .transaksi-left-inner {
4650        width: 100%;
4651    }
4652
4653    .transaksi-left-img {
4654        width: 100%;
4655        height: auto;
4656        display: block;
4657        object-fit: cover;
4658    }
4659
4660    .transaksi-right-box {
4661        flex: 1;
4662        display: flex;
4663        justify-content: flex-start;
4664    }
4665
4666    .transaksi-group {
4667        display: flex;
4668        flex-direction: column;
4669        gap: 16px;
4670        width: 100%;
4671        grid-template-areas:
4672            "transaksi-bank transaksi-other transaksi-crypto";
4673    }
4674
4675    .transaksi-bank {
4676        grid-area: transaksi-bank;
4677        display: grid;
4678        place-items: center;
4679        justify-content: flex-start;
4680    }
4681
4682    .transaksi-other {
4683        grid-area: transaksi-other;
4684        display: flex;
4685        justify-content: flex-start;
4686        width: 100%;
4687    }
4688
4689    .transaksi-crypto {
4690        grid-area: transaksi-crypto;
4691        display: flex;
4692        justify-content: flex-start;
4693        width: 100%;
4694    }
4695
4696    .transaksi-wrapper {
4697        display: flex;
4698        flex-direction: column;
4699        gap: .5rem;
4700        align-items: flex-start;
4701    }
4702
4703    .transaksi-name {
4704        font-size: 1.1rem;
4705        font-weight: bold;
4706        line-height: 1.5rem;
4707    }
4708
4709    /* ====== GRID LIST ====== */
4710
4711    .transaksi-list-bank,
4712    .transaksi-list-other {
4713        height: fit-content;
4714        display: grid;
4715        grid-template-columns: repeat(5, minmax(80px, 1fr));
4716        gap: 4px 6px;
4717    }
4718
4719    .transaksi-list-crypto {
4720        height: fit-content;
4721        display: flex;
4722        align-items: center;
4723        gap: 24px;
4724        width: 100%;
4725        justify-content: flex-start;
4726    }
4727
4728    .icon-crypto {
4729        width: 24px;
4730        height: 24px;
4731    }
4732
4733    /* ====== ITEM BANK / EMONEY ====== */
4734
4735    .transaksi-item {
4736        display: flex;
4737        flex-direction: column;
4738        position: relative;
4739    }
4740
4741    .transaksi-header {
4742        height: 30px;
4743        border-radius: 5px;
4744        font-weight: bold;
4745        border: 2px solid rgba(108,108,108,1);
4746        background: rgba(54,54,54,1);
4747        color: white;
4748        display: flex;
4749        align-items: center;
4750        justify-content: center;
4751        padding: 0 12px 0 22px; /* extra space kiri buat dot */
4752        font-size: 0.9rem;
4753        white-space: nowrap;
4754    }
4755
4756    /* strip bawah lama dimatikan */
4757    .transaksi-status {
4758        display: none;
4759    }
4760
4761    /* ====== ONLINE / OFFLINE DOT ====== */
4762
4763    /* ONLINE: tambahkan class is-online di PHP */
4764    .transaksi-header.is-online::before {
4765        content: "";
4766        position: absolute;
4767        left: 8px;
4768        top: 50%;
4769        transform: translateY(-50%);
4770        width: 9px;
4771        height: 9px;
4772        border-radius: 50%;
4773        background-color: #00ff66;
4774        box-shadow: 0 0 6px rgba(0, 255, 102, .85);
4775    }
4776
4777    /* OFFLINE: is-offline (lebih gelap + tanpa dot) */
4778    .transaksi-header.is-offline {
4779        background: #2e2e2e;
4780        border-color: #555;
4781        opacity: .4;
4782    }
4783
4784    /* backup: kalau lupa kasih class di PHP, treat sebagai offline */
4785    .transaksi-header:not(.is-online):not(.is-offline) {
4786        background: #2e2e2e;
4787        border-color: #555;
4788        opacity: .4;
4789    }
4790
4791    @media only screen and (max-width: 768px) {
4792
4793        .transaksi-layout {
4794            flex-direction: column;
4795            align-items: center;
4796        }
4797
4798        .transaksi-group {
4799            display: grid;
4800            grid-template-columns: 1fr;
4801            grid-template-areas:
4802                "transaksi-bank"
4803                "transaksi-other"
4804                "transaksi-crypto";
4805            gap: 32px;
4806            margin-bottom: 8px;
4807        }
4808
4809        .transaksi-header {
4810            font-size: 1.1rem;
4811            height: 36px;
4812        }
4813
4814        .transaksi-list-bank {
4815            grid-template-columns: repeat(4, 1fr);
4816        }
4817
4818        .transaksi-list-other {
4819            grid-template-columns: repeat(4, 1fr);
4820        }
4821
4822        .transaksi-list-crypto {
4823            width: 86%;
4824            margin: auto;
4825            flex-wrap: wrap;
4826        }
4827
4828        .transaksi-item {
4829            width: 100%;
4830        }
4831
4832        .transaksi-name {
4833            font-size: 1.3rem;
4834            text-align: center;
4835            line-height: 1.8rem;
4836        }
4837
4838        .transaksi-wrapper {
4839            width: 100%;
4840            max-width: 100%!important;
4841            gap: 1rem;
4842            align-items: center;
4843        }
4844
4845        .icon-crypto {
4846            width: 28px;
4847            height: 28px;
4848        }
4849    }
4850
4851    /* LEBAR BOX BANK BIAR RAPI DAN CENTER */
4852    .transaksi-header {
4853        height: 34px;
4854        border-radius: 6px;
4855        font-weight: bold;
4856        border: 2px solid rgba(108,108,108,1);
4857        background: rgba(54,54,54,1);
4858        color: white;
4859
4860        /* Tambahan baru */
4861        min-width: 110px;       /* Lebarin biar semua rata */
4862        padding: 0 16px 0 28px; /* Kasih ruang untuk dot */
4863        display: flex;
4864        align-items: center;
4865        justify-content: center;
4866        text-align: center;
4867
4868        white-space: nowrap;
4869    }
4870
4871    /* DOT ONLINE */
4872    .transaksi-header.is-online::before {
4873        content: "";
4874        position: absolute;
4875        left: 10px;
4876        top: 50%;
4877        transform: translateY(-50%);
4878        width: 10px;
4879        height: 10px;
4880        border-radius: 50%;
4881        background-color: #00ff66;
4882        box-shadow: 0 0 6px rgba(0, 255, 102, .85);
4883    }
4884
4885    /* OFFLINE (DISABLED) */
4886    .transaksi-header.is-offline {
4887        padding: 0 16px;         
4888        background: #2e2e2e;
4889        border-color: #555;
4890        opacity: .35;
4891        align-items: center;
4892        justify-content: center;
4893        text-align: center;
4894    }
4895
4896    /* GRID-nya sedikit dilebarin biar simetris */
4897    .transaksi-list-bank,
4898    .transaksi-list-other {
4899        grid-template-columns: repeat(4, minmax(110px, 1fr));
4900        gap: 8px 10px;
4901    }
4902
4903</style>
4904
4905<div class="transaksi-layout">
4906    <div class="transaksi-left-box">
4907        <div class="transaksi-left-inner">
4908            <img src="/images/transaksi.png" class="transaksi-left-img">
4909        </div>
4910    </div>
4911
4912    <div class="transaksi-right-box">
4913        <div class="transaksi-group">
4914
4915            <!-- BANK LOKAL -->
4916            <div class="transaksi-bank">
4917                <div class="transaksi-wrapper">
4918                                            <div class="transaksi-name">Bank Lokal</div>
4919                                        <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
4920                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
4921                                                    </div>
4922
4923                        <div class="carousel-inner" >
4924                                                            <div class="carousel-item active">
4925                                    <div class="transaksi-list-bank">
4926                                                                                    <div class="transaksi-item">
4927                                                <div class="transaksi-header is-online">
4928                                                    BCA                                                </div>
4929                                                <div class="transaksi-status"></div>
4930                                            </div>
4931                                                                                        <div class="transaksi-item">
4932                                                <div class="transaksi-header is-online">
4933                                                    Mandiri                                                </div>
4934                                                <div class="transaksi-status"></div>
4935                                            </div>
4936                                                                                        <div class="transaksi-item">
4937                                                <div class="transaksi-header is-online">
4938                                                    BNI                                                </d
4938iv>
4939                                                <div class="transaksi-status"></div>
4940                                            </div>
4941                                                                                        <div class="transaksi-item">
4942                                                <div class="transaksi-header is-online">
4943                                                    BRI                                                </div>
4944                                                <div class="transaksi-status"></div>
4945                                            </div>
4946                                                                                        <div class="transaksi-item">
4947                                                <div class="transaksi-header is-online">
4948                                                    CIMB                                                </div>
4949                                                <div class="transaksi-status"></div>
4950                                            </div>
4951                                                                                        <div class="transaksi-item">
4952                                                <div class="transaksi-header is-online">
4953                                                    Danamon                                                </div>
4954                                                <div class="transaksi-status"></div>
4955                                            </div>
4956                                                                                        <div class="transaksi-item">
4957                                                <div class="transaksi-header is-online">
4958                                                    Permata                                                </div>
4959                                                <div class="transaksi-status"></div>
4960                                            </div>
4961                                                                                        <div class="transaksi-item">
4962                                                <div class="transaksi-header is-online">
4963                                                    OCBC                                                </div>
4964                                                <div class="transaksi-status"></div>
4965                                            </div>
4966                                                                                        <div class="transaksi-item">
4967                                                <div class="transaksi-header is-online">
4968                                                    DKI                                                </div>
4969                                                <div class="transaksi-status"></div>
4970                                            </div>
4971                                                                                        <div class="transaksi-item">
4972                                                <div class="transaksi-header is-online">
4973                                                    BSI                                                </div>
4974                                                <div class="transaksi-status"></div>
4975                                            </div>
4976                                                                                        <div class="transaksi-item">
4977                                                <div class="transaksi-header is-online">
4978                                                    JAGO                                                </div>
4979                                                <div class="transaksi-status"></div>
4980                                            </div>
4981                                                                                        <div class="transaksi-item">
4982                                                <div class="transaksi-header is-online">
4983                                                    SeaBank                                                </div>
4984                                                <div class="transaksi-status"></div>
4985                                            </div>
4986                                                                                        <div class="transaksi-item">
4987                                                <div class="transaksi-header is-online">
4988                                                    NOBU                                                </div>
4989                                                <div class="transaksi-status"></div>
4990                                            </div>
4991                                                                                        <div class="transaksi-item">
4992                                                <div class="transaksi-header is-online">
4993                                                    Sinarmas                                                </div>
4994                                                <div class="transaksi-status"></div>
4995                                            </div>
4996                                                                                </div>
4997                                </div>
4998                                                    </div>
4999                    </div>
5000
5001                </div>
5002            </div>
5003
5004            <!-- E MONEY & PULSA -->
5005            <div class="transaksi-other">
5006                <div class="transaksi-wrapper">
5007                                            <div class="transaksi-name">E Money &amp; Pulsa</div>
5008                    
5009                    <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
5010                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
5011                                                    </div>
5012
5013                        <div class="carousel-inner" >
5014                                                            <div class="carousel-item active">
5015                                    <div class="transaksi-list-other">
5016                                                                                    <div class="transaksi-item">
5017                                                <div class="transaksi-header is-online">
5018                                                    DANA                                                </div>
5019                                                <div class="transaksi-status"></div>
5020                                            </div>
5021                                                                                        <div class="transaksi-item">
5022                                                <div class="transaksi-header is-online">
5023                                                    OVO                                                </div>
5024                                                <div class="transaksi-status"></div>
5025                                            </div>
5026                                                                                        <div class="transaksi-item">
5027                                                <div class="transaksi-header is-online">
5028                                                    ShopeePay                                                </div>
5029                                                <div class="transaksi-status"></div>
5030                                            </div>
5031                                                                                        <div class="transaksi-item">
5032                                                <div class="transaksi-header is-online">
5033                                                    GOPAY                                                </div>
5034                                                <div class="transaksi-status"></div>
5035                                            </div>
5036                                                                                        <div class="transaksi-item">
5037                                                <div class="transaksi-header is-online">
5038                                                    LinkAja                                                </div>
5039                                                <div class="transaksi-status"></div>
5040                                            </div>
5041                                                                                        <div class="transaksi-item">
5042                                                <div class="transaksi-header is-online">
5043                                                    Telkomsel                                                </div>
5044                                                <div class="transaksi-status"></div>
5045                                            </div>
5046                                                                                        <div class="transaksi-item">
5047                                                <div class="transaksi-header is-online">
5048                                                    Axiata                                                </div>
5049                                                <div class="transaksi-status"></div>
5050                                            </div>
5051                                                                                </div>
5052                                </div>
5053                                                    </div>
5054                    </div>
5055
5056                </div>
5057            </div>
5058
5059            <!-- CRYPTO -->
5060            <div class="transaksi-crypto">
5061                <div class="transaksi-wrapper">
5062                                            <div class="transaksi-name mb-1">Crypto Currency</div>
5063                    
5064                    <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel">
5065                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
5066                                                    </div>
5067
5068                        <div class="carousel-inner" >
5069                                                            <div class="carousel-item active">
5070                                    <div class="transaksi-list-crypto">
5071                                                                                    <div class="d-flex gap-2">
5072                                                <img src="https://img.viva88athenae.com/USDT.png"
5073                                                     class="icon-crypto" alt="USDT">
5074                                                <strong class="transaksi-name">USDT</strong>
5075                                            </div>
5076                                                                                </div>
5077                                </div>
5078                                                    </div>
5079
5080                    </div>
5081                </div>
5082            </div>
5083
5084        </div>
5085    </div>
5086</div>
5087                            </div>
5088                            
5089                            
5090                        </div>
5091                        
5092                        <!--<div class="d-flex flex-column desktop-only" style="width: 180px">-->
5093                            
5094                        <!--    <div class="transaksi-title">-->
5095                        <!--        <div class="transaksi-title-group">-->
5096                        <!--            <div class="fitur-header">Kontak Kami</div>-->
5097                        <!--        </div>-->
5098                                
5099                        <!--        <div class="devider desktop-only"></div>-->
5100                        <!--    </div>-->
5101                            
5102    
5103                        <!--    
5104<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px">
5105    <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px">
5106        
5107                
5108    </div>
5109      <div class="carousel-inner" style="height: 164px">
5110                    <div class="carousel-item active">
5111                <div>
5112                
5113                                
5114                                        
5115                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
5116                       <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/>
5117
5118                                                            <a class="d-flex flex-column" href="https://unik.yalink.me/UNIK-WA-UTAMA" target='_blank'>
5119                                       <div style="color: #888888;">WHATSAPP</div>
5120                                       <div style="line-height: .9rem; color: var(--primary-text-color)">Whatsapp Official</div>
5121                                    </a>
5122                                
5123                                
5124                    </div>
5125                                
5126                                        
5127                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
5128                       <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/>
5129
5130                                                            <a class="d-flex flex-column" href="https://unik.yalink.me/TELEGRAM-UNIKTOTO" target='_blank'>
5131                                       <div style="color: #888888;">TELEGRAM</div>
5132                                       <div style="line-height: .9rem; color: var(--primary-text-color)">Telegram Official</div>
5133                                    </a>
5134                                
5135                                
5136                    </div>
5137                                
5138                                    
5139                </div>
5140            </div>
5141        
5142         
5143         
5144    </div>
5145</div>
5146-->
5147                                    
5148                        <!--</div>-->
5149                    </div>
5150                </div>
5151            </div>
5152
5153
5154            <div class="bantuan">
5155                
5156                                <ul class="bantuan-content justify-content-center">
5157                    <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li>
5158                    <div class="bantuan-devider desktop-only">|</div>
5159                    <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li>
5160                    <div class="bantuan-devider desktop-only">|</div>
5161                    <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li>
5162                    <div class="bantuan-devider desktop-only">|</div>
5163                    <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li>
5164                    <div class="bantuan-devider desktop-only">|</div>
5165                    <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li>
5166                    <div class="bantuan-devider desktop-only">|</div>
5167                    <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li>
5168                    <div class="bantuan-devider desktop-only">|</div>
5169                    <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li>
5170                </ul>
5171                            </div>
5172        
5173            
5174            <footer class="footer">
5175                
5176                <div class="guidelines">
5177                    <div class="desktop-only">
5178                        <div class="guidelines-content d-flex justify-content-center">
5179                            <img src="https://img.viva88athenae.com/assets/guidelines.png" style="width: 640px" />
5180                        </div>
5181                    </div>
5182                </div>
5183                
5184                <div class="provider d-none d-lg-block">
5185                    <div class="provider-group">
5186                        <img src="https://img.viva88athenae.com/assets/provider.png" class="desktop-only" alt="">
5187                    </div>
5188                </div>
5189                
5190                <div>
5191                    
5191<script>
5192const imageElement = document.querySelector('a img[src="https://img.viva88athenae.com/download-apk.png"]');
5193
5194if (imageElement) {
5195  const linkApk = imageElement.parentNode;
5196  linkApk.href = 'https://unik.yalink.me/APK-UNIKTOTO';
5197
5198  imageElement.src = 'https://res.cloudinary.com/dvvgbqhxo/image/upload/v1757943008/DOWNLOAD_oumuwm.gif';  imageElement.alt = 'Download APK UNIKTOTO';
5199}
5200</script>
5200
5201<!-- MOTION -->
5202<style>
5203  /* MOTION ANIMATION */
5204        .animated-button1 {
5205                background:linear-gradient(to bottom,#f99212,#fd7e14);
5206                padding:0px 0px;
5207                margin: 0px 0px;
5208                display:inline-block;
5209                -webkit-transform:translate(0,0);
5210                transform:translate(0,0);
5211                overflow:hidden;
5212                color:rgb(0, 0, 0);
5213                font-size: 14px;
5214                -webkit-box-shadow:inset 0 2px 4px 1px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.3),0 2px 0 rgba(255,255,255,.5);
5215                box-shadow:inset 0 2px 4px 1px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.3),0 2px 0 rgba(255,255,255,.5);
5216                border-radius:8px;
5217                }
5218        .animated-button2 { 
5219                background:linear-gradient(to bottom,#f99212,#fd7e14);
5220                padding:0px 0px;
5221                margin: 0px 0px;
5222                display:inline-block;
5223                -webkit-transform:translate(0,0);
5224                transform:translate(0,0);
5225                overflow:hidden;
5226                color:rgb(0, 0, 0);
5227                font-size: 14px;
5228                -webkit-box-shadow:inset 0 2px 4px 1px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.3),0 2px 0 rgba(255,255,255,.5);
5229                box-shadow:inset 0 2px 4px 1px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.3),0 2px 0 rgba(255,255,255,.5);
5230                border-radius:8px;
5231                }
5232        .animated-button1::before {
5233                content:'';
5234                position:absolute;
5235                top:0;
5236                left:0;
5237                width:100%;
5238                height:100%;
5239                background-color:#ad8585;
5240                opacity:0;
5241                -webkit-transition:.2s opacity ease-in-out;
5242                transition:.2s opacity ease-in-out
5243                }
5244        .animated-button1:hover::before {
5245                opacity:.2
5246                }
5247        .animated-button1 span {
5248                position:absolute
5249                }
5250        .animated-button1 span:nth-child(1) {
5251                top:0;
5252                top:0;
5253                left:0;
5254                width:100%;
5255                height:60px;
5256                background:-webkit-gradient(linear,right top,left top,from(#e38502)),to(rgba(43,8,8,0));
5257                background:linear-gradient(to left,#fff,rgba(43,8,8,0));
5258                -webkit-animation:2s animateTop linear infinite;
5259                animation: 2s animateTop linear(1.01 -11.76%, 0 101.47%) infinite;
5260                }
5261 @keyframes animateTop {
5262        0% {
5263                -webkit-transform:translateX(100%);
5264                transform:translateX(100%)
5265                }
5266        100% {
5267                -webkit-transform:translateX(-100%);
5268                transform:translateX(-100%)
5269                }
5270        }
5271        .animated-button1 span:nth-child(2) {
5272                top: 0;
5273                right: 0;
5274                height: 100%;
5275                width: 3px;
5276                background: -webkit-gradient(linear, left bottom, left top, from(#e38502)), to(rgba(43, 8, 8, 0));
5277                background: linear-gradient(to top, #fff, rgba(43, 8, 8, 0));
5278                -webkit-animation: 2s animateRight linear -1s infinite;
5279                animation: 2s animateRight linear(1 -2.94%, 0.04 100%) -1s infinite;
5280                }
5281 @keyframes animateRight {
5282        0% {
5283                -webkit-transform:translateY(100%);
5284                transform:translateY(100%)
5285                }
5286        100% {
5287                -webkit-transform:translateY(-100%);
5288                transform:translateY(-100%)
5289                }
5290        }
5291        .animated-button1 span:nth-child(3) {
5292                bottom:0;
5293                left:0;
5294                width:100%;
5295                height:3px;
5296                background:-webkit-gradient(linear,left top,right top,from(#e38502)),to(rgba(43,8,8,0));
5297                background: linear-gradient(to right, #fff, rgba(43, 8, 8, 0));
5298                -webkit-animation: 2s animateBottom linear infinite;
5299                animation: 2s animateBottom linear(0.99 -2.94%, -0.04 100%) infinite;
5300                }
5301 @keyframes animateBottom {
5302        0% {
5303                -webkit-transform:translateX(-100%);
5304                transform:translateX(-100%)
5305                }
5306        100% {
5307                -webkit-transform:translateX(100%);
5308                transform:translateX(100%)
5309                }
5310        }
5311        .animated-button1 span:nth-child(4) {
5312                top:0;
5313                left:0;
5314                height:100%;
5315                width:3px;
5316                background:-webkit-gradient(linear,left top,left bottom,from(#e38502)),to(rgba(43,8,8,0));
5317                background: linear-gradient(to top, rgba(43, 8, 8, 0), #fff);
5318                -webkit-animation: 2s animateLeft linear -1s infinite;
5319                animation: 2s animateLeft linear(1.01 -0.74%, -0.04 100%) -1s infinite
5320                }
5321 @keyframes animateLeft {
5322        0% {
5323                -webkit-transform:translateY(-100%);
5324                transform:translateY(-100%)
5325                }
5326        100% {
5327                -webkit-transform:translateY(100%);
5328                transform:translateY(100%)
5329                }
5330        }
5331        .animated-button2::before {
5332                content:'';
5333                position:absolute;
5334                top:0;
5335                left:0;
5336                width:100%;
5337                height:100%;
5338                background-color:#ad8585;
5339                opacity:0;
5340                -webkit-transition:.2s opacity ease-in-out;
5341                transition:.2s opacity ease-in-out
5342                }
5343        .animated-button2:hover::before {
5344                opacity:.2
5345                }
5346        .animated-button2 span {
5347                position:absolute
5348                }
5349        .animated-button2 span:nth-child(1) {
5350                top:0;
5351                top:0;
5352                left:0;
5353                width:100%;
5354                height:60px;
5355                background:-webkit-gradient(linear,right top,left top,from(#e38502)),to(rgba(43,8,8,0));
5356                background:linear-gradient(to right,#fff,rgba(43,8,8,0));
5357                -webkit-animation:2s animateTop linear infinite;
5358                animation:2s animateTop linear infinite
5359                }
5360 @keyframes animateTop {
5361        0% {
5362                -webkit-transform:translateX(100%);
5363                transform:translateX(100%)
5364                }
5365        100% {
5366                -webkit-transform:translateX(-100%);
5367                transform:translateX(-100%)
5368                }
5369         }
5370        .animated-button2 span:nth-child(2) {
5371                top:0;
5372                right:0;
5373                height:100%;
5374                width:3px;
5375                background:-webkit-gradient(linear,left bottom,left top,from(#e38502)),to(rgba(43,8,8,0));
5376                background:linear-gradient(to bottom,#fff,rgba(43,8,8,0));
5377                -webkit-animation:2s animateRight linear -1s infinite;
5378                animation:2s animateRight linear -1s infinite
5379                }
5380 @keyframes animateRight {
5381        0% {
5382                -webkit-transform:translateY(100%);
5383                transform:translateY(100%)
5384                }
5385        100% {
5386                -webkit-transform:translateY(-100%);
5387                transform:translateY(-100%)
5388                }
5389        }
5390        .animated-button2 span:nth-child(3) {
5391                bottom:0;
5392                left:0;
5393                width:100%;
5394                height:3px;
5395                background:-webkit-gradient(linear,left top,right top,from(#e38502)),to(rgba(43,8,8,0));
5396                background:linear-gradient(to right,rgba(43,8,8,0),#fff);
5397                -webkit-animation:2s animateBottom linear infinite;
5398                animation:2s animateBottom linear infinite
5399                }
5400 @keyframes animateBottom {
5401        0% {
5402                -webkit-transform:translateX(-100%);
5403                transform:translateX(-100%)
5404                }
5405        100% {
5406                -webkit-transform:translateX(100%);
5407                transform:translateX(100%)
5408                }
5409        }
5410        .animated-button2 span:nth-child(4) {
5411                top:0;
5412                left:0;
5413                height:100%;
5414                width:3px;
5415                background:-webkit-gradient(linear,left top,left bottom,from(#e38502)),to(rgba(43,8,8,0));
5416                background:linear-gradient(to bottom,rgba(43,8,8,0),#fff);
5417                -webkit-animation:2s animateLeft linear -1s infinite;
5418                animation:2s animateLeft linear -1s infinite
5419                }
5420 @keyframes animateLeft {
5421        0% {
5422                -webkit-transform:translateY(-100%);
5423                transform:translateY(-100%)
5424                }
5425        100% {
5426                -webkit-transform:translateY(100%);
5427                transform:translateY(100%)
5428                }
5429        }
5430</style>
5431
5432 <!-- SCRIPT BUTTON EXTRA-->
5433
5434<script>
5435(function waitAndMove(){
5436  var $tele = $(".btn-tele, a:contains('Main di Telegram'), a[href*='telegram']").first();
5437
5438  if (!$tele.length) return setTimeout(waitAndMove, 200);
5439
5440  var $rtp  = $("#btn-rtp");
5441  var $pred = $("#btn-prediksi");
5442
5443  if (!$rtp.length){
5444    $rtp = $("<a/>", {
5445      id: "btn-rtp",
5446      class: "btn btn-extra animated-button1",
5447      href: "https://unik.yalink.me/Prediksi_uniktoto",
5448      html: "<span></span><span></span><span></span><span></span><b>PREDIKSI JITU</b>"
5449    }).css({
5450      width: "100%",
5451      height: "36px",
5452      display: "grid",
5453      placeItems: "center",
5454      color: "#000"
5455    });
5456  }
5457
5458  if (!$pred.length){
5459    $pred = $("<a/>", {
5460      id: "btn-prediksi",
5461      class: "btn btn-extra animated-button1",
5462      href: "https://unik.yalink.me/BuktiJP-uniktoto",
5463      html: "<span></span><span></span><span></span><span></span><b>BUKTI JACKPOT</b>"
5464    }).css({
5465      width: "100%",
5466      height: "36px",
5467      display: "grid",
5468      placeItems: "center",
5469      color: "#000"
5470    });
5471  }
5472
5473 
5474  $pred.detach();
5475  $rtp.detach();
5476
5477  $tele.after($pred);
5478  $tele.after($rtp);
5479})();
5480</script>
5480
5481
5482<!-- END OF SCRIPT BUTTON EXTRA-->
5483
5484<!-- LOGIN BUTTON -->
5485<style>
5486        .btn-masuk {
5487                background: linear-gradient(360deg, #ff9300 0%, #ffa700 5%, #ffd74f 50%, #ffa700 95%, #ff9300 100%)!important;
5488                text-shadow: 0px 0px #ff9300!important;
5489                color: #000000!important;
5490                 }
5491       .btn-daftar{
5492                background: linear-gradient(360deg, #0090b5 0%, #0ea0c5 5%, #4fd1f1 50%, #0ea0c5 95%, #0090b5 100%)!important;
5493                text-shadow: 0px 0px #50c6e5!important;
5494                color: #000000!important;
5495                }
5496        .btn-tele {
5497                background: linear-gradient(360deg, #ff9300 0%, #ffa700 5%, #ffd74f 50%, #ffa700 95%, #ff9300 100%)!important;
5498                text-shadow: 0px 0px #ff9300!important;
5499                color: #000000!important;
5500                 }
5501        .prepend {
5502                background: #ff9300;
5503                }
5504        .prepend-icon {
5505                color: #000000;
5506                }
5507</style>
5508
5509<!-- BUTTON SIZE -->
5510<style>
5511@media only screen and (max-width: 1000px) {
5512            .login-form {
5513            padding: 32px 0;
5514            margin: 0px 45px;
5515            display: flex;
5516             flex-direction: column;
5517                }
5518      }
5519</style>
5520<!-- GIF MENU UNIKTOTO -->
5521<style>
5522  @import url("https://fonts.googleapis.com/css?family=Raleway:900&display=swap");
5523
5524  :root {
5525    --accent-color: #1130a5;
5526    --base-color: #ff0000
5527  }
5528 .hamburg {
5529    position: absolute;
5530    width: 40px;
5531    margin-top: -50px;
5532    height: auto;
5533    padding: .6rem;
5534    background-color: #ff9300;
5535    border-radius: 10px;
5536    z-index: 80;
5537    box-shadow: 0 0 12px 1px rgb(123 123 123 / 70%)
5538  }
5539
5540  .ard-sosmed {
5541    display: block;
5542    cursor: pointer;
5543    position: fixed;
5544    bottom: 12%;
5545    left: 10px;
5546    font-family: "Times New Roman", sans-serif;
5547    z-index: 79
5548  }
5549
5550  .ard-sosmed ul {
5551    margin: 0;
5552    padding: 0
5553  }
5554
5555  .ard-sosmed ul li {
5556    position: absolute;
5557    text-decoration: none;
5558    list-style: none;
5559    transform: translate(0, 0) rotate(360deg);
5560    transition: all .5s ease;
5561    opacity: 0
5562  }
5563
5564  .ard-sosmed.open ul li:nth-child(1) {
5565    transform: translateY(-130px);
5566    transition-delay: .20s;
5567    opacity: 1
5568  }
5569
5570  .ard-sosmed.open ul li:nth-child(2) {
5571    transform: translate(0px, -65px);
5572    transition-delay: .16s;
5573    opacity: 1
5574  }
5575
5576  .ard-sosmed.open ul li:nth-child(3) {
5577    transform: translate(0px, -195px);
5578    transition-delay: .12s;
5579    opacity: 1
5580  }
5581
5582  .ard-sosmed.open ul li:nth-child(4) {
5583    transform: translate(0px, -260px);
5584    transition-delay: .08s;
5585    opacity: 1
5586  }
5587
5588  .ard-sosmed.open ul li:nth-child(5) {
5589    transform: translate(0px, -325px);
5590    transition-delay: .04s;
5591    opacity: 1
5592  }
5593
5594  .ard-sosmed.open ul li:nth-child(6) {
5595    transform: translate(0px, -390px);
5596    transition-delay: 0s;
5597    opacity: 1
5598  }
5599
5600  .ard-sosmed ul li a img {
5601    width: 100%;
5602    height: auto
5603  }
5604
5605  .ard-sosmed ul li a {
5606    display: flex;
5607    width: 55px;
5608     margin-top: -50px;
5609    height: 55px;
5610    border: solid 2px #ff9300;
5611    border-radius: 10px;
5612    justify-content: center;
5613    align-items: center;
5614    background-color: #000000
5615  }
5616
5617  .bar1,
5618  .bar2,
5619  .bar3 {
5620    width: 80%;
5621    height: 5px;
5622    background-color: #000000;
5623    margin: 6px auto;
5624    transition: .4s;
5625    position: relative;
5626    transform: translateY(-1px)
5627  }
5628
5629  .open .bar1 {
5630    transform: translate(0, 10px) rotate(-225deg)
5631  }
5632
5633  .open .bar2 {
5634    opacity: 0;
5635    transform: translate(0, -6px) rotate(-225deg)
5636  }
5637
5638  .open .bar3 {
5639    transform: translate(0, -12px) rotate(-315deg)
5640  }
5641
5642  .ard-sosmed ul li div {
5643    position: absolute;
5644    transition: all .3s ease;
5645    opacity: 0;
5646    scale: .1;
5647    font-family: "Times New Roman", sans-serif;
5648    font-size: large;
5649    background: rgba(0, 0, 0, 1);
5650    color: #ffffff;
5651    text-align: center;
5652    text-wrap: nowrap;
5653    border: 1px solid #ff9300;
5654    padding: 5px;
5655    border-radius: 10px
5656  }
5657
5658  .ard-sosmed ul li:hover div {
5659    opacity: 1;
5660    scale: 1
5661  }
5662
5663  .ard-sosmed ul li:nth-child(1) div {
5664    transform: translateY(-130px)
5665  }
5666
5667  .ard-sosmed ul li:nth-child(1):hover div {
5668    transform: translate(70px, -40px)
5669  }
5670
5671  .ard-sosmed ul li:nth-child(2) div {
5672    transform: translateY(-130px)
5673  }
5674
5675  .ard-sosmed ul li:nth-child(2):hover div {
5676    transform: translate(70px, -40px)
5677  }
5678
5679  .ard-sosmed ul li:nth-child(3) div {
5680    transform: translateY(-130px)
5681  }
5682
5683  .ard-sosmed ul li:nth-child(3):hover div {
5684    transform: translate(70px, -40px)
5685  }
5686
5687  .ard-sosmed ul li:nth-child(4) div {
5688    transform: translateY(-130px)
5689  }
5690
5691  .ard-sosmed ul li:nth-child(4):hover div {
5692    transform: translate(70px, -40px)
5693  }
5694
5695  .ard-sosmed ul li:nth-child(5) div {
5696    transform: translateY(-130px)
5697  }
5698
5699  .ard-sosmed ul li:nth-child(5):hover div {
5700    transform: translate(70px, -40px)
5701  }
5702
5703  .ard-sosmed ul li:nth-child(6) div {
5704    transform: translateY(-130px)
5705  }
5706
5707  .ard-sosmed ul li:nth-child(6):hover div {
5708    transform: translate(70px, -40px)
5709  }
5710
5711  .attention {
5712    position: relative;
5713    -webkit-clip-path: polygon(0% 0, 100% 0, 100% 75%, 49% 75%, 22% 100%, 22% 75%, 0% 75%);
5714    clip-path: polygon(0% 0, 100% 0, 100% 75%, 49% 75%, 22% 100%, 22% 75%, 0% 75%);
5715    width: 80px;
5716    text-wrap: nowrap;
5717    height: 30px;
5718    margin-bottom: 50px;
5719    left: 25px;
5720    background-color: #ff9300;
5721    cursor: default;
5722    color: #000000;
5723    display: flex;
5724    justify-content: center;
5725    align-items: center;
5726    padding-bottom: 10px;
5727    opacity: 0
5728  }
5729
5730  .whore {
5731    animation: flicker .6s infinite;
5732
5733    &:hover {
5734      animation-duration: 10s
5735    }
5736  }
5737
5738  @keyframes flicker {
5739    0% {
5740      opacity: 1
5741    }
5742
5743    50% {
5744      opacity: 0
5745    }
5746
5747    100% {
5748      opacity: 1
5749    }
5750  }
5751
5752  @media screen and (max-width: 600px) {
5753    .ard-sosmed {
5754      bottom: 110px;
5755      left: 5px
5756    }
5757  }
5758
5759  @media only screen and (max-width: 600px) {
5760    .LcButton {
5761      position: fixed;
5762      bottom: 55px;
5763      right: 14px;
5764      z-index: 100;
5765      width: 50px;
5766      height: 50px
5767    }
5768  }
5769
5770  @media only screen and (min-width: 601px) {
5771    .LcButton {
5772      display: none
5773    }
5774  }
5775  </style>
5776 <div class="ard-sosmed">
5777  <div class="attention whore">Menu</div>
5778  <div class="hamburg" onclick="ardFunction()">
5779  <div class="bar1"></div>
5780  <div class="bar2"></div>
5781  <div class="bar3"></div>
5782  <div class="bar4"></div>
5783  </div>
5784  <ul>
5785  <li><a href="https://unik.yalink.me/APK-UNIKTOTO" target=
5786  "_blank"><img src=
5787  "https://i.postimg.cc/hPJcqyc7/GIF-APK-UNIK-ezgif-com-gif-to-webp-converter.webp"
5788  alt="APK UNIKTOTO"></a>
5789  <div>APK UNIKTOTO</div>
5790  </li>
5791  <li><a href="https://unik.yalink.me/TELEGRAM-UNIKTOTO" target="_blank"><img src=
5792  "https://i.postimg.cc/BQDZKYkW/GIF-TELE-UNIK-ezgif-com-gif-to-webp-converter.webp"
5793  alt="TELEGRAM UNIKTOTO"></a>
5794  <div>TELEGRAM UNIKTOTO</div>
5795  </li>
5796  <li><a href="https://unik.yalink.me/alter01-uniktoto"
5797  target="_blank"><img src=
5798  "https://i.postimg.cc/mkY3cNGv/GIF-ALT-UNIK-ezgif-com-gif-to-webp-converter.webp"
5799  alt="ALTERNATIF UNIKTOTO"></a>
5800  <div>ALTERNATIF UNIKTOTO</div>
5801  </li>
5802  <li><a href="https://unik.yalink.me/Rtp_uniktoto"
5803  target="_blank"><img src=
5804  "https://i.postimg.cc/43PrcVX9/GIF-RTP-UNIK-ezgif-com-gif-to-webp-converter.webp"
5805  alt="RTP UNIKTOTO"></a>
5806  <div>RTP UNIKTOTO</div>
5807</li>
5808</ul>
5809</div>
5810
5811<script>
5812  const ard = document.querySelector('.ard-sosmed');
5813  const attention_whore = document.querySelector('.attention.whore');
5814
5815  function ardFunction() {
5816    ard.classList.toggle("open");
5817    attention_whore.classList.remove("whore");
5818  }
5819</script>
5819
5820
5821<!-- POP UP UNIKTOTO -->
5822<style>
5823        #pop-up-container {
5824        display: flex;
5825        align-items: center;
5826        justify-content: space-evenly;
5827        position: fixed;
5828        z-index: 11;
5829        top: 0;
5830        left: 0;
5831        right: 0;
5832        bottom: 0;
5833        }
5834        #pop-up-wrapper {
5835        width: 85%;
5836        min-width: 315px;
5837        max-width: 500px;
5838        min-height: 210px;
5839        position: relative;
5840        z-index: 11;
5841        overflow: visible;
5842        border-radius: 5px;
5843        }
5844        #pop-up-wrapper img {
5845        width: 100%;
5846        border-radius: 5px 5px 0 0;
5847        }
5848        #pop-up-wrapper button {
5849        width: 100%;
5850        padding: 0.75rem;
5851        font-size: 12px;
5852        font-weight: 700;
5853        border: none;
5854        border-radius: 0 0 5px 5px;
5855        margin: 0;
5856        background: linear-gradient(to bottom, #e20505 0%, #b90000 50%, #e20505 100%) !important;
5857        }
5858        .gray-bg {
5859        background: #00000000 no-repeat;
5860        }
5861        .swirl-in-fwd {
5862        -webkit-animation: swirl-in-fwd 0.6s ease-out both;
5863        animation: swirl-in-fwd 0.6s ease-out both;
5864        }
5865        .x-mark-container {
5866        position: absolute;
5867        top: 5px;
5868        right: 5px;
5869        background-color: black;
5870        border-radius: 50%;
5871        width: 8%;
5872        }
5873        #bg-black {
5874        background-color: rgba(0, 0, 0, 0.86);
5875        position: fixed;
5876        z-index: 10;
5877        top: 0;
5878        left: 0;
5879        right: 0;
5880        bottom: 0;
5881        }
5882        @-webkit-keyframes swirl-in-fwd {
5883        0% {
5884        -webkit-transform: rotate(0deg) scale(0);
5885        transform: rotate(0deg) scale(0);
5886        opacity: 0;
5887        }
5888        100% {
5889        -webkit-transform: rotate(0) scale(1);
5890        transform: rotate(0) scale(1);
5891        opacity: 1;
5892        }
5893        }
5894        @keyframes swirl-in-fwd {
5895        0% {
5896        -webkit-transform: rotate(0deg) scale(0);
5897        transform: rotate(0deg) scale(0);
5898        opacity: 0;
5899        }
5900        100% {
5901        -webkit-transform: rotate(0) scale(1);
5902        transform: rotate(0) scale(1);
5903        opacity: 1;
5904        }
5905        }
5906        .swirl-out-bck {
5907        -webkit-animation: swirl-out-bck 0.6s ease-in both;
5908        animation: swirl-out-bck 0.6s ease-in both;
5909        }
5910        @-webkit-keyframes swirl-out-bck {
5911        0% {
5912        -webkit-transform: rotate(0) scale(1);
5913        transform: rotate(0) scale(1);
5914        opacity: 1;
5915        }
5916        100% {
5917        -webkit-transform: rotate(0deg) scale(0);
5918        transform: rotate(0deg) scale(0);
5919        opacity: 0;
5920        }
5921        }
5922        @keyframes swirl-out-bck {
5923        0% {
5924        -webkit-transform: rotate(0) scale(1);
5925        transform: rotate(0) scale(1);
5926        opacity: 1;
5927        }
5928        100% {
5929        -webkit-transform: rotate(0deg) scale(0);
5930        transform: rotate(0deg) scale(0);
5931        opacity: 0;
5932        }
5933        }
5934        .fade-in {
5935        -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
5936        animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
5937        }
5938        @-webkit-keyframes fade-in {
5939        0% {
5940        opacity: 0;
5941        }
5942        100% {
5943        opacity: 1;
5944        }
5945        }
5946        @keyframes fade-in {
5947        0% {
5948        opacity: 0;
5949        }
5950        100% {
5951        opacity: 1;
5952        }
5953        }
5954        .fade-out {
5955        -webkit-animation: fade-out 0.6s ease-out both;
5956        animation: fade-out 0.6s ease-out both;
5957        }
5958        @-webkit-keyframes fade-out {
5959        0% {
5960        opacity: 1;
5961        }
5962        100% {
5963        opacity: 0;
5964        }
5965        }
5966        @keyframes fade-out {
5967        0% {
5968        opacity: 1;
5969        }
5970        100% {
5971        opacity: 0;
5972        }
5973        }
5974</style> 
5975<script>
5976        window.addEventListener('DOMContentLoaded', () => {
5977            if (window.location.pathname === '/' || window.location.pathname === '/') {
5978                $('body').append(`
5979                <div id="pop-up-container" onclick="close_pop_up()">
5980                <div id="bg-black" class="fade-in"></div>
5981        
5982                <div id="pop-up-wrapper" class="swirl-in-fwd gray-bg">
5983                    <img
5984                    src="https://yesimg.pages.dev/file/CAACAgUAAyEGAATr9vGTAANxaed3RGuMhDKWberqoNP7mnV5UE8AAmUhAAJPJzlX8PgsSXeQaoo7BA.webp"
5985                    alt="popup UNIKTOTO"
5986                    />
5987        
5988        
5989                    <button onclick="close_pop_up()" style="color: #fff">KLIK UNTUK MENUTUP</button>
5990                </div>
5991                </div>
5992            `);
5993        
5994                document.getElementById('pop-up-wrapper').addEventListener('click', e => {
5995                    e.stopPropagation();
5996                });
5997            }
5998        });
5999        
6000        const close_pop_up = () => {
6001            document.getElementById('pop-up-wrapper')?.classList.replace('swirl-in-fwd', 'swirl-out-bck');
6002            document.getElementById('bg-black')?.classList.replace('fade-in', 'fade-out');
6003        
6004            setTimeout(() => {
6005                const pop_up_container = document.getElementById('pop-up-container');
6006                pop_up_container?.parentElement.removeChild(pop_up_container);
6007            }, 1000);
6008        };
6009</script>
6009
6010
6011<!-- END OF POP UP UNIKTOTO -->
6012
6013<!-- END OF GIF MENU UNIKTOTO -->
6014
6015<!-- FOOTER -->
6016<h1 style="text-align: center;"><span style="color: #ffd966;">UNIKTOTO : Situs Resmi Agen Game Online Terpercaya No 1 Terbaik di Indonesia</span></h1>
6017
6018<p><span style="color: #fcff01;"><u><a href="https://uniktepat.com/">UNIKTOTO</a></u></span> merupakan sebuah platform game online paling unik dan menarik untuk di coba. Dengan berbagai jenis permainan yang bervariasi dan sistem keamanan yang terjamin, situs Uniktoto telah menjadi pilihan terpercaya bagi para penggemar game online yang ada di Indonesia.</p>
6019<p>Sebagai salah satu platform game online terpercaya di Indonesia, Uniktoto memberikan akses login dan daftar yang paling aman. Tentunya juga anda dapat mengakses melalui gadget kesayangan anda. Proses transaksi deposit dan withdraw juga dijamin aman, sangat cepat dan mudah.</p>
6020
6021<h2 style="text-align: center;"><span style="color: #ffd966;">Situs Uniktoto Dengan Pelayanan 24 Jam Online</span></h2>
6022<p>Agar anda dapat bermain dengan lebih leluasa dan nyaman, situs <a href="https://uniktepat.com/"><span style="color: #fcff01;">Uniktoto</span></a> menyediakan pelayanan 24 jam online. Dan pastinya kami telah meningkatkan kualitas pelayanan dengan customer service paling ramah dan berpengalaman untuk mengatasi setiap keluhan. Anda dapat mengakses platform ini kapan saja dan di mana saja tanpa hambatan waktu.</p>
6023
6024<h2 style="text-align: center;"><span style="color: #ffd966;">Akses Mudah Link Login dan Daftar Link Alternatif Uniktoto</span></h2>
6025<p>Sebagai salah satu fasilitas terbaik yang ditawarkan adalah akses mudah melalui link login dan daftar yang tersedia. Anda juga dapat mendownload aplikasi <a href="https://uniktepat.com/"><span style="color: #fcff01;">Uniktoto</span></a> yang sudah kami sediakan pada website resmi kami. Dengan fitur ini, para pemain dapat mengakses platform permainan Uniktoto dengan cepat dan tanpa kendala karena sudah dirancang untuk bisa meningkatkan kemudahan akses bagi para pemain.</p>
6026<p>Dengan setiap kemudahan yang ada, situs Uniktoto menjadi pilihan yang tepat bagi pemain yang mencari keuntungan besar dalam bermain game online. Hanya dengan mendaftar dan melakukan deposit pada link Uniktoto, anda akan mendapatkan kesempatan untuk memenangkan hadiah besar tersebut dengan mudah dan praktis. Tunggu apalagi, segera daftar dan bergabunglah bersama kami untuk memulai pengalaman bermain yang menyenangkan dan menguntungkan.</p>                </div>
6027                
6028                
6029                <div class="footer-group">
6030                    <div class="copyright">
6031                        <div style="white-space: nowrap">© 2015 - 2026 Copyright UNIKTOTO.</div>
6032                        <div>All Rights Reserved.</div>
6033                    </div>
6034                    <div class="desktop-only">
6035                        <div class="d-flex gap-1">
6036                                                            <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div>
6037                                                        <div class="btn-footer" onclick='window.location.href="/wap"'>WAP</div>
6038                        </div>
6039                    </div>
6040                    <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/assets/guidelines.png" alt="">
6041                    
6042                    <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=4I50jdoSVOf67BBBVvoy3qpaVaUbiRulvDuRiltT7R8.','mywindow','menubar=1,resizable=1,width=430 ,height=880');">
6043                        <i class="bi bi-shield-fill-exclamation"></i>
6044                        <strong class="ms-1">LAPOR PUSAT</strong>
6045                    </button>
6046                </div>
6047            </footer>
6048            
6049            
6050            
6051            
6052            
6053            <!-- SIDENAV -->
6054            <div id="mySidenav" class="sidenav desktop-only">
6055                <div id="nav">
6056                    <div style="display: flex; align-items: start;">
6057                        <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;">
6058                            
6059                            <img src="/assets/hubungi.png?11">
6060                            
6061                        </div>
6062                        <!--<img id="about" src="/images/kontak.png?4">-->
6063                    </div>
6064                    <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
6065                       <div id="" style="padding: 4px">
6066                       <img src="/assets/24h.png" style="width: 100%"></img>
6067                        </div>
6068                    
6069                        <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
6070                            <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
6071                            
6072                                                                
6073                                                                                
6074                                            <a href="https://unik.yalink.me/UNIK-WA-UTAMA" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
6075                                                <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>Whatsapp Official</span>
6076                                            </a>
6077                                            
6078                                            
6079                                    
6080                                                                        
6081                                                                                
6082                                            <a href="https://unik.yalink.me/TELEGRAM-UNIKTOTO" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
6083                                                <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span>Telegram Official</span>
6084                                            </a>
6085                                            
6086                                            
6087                                    
6088                                                                
6089    
6090                        </div>
6091                            <div style="margin: 8px">
6092                                <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>
6093                            </div>
6094                    </div>
6095                </div>
6096            </div>
6097        </div>
6098
6099                
6100        <!--POP UP -->
6101                
6102        <!-- LIVE CHAT -->
6103        <!-- Start of LiveChat (www.livechat.com) code -->
6104<script>
6105    window.__lc = window.__lc || {};
6106    window.__lc.license = 17232063;
6107    window.__lc.integration_name = "manual_channels";
6108    window.__lc.product_name = "livechat";
6109    ;(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))
6110</script>
6110
6111<noscript><a href="https://www.livechat.com/chat-with/17232063/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
6112<!-- End of LiveChat code -->
6113
6114<!-- Script Alcopay-->
6115<script>
6116    var merchantId = "1433";
6117    var merchantName = "UNIKTOTO";
6118    var minDepo = "10000";
6119    var maxDepo = "10000000";
6120    var engineName = "Pay4d";
6121    var idx = JSON.parse(atob(`W10=`));var baseUrl = "https://iframe1.alcopay.com";var scriptInjectUrl=`${baseUrl}/javascript/${engineName}/script.js?PGMerchantID=${merchantId}&PGMerchantName=${merchantName}&PGMinDepo=${minDepo}&PGMaxDepo=${maxDepo}`;idx.forEach((function(e){scriptInjectUrl+=`&${e}=${window[e]}`}));var scriptInject=document.createElement("script");scriptInject.src=scriptInjectUrl;var waitAppend=setInterval((function(){document.body&&(clearInterval(waitAppend),document.body.appendChild(scriptInject))}),500);
6122</script>
6122
6123<!-- end of script Alcopay -->
6124        
6125        <!-- LiveChat Internal -->
6126                <style>
6127        /* Taruh widget livechat di belakang modal+backdrop selagi modal terbuka (mis. #promo) */
6128        body.modal-open .cs-embed { z-index: 1049 !important; }
6129        </style>
6130           
6131
6132        
6132<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
6132
6133        
6133<script>
6134            document.addEventListener('DOMContentLoaded', function() {
6135                setTimeout(function() {
6136                    const mobileForm = document.querySelector('#mobilelogin form') || 
6137                                      document.querySelector('#mobilelogin .login-form') ||
6138                                      document.querySelector('.mobile-only form');
6139                    
6140                    if (!mobileForm) {
6141                        return;
6142                    }
6143                    
6144                    const username = mobileForm.querySelector('input[name="username"]');
6145                    const password = mobileForm.querySelector('input[name="password"]');
6146                    const remember = document.querySelector('#rememberMe') || 
6147                                    document.querySelector('input[type="checkbox"]');
6148                    
6149                    if (!username || !password || !remember) {
6150                        return;
6151                    }
6152                    
6153                    try {
6154                        localStorage.setItem('test', 'working');
6155                        if (localStorage.getItem('test') === 'working') {
6156                            localStorage.removeItem('test');
6157                        } else {
6158                            return;
6159                        }
6160                    } catch(e) {
6161                        return;
6162                    }
6163                    
6164                    initializeRememberMe();
6165                    loadSavedData();
6166                    
6167                    mobileForm.addEventListener('submit', handleSave);
6168                    mobileForm.addEventListener('click', function(e) {
6169                        if (e.target.type === 'submit' || e.target.classList.contains('submit')) {
6170                            handleSave();
6171                        }
6172                    });
6173                    remember.addEventListener('change', function() {
6174                        if (!this.checked) {
6175                            clearSavedData();
6176                            localStorage.setItem('mobile_remember_unchecked', 'true');
6177                        } else {
6178                            localStorage.removeItem('mobile_remember_unchecked');
6179                        }
6180                    });
6181    
6182                    function initializeRememberMe() {
6183                        try {
6184                            const wasUnchecked = localStorage.getItem('mobile_remember_unchecked');
6185                            const hasSuccessfulLogin = localStorage.getItem('mobile_login_success');
6186                            if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') {
6187                                remember.checked = false;
6188                            } else {
6189                                remember.checked = true;
6190                            }
6191                        } catch(e) {
6192                            remember.checked = true;
6193                        }
6194                    }
6195                    
6196                    function loadSavedData() {
6197                        try {
6198                            const savedUsername = localStorage.getItem('mobile_username');
6199                            const savedPassword = localStorage.getItem('mobile_password');
6200                            const rememberChecked = localStorage.getItem('mobile_remember');
6201                            if (rememberChecked === 'true' && savedUsername && savedPassword) {
6202                                username.value = savedUsername;
6203                                password.value = savedPassword;
6204                            }
6205                        } catch(e) {
6206                            // console.log('Error loading data:', e);
6207                        }
6208                    }
6209                    
6210                    function handleSave() {
6211                        if (remember.checked) {
6212                            const usernameVal = username.value.trim();
6213                            const passwordVal = password.value.trim();
6214                            
6215                            if (usernameVal && passwordVal) {
6216                                try {
6217                                    localStorage.setItem('mobile_username', usernameVal);
6218                                    localStorage.setItem('mobile_password', passwordVal);
6219                                    localStorage.setItem('mobile_remember', 'true');
6220                                    localStorage.setItem('mobile_login_success', 'true');
6221                                } catch(e) {
6222                                    // console.log('Error saving data:', e);
6223                                }
6224                            }
6225                        } else {
6226                            clearSavedData();
6227                            localStorage.setItem('mobile_login_success', 'true');
6228                        }
6229                    }
6230                    
6231                    function clearSavedData() {
6232                        try {
6233                            localStorage.removeItem('mobile_username');
6234                            localStorage.removeItem('mobile_password');
6235                            localStorage.removeItem('mobile_remember');
6236                        } catch(e) {
6237                            // console.log('Error clearing data:', e);
6238                        }
6239                    }
6240                }, 100); // Wait 100ms
6241                
6242                function initBroadcastMarquee() {
6243                $('.mobile-broadcast, #marquee .broadcast').each(function () {
6244                    const el = $(this);
6245            
6246                    if ($.trim(el.text()) === '') return;
6247                    if (!el.is(':visible')) return;
6248            
6249                    try {
6250                        el.marquee('destroy');
6251                    } catch (e) {}
6252            
6253                    el.marquee({
6254                        speed: 30,
6255                        gap: 80,
6256                        delayBeforeStart: 0,
6257                        direction: 'left',
6258                        duplicated: true,
6259                        pauseOnHover: true,
6260                        startVisible: true
6261                    });
6262                });
6263            }
6264            
6265            $(window).on('load', function () {
6266                setTimeout(function () {
6267                    initBroadcastMarquee();
6268                }, 300);
6269            });
6270            
6271            $(window).on('resize orientationchange', function () {
6272                clearTimeout(window.broadcastResizeTimer);
6273                window.broadcastResizeTimer = setTimeout(function () {
6274                    initBroadcastMarquee();
6275                }, 400);
6276            });
6277                                                
6278                // document.querySelectorAll("marquee").forEach(function(marquee){
6279
6280                // let speed = 0.5; // smaller = slower
6281                // let position = marquee.offsetWidth;
6282            
6283                // function animate(){
6284                //     position--;
6285            
6286                //     if(position < -marquee.scrollWidth){
6287                //         position = marquee.offsetWidth;
6288                //     }
6289            
6290                //     marquee.style.transform = "translateX(" + position + "px)";
6291                //     requestAnimationFrame(animate);
6292                // }
6293            
6294                // animate();
6295            
6296                // // pause on hover
6297                // marquee.addEventListener("mouseenter", function(){
6298                //     speed = 0;
6299                // });
6300            
6301                // marquee.addEventListener("mouseleave", function(){
6302                //     speed = 0.5;
6303                // });
6304            
6305            // });
6306                
6307                
6308            });
6309        </script>
6309
6310
6311        
6311<script>
6312                    
6313            var mobileurl = 'm/';
6314            	
6315
6316
6317            var showIDs = [];
6318            
6319            function showProducts(hoverID) {
6320                while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none";
6321
6322                // document.getElementById('hover').classList.add("hover-show");
6323                document.getElementById('hover').style.transitionDelay = "0s";
6324                document.getElementById('hover').style.visibility = "visible";
6325                document.getElementById('hover').style.opacity = "1";
6326                document.getElementById(hoverID).style.display = "flex";
6327
6328                showIDs.push(hoverID);
6329
6330            }
6331
6332            function hideProducts(hoverID) {
6333                // document.getElementById('hover').classList.remove("hover-show");
6334                document.getElementById('hover').style.visibility = "hidden";
6335                document.getElementById('hover').style.opacity = "0";
6336                document.getElementById('hover').style.transitionDelay = "1s";
6337                
6338            }
6339
6340            var mobileDaftarForm = document.getElementById('mobile-daftar-form');
6341            var marquee = document.getElementById('marquee');
6342            var mobileChangePasswordForm = document.getElementById('mobile-changepassword-form');
6343            var mobileLoginBox = document.getElementById('mobilelogin');
6344
6345            function closeContent() {
6346                $('#main-content').html(""); 
6347            }
6348
6349
6350            function openDaftar() {
6351                closeContent();
6352
6353                if (mobileLoginBox)          mobileLoginBox.style.display = "none";
6354                if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none";
6355
6356                mobileDaftarForm.style.display = "block";
6357                mobileDaftarForm.scrollIntoView();
6358            }
6359
6360            function closeDaftar() {
6361                mobileDaftarForm.style.display = "none";
6362                marquee.scrollIntoView();
6363            }
6364            
6365            
6366            function showProvider(type) {
6367                $('#main-content').html("<div style='padding: 24px'><img src=\"/images/loading.gif\" width=\"36px\"><div>");
6368                $('#main-content').load("/new-showprovider.php?type=" + type); 
6369            }
6370            
6371            function toggleInformasi(item) {
6372                page(item);
6373            }
6374            
6375            function showInformasi(item) {
6376                document.getElementById('modal-wrapper').style.display='block';
6377                toggleInformasi(item);
6378            }
6379
6380            function openChangePasswordMobile() {
6381                closeContent();
6382
6383                if (mobileLoginBox) mobileLoginBox.style.display = "none";
6384                if (mobileDaftarForm) mobileDaftarForm.style.display = "none";
6385
6386                if (mobileChangePasswordForm) {
6387                    mobileChangePasswordForm.style.display = "block";
6388                    mobileChangePasswordForm.scrollIntoView();
6389                }
6390            }
6391
6392            function closeChangePasswordMobile() {
6393                if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none";
6394                if (mobileDaftarForm) mobileDaftarForm.style.display = "none";
6395                if (mobileLoginBox) mobileLoginBox.style.display = "block";
6396
6397                marquee.scrollIntoView();
6398            }
6399            
6400            
6401
6402                    
6403        </script>
6403
6404        
6404<script src="/js/old/new2-webduo35.js?v=1790436672"></script>
6404
6405 
6406        
6406<script>
6407            function scrollToLoginForm(launchType, matchId) {
6408                sessionStorage.setItem('launch', launchType);
6409                if (matchId) sessionStorage.setItem('sbo_matchId', matchId);
6410                else sessionStorage.removeItem('sbo_matchId');
6411                window.scrollTo({ top: 0, behavior: 'smooth' });
6412                setTimeout(function() {
6413                    var isMobile = window.innerWidth <= 1000;
6414                    var loginSelector = isMobile
6415                        ? '#mobilelogin input[name="username"]'
6416                        : '#desktoplogin form';
6417                    var el = document.querySelector(loginSelector);
6418                    if (!el) return;
6419                    var usernameEl = document.querySelector(isMobile ? '#mobilelogin input[name="username"]' : '#desktoplogin input[name="username"]');
6420                    if (usernameEl && !isMobile) usernameEl.focus();
6421                    if (usernameEl && isMobile) usernameEl.scrollIntoView({ behavior: 'instant', block: 'center' });
6422                    const driver = window.driver.js.driver({
6423                        popoverClass: 'driverjs-theme',
6424                        showProgress: false,
6425                        showButtons: [],
6426                        overlayOpacity: 0.3,
6427                        steps: [
6428                            {
6429                                element: loginSelector,
6430                                popover: {
6431                                    title: 'Harap Login',
6432                                    description: 'Silakan masukkan username Anda',
6433                                    side: 'bottom',
6434                                    align: 'start',
6435                                    showButtons: [],
6436                                    nextBtnText: '',
6437                                    prevBtnText: '',
6438                                    doneBtnText: ''
6439                                }
6440                            }
6441                        ],
6442                        onDestroyStarted: () => driver.destroy(),
6443                    });
6444                    driver.drive();
6445                    if (usernameEl) {
6446                        function destroyDriver() {
6447                            driver.destroy();
6448                            window.scrollTo({ top: 0 });
6449                            usernameEl.removeEventListener('input', destroyDriver);
6450                            usernameEl.removeEventListener('click', destroyDriver);
6451                            usernameEl.removeEventListener('focus', destroyDriver);
6452                        }
6453                        usernameEl.addEventListener('input', destroyDriver, { once: true });
6454                        usernameEl.addEventListener('click', destroyDriver, { once: true });
6455                        usernameEl.addEventListener('focus', destroyDriver, { once: true });
6456                    }
6457                }, 500);
6458            }
6459        </script>
6459
6460        
6460<script>
6461            window.addEventListener("message", function(e) {
6462                if (e.origin !== "https://fkupon.com") return;
6463                if (e.data && e.data.action === "resize" && e.data.height) {
6464                    var iframes = document.querySelectorAll(".iframe-kupon");
6465                    iframes.forEach(function(iframe) {
6466                        iframe.style.height = Math.max(100, e.data.height - 16) + "px";
6467                    });
6468                }
6469            });
6470        </script>
6470
6471
6472
6473        <!-- POP UP COOKIES -->
6474        
6475<style>
6476    
6477        
6478    .kebijakan-privasi, .kebijakan-cookies {
6479        color: white;
6480        text-decoration: underline;
6481    }
6482    
6483        
6484</style>
6485
6486
6487<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">
6488  <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem">
6489        <div>
6490    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>  
6491  </div>
6492  <div>
6493     <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">&times;</div>
6494  </div>
6495</div>
6496<script>
6497    $( "#boxprivacy" ).blur(function() {
6498    alert( "Handler for .blur() called." );
6499});
6500</script>
6500   
6501
6502        
6503    
6503<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"d85113f04932488f880dda8c664fe59c","r":1,"spa":2}' crossorigin="anonymous"></script>
6503
6504</body>
6505</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.