PageSourceSearch

https://manjur4dhebat.com/register

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