PageSourceSearch

https://kekar4d.org/

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