PageSourceSearch

https://openg4d.co.uk/

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