PageSourceSearch

https://jodohtoto18711a1.pro/slot/jl

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