PageSourceSearch

https://okemariowin.com/

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