PageSourceSearch

https://just4d-link.com/slot/jl

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