PageSourceSearch

https://technoallianceindia.com/

html technoallianceindia.com collected 2026-10-07 14:44:36 UTC 382,586 bytes, 6,788 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>WINLIVE4D | Akses Halaman Kapan Saja untuk Menjelajahi Platform Modern 2026</title>
7        
8                <meta name="viewport" content="width=1200, initial-scale=1">
9        
10        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
11        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
12        <link rel="preload" href="/style.scss" as="style" onload="this.onload=null;this.rel='stylesheet'">
13
14
15        <!--<link rel="stylesheet" href="/css/old/template/BD.css">-->
16        <link rel="stylesheet" href="/css/old/template/BD.css">
17        <link rel="stylesheet" href="/css/old/variable.css">
18        
19                <link rel="stylesheet" href="/css/old/dark.css">
20                
21        <link rel="stylesheet" href="/css/old/new2-style.css?1790436643">
22        <link rel="stylesheet" href="https://img.viva88athenae.com//icomoon/style.css">
23        <link rel="icon" type="image/png" href="/favicon.png">
24
25        <!-- Driver.js start -->
26        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.css"/>
27        
27<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.js.iife.js"></script>
27
28        <style>
29        @media (max-width: 768px) {
30            .driver-popover { max-width: 220px !important; font-size: 12px !important; padding: 10px 12px !important; }
31            .driver-popover-title { font-size: 13px !important; margin-bottom: 4px !important; }
32            .driver-popover-description { font-size: 12px !important; }
33        }
34        </style>
35        <!--  Driver.js end -->
36        
37        
37<script src="/js/old/jquery-3.6.4.min.js"></script>
37
38        
38<script src="/js/old/jquery.marquee.min.js"></script>
38
39
40        <!-- RECAPTCHA -->
41                
42        <meta name="description" content="WINLIVE4D menghadirkan Akses Halaman Kapan Saja dengan navigasi ringkas, struktur platform modern, informasi terorganisasi, ser potensi cuan maksimal setiap hari." />
43<meta name="keywords" content="winlive4d, winlive 4d, situs judi bola" />
44<link rel="canonical" href="https://www.winlive4d.net/" />
45<link rel="amphtml" href="https://halaman.wlnet1xyz.top/" />
46<link rel="alternate" href="https://halaman.wlnet1xyz.top/"> 
47<link rel="alternate" href="https://halaman.wlnet1xyz.top/" hreflang="id">
48<link rel="alternate" href="https://halaman.wlnet1xyz.top/" hreflang="en">
49<link rel="alternate" href="https://halaman.wlnet1xyz.top/" hreflang="x-default">
50<link rel="alternate" hreflang="id-ID" href="https://halaman.wlnet1xyz.top/" />
51<link rel="alternate" hreflang="en-US" href="https://halaman.wlnet1xyz.top/" />
52<link rel="alternate" hreflang="en-SG" href="https://halaman.wlnet1xyz.top/" />
53<link rel="shortcut icon" type="image/x-icon" href="https://slotgacor.b-cdn.net/favicon/winlive4d.png" />
54<meta name="google" content="notranslate" />
55<meta name="copyright" content="WINLIVE4D" />
56<meta name="robots" content="index, follow" />
57<meta name="rating" content="general" />
58<meta name="geo.region" content="id" />
59<meta name="googlebot" content="index,follow" />
60<meta name="geo.country" content="id" />
61<meta name="language" content="id" />
62<meta name="distribution" content="global" />
63<meta name="geo.placename" content="Indonesia" />
64<meta name="author" content="WINLIVE4D" />
65<meta name="publisher" content="WINLIVE4D" />
66<meta property="og:type" content="website" />
67<meta property="og:locale" content="id" />
68<meta property="og:url" content="https://www.winlive4d.net/" />
69<meta property="og:site_name" content="WINLIVE4D" />
70<meta property="og:title" content="WINLIVE4D | Akses Halaman Kapan Saja untuk Menjelajahi Platform Modern 2026" />
71<meta property="og:description" content="WINLIVE4D menghadirkan Akses Halaman Kapan Saja dengan navigasi ringkas, struktur platform modern, informasi terorganisasi, ser potensi cuan maksimal setiap hari." />
72<meta name="google-site-verification" content="LYcmTnjYo_j1MkzorvX6XjnvHzKuojya5v2H18Lxrg8" />
73<meta name="google-site-verification" content="9dzuTzb3MThvCiL18MoKxfubFdX8jO-7EhO1tV8HaQE" />
74<meta name="google-site-verification" content="EV3nnx8Lo1DnIsir1yK769Ah-u8TulP1-BcAgS-IL5M" />
75<meta name="google-site-verification" content="j5ph07h-gYGfDiZ7YoRXJ6PeaJi0S2SBYayq50qQrtM" />
76<meta name="google-site-verification" content="F32Mymnu-wlBWmpfowsq5pxbJQf3ogzhoS6EhPbbPvw" />
77<meta name="google-site-verification" content="TZWd3VLPdiVsGbO-brJGP0Zg41AmQNNMo448SdA7BW8" />
78<meta name="google-site-verification" content="997E0SyfoBaYeqQPWbCyg39S24xjw2t5s6j-gxO1oaU" />
79<meta name="google-site-verification" content="6onfiLIGv7t73HiwX-cVyLDxYU46_mvXghGAOUWYdNM" />
80<meta name="google-site-verification" content="2X_F7JCNkdpnpggV0pApTi543NTCQ2FEfcfhpviMDyA" />
81<meta name="google-site-verification" content="owSlpYV6Evf4fl_pFYwcBevHasJ0E7tq6fT5ryVgVPI" />
82<meta name="google-site-verification" content="zy__3BpE46IHhSGwl49-9_Md_evVg7HpU2hmgG_Cdzk" />
83<meta name="google-site-verification" content="ozL0s-F2_EFlqfUcG7Nr7--tMcqva5YbTRZxyMc3JJg" />
84<meta name="google-site-verification" content="4ESVNwGmWWKCkAYk9FQYjWPgzWVSy_92Ym1ZOzudq_c" />
85<meta name="google-site-verification" content="ZKUlhbRsqKAfJrKPvYE_gj2Y-AQxMPnicCpUEK6qBno" />
86<meta name="google-site-verification" content="ZWx9Z6RAbm_gywCJ6nZVMzmYSQz6pp8Fey1PanPY66o" />
87<meta name="google-site-verification" content="chcnZwooducHEE5DzZYvsoLiHXltxHYJ8Q6VTCtWAP0" />
88<meta name="yandex-verification" content="15c9672abba2de0f" />
89<meta name="msvalidate.01" content="591EB5C8A10666F57EEFC5488D24399A" />
90<meta name="google-site-verification" content="4I-iDDL7QWOlB5hGN27kaHnDIcazpp4L2taODQ0X5YM" />
91<meta name="google-site-verification" content="jp_5ZB6yERilEaXwmmuz9hez9CIO-rGST2sOvoFOxWo" />
92<meta name="google-site-verification" content="sCwGk50dlyY_Dq7WF8cGSu55XbwPZX4QkMU_FIzJhU8" />
93<meta name="google-site-verification" content="NfqETmEQNOFIiZkVX3sCk0Ingt1E1UU7j3824SAbn1s" />
94<meta name="google-site-verification" content="jp_5ZB6yERilEaXwmmuz9hez9CIO-rGST2sOvoFOxWo" />
95<meta name="google-site-verification" content="vfZGXTca2rMLBimAEPPqIq5VgEOlQuH4lBqxhi22AQI" />
96<meta name="google-site-verification" content="J76EjiIK0lT01SlsYE1HHQBldrb6ZyUMN5P3Ch7rcZk" />
97
98<script type="application/ld+json">
99{
100"@context": "https://schema.org",
101"@graph": [
102{
103"@type": "WebPage",
104"@id": "https://www.winlive4d.net/#webpage",
105"url": "https://www.winlive4d.net/",
106"name": "WINLIVE4D | Akses Halaman Kapan Saja untuk Menjelajahi Platform Modern 2026",
107"description": "WINLIVE4D menghadirkan Akses Halaman Kapan Saja dengan navigasi ringkas, struktur platform modern, informasi terorganisasi, ser potensi cuan maksimal setiap hari.",
108"inLanguage": "id-ID",
109"isPartOf": {
110"@id": "https://www.winlive4d.net/#website"
111},
112"breadcrumb": {
113"@id": "https://www.winlive4d.net/#breadcrumb"
114},
115"primaryImageOfPage": {
116"@type": "ImageObject",
117"url": "https://slotgacor.b-cdn.net/gates-of-olympus-1000-x1000.jpg",
118"width": 1920,
119"height": 384
120},
121"datePublished": "2025-11-20",
122"dateModified": "2025-11-20"
123},
124{
125"@type": "BreadcrumbList",
126"@id": "https://www.winlive4d.net/#breadcrumb",
127"itemListElement": [
128{
129"@type": "ListItem",
130"position": 1,
131"name": "Beranda",
132"item": "https://www.winlive4d.net/"
133},
134{
135"@type": "ListItem",
136"position": 2,
137"name": "Promosi",
138"item": "https://www.winlive4d.net/promosi"
139},
140{
141"@type": "ListItem",
142"position": 3,
143"name": "Event",
144"item": "https://www.winlive4d.net/event"
145}
146]
147},
148{
149"@type": "Organization",
150"@id": "https://www.winlive4d.net/#organization",
151"name": "WINLIVE4D",
152"url": "https://www.winlive4d.net/",
153"logo": {
154"@type": "ImageObject",
155"url": "https://www.winlive4d.net/images/logoweb.png",
156"width": 230,
157"height": 64
158},
159"sameAs": [
160"https://www.tiktok.com/@winlive4d",
161"https://www.instagram.com/winlive4d",
162"https://twitter.com/winlive4d"
163]
164},
165{
166"@type": "WebSite",
167"@id": "https://www.winlive4d.net/#website",
168"url": "https://www.winlive4d.net/",
169"name": "WINLIVE4D",
170"publisher": {
171"@id": "https://www.winlive4d.net/#organization"
172},
173"potentialAction": {
174"@type": "SearchAction",
175"target": "https://www.winlive4d.net/search?q={search_term_string}",
176"query-input": "required name=search_term_string"
177}
178},
179{
180"@type": "FAQPage",
181"mainEntity": [
182{
183"@type": "Question",
184"name": "Apa yang dimaksud dengan pola bermain Banjir Petir Merah di Winlive4d?",
185"acceptedAnswer": {
186"@type": "Answer",
187"text": "Pola bermain Banjir Petir Merah di Winlive4d adalah sebuah teknik menikmati hiburan digital yang memanfaatkan momentum kemunculan simbol pengganda besar. Fitur ini menonjolkan nuansa visual petir merah yang intens, di mana sistem Winlive4d telah dioptimalkan agar setiap sambaran petir memberikan efek kejutan yang penuh energi bagi para penggunanya."
188}
189},
190{
191"@type": "Question",
192"name": "Provider mana saja yang menghadirkan fitur petir merah di platform Winlive4d?",
193"acceptedAnswer": {
194"@type": "Answer",
195"text": "Winlive4d bekerja sama dengan berbagai provider raksasa dunia untuk menyajikan fitur ini, di antaranya adalah Pragmatic Play dengan seri gerbang keajaibannya, PG Soft yang menawarkan animasi halus, serta JILI yang dikenal dengan aksi cepatnya. Kehadiran provider internasional ini memastikan bahwa nuansa Banjir Petir Merah di Winlive4d memiliki standar kualitas grafis yang sangat tinggi."
196}
197},
198{
199"@type": "Question",
200"name": "Bagaimana cara mengakses fitur Banjir Petir Merah secara praktis di Winlive4d?",
201"acceptedAnswer": {
202"@type": "Answer",
203"text": "Seluruh pengguna dapat mengakses fitur ini secara praktis melalui navigasi utama di Winlive4d yang telah mendukung perangkat mobile maupun desktop. Kecepatan server Winlive4d memastikan setiap transisi visual dan kemunculan simbol petir merah berlangsung tanpa hambatan teknis, sehingga momen seru dan penuh sensasi dapat dinikmati kapan saja dan di mana saja."
204}
205}
206]
207}
208]
209}
210</script>
210
211
212<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 212-213
212
213<script async src="https://www.googletagmanager.com/gtag/js?id=
213G-LG8GLCY34X
vendor: 13 bytes, line 213
213"></script>
214<script>
vendor: 132 bytes, lines 215-219
215window.dataLayer = window.dataLayer || [];
216function gtag(){dataLayer.push(arguments);}
217gtag('js', new Date());
218
219gtag('config', '
219G-LG8GLCY34X
vendor: 5 bytes, line 219
219');
220</script>
220
221
222<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 222-223
222
223<script async src="https://www.googletagmanager.com/gtag/js?id=
223G-M6YM3KYKMB
vendor: 13 bytes, line 223
223"></script>
224<script>
vendor: 132 bytes, lines 225-229
225window.dataLayer = window.dataLayer || [];
226function gtag(){dataLayer.push(arguments);}
227gtag('js', new Date());
228
229gtag('config', '
229G-M6YM3KYKMB
vendor: 5 bytes, line 229
229');
230</script>
230
231
232<!-- Meta Pixel Code -->
233<script>
vendor: 408 bytes, lines 233-242
233
234!function(f,b,e,v,n,t,s)
235{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
236n.callMethod.apply(n,arguments):n.queue.push(arguments)};
237if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
238n.queue=[];t=b.createElement(e);t.async=!0;
239t.src=v;s=b.getElementsByTagName(e)[0];
240s.parentNode.insertBefore(t,s)}(window, document,'script',
241'https://connect.facebook.net/en_US/fbevents.js');
242fbq('init', '
2421598678194957020
vendor: 32 bytes, lines 242-243
242');
243fbq('track', 'PageView');
244</script>
244
245<noscript><img height="1" width="1" style="display:none"
246src="https://www.facebook.com/tr?id=1598678194957020&ev=PageView&noscript=1"
247/></noscript>
248<!-- End Meta Pixel Code -->
249 
250<!-- Google Tag Manager -->
251<script>
vendor: 347 bytes, lines 251-255
251(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
252    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
253    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
254    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
255    })(window,document,'script','dataLayer','
255GTM-5HCXGFFB
vendor: 3 bytes, line 255
255');
255</script>
255
256    <!-- End Google Tag Manager -->
257	
258<!-- TikTok Pixel Code Start -->
259<script>
260!function (w, d, t) {
261  w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(
262var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script")
263;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};
264
265
266  ttq.load('CRKJMBBC77U51LO9OOP0');
267  ttq.page();
268}(window, document, 'ttq');
269</script>
269
270<!-- TikTok Pixel Code End -->
271    
272<script>
273  !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.install=t():e.install=t()}(window,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"_esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";var o=this&&this.spreadArray||function(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))};Object.defineProperty(t,"_esModule",{value:!0});var r=function(e,t,n){var o,i=e.createElement("script");i.type="text/javascript",i.async=!0,i.src=t,n&&(i.onerror=function(){r(e,n)});var a=e.getElementsByTagName("script")[0];null===(o=a.parentNode)||void 0===o||o.insertBefore(i,a)};!function(e,t,n){e.KwaiAnalyticsObject=n;var i=e[n]=e[n]||[];i.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"];var a=function(e,t){e[t]=function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];var i=o([t],n,!0);e.push(i)}};i.methods.forEach((function(e){a(i,e)})),i.instance=function(e){var t,n=(null===(t=i._i)||void 0===t?void 0:t[e])||[];return i.methods.forEach((function(e){a(n,e)})),n},i.load=function(e,o){var a="https://s1.kwai.net/kos/s101/nlav11187/pixel/events.js";i._i=i._i||{},i._i[e]=[],i._i[e]._u=a,i._t=i._t||{},i._t[e]=+new Date,i._o=i._o||{},i._o[e]=o||{};var c="?sdkid=".concat(e,"&lib=").concat(n);r(t,a+c,"https://s16-11187.ap4r.com/kos/s101/nlav11187/pixel/events.js"+c)}}(window,document,"kwaiq")}])}));
274  </script>
274
275  
275<script>
276  kwaiq.load('260693420077654');
277  kwaiq.page();
278</script>
278
279
280
281<div style="background-color:#DDDDDD; text-align:center;">
282  <select
283    style="
284      background-image:url(https://slotgacor.b-cdn.net/server.webp);
285      background-color: transparent;
286      background-size: 100% 100%;
287      background-repeat: no-repeat;
288      color: transparent !important;
289      height: 35px;
290      font-size: 18px;
291      text-align: center;
292      margin-top: -1px !important;
293      border-color: #DDDDDD !important;
294      z-index: 10;
295
296      width: 100%;
297      max-width: 320px;
298      box-sizing: border-box;
299      display: block;
300      margin-left: auto;
301      margin-right: auto;
302    "
303    onchange="(this.options[this.selectedIndex].value?window.open(this.options[this.selectedIndex].value,'_blank'):'')"
304  >
305    <option selected disabled value="#">PILIH SERVER!</option>
306    <option value="https://wl4d.vip/winlive4d" style="color:red">[ 121.731.11.210 ] Server Thailand </option>
307    <option value="https://wl4d.vip/winlive4d" style="color:red">[ 103.50.131.213 ] Server Indonesia</option>
308    <option value="https://wl4d.vip/winlive4d" style="color:red">[ 130.235.12.342 ] Server Kamboja</option>
309    <option value="https://wl4d.vip/winlive4d" style="color:red">[ 43.159.46.237 ] Server Singapore</option>
310  </select>
311</div>
312
313<style>
314    
315    .login-input-field {
316        font-size: 1rem;
317    }
318
319    
320    @media only screen and (max-width: 1000px) {
321        .login-input-field {
322            font-size: 1.2rem;
323        }      
324    }
325    
326    
327
328</style>
329
330
331
332<style>
333.count-item {
334font-size: 1.8rem;
335background: #001454;
336padding: 0.3rem 0.5rem;
337color: #ffffff !important;
338border-radius: 10px;
339font-weight: bold;
340}
341.wrapper-service {
342display: flex;
343align-items: center;
344flex-wrap: wrap;
345justify-content: center;
346border-radius: 10px;
347margin-top: 1.3rem;
348border:  3px solid #001454;
349padding: 0.8rem;
350/* background: linear-gradient(90deg , #d39e00 0%, #cca11f 21%, #dba70a 49%, rgb(238 205 86) 75%, #9e7700 100%); color: #000; */
351}
352.status-wrapper, .status-wrapper-mem {
353display: flex;
354align-items: center;
355}
356.status-wrapper {
357justify-content: center;
358}
359.status-wrapper-mem {
360justify-content: center;
361}
362.status-wrapper p {
363margin-right: 0.6rem !important;
364}
365.item-service {
366margin-right: 3rem;
367}
368.item-service:last-child {
369margin-right: 0;
370}
371.item-service h1 {
372font-size: 2.2rem;
373margin-top: 7px !important;
374text-transform : uppercase;
375font-weight: bold !important;
376}
377.google-wrapper {
378background: #fefefe;
379padding: 1.7rem;
380width: 18rem;
381height: 0.5rem;
382border-radius: 10px;
383position: relative;
384}
385.google-wrapper img {
386position: absolute;
387width: 2rem;
388top: 9px;
389left: 10px;
390}
391.item-service p {
392color: #fff;
393}
394.google-wrapper p {
395position: absolute;
396left: 3.4rem;
397top: 0.6rem;
398text-transform: uppercase;
399font-size: 1.50rem !important;
400font-weight: bold !important;
401color: #000 !important;
402}
403</style>
404
405<style>
406
407:root {
408--t1-color:  var(--result-tanggal-background);
409--t2-color:  var(--result-keluaran-color);
410}
411
412
413.provider {
414padding-top: 1rem;
415background: #000000;
416color: #ffffff;
417}
418
419.login-field {
420width: 147px;
421}
422
423.header {
424background: #000000;
425}
426
427.menu-item>label, .menu span {
428color: #fff !important;
429}
430
431.title-infos {
432text-transform: uppercase;
433color: #fff;
434font-size: 1.2rem;
435text-align: center;
436display: flex;
437align-items:center;
438justify-content: center;
439}
440
441.img-title-infos { 
442width: 40px;
443margin-right: 0.5rem;
444}
445
446.transaksi {
447padding-top: 1.5rem;
448}
449
450.wrap-all-trans {
451display: grid;
452grid-template-columns: repeat(2, 1fr);
453gap: 5px;
454}
455
456.wrapper-transactions {
457    width: 35rem;
458        max-width: 100%;
459        padding: 0.7rem;
460        margin-bottom: 1rem;
461        margin-top: 1rem;
462        border-radius: 10px;
463        border: 3px solid #001454;
464        background: var(--result-background);
465    }
466
467    .content-trans {
468        height: 15rem;
469        overflow: hidden;
470        position: relative;
471    }
472
473    .avatar-trans {
474        width: 2rem;
475        max-width: 100%;
476        margin-right: 0.7rem;
477    }
478
479    .avatar-wrapper {
480        display: flex;
481        justify-content: center;
482    }
483
484    .item-trans {
485        color: #ffffff;
486        background: #001042;
487        display: flex;
488        width: 100%;
489        border: 2px solid #001454;
490        justify-content: space-between;
491        align-items: center;
492        border-radius: 5px;
493        font-size: 1rem;
494        margin-bottom: 0.45rem !important;
495        padding: 0.4rem;
496position: relative;
497bottom: 0; /* Start the boxes at the bottom of the container */
498animation: moveUp 40s linear infinite;
499    }
500
501    .rupiah-trans {
502        color: #ffffff;
503font-weight: bold;
504    }
505
506    .text-centertitle {
507        color: #ffffff;
508        margin-top: 0;
509padding-bottom: 0.5rem;
510font-size: 1.15rem;
511font-weight: bold;
512    }
513
514.divider-trans {
515margin-top: 14px !important;
516border-top: 1px solid rgb(0 0 0);
517}
518
519
520
521@keyframes moveUp {
5220% {
523    transform: translateY(0); /* Initial position, no translation */
524}
525100% {
526    transform: translateY(-1500px); /* Move the box upwards by the height of container */
527}
528}
529
530@keyframes glowing  {
531
5320%  {
533 background-position:  0 0;
534}
53550%  {
536 background-position:  400% 0;
537}
538100%  {
539 background-position:  0 0;
540}
541}
542@keyframes glowing  {
5430%  {
544 background-position:  0 0;
545}
54650%  {
547 background-position:  400% 0;
548}
549100%  {
550 background-position:  0 0;
551}
552
553}
554
555@media only screen and (max-width: 1000px) {
556    .wrap-all-trans {
557            display: block;
558    }
559    
560    .wrapper-transactions {
561            width: 100%;
562    }
563
564    .gambar-samping {
565            display: none;
566    }
567
568    .menu-alternatif li {
569            width: 100%;
570            text-align: center;
571            padding: 0.3rem;
572            font-size: 1rem;
573    }
574
575}
576
577
578@media only screen and (max-width: 1000px) {
579    .login-form {
580            margin: 0 20px;
581    }
582
583    .login-field, .login-form>button, .btn-promosi, .wikwik {
584            border-radius: 5px;
585    }
586
587   
588
589    
590}
591</style>
592
593
594
595<script type="text/javascript">
596        var clientautodepo = 'winlive4d';
597        var labelautodepo = 'NST';
598        var loadwl = 'pay4d';
599        var domainsystem = 'piv.sitamoto.51emarfi';
600        var uuidautodepo = '';
601        function _0x57ee(){var _0x3e9cd4=['6282990qfpCCP','evitca_tnahcrem/ipa/piv.sitamoto.sirq//:sptth','POST','createElement','.js?','4020715nxerbx','9444526JKzVaT','headers','status','application.json','8vKtGRU','//:sptth','now','application/json','562EKQMAa','head','then','appendChild','split','uuid','script','floor','17337glyAug','reverse','stringify','join','/lwntpircs/','11051032Fxvgbu','get','json','1337443rdQqzW','data','9752334rszHrt'];_0x57ee=function(){return _0x3e9cd4;};return _0x57ee();}var _0x493fe3=_0x2141;function _0x2141(_0x5db1e8,_0x44f764){var _0x57ee8c=_0x57ee();return _0x2141=function(_0x214148,_0x42ca09){_0x214148=_0x214148-0x1a3;var _0x24059b=_0x57ee8c[_0x214148];return _0x24059b;},_0x2141(_0x5db1e8,_0x44f764);}(function(_0x3149f6,_0x2352d3){var _0x935194=_0x2141,_0x5e4479=_0x3149f6();while(!![]){try{var _0x593c68=-parseInt(_0x935194(0x1b2))/0x1+-parseInt(_0x935194(0x1c3))/0x2*(-parseInt(_0x935194(0x1aa))/0x3)+parseInt(_0x935194(0x1bf))/0x4*(parseInt(_0x935194(0x1ba))/0x5)+-parseInt(_0x935194(0x1b4))/0x6+-parseInt(_0x935194(0x1bb))/0x7+parseInt(_0x935194(0x1af))/0x8+parseInt(_0x935194(0x1b5))/0x9;if(_0x593c68===_0x2352d3)break;else _0x5e4479['push'](_0x5e4479['shift']());}catch(_0x3b57c4){_0x5e4479['push'](_0x5e4479['shift']());}}}(_0x57ee,0xf40c8));var apipath=_0x493fe3(0x1b6);function setupScriptOtomatis(){var _0x316375=_0x493fe3,_0x1706f2=_0x316375(0x1ae)+domainsystem+_0x316375(0x1c0);fetch(_0x1706f2['split']('')[_0x316375(0x1ab)]()[_0x316375(0x1ad)]('')+loadwl+_0x316375(0x1b9)+Math[_0x316375(0x1a9)](Date[_0x316375(0x1c1)]()/0x3e8))[_0x316375(0x1a4)](_0x4f5173=>{var _0x571c8e=_0x316375;return _0x4f5173['ok']?_0x4f5173['text']():fetch(response[_0x571c8e(0x1bc)][_0x571c8e(0x1b0)]('Location'))['then'](_0x43c706=>_0x43c706['text']());})[_0x316375(0x1a4)](_0x5822c3=>{var _0x2b25e4=_0x316375,_0x11bdb2=document[_0x2b25e4(0x1b8)](_0x2b25e4(0x1a8));_0x11bdb2['textContent']=_0x5822c3,document[_0x2b25e4(0x1a3)][_0x2b25e4(0x1a5)](_0x11bdb2);});}var reqdataautodepo={'client':clientautodepo,'label':labelautodepo};fetch(apipath[_0x493fe3(0x1a6)]('')[_0x493fe3(0x1ab)]()[_0x493fe3(0x1ad)](''),{'method':_0x493fe3(0x1b7),'headers':{'Accept':_0x493fe3(0x1be),'Content-Type':_0x493fe3(0x1c2)},'cache':'no-cache','body':JSON[_0x493fe3(0x1ac)](reqdataautodepo)})[_0x493fe3(0x1a4)](_0x1b84fe=>_0x1b84fe[_0x493fe3(0x1b1)]())[_0x493fe3(0x1a4)](function(_0x3fe860){var _0x263901=_0x493fe3;_0x3fe860[_0x263901(0x1bd)]&&(_0x3fe860['data'][_0x263901(0x1a7)]&&(_0x3fe860[_0x263901(0x1b3)][_0x263901(0x1a7)]!=''&&(uuidautodepo=_0x3fe860[_0x263901(0x1b3)][_0x263901(0x1a7)],setupScriptOtomatis())));});
602      </script>
602
603
604        <style>
605        
606        .wrapper {
607            display: grid;
608            grid-template-columns: 1fr;
609            grid-template-areas:
610            "marquee"
611            "header"
612            "devider"
613            "contentdata"
614            "togel-desktop"
615            "widget-kupon"
616            "widget-sbo"
617            "provider"
618            "transaksi"
619            "guidelines"
620            "bantuan"
621            "footer"
622        }
623        
624        .widget-kupon {
625            grid-area: widget-kupon;
626            padding-top: 20px;
627            background: var(--footer-background);
628            display: flex;
629            align-items: center;
630            position: relative;
631        }
632
633        .widget-sbo {
634            grid-area: widget-sbo;
635            padding-top: 20px;
636            display: flex;
637            align-items: center;
638            position: relative;
639        }
640        
641            .iframe-kupon {
642                width: 1000px;
643                height: 200px;
644                display: block;
645                vertical-align: bottom;
646            }
647                    
648            .login-input-field {
649                font-size: 1rem;
650            }
651            
652            .btn-aduan2 {
653                background: linear-gradient(60deg, #b08432, #cfbe87, #b08432);
654                -webkit-background-clip: text;
655                -webkit-text-fill-color: transparent;
656                background-size: 300% 300%;
657                animation: gradient 2s ease infinite;
658            }
659            
660            .transaksi-title {
661                place-items: start;
662            }
663            
664            .btn-tele {
665                font-size: 1.2rem;
666                text-shadow: 1px 1px #000000;
667                height: 36px!important;
668                border-radius: 8px;
669                background: #28323C;
670                color: white;
671            }
672            
673            #marquee-mobile {
674                width: 100%;
675                overflow: hidden;
676            }
677            
678            #marquee-mobile .marquee-content {
679                display: flex;
680                align-items: center;
681                width: 100%;
682                overflow: hidden;
683            }
684            
685            #marquee-mobile .running {
686                position: relative;
687                flex: 1 1 auto;
688                min-width: 0;
689                overflow: hidden;
690            }
691            
692            #marquee-mobile .broadcast {
693                display: inline-block;
694                white-space: nowrap;
695            }
696                        
697            #marquee {
698                overflow: hidden;
699            }
700            
701            #marquee .running {
702                overflow: hidden;
703            }
704            
705            #marquee .broadcast {
706                white-space: nowrap;
707            }
708            
709            body {
710                overflow-x: hidden;
711            }
712            
713            .btn-google {
714                width: 30px;
715                height: 30px;
716                background: #fff;
717                border: 1px solid #ddd;
718                border-radius: 3px;
719                display: inline-flex;
720                align-items: center;
721                justify-content: center;
722            }
723            
724            .btn-google:hover {
725                background: #f5f5f5;
726            }
727            
728            .btn-google-mobile {
729                background: #fff;
730                color: #3c4043;
731                border: 1px solid #dadce0;
732                border-radius: 3px;
733                height: 36px;
734                padding: 0 12px;
735                font-weight: 600;
736                font-size: 1.2rem;
737            
738                align-items: center;
739                justify-content: center;
740                gap: 8px;
741            }
742            
743            .btn-google-mobile:hover {
744                background: #f8f9fa;
745                color: #202124;
746            }
747
748            
749            @media only screen and (max-width: 1000px) {
750                
751            .wrapper {
752                display: grid;
753                grid-template-columns: 1fr;
754                grid-template-areas:
755                "appbar"
756                "marquee"
757                "header"
758                "contentdata"
759                "togel-mobile"
760                "widget-kupon"
761                "widget-sbo"
762                "devider"
763                "provider"
764                "transaksi"
765                "bantuan"
766                "footer"
767                "guidelines";
768            }
769            
770            .widget-kupon {
771                margin: 0px 20px;
772            }
773
774          
775                        
776                .iframe-kupon {
777                    padding: 0px;
778                    height: 262px;
779                    width: 100%;
780                    display: block;
781                    vertical-align: bottom;
782                }
783                
784            .transaksi-title {
785                place-items: center;
786            }
787                
788                .login-input-field {
789                    font-size: 1.2rem;
790                }      
791            }
792            
793            .grecaptcha-badge {
794                display: none !important;
795            }
796            
797        </style>
798
799    </head>
800    
801    
802
803    <body id="desktop">
804        
805        
806<div id="hover" class="hover desktop-only">
807
808    <div id="hover-togel" class="hover-menu">
809        <a href="/register" class="hover-item">
810            <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
811            <figcaption>TOGEL</figcaption>
812        </a> 
813        
814        <a href="/register" class="hover-item">
815            <figure><img src="https://img.viva88athenae.com//icon-kupon1.png" alt="PAY4D"></figure>
816            <figcaption>KUPON</figcaption>
817        </a> 
818    </div>
819
820    <div id="hover-slot" class="hover-menu">
821        <a href="/slot/pp" class="hover-item">
822            <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure>
823            <figcaption>PRAGMATIC PLAY</figcaption>
824        </a>
825
826        <a href="/slot/pg" class="hover-item">
827            <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure>
828            <figcaption>PG SOFT</figcaption>
829        </a>
830
831        <a href="/slot/jl" class="hover-item">
832            <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure>
833            <figcaption>JILI</figcaption>
834        </a> 
835
836        <a href="/slot/mgw" class="hover-item">
837            <figure><img src="https://img.viva88athenae.com//slot-mgw.png" alt="MEGAWIN"></figure>
838            <figcaption>MEGAWIN</figcaption>
839        </a>
840
841        <a href="/slot/atg" class="hover-item">
842            <figure><img src="https://img.viva88athenae.com//slot-atg.png" alt="ATG Games"></figure>
843            <figcaption>ATG Games</figcaption>
844        </a>
845
846        <a href="/slot/pok" class="hover-item">
847            <figure><img src="https://img.viva88athenae.com//slot-pok.png" alt="PopOK Gaming"></figure>
848            <figcaption>PopOK Gaming</figcaption>
849        </a>
850
851        <a href="/slot/ams" class="hover-item">
852            <figure><img src="https://img.viva88athenae.com//slot-ams.png" alt="ASKMESLOT"></figure>
853            <figcaption>ASKMESLOT</figcaption>
854        </a>
855
856        <a href="/slot/sdl" class="hover-item">
857            <figure><img src="https://img.viva88athenae.com//slot-sdl.png" alt="SHADY LADY"></figure>
858            <figcaption>SHADY LADY</figcaption>
859        </a>
860
861        <a href="/slot/hb" class="hover-item">
862            <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
863            <figcaption>HABANERO</figcaption>
864        </a>
865        
866        <a href="/slot/sg" class="hover-item">
867            <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure>
868            <figcaption>SPADEGAMING</figcaption>
869        </a>
870
871        <a href="/slot/nlc" class="hover-item">
872            <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure>
873            <figcaption>NOLIMIT CITY</figcaption>
874        </a>
875
876        <a href="/slot/fs" class="hover-item">
877            <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure>
878            <figcaption>FASTSPIN</figcaption>
879        </a>
880
881        <a href="/slot/jg" class="hover-item">
882            <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure>
883            <figcaption>JOKER</figcaption>
884        </a> 
885
886        <a href="/slot/mg" class="hover-item">
887            <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure>
888            <figcaption>MICROGAMING</figcaption>
889        </a>
890
891        <a href="/slot/fgs" class="hover-item">
892            <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure>
893            <figcaption>5G GAMES</figcaption>
894        </a>
895
896        <a href="/slot/hks" class="hover-item">
897            <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure>
898            <figcaption>HACKSAW GAMING</figcaption>
899        </a>
900
901        <a href="/slot/nxt" class="hover-item">
902            <figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure>
903            <figcaption>NEXTSPIN</figcaption>
904        </a>
905
906        <a href="/slot/ps" class="hover-item">
907            <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
908            <figcaption>PLAYSTAR</figcaption>
909        </a>
910
911        <a href="/slot/pt" class="hover-item">
912            <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
913            <figcaption>PLAYTECH</figcaption>
914        </a>
915
916        <a href="/slot/av" class="hover-item">
917            <figure><img src="https://img.viva88athenae.com//slot-av.png" alt="ADVANT PLAY"></figure>
918            <figcaption>ADVANT PLAY</figcaption>
919        </a>
920
921        <a href="/slot/cmp" class="hover-item">
922            <figure><img src="https://img.viva88athenae.com//slot-cmp.png" alt="COSMOPLAY"></figure>
923            <figcaption>COSMOPLAY</figcaption>
924        </a> 
925
926        <a href="/slot/cq9" class="hover-item">
927            <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
928            <figcaption>CQ9</figcaption>
929        </a>    
930
931        <a href="/slot/wow" class="hover-item">
932            <figure><img src="https://img.viva88athenae.com//slot-wow.png" alt="WOW GAMING"></figure>
933            <figcaption>WOW GAMING</figcaption>
934        </a>
935
936        <a href="/slot/l22" class="hover-item">
937            <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure>
938            <figcaption>LIVE22</figcaption>
939        </a> 
940
941        <a href="/slot/ss" class="hover-item">
942            <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure>
943            <figcaption>SBO SLOT</figcaption>
944        </a>
945        
946        <!-- <a href="/slot/nte" class="hover-item">
947            <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure>
948            <figcaption>NETENT</figcaption>
949        </a> --> 
950      
951        <!-- <a href="/slot/ttg" class="hover-item">
952            <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
953            <figcaption>TOPTREND GAMING</figcaption>
954        </a> -->
955    </div>
956
957    <div id="hover-live" class="hover-menu" >
958        <a href="/casino/pplc" class="hover-item">
959            <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure>
960            <figcaption>PRAGMATIC PLAY</figcaption>
961        </a>
962
963        <a href="/casino/evo" class="hover-item">
964            <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
965            <figcaption>EVOLUTION</figcaption>
966        </a>
967
968        <a href="/casino/mglc" class="hover-item">
969            <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICROGAMING"></figure>
970            <figcaption>MICROGAMING</figcaption>
971        </a>
972
973        <a href="/casino/ptg" class="hover-item">
974            <figure><img src="https://img.viva88athenae.com//live-ptg.png" alt="PRETTY GAMING"></figure>
975            <figcaption>PRETTY GAMING</figcaption>
976        </a>
977
978        <a href="/casino/ion" class="hover-item">
979            <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure>
980            <figcaption>ION CASINO</figcaption>
981        </a>
982
983        <a href="/casino/sx" class="hover-item">
984            <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure>
985            <figcaption>SEXY GAMING</figcaption>
986        </a>
987
988        <a href="/casino/sa" class="hover-item">
989            <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure>
990            <figcaption>SA GAMING</figcaption>
991        </a>   
992
993        <a href="/casino/ab" class="hover-item">
994            <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure>
995            <figcaption>ALLBET</figcaption>
996        </a> 
997
998        <a href="/casino/ptlc" class="hover-item">
999            <figure><img src="https://img.viva88athenae.com//live-pt.png" alt="PLAYTECH LIVE"></figure>
1000            <figcaption>PLAYTECH LIVE</figcaption>
1001        </a>
1002
1003        <!-- <a href="/casino/gmnl" class="hover-item">
1004            <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure>
1005            <figcaption>GEMINI LIVE</figcaption>
1006        </a> -->
1007
1008        <a href="/casino/og" class="hover-item">
1009            <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
1010            <figcaption>OPUS PLUS</figcaption>
1011        </a>
1012
1013        <a href="/casino/sbol" class="hover-item">
1014            <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure>
1015            <figcaption>SBOBET CASINO</figcaption>
1016        </a>    
1017    </div>
1018
1019    <div id="hover-sport" class="hover-menu">
1020        <a href="/register" class="hover-item">
1021            <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
1022            <figcaption>SABA</figcaption>
1023        </a>
1024
1025        <a href="/register" class="hover-item">
1026            <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure>
1027            <figcaption>SBOBET</figcaption>
1028        </a>
1029        
1030        <a href="/register" class="hover-item">
1031            <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure>
1032            <figcaption>CMD368</figcaption>
1033        </a>  
1034
1035        <!-- <a href="/register" class="hover-item">
1036            <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure>
1037            <figcaption>PINNACLE</figcaption>
1038        </a>   -->
1039	
1040	    <a href="/register" class="hover-item">
1041            <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure>
1042            <figcaption>TFGAMING</figcaption>
1043        </a>        
1044    </div>
1045
1046    <div id="hover-fishing" class="hover-menu">
1047        <a href="/arcade/jl" class="hover-item">
1048            <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure>
1049            <figcaption>JILI</figcaption>
1050        </a>
1051    
1052        <a href="/arcade/sg" class="hover-item">
1053            <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure>
1054            <figcaption>SPADE GAMING</figcaption>
1055        </a>
1056
1057        <a href="/arcade/fs" class="hover-item">
1058            <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure>
1059            <figcaption>FASTSPIN</figcaption>
1060        </a>
1061
1062        <a href="/arcade/ams" class="hover-item">
1063            <figure><img src="https://img.viva88athenae.com//fish-ams.png" alt="ASKMESLOT"></figure>
1064            <figcaption>ASKMESLOT</figcaption>
1065        </a>
1066
1067        <!-- <a href="/arcade/ps" class="hover-item">
1068            <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure>
1069            <figcaption>PLAYSTAR</figcaption>
1070        </a>
1071
1072	    <a href="/arcade/l22" class="hover-item">
1073            <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure>
1074            <figcaption>LIVE22</figcaption>
1075        </a>  -->
1076
1077    </div>
1078
1079    <div id="hover-sabung" class="hover-menu">
1080        <a href="/sabung/ws" class="hover-item">
1081            <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure>
1082            <figcaption>WS168</figcaption>
1083        </a>
1084
1085        <a href="/sabung/sv" class="hover-item">
1086            <figure><img src="https://img.viva88athenae.com//sabung-sv.png" alt="SV388"></figure>
1087            <figcaption>SV388</figcaption>
1088        </a> 
1089    </div>
1090    
1091    <div id="hover-interactive" class="hover-menu">
1092        <a href="/interactive/pp" class="hover-item">
1093            <figure><img src="https://img.viva88athenae.com//interactive-pp.png" alt="PRAGMATIC PLAY"></figure>
1094            <figcaption>PRAGMATIC PLAY</figcaption>
1095        </a> 
1096        
1097        <a href="/interactive/gmn" class="hover-item">
1098            <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure>
1099            <figcaption>GEMINI</figcaption>
1100        </a> 
1101
1102        <a href="/interactive/jl" class="hover-item">
1103            <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure>
1104            <figcaption>JILI</figcaption>
1105        </a> 
1106
1107        <a href="/interactive/jg" class="hover-item">
1108            <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
1109            <figcaption>JOKER</figcaption>
1110        </a>
1111
1112        <a href="/interactive/atg" class="hover-item">
1113            <figure><img src="https://img.viva88athenae.com//interactive-atg.png" alt="ATG Games"></figure>
1114            <figcaption>ATG Games</figcaption>
1115        </a>
1116
1117        <a href="/interactive/pok" class="hover-item">
1118            <figure><img src="https://img.viva88athenae.com//interactive-pok.png" alt="PopOK Gaming"></figure>
1119            <figcaption>PopOK Gaming</figcaption>
1120        </a>
1121
1122        <a href="/interactive/ams" class="hover-item">
1123            <figure><img src="https://img.viva88athenae.com//interactive-ams.png" alt="ASKMESLOT"></figure>
1124            <figcaption>ASKMESLOT</figcaption>
1125        </a>
1126
1127        <a href="/interactive/mg" class="hover-item">
1128            <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure>
1129            <figcaption>MICRO GAMING</figcaption>
1130        </a>
1131
1132        <a href="/interactive/hks" class="hover-item">
1133            <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure>
1134            <figcaption>HACKSAW GAMING</figcaption>
1135        </a>
1136
1137        <a href="/interactive/pt" class="hover-item">
1138            <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure>
1139            <figcaption>PLAYTECH</figcaption>
1140        </a> 
1141        
1142        <a href="/interactive/wow" class="hover-item">
1143            <figure><img src="https://img.viva88athenae.com//interactive-wow.png" alt="WOW GAMING"></figure>
1144            <figcaption>WOW GAMING</figcaption>
1145        </a> 
1146
1147        <!-- <a href="/interactive/ps" class="hover-item">
1148            <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure>
1149            <figcaption>PLAYSTAR</figcaption>
1150        </a>  -->
1151    </div>
1152
1153
1154
1155</div>
1156<style>
1157    .my-navbar {
1158        height: 44px; 
1159        padding: 0px; 
1160        width: 100%; 
1161        background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color); 
1162        position: fixed; 
1163        bottom: 0; 
1164        color: white; 
1165        z-index: 1100; 
1166        display: flex; 
1167        box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
1168    }
1169    
1170    .navbar-item {
1171        height: 100%; 
1172        width: 100%; 
1173        display: flex;
1174        flex-direction: column;
1175        align-items: center;
1176        justify-content: center;
1177    }
1178    
1179    .navbar-item-content {
1180        display: flex;
1181        flex-direction: column;
1182        justify-content: center;
1183        align-items: center;
1184        position: absolute; 
1185        top: -16px
1186    }
1187    
1188    .navbar-item-content>i {
1189         font-size: 20px;
1190         line-height: 22px;
1191         color: white;
1192         padding-bottom: 4px;
1193    }
1194    
1195    .navbar-item-content>img {
1196         height: 28px; 
1197         width: 28px;
1198    }
1199    
1200    .navbar-item-content>label {
1201        white-space: nowrap; 
1202        margin-top: 4px; 
1203        font-weight: bold; 
1204        font-size: var(--text-size-default); 
1205        color: white
1206    }
1207    
1208    .speed-dial-item {
1209        opacity: 0;
1210        visibility: hidden;
1211        transform: translateY(10px);
1212        transition: opacity 0.3s ease, transform 0.3s ease;
1213    }
1214    
1215    .speed-dial-active .speed-dial-item {
1216        opacity: 1;
1217        visibility: visible;
1218        transform: translateY(0);
1219    }
1220    
1221    /* Delay each item’s appearance */
1222    .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; }
1223    .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; }
1224    .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; }
1225    .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; }
1226    .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; }       
1227
1228    
1229</style>
1230
1231
1232<div class="mobile-only" >
1233        <div class="my-navbar">
1234            <a href="/" class="navbar-item" style="position: relative">
1235                <div class="navbar-item-content">
1236                    <img src="https://img.viva88athenae.com//beranda.png"/>
1237                    <label>BERANDA</label>
1238                </div>
1239            </a>
1240            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
1241            <a href="/m/promosi"  class="navbar-item">
1242                <div class="navbar-item-content">
1243                    <img src="https://img.viva88athenae.com//promosi.png"/>
1244                    <label>PROMOSI</label>
1245                </div>
1246            </a>
1247            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
1248            <a href="/m/event"  class="navbar-item">
1249                <div class="navbar-item-content">
1250                    <img src="https://img.viva88athenae.com//events.png"/>
1251                    <label>EVENT</label>
1252                </div>
1253            </a>
1254            
1255                            
1256                    <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
1257                    <div class="navbar-item">
1258                        <div class="navbar-item-content speed-dial-btn">
1259                            <img src="https://img.viva88athenae.com//chat.png"/>
1260                            <label>CHAT</label>
1261                        </div>
1262                        
1263                                                    
1264                                <a href="https://www.facebook.com/groups/328626942624920" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -48px; height: 40px; width: 40px">
1265                                    <img src="https://img.viva88athenae.com//facebook.png" style="width: 100%; height: 100%"/>
1266                                </a>
1267                            
1268                                                        
1269                                <a href="https://t.me/winlive4dofc" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -96px; height: 40px; width: 40px">
1270                                    <img src="https://img.viva88athenae.com//telegram.png" style="width: 100%; height: 100%"/>
1271                                </a>
1272                            
1273                                                        
1274                                <a href="https://wa.me/62895322638206" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -144px; height: 40px; width: 40px">
1275                                    <img src="https://img.viva88athenae.com//whatsapp.png" style="width: 100%; height: 100%"/>
1276                                </a>
1277                            
1278                                                    
1279                    </div>
1280                
1281                
1282                                        
1283            
1284            
1285            
1286            
1287            
1288        </div>
1289</div>
1290
1291<script>
1292    document.addEventListener("DOMContentLoaded", function () {
1293    const speedDialBtn = document.querySelector(".speed-dial-btn");
1294    const speedDialItems = document.querySelectorAll(".speed-dial-item");
1295    let isOpen = false;
1296
1297    speedDialBtn.addEventListener("click", function () {
1298        isOpen = !isOpen;
1299
1300        speedDialItems.forEach((item, index) => {
1301            if (isOpen) {
1302                item.style.opacity = "1";
1303                item.style.visibility = "visible";
1304                item.style.transform = "translateY(0)";
1305                item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect
1306            } else {
1307                item.style.opacity = "0";
1308                item.style.visibility = "hidden";
1309                item.style.transform = "translateY(10px)";
1310                item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger
1311            }
1312        });
1313    });
1314});
1315</script>
1315        
1316        
1317        
1318        <div id="top" class="wrapper">
1319
1320            
1321                
1322            <header class="header">
1323                <div class="header-content">
1324                    <div class="logo" href="/">
1325                        <a href='/'><img src="/images/logoweb.png"  class='logoimg' alt=""></a>
1326                    </div>
1327                    
1328                    <div id="marquee-mobile" class="marquee mobile-only">
1329                        <div class="marquee-content">
1330                            <div class="d-flex align-items-center gap-2 flex-shrink-0">
1331                                <i class="bi bi-volume-down" style="padding: 0 2px; font-size: 16px"></i>
1332                            </div>
1333                    
1334                            <div class="running">
1335                                <div class="marquee-shadow"></div>
1336                                <div class="broadcast mobile-broadcast">HALLO BOSKU ! DAPATKAN PROMO DEPOSIT HARIAN 10% SETIAP HARI HANYA DI WHATSAPP ADMIN WINLIVE4D</div>
1337                            </div>
1338                    
1339                            <div class="d-flex align-items-center gap-2 flex-shrink-0"></div>
1340                        </div>
1341                    </div>
1342                    
1343                    <div class="mslider mobile-only">
1344                                            </div>
1345                    
1346                    <div class="login mobile-only">
1347                            <div id="mobilelogin" class="mobile-only" style="width: 100%">
1348                                <form class="login-form form" style="padding: 0px; padding-top: 16px" role="form">
1349                                    <div id="msgbox" style="font-size: 1rem; width: 100%"></div>
1350                                    <div class="input-group login-field">
1351                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
1352                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username">
1353                                    </div>
1354                                    <div class="input-group login-field">
1355                                        <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>
1356                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
1357                                    </div>
1358                                    
1359                                    <!-- captcha -->
1360                                   
1361                                    <div id="mverifikasiform" class="w-100" style=" display: none;">
1362                                        
1363                                        <span id="verifikasi"><img src="/m/capimg.php?2509" width="100%" height="36" style="border-radius: 5px;"></span>
1364                                        <div class="input-group login-field mt-1">
1365                                            <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>
1366                                            <input type="text" class="form-control login-input-field" name="verifikasi" id="mverform" autocomplete="off" placeholder="Verifikasi">
1367                                        </div>
1368                                    </div>
1369
1370                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
1371                    
1372                                    <!-- end captcha -->
1373                                    
1374                                    <label style="font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;">
1375                                        <input type="checkbox" id="rememberMe" name="remember" style="margin-right:4px;width:12px;height:12px;cursor:pointer;"> Remember Me
1376                                    </label>
1377        
1378                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
1379                                    <button type="button" class="btn btn-daftar bt
1379n-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button>
1380                                    
1381                                                                            <button type="button" class="btn btn-tele fw-bold p-0 px-2 mobile-only" onclick="window.open('https://telegram.me/winlive4dBot', '_blank')"><i class="bi bi-telegram me-2" style="color: #0088cc"></i>Main di Telegram</button>
1382                                                                        
1383                                    
1384                                    <input type="hidden" name="task" value="login">    
1385                                    <input type="hidden" name="iscaptchalogin" value="0">
1386                                    <input type="hidden" name="loginmobile" value="XaaNr8vMLxaesq2rBtbnIhK/dYastTUCpHqFRXrkEIc=">
1387                                    <input type="hidden" name="isrecaptchalogin" value="0">
1388                                </form>
1389                            </div>
1390
1391                                                        
1392                            <!-- Change Password Mobile -->
1393                            <div id="mobile-changepassword-form" style="width: 100%; display: none">
1394                                <div id="mobilechangepassword">
1395                                    <form id="formChangePasswordMobile" class="login-form p-0 pt-4">
1396                                        <div id="statusChangePasswordMobile" style="margin-bottom: 5px; width: 100%; font-size: 1rem;"></div>
1397                                        <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">
1398                                            <span>GANTI PASSWORD</span>
1399                                            <span style="font-size: 1rem; color: #333;" id="mobile-username-display">
1400                                                                                            </span>
1401                                        </div>
1402                                        
1403                                        <div class="alert alert-warning" style="font-size: 1rem; margin: 10px 0;">
1404                                            ⚠️ Password Anda kurang aman! <br>Harap ganti dengan password yang lebih kuat.
1405                                        </div>
1406                                        
1407                                        <!-- <div class="input-group login-field">
1408                                            <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>
1409                                            <input type="password" class="form-control login-input-field" name="old_password" id="cp_old_password_mobile" placeholder="Password Lama">
1410                                        </div>
1411                                        <div class="error-msg" id="err_old_password_mobile"></div> -->
1412                                        
1413                                        <div class="input-group login-field">
1414                                            <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>
1415                                            <input type="password" class="form-control login-input-field" name="new_password" id="cp_new_password_mobile" placeholder="Password Baru (Min 6 karakter)">
1416                                        </div>
1417                                        <div class="error-msg" id="err_new_password_mobile"></div>
1418                                        
1419                                        <div class="input-group login-field">
1420                                            <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>
1421                                            <input type="password" class="form-control login-input-field" name="confirm_password" id="cp_confirm_password_mobile" placeholder="Konfirmasi Password Baru">
1422                                        </div>
1423                                        <div class="error-msg" id="err_confirm_password_mobile"></div>
1424                                        
1425                                        <div style="background: #fff3cd; border-left: 4px solid #ffc107; border-radius: 4px; padding: 10px; margin: 10px 0; font-size: 1rem; width: 100%;">
1426                                            <strong style="color: #856404;">Persyaratan Password:</strong>
1427                                            <ul style="margin: 5px 0 0 15px; padding: 0; color: #856404;">
1428                                                <li>Minimal 6 karakter</li>
1429						                        <li>Mengandung minimal 1 huruf kecil (a-z),<br> 1 huruf besar (A-Z), angka (0-9)</li>
1430                                                <!-- <li>Harus mengandung angka (0-9)</li> -->
1431                                                <!-- <li>Tidak boleh mengandung username Anda</li> -->
1432                                                <li>Tidak boleh mengandung pola berurutan <br> (123, abc, qwerty)</li>
1433                                                <li>Hindari password yang mudah ditebak</li>
1434                                            </ul>
1435                                        </div>
1436                                        
1437                                        <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Ganti" id="buttonChangePasswordMobile">Ganti Password</button>
1438                                        <input type="hidden" name="task" value="change_password">
1439                                    </form>
1440                                </div>
1441                                
1442                                
1442<script>
1443                                $(document).ready(function(){
1444                                    $('#cp_confirm_password_mobile, #cp_new_password_mobile').on('keyup', function() {
1445                                        var newPass = $('#cp_new_password_mobile').val();
1446                                        var confirmPass = $('#cp_confirm_password_mobile').val();
1447                                        var currentField = $(this);
1448                                        
1449                                        $('#cp_new_password_mobile').removeClass('error-border valid-border');
1450                                        $('#cp_confirm_password_mobile').removeClass('error-border valid-border');
1451                                        $('#err_new_password_mobile').hide();
1452                                        $('#err_confirm_password_mobile').hide();
1453                                        
1454                                        if (newPass.length > 0 && confirmPass.length > 0) {
1455                                            if (newPass === confirmPass) {
1456                                                $('#cp_new_password_mobile').addClass('valid-border');
1457                                                $('#cp_confirm_password_mobile').addClass('valid-border');
1458                                            } else {
1459                                                $('#cp_new_password_mobile').addClass('error-border');
1460                                                $('#cp_confirm_password_mobile').addClass('error-border');
1461                                                if (currentField.attr('id') === 'cp_new_password_mobile') {
1462                                                    $('#err_new_password_mobile').text('Password tidak sama').show();
1463                                                } else {
1464                                                    $('#err_confirm_password_mobile').text('Password tidak sama').show();
1465                                                }
1466                                            }
1467                                        }
1468                                    });
1469                                });
1470                                </script>
1470
1471                            </div>
1472                            
1473                            <!-- Register Mobile -->
1474                            <style>
1475                              .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; }
1476                              .error-border { border-color: red !important; }
1477                              .valid-border { border-color: green !important; }
1478                            </style>
1479                            <div id="mobile-daftar-form" style="width: 100%; display: none">
1480                                    <div id="mobileregister">
1481                                	   <form id="formRegister" class="login-form  p-0 pt-4">
1482                                           <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div>
1483                                            <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>
1484                                            <div class="input-group login-field">
1485                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
1486                                                <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">
1487                                            </div>
1488                                            <div class="error-msg" id="err_username"></div>
1489                                            <div class="input-group login-field">
1490                                                <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>
1491                                                <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)">
1492                                            </div>
1493                                                <div class="error-msg" id="err_password"></div>
1494                                            <div class="input-group login-field">
1495                                                <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>
1496                                                <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi">
1497                                            </div>
1498                                                <div class="error-msg" id="err_passcon"></div>
1499                                            <div class="input-group login-field">
1500                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span>
1501                                                <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email">
1502                                            </div>
1503                                                <div class="error-msg" id="err_email"></div>
1504                                            <div class="input-group login-field">
1505                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span>
1506                                                <input type="text" class="form-control login-input-field"  id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon">
1507                                            </div>
1508                                                <div class="error-msg" id="err_telpon"></div>
1509                                            
1510                                            <div class="input-group login-field">
1511                                                <select class="form-select login-input-field"  name="bank" id="reg_bank">
1512                                            		<option value="">Pilih Bank</option>
1513                            						 <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='OCBC'>OCBC</option><option value='BSI'>BSI</option><option value='NEO'>NEO</option><option value='SeaBank'>SeaBank</option><option value='Sinarmas'>Sinarmas</option><option value='UOB'>UOB</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='GOPAY'>
1513GOPAY</option><option value='BluBCA'>BluBCA</option><option value='Superbank'>Superbank</option><option value='Allobank'>Allobank</option><option value='Lain-lain'>Lain-lain</option>                                                </select>
1514                                            </div>
1515                                                <div class="error-msg" id="err_bank"></div>
1516                        
1517                                            <div class="input-group login-field">
1518                                                <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>
1519                                                <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening">
1520                                            </div>
1521                                                <div class="error-msg" id="err_rek"></div>
1522                                            <div class="input-group login-field">
1523                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span>
1524                                                <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening">
1525                                            </div>
1526                                                <div class="error-msg" id="err_nama"></div>
1527                                            <div class="input-group login-field">
1528                                                <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>
1529                                                <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" >
1530                                            </div>
1531                                            <div class="error-msg" id="err_ref"></div>
1532                                            <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun">
1533                                            <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> -->
1534                                            
1535                                                                                                
1536                                                <div class="w-100 my-1">
1537                                                    <div id="capverifikasi">
1538                                                        <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px">
1539                                                    </div>
1540                                                    
1541                                                    <div class="input-group login-field mt-1">
1542                                                        <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>
1543                                                    <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off">
1544                                                    </div>
1545                                                    <div class="error-msg" id="err_verifikasi"></div>
1546                                                    
1547                                                </div>
1548
1549                                                                                            
1550                                                <button type="button" class="btn btn-masuk fw-bold p-0 px-2" value="Register"  id="buttonRegister">Daftar</button>
1551                                                <input type="hidden" name="task" value="register">
1552                                                <input type="hidden" name="regmobile" value="riFBhkFIq9h9SZ/Xy9G2OnzzqMRxSlcHzpONHWfV6H0=">
1553                                                <input type="hidden" name="iscaptcharegister" value="1">
1554                                                <input type="hidden" name="isrecaptcha" value="
15540">
1555                                                <input type="hidden" name="isrecaptcharegister" value="0">
1556                                                <button type="button" class="btn btn-secondary fw-bold p-0 px-2"  value="Close" onClick="closeDaftar()" id="buttonClose">Close</button>
1557                                    </form>
1558                                </div> 
1559                                                                
1559<script>
1560                                const WEBNAME = 'WinLive4D';
1561                                const USE_STRONG_VALIDATION = false;
1562                                (function(){
1563                                  function root(){ return document.getElementById('mobileregister'); }
1564                                  function q(id){ return root()?.querySelector('#'+id) || null; }
1565                                  function qe(sel){ return root()?.querySelector(sel) || null; }
1566                                
1567                                  function showError(field,msg){
1568                                    const err = qe('#err_'+field);
1569                                    const inp = q('reg_'+field);
1570                                    if (err){ err.textContent = msg; err.style.display = 'block'; }
1571                                    if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); }
1572                                  }
1573                                  function clearError(field){
1574                                    const err = qe('#err_'+field);
1575                                    const inp = q('reg_'+field);
1576                                    if (err) err.style.display = 'none';
1577                                    if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); }
1578                                  }
1579  
1580                                    function checkPasswordStrengthJS(username, password) {
1581                                        const min_length = 6;
1582                                        const length = password.length;
1583                                        if (length < min_length) {
1584                                        return "Password harus minimal " + min_length + " karakter";
1585                                        }
1586                                        const hasLower = /[a-z]/.test(password);
1587                                        const hasUpper = /[A-Z]/.test(password);
1588                                        if (!(hasLower && hasUpper)) {
1589                                        return "Password harus mengandung minimal 1 huruf kecil, 1 huruf besar, dan angka.";
1590                                        }
1591                                        if (!/[0-9]/.test(password)) {
1592                                        return "Password harus mengandung angka";
1593                                        }
1594                                        if (username && password.toLowerCase().includes(username.toLowerCase())) {
1595                                        return "Password tidak boleh mengandung username";
1596                                        }
1597                                        const numSeq = /(012|123|234|345|456|567|678|789|890|210|321|432|543|654|765|876|987|098)/;
1598                                        if (numSeq.test(password)) {
1599                                        return "Password tidak boleh mengandung angka berurutan";
1600                                        }
1601                                        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|"
1602                                                        + "cba|dcb|edc|fed|gfe|hgf|ihg|jih|kji|lkj|mlk|nml|onm|pon|qpo|rqp|srq|tsr|uts|vut|wvu|xwv|yxw|zyx|"
1603                                                        + "qwert|werty|asdf|zxcv|uiop|hjkl)";
1604                                        const letterSequences = new RegExp(letterSeqStr, "i");
1605                                        if (letterSequences.test(password)) {
1606                                        return "Password tidak boleh mengandung huruf berurutan";
1607                                        }
1608                                        return null;
1609                                    }
1610                                
1611                                  function vUsername(){
1612                                    const v = (q('reg_username')?.value || '').trim();
1613                                    if (!v) return showError('username','Username tidak boleh kosong'), false;
1614                                    if (v.length < 6) return showError('username','Username minimal 6 karakter'), false;
1615                                    if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false;
1616                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false;
1617                                    clearError('username'); return true;
1618                                  }
1619                                function vPass(){
1620                                    const v = q('reg_pass')?.value || '';
1621                                    if(!v) {
1622                                        showError('password','Password tidak boleh kosong');
1623                                        return false;
1624                                    }
1625                                    if (USE_STRONG_VALIDATION) {
1626                                        const username = (q('reg_username')?.value || '').trim();
1627                                        const err = checkPasswordStrengthJS(username, v);
1628                                        if (err) {
1629                                            showError('password', err);
1630                                            return false;
1631                                        }
1632                                        clearError('password');
1633                                        if (q('reg_passcon')?.value) {
1634                                            vPasscon();
1635                                        }
1636                                        return true;
1637                                    }
1638                                    
1639                                    if (v.length < 6) {
1640                                        showError('password','Password minimal 6 karakter');
1641                                        return false;
1642                                    }
1643                                    
1644                                    clearError('password');
1645                                    return true;
1646                                }
1647                                function vPasscon() {
1648                                    const p1 = q('reg_pass')?.value || '';
1649                                    const p2 = q('reg_passcon')?.value || '';
1650                                    if (!p2) {
1651                                        showError('passcon', 'Konfirmasi password kosong');
1652                                        return false;
1653                                    }
1654                                    if (USE_STRONG_VALIDATION) {
1655                                        const username = (q('reg_username')?.value || '').trim();
1656                                        const err = checkPasswordStrengthJS(username, p1);
1657                                        if (err) {
1658                                            showError('passcon', err);
1659                                            return false;
1660                                        }
1661                                    }
1662                                    
1663                                    if (p1 !== p2) {
1664                                        showError('passcon', 'Konfirmasi tidak sama');
1665                                        return false;
1666                                    }
1667                                    
1668                                    clearError('passcon');
1669                                    return true;
1670                                }
1671                                //   function vPass(){
1672                                //     const v = q('reg_pass')?.value || '';
1673                                //     if (!v) return showError('password','Password tidak boleh kosong'), false;
1674                                //     if (v.length < 6) return showError('password','Password minimal 6 karakter'), false;
1675                                //     clearError('password'); return true;
1676                                //   }
1677                                //   function vPasscon(){
1678                                //     const p1 = q('reg_pass')?.value || '';
1679                                //     const p2 = q('reg_passcon')?.value || '';
1680                                //     if (!p2) return showError('passcon','Konfirmasi password kosong'), false;
1681                                //     if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false;
1682                                //     clearError('passcon'); return true;
1683                                //   }
1684                                  function vEmail(){
1685                                    const v = (q('reg_email')?.value || '').trim();
1686                                    if (!v) return showError('email','Email tidak boleh kosong'), false;
1687                                    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false;
1688                                    clearError('email'); return true;
1689                                  }
1690                                  function vTelp(){
1691                                    const el = q('reg_telpon'); if (!el) return true;
1692                                    el.value = (el.value || '').replace(/\D/g,'');
1693                                    if (!el.value) return showError('telpon','Telpon kosong'), false;
1694                                    if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false;
1695                                    clearError('telpon'); return true;
1696                                  }
1697                                  function vBank(){
1698                                    if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false;
1699                                    clearError('bank'); return true;
1700                                  }
1701                                  function vRek(){
1702                                    const el = q('reg_rek'); if (!el) return true;
1703                                    el.value = (el.value || '').replace(/\D/g,'');
1704                                    if (!el.value) return showError('rek','Rekening kosong'), false;
1705                                    if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false;
1706                                    clearError('rek'); return true;
1707                                  }
1708                                  function vNama(){
1709                                    const v = (q('reg_nama')?.value || '').trim();
1710                                    if (!v) return showError('nama','Nama kosong'), false;
1711                                    if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false;
1712                                    if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false;
1713                                    clearError('nama'); return true;
1714                                  }
1715                                  function vRefOpt(){
1716                                    const el = q('reg_ref'); if (!el) return true;
1717                                    const v = (el.value || '').trim();
1718                                    if (!v) return clearError('ref'), true;
1719                                    if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false;
1720                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false;
1721                                    clearError('ref'); return true;
1722                                  }
1723                                  function vVerifOpt(){
1724                                    const el = q('reg_verifikasi'); if (!el) return true;
1725                                    const v = (el.value || '').trim();
1726                                    if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false;
1727                                    clearError('verifikasi'); return true;
1728                                  }
1729                                
1730                                  function validateAll(){
1731                                    const ok =
1732                                      vUsername() & vPass() & vPasscon() & vEmail() &
1733                                      vTelp() & vBank() & vRek() & vNama() &
1734                                      vRefOpt() & vVerifOpt();
1735                                    return !!ok;
1736                                  }
1737                                  
1738                                  function attach(id, validator, opts){
1739                                    const el = q(id); if (!el) return;
1740                                    const run = () => validator();
1741                                    el.addEventListener('focus', run);
1742                                    if (!opts || opts.input !== false) el.addEventListener('input', run);
1743                                    el.addEventListener('blur', run);
1744                                    if (opts && opts.change) el.addEventListener('change', run);
1745                                  }
1746                                
1747                                  document.addEventListener('DOMContentLoaded', function(){
1748                                    attach('reg_username',   vUsername);
1749                                    attach('reg_pass',       vPass);
1750                                    attach('reg_passcon',    vPasscon);
1751                                    attach('reg_email',      vEmail);
1752                                    attach('reg_telpon',     vTelp);
1753                                    attach('reg_bank',       vBank, { input
1753:false, change:true });
1754                                    attach('reg_rek',        vRek);
1755                                    attach('reg_nama',       vNama);
1756                                    attach('reg_ref',        vRefOpt);
1757                                    attach('reg_verifikasi', vVerifOpt);
1758                                
1759                                    const f = q('formRegister');
1760                                    if (f) {
1761                                      f.addEventListener('submit', function(e){
1762                                        if (!validateAll()) {
1763                                          e.preventDefault();
1764                                          const firstErr = root()?.querySelector('.error-border') || q('reg_username');
1765                                          if (firstErr && firstErr.focus) firstErr.focus();
1766                                        }
1767                                      });
1768                                    }
1769                                  });
1770                                })();
1771                                </script>
1771
1772                        </div>                 
1773                    </div>
1774    
1775                    <div class="menu">
1776                        <style>
1777    .menu-item {
1778        display: flex;
1779        flex-direction: column;
1780        align-items: center;
1781        justify-content: center;
1782        gap: 12px;
1783        min-width: 72px;
1784        padding: 8px;
1785        height: 100%;
1786    }
1787    
1788    .menu-item:hover {
1789        background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%);
1790    }
1791    
1792    .menu-item.active {
1793        background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%);
1794    }
1795    
1796    .menu-item-img {
1797        height: 28px;
1798    }
1799    
1800    .menu-item-icon {
1801        font-size: 28px;
1802        color: var(--menu-item-color)
1803    }
1804    
1805    .menu-item:hover>.menu-item-icon {
1806        color: var(--primary-color);
1807    }
1808</style>
1809
1810
1811<a href="/" class="menu-item active">
1812    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
1813    <i class="menu-item-icon icon-home" style="font-size: 28px"></i>
1814    <label>HOME</label>
1815</a>
1816
1817    <a href="/register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')">
1818        <!--<img class="mobile-only" src="assets/togel.png" alt="">-->
1819        <!--<img src="https://img.viva88athenae.com//icons/lottery.png?1790436643" alt="TOGEL" class="menu-item-img">-->
1820        <i class="menu-item-icon icon-lottery" style="font-size: 28px"></i>
1821        <label>TOGEL</label>
1822    </a>
1823    
1824
1825
1826<a href="/slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')">
1827    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
1828    <i class="menu-item-icon icon-slots"></i>
1829    <label>SLOT</label>
1830</a>
1831<a href="/casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')">
1832    <!--<img class="mobile-only" src="assets/live.png" alt="">-->
1833    <i class="menu-item-icon icon-casino"></i>
1834    <label>LIVE CASINO</label>
1835</a>
1836<a href="/sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')">
1837    <!--<img class="mobile-only" src="assets/sport.png" alt="">-->
1838    <i class="menu-item-icon icon-sports"></i>
1839    <label>SPORT</label>
1840</a>
1841<a href="/sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')">
1842<!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
1843    <i class="menu-item-icon icon-sabung"></i>
1844    <label>SABUNG</label>
1845</a>
1846<a href="/arcade" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')">
1847    <!--<img class="mobile-only" src="assets/fishing.png" alt="">-->
1848    <i class="menu-item-icon icon-arcade"></i>
1849    <label>ARCADE</label>
1850</a>
1851<a href="/interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')">
1852    <i class="menu-item-icon icon-interactive"></i>
1853    <label>INTERACTIVE</label>
1854</a>
1855                    </div>
1856                                        
1857
1858
1859                    <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)">
1860                        
1861                        
1862        <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)">
1863            <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
1864        </div>
1865        
1866        <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)">
1867            <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
1868        </div>
1869    
1870    
1871    <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)">
1872    
1873    
1874        <div style="white-space: nowrap; height: 100%; font-size: 0px">
1875                                        
1876                        <a href="#togel-mobile" style="height: 100%; width: 74px; display: inline-block;">
1877                        <div style="display: grid; place-items: center; height: 100%">
1878                            <div class="menu-item" style="gap: 8px">
1879                                <img class="mobile-only" src="https://img.viva88athenae.com//icons/lottery.png" alt="">
1880                                <label class="text-white">TOGEL</label>
1881                            </div>
1882                        </div>
1883                    </a>
1884                        
1885                                <div style="height: 100%; width: 74px; display: inline-block;">
1886                    <div style="display: grid; place-items: center; height: 100%">
1887                        <div class="menu-item" style="gap: 8px" onclick="showProvider('slot')">
1888                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/slots.png" alt="">
1889                            <label class="text-white">SLOT</label>
1890                        </div>
1891                    </div>
1892                </div>
1893                <div style="height: 100%; width: 74px; display: inline-block;">
1894                    <div style="display: grid; place-items: center; height: 100%">
1895                        <div class="menu-item" style="gap: 8px" onclick="showProvider('casino')">
1896                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/casino.png" alt="">
1897                            <label class="text-white">LIVE CASINO</label>
1898                        </div>
1899                    </div>
1900                </div>
1901                <div style="height: 100%; width: 74px; display: inline-block;">
1902                    <div style="display: grid; place-items: center; height: 100%">
1903                        <div class="menu-item" style="gap: 8px" onclick="showProvider('sport')">
1904                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/sp
1904orts.png" alt="">
1905                            <label class="text-white">SPORT</label>
1906                        </div>
1907                    </div>
1908                </div>
1909                <div style="height: 100%; width: 74px; display: inline-block;">
1910                    <div style="display: grid; place-items: center; height: 100%">
1911                    <div class="menu-item" style="gap: 8px" onclick="showProvider('fish')">
1912                        <img class="mobile-only" src="https://img.viva88athenae.com//icons/arcade.png" alt="">
1913                        <label class="text-white">ARCADE</label>
1914                    </div>
1915                    </div>
1916                </div>
1917                <div style="height: 100%; width: 74px; display: inline-block;">
1918                    <div style="display: grid; place-items: center; height: 100%">
1919                        <div class="menu-item" style="gap: 8px" onclick="showProvider('sabung')">
1920                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/sabung.png" alt="">
1921                            <label class="text-white">SABUNG</label>
1922                        </div>
1923                    </div>
1924                </div>
1925                
1926                <div style="height: 100%; width: 74px; display: inline-block;">
1927                    <div style="display: grid; place-items: center; height: 100%">
1928                        <div class="menu-item" style="gap: 8px" onclick="showProvider('interactive')">
1929                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/interactive.png" alt="">
1930                            <label class="text-white">INTERACTIVE</label>
1931                        </div>
1932                    </div>
1933                </div>
1934        </div>
1935    </div>                                                                                                                        
1936</div>                    
1937                    
1938                    <div class="menu-content mobile-only">
1939                            <div id="main-content" style="background: var(--content-box-background)">
1940                                                        </div>
1941                    </div>
1942                    
1943                    
1944                    <!-- Banner SBO -->
1945                        
1946                        <style>
1947                            .match-slider-wrap {
1948                                max-width: 1200px;
1949                                margin: 16px auto;
1950                                margin-bottom: 24px;
1951                                padding: 0 12px;
1952                            }
1953
1954                            .match-card {
1955                                position: relative;
1956                                overflow: hidden;
1957                                min-height: 180px;
1958                                border-radius: 16px;
1959                                background:
1960                                linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.01)),
1961                                linear-gradient(180deg, #232323 0%, #161616 100%);
1962                                color: #fff;
1963                                box-shadow: 0 10px 24px rgba(0,0,0,.35);
1964                                padding: 14px 14px 16px;
1965                            }
1966
1967                            .match-card::before {
1968                                content: "";
1969                                position: absolute;
1970                                inset: 0;
1971                                background: repeating-linear-gradient(
1972                                    -35deg,
1973                                    rgba(255,255,255,.04),
1974                                    rgba(255,255,255,.04) 8px,
1975                                    transparent 8px,
1976                                    transparent 18px
1977                                );
1978                                pointer-events: none;
1979                                opacity: .35;
1980                            }
1981
1982                            .match-card > * {
1983                                position: relative;
1984                                z-index: 1;
1985                            }
1986
1987                            .league-name {
1988                                font-size: 14px;
1989                                font-weight: 700;
1990                                letter-spacing: .4px;
1991                                text-transform: uppercase;
1992                                text-align: center;
1993                                margin-bottom: 2px;
1994                                color: #ffffff;
1995                            }
1996
1997                            .kickoff-time {
1998                                font-size: 14px;
1999                                font-weight: 800;
2000                                text-align: center;
2001                                color: #ffd23c;
2002                                margin-bottom: 12px;
2003                            }
2004
2005                            .match-main-row,
2006                            .match-odds-row {
2007                                display: flex;
2008                                align-items: flex-start;
2009                                justify-content: space-between;
2010                                gap: 0;
2011                            }
2012
2013                            .match-odds-row {
2014                                align-items: center;
2015                                margin-top: 12px;
2016                            }
2017
2018                            .team-col {
2019                                width: 30%;
2020                                text-align: center;
2021                                display: flex;
2022                                flex-direction: column;
2023                                align-items: center;
2024                            }
2025
2026                            .score-col {
2027                                width: 40%;
2028                                text-align: center;
2029                                display: flex;
2030                                flex-direction: column;
2031                                align-items: center;
2032                                justify-content: center;
2033                            }
2034
2035                            .team-logo {
2036                                width: 46px;
2037                                height: 46px;
2038                                object-fit: contain;
2039                                margin-bottom: 6px;
2040                            }
2041
2042                            .team-name {
2043                                font-size: 14px;
2044                                line-height: 1.15;
2045                                min-height: 34px;
2046                                display: flex;
2047                                align-items: center;
2048                                justify-content: center;
2049                                text-align: center;
2050                            }
2051
2052                            .score-value {
2053                                font-size: 28px;
2054                                font-weight: 800;
2055                                line-height: 1;
2056                                margin-bottom: 10px;
2057                            }
2058
2059                            .bet-btn {
2060                                display: inline-block;
2061                                min-width: 95px;
2062                                border-radius: 8px;
2063                                background: linear-gradient(180deg, #ffcf21 0%, #f0ab00 100%);
2064                                color: #1d1d1d;
2065                                font-size: 14px;
2066                                font-weight: 800;
2067                                text-decoration: none;
2068                                padding: 10px 16px;
2069                                box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
2070                            }
2071
2072                            .bet-btn:hover {
2073                                color: #1d1d1d;
2074                                filter: brightness(1.03);
2075                            }
2076
2077                            .odds-col {
2078                                width: 30%;
2079                                text-align: center;
2080                                font-size: 12px;
2081                                font-weight: 700;
2082                                color: #ffd23c;
2083                                display: flex;
2084                                align-items: center;
2085                                justify-content: center;
2086                                min-height: 18px;
2087                            }
2088
2089                            .odds-col small {
2090                                font-size: 12px;
2091                                font-weight: 600;
2092                                color: #ffffff;
2093                                opacity: .95;
2094                            }
2095
2096                            .odds-spacer {
2097                                width: 40%;
2098                            }
2099
2100                            .carousel-control-prev,
2101                            .carousel-control-next {
2102                                width: 48px;
2103                            }
2104
2105                            .carousel-control-prev-icon,
2106                            .carousel-control-next-icon {
2107                                width: 2.5rem;
2108                                height: 2.5rem;
2109                                border-radius: 50%;
2110                                background-color: rgba(255,255,255,.15);
2111                                background-size: 55% 55%;
2112                            }
2113
2114                            .carousel-indicators [data-bs-target] {
2115                                width: 8px;
2116                                height: 8px;
2117                                border-radius: 50%;
2118                            }
2119
2120                            @media (max-width: 991.98px) {
2121                                .match-card {
2122                                    min-height: 170px;
2123                                }
2124                            }
2125
2126                           @media (max-width: 767.98px) {
2127                                .match-slider-wrap {
2128                                    max-width: 100%;
2129                                    padding: 0 20px;
2130                                    margin: 20px 0;
2131                                }
2132
2133                                .match-slider-wrap .carousel-inner {
2134                                    padding: 0;
2135                                }
2136
2137                                .match-slider-wrap .carousel-item .row {
2138                                    margin: 0;
2139                                }
2140
2141                                .match-slider-wrap .carousel-item .col-12 {
2142                                    padding: 0;
2143                                }
2144
2145                                .match-card {
2146                                    width: 100%;
2147                                    border-radius: 16px;
2148                                }
2149
2150                                .league-name {
2151                                    font-size: 13px;
2152                                    margin-bottom: 2px;
2153                                }
2154
2155                                .kickoff-time {
2156                                    font-size: 13px;
2157                                    margin-bottom: 10px;
2158                                }
2159
2160                                .team-col {
2161                                    width: 30%;
2162                                }
2163
2164                                .score-col {
2165                                    width: 40%;
2166                                }
2167
2168                                .team-logo {
2169                                    width: 42px;
2170                                    height: 42px;
2171                                    margin-bottom: 4px;
2172                                }
2173
2174                                .team-name {
2175                                    font-size: 12px;
2176                                    line-height: 1.15;
2177                                    min-height: 30px;
2178                                }
2179
2180                                .score-value {
2181                                    font-size: 22px;
2182                                    margin-bottom: 8px;
2183                                }
2184
2185                                .bet-btn {
2186                                    min-width: 88px;
2187                                    font-size: 13px;
2188                                    padding: 8px 14px;
2189                                    border-radius: 8px;
2190                                }
2191
2192                                .match-odds-row {
2193                                    margin-top: 10px;
2194                                }
2195
2196                                .odds-col,
2197                                .odds-col small {
2198                                    font-size: 11px;
2199                                }
2200
2201                                .carousel-control-prev,
2202                                .carousel-control-next {
2203                                    width: 34px;
2204                                }
2205
2206                                .carousel-control-prev-icon,
2207                                .carousel-control-next-icon {
2208                                    width: 2rem;
2209                                    height: 2rem;
2210                                    background-size: 50% 50%;
2211                                }
2212
2213                                .carousel-indicators {
2214                                    margin-bottom: -2px;
2215                                }
2216
2217                                .carousel-indicators [data-bs-target] {
2218                                    width: 7px;
2219                                    height: 7px;
2220                                    margin: 0 3px;
2221                                }
2222                        }
2223                        </style>
2224                    <!-- Banner SBO End -->
2225        
2226                    <div class="promosi">
2227                        
2228                        <!-- Desktop -->
2229                        <div class="desktop-only h-100">                        
2230                            <div class="d-flex align-items-center h-100">
2231                                <a href="/promosi" class="menu-item">
2232                                    <i class="menu-item-icon icon-promotion"></i>
2233                                    <label>PROMOSI</label>
2234                                </a>
2235                                
2236                                <a href="/event" class="menu-item">
2237                                    <i class="menu-item-icon icon-event"></i>
2238                                    <label>EVENT</label>
2239                                </a>
2240                            </div>
2241                        </div>
2242                        
2243
2244
2245                        
2246                        <!--<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>-->
2247                        
2248                        <!-- Mobile -->
2249                                                 
2250                        <div class="mobile-only" style="padding-top: 24px">
2251                            
2252                            <div class="d-flex gap-3 justify-content-center align-items-center">
2253                                                                            <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a>
2254                                            <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div>
2255                                        
2256                                <a href="/wap" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a>
2257                            </div>
2258
2259                            
2260                        </div>
2261                                            </div>
2262
2263                </div>
2264                
2265            </header>
2266                
2267    
2268    
2269            <div id="marquee" class="marquee desktop-only">
2270                <div class="marquee-content py-2">
2271                    <div class="d-flex 
2271align-items-center gap-2">
2272                        <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div>
2273                        <i class="bi bi-megaphone-fill desktop-only"></i>
2274                    </div>
2275                    <div class="running" style="padding-left: 8px; padding-right: 32px">
2276                        <div class="broadcast" style="width: 100%">HALLO BOSKU ! DAPATKAN PROMO DEPOSIT HARIAN 10% SETIAP HARI HANYA DI WHATSAPP ADMIN WINLIVE4D</div>
2277                    </div>
2278                    <div class="d-flex align-items-center gap-2">
2279                        <div id="desktoplogin" class="desktop-only">
2280                            <form class="login-form form" role="form">
2281                                <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem; white-space:nowrap;"></div>
2282                                <div class="input-group login-field">
2283                                    <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
2284                                    <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
2285                                </div>
2286                                
2287                                
2288                                
2289                                <div class="input-group login-field">
2290                                    <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>
2291                                    <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
2292                                </div>
2293                                
2294                                <!-- captcha -->
2295                         
2296                                    <div class="verifikasiform" style=" display: none;">
2297                                        <div style="display: flex; gap: 2px;">
2298                                            <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span>
2299                                            <input type="text" class="form-control login-field" name="verifikasi" id="verform"  style="width:40px;height: 30px !important" autocomplete="off">
2300                                        </div>
2301
2302                                    </div>
2303                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
2304                              
2305                                <!-- end captcha -->
2306    
2307    
2308                                <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
2309                                <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>
2310                                
2311                                
2312                                <input type="hidden" name="task" value="login">
2313                                <input type="hidden" name="iscaptchalogin" value="0">
2314                                <input type="hidden" name="logindesktop" value="XaaNr8vMLxaesq2rBtbnIhK/dYastTUCpHqFRXrkEIc=">
2315                                <input type="hidden" name="isrecaptchalogin" value="0">
2316                            </form>
2317
2318                                                    </div>
2319                    
2320                        
2321                        <!--<a href="/event">-->
2322                        <!--    <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>-->
2323                        <!--</a>-->
2324                    </div>
2325                </div>
2326            </div>
2327            
2328            
2329            
2330            <!--Informasi Modal -->
2331            <div id="modal-wrapper" class="modal" style=" background:none;">
2332            
2333                <div class="slideDown" id="informasi-menu">
2334                  <div class="row">
2335                    <div class="col-xs-3" style="padding-right:0px; width:164px">
2336                        <div id="informasi-logo">
2337                            <img src="/images/logoweb.png" width="120px"/>
2338                        </div>
2339                        <div class="menuleft">
2340
2341                                <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a>
2342                                <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a>
2343                                <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a>
2344                                <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a>
2345                                <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a>
2346                                <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a>
2347                                <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a>
2348
2349                        </div>
2350                   </div>    
2351                   <div class="col-xs-9" id="informasi-content" style="position: relative">
2352                        <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">&times;</div>
2353                        <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2"> 
2354                        </div>
2355                    </div>
2356                    
2357                </div>
2358              </div>
2359            </div>
2360            
2361
2362            
2363    
2364            <div class="contentdata">
2365                <div id="content-primary" class="p-0">
2366                   
2367                                            <div class="desktop-only">
2368<div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%">
2369  <div class="carousel-indicators">
2370                         <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
2371                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button>
2372                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" aria-label="Slide 3"></button>
2373                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" aria-label="Slide 4"></button>
2374                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="4" aria-label="Slide 5"></button>
2375                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="5" aria-label="Slide 6"></button>
2376                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="6" aria-label="Slide 7"></button>
2377                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="7" aria-label="Slide 8"></button>
2378              </div>
2379  <div class="carousel-inner" style="height: 100%">
2380            <div class="carousel-item active" style="height: 100%">
2381          <img src="/images/upload-Slides-20260205192346.webp" class="d-block w-100 banner" alt="upgrade vvip winlive4d" style="height: 100%">
2382        </div>
2383            <div class="carousel-item " style="height: 100%">
2384          <img src="/images/upload-Slides-20260205192401.webp" class="d-block w-100 banner" alt="PARTNER RESMI WINLIVE4D" style="height: 100%">
2385        </div>
2386            <div class="carousel-item " style="height: 100%">
2387          <img src="/images/upload-Slides-20260205192242.webp" class="d-block w-100 banner" alt="LOMBA TURN OVER" style="height: 100%">
2388        </div>
2389            <div class="carousel-item " style="height: 100%">
2390          <img src="/images/upload-Slides-20260205192252.webp" class="d-block w-100 banner" alt="LOMBA TURN OVER  SPORTSBOOK" style="height: 100%">
2391        </div>
2392            <div class="carousel-item " style="height: 100%">
2393          <img src="/images/upload-Slides-20260205192257.webp" class="d-block w-100 banner" alt="MERCHANDISE" style="height: 100%">
2394        </div>
2395            <div class="carousel-item " style="height: 100%">
2396          <img src="/images/upload-Slides-20260205192316.webp" class="d-block w-100 banner" alt="" style="height: 100%">
2397        </div>
2398            <div class="carousel-item " style="height: 100%">
2399          <img src="https://img.viva88athenae.com/banner/mgl-25.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
2400        </div>
2401            <div class="carousel-item " style="height: 100%">
2402          <img src="https://img.viva88athenae.com/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
2403        </div>
2404      </div>
2405</div>
2406
2407</div>
2408                        <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;">
2409     <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;">
2410</div></div>
2411                        
2412                                    </div>
2413            </div>
2414
2415            
2416            
2417                       <div class="widget-kupon">
2418                <!-- <div style="position:relative; width:100%;"> -->
2419                    <iframe class="iframe-kupon" src="https://fkupon.com/widget2.php"></iframe>
2420                    <div onclick="scrollToLoginForm('kupon')" style="position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; z-index:5;"></div>
2421                <!-- </div> -->
2422            </div>
2423            
2424            <!-- BANNER SBO MOBILE -->
2425            <div class="widget-sbo mobile-only">
2426               <div class="match-slider-wrap">
2427                                    <div id="sboMatchCarouselMobile" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500">
2428
2429                                                    <div class="carousel-indicators">
2430                                                                    <button
2431                                    type="button"
2432                                    data-bs-target="#sboMatchCarouselMobile"
2433                                    data-bs-slide-to="0"
2434                                    class="active"
2435                                    aria-current="true"                                    aria-label="Slide 1">
2436                                </button>
2437                                                                <button
2438                                    type="button"
2439                                    data-bs-target="#sboMatchCarouselMobile"
2440                                    data-bs-slide-to="1"
2441                                    class=""
2442                                                                        aria-label="Slide 2">
2443                                </button>
2444                                                                <button
2445                                    type="button"
2446                                    data-bs-target="#sboMatchCarouselMobile"
2447                                    data-bs-slide-to="2"
2448                                    class=""
2449                                                                        aria-label="Slide 3">
2450                                </button>
2451                                                                <button
2452                                    type="button"
2453                                    data-bs-target="#sboMatchCarouselMobile"
2454                                    data-bs-slide-to="3"
2455                                    class=""
2456                                                                        aria-label="Slide 4">
2457                                </button>
2458                                                                <button
2459                                    type="button"
2460                                    data-bs-target="#sboMatchCarouselMobile"
2461                                    data-bs-slide-to="4"
2462                                    class=""
2463                                                                        aria-label="Slide 5">
2464                                </button>
2465                                                                <button
2466                                    type="button"
2467                                    data-bs-target="#sboMatchCarouselMobile"
2468                                    data-bs-slide-to="5"
2469                                    class=""
2470                                                                        aria-label="Slide 6">
2471                                </button>
2472                                                                <button
2473                                    type="button"
2474                                    data-bs-target="#sboMatchCarouselMobile"
2475                                    data-bs-slide-to="6"
2476                                    class=""
2477                                                                        aria-label="Slide 7">
2478                                </button>
2479                                                                <button
2480                                    type="button"
2481                                    data-bs-target="#sboMatchCarouselMobile"
2482                                    data-bs-slide-to="7"
2483                                    class=""
2484                                                                        aria-label="Slide 8">
2485                                </button>
2486                                                                <button
2487                                    type="button"
2488                                    data-bs-target="#sboMatchCarouselMobile"
2489                                    data-bs-slide-to="8"
2490                                    class=""
2491                                                                        aria-label="Slide 9">
2492                                </button>
2493                                                                <button
2494                                    type="button"
2495                                    data-bs-target="#sboMatchCarouselMobile"
2496                                    data-bs-slide-to="9"
2497                                    class=""
2498                                                                        aria-label="Slide 10">
2499                                </button>
2500                                                    </div>
2501                    
2502                    <div class="carousel-inner">
2503                                                    <div class="carousel-item active">
2504                                <div class="row g-3">
2505                                                                            <div class="col-12">
2506                                            <div class="match-card h-100">
2507                                                <div class="league-name">
2508                                                    ENGLISH PREMIER LEAGUE                                                </div>
2509
2510                                                <div class="kickoff-time">
2511                                                    October 10, 2026 — 18:30 WIB                                                </div>
2512
2513                                                <div class="match-main-row">
2514                                                    <div class="team-col">
2515                                                        <img
2516                                                        src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png"
2517                                                        alt="Arsenal"
2518                                                        class="team-logo"
2519                                                        >
2520                                                        <div class="team-na
2520me">
2521                                                            Arsenal                                                        </div>
2522                                                    </div>
2523
2524                                                    <div class="score-col">
2525                                                        <div class="score-value">
2526                                                            0 : 0                                                        </div>
2527
2528                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')">
2529                                                            BET NOW
2530                                                        </a>
2531                                                    </div>
2532
2533                                                    <div class="team-col">
2534                                                        <img
2535                                                        src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48ce556.png"
2536                                                        alt="Leeds United"
2537                                                        class="team-logo"
2538                                                        >
2539                                                        <div class="team-name">
2540                                                            Leeds United                                                        </div>
2541                                                    </div>
2542                                                </div>
2543
2544                                                <div class="match-odds-row">
2545                                                    <div class="odds-col">
2546                                                        <span>
2547                                                            1                                                            <small>0.60</small>
2548                                                        </span>
2549                                                    </div>
2550
2551                                                    <div class="odds-spacer"></div>
2552
2553                                                    <div class="odds-col">
2554                                                        <span>
2555                                                            -1                                                            <small>-0.70</small>
2556                                                        </span>
2557                                                    </div>
2558                                                </div>
2559                                            </div>
2560                                        </div>
2561                                                                    </div>
2562                            </div>
2563                                                    <div class="carousel-item ">
2564                                <div class="row g-3">
2565                                                                            <div class="col-12">
2566                                            <div class="match-card h-100">
2567                                                <div class="league-name">
2568                                                    ENGLISH PREMIER LEAGUE                                                </div>
2569
2570                                                <div class="kickoff-time">
2571                                                    October 10, 2026 — 21:00 WIB                                                </div>
2572
2573                                                <div class="match-main-row">
2574                                                    <div class="team-col">
2575                                                        <img
2576                                                        src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png"
2577                                                        alt="Chelsea"
2578                                                        class="team-logo"
2579                                                        >
2580                                                        <div class="team-name">
2581                                                            Chelsea                                                        </div>
2582                                                    </div>
2583
2584                                                    <div class="score-col">
2585                                                        <div class="score-value">
2586                                                            0 : 0                                                        </div>
2587
2588                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')">
2589                                                            BET NOW
2590                                                        </a>
2591                                                    </div>
2592
2593                                                    <div class="team-col">
2594                                                        <img
2595                                                        src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png"
2596                                                        alt="Bournemouth AFC"
2597                                                        class="team-logo"
2598                                                        >
2599                                                        <div class="team-name">
2600                                                            Bournemouth AFC                                                        </div>
2601                                                    </div>
2602                                                </div>
2603
2604                                                <div class="match-odds-row">
2605                                                    <div class="odds-col">
2606                                                        <span>
2607                                                            0.5                                                            <small>0.68</small>
2608                                                        </span>
2609                                                    </div>
2610
2611                                                    <div class="odds-spacer"></div>
2612
2613                                                    <div class="odds-col">
2614                                                        <span>
2615                                                            -0.5                                                            <small>-0.78</small>
2616                                                        </span>
2617                                                    </div>
2618                                                </div>
2619                                            </div>
2620                                        </div>
2621                                                                    </div>
2622                            </div>
2623                                                    <div class="carousel-item ">
2624                                <div class="row g-3">
2625                                                                            <div class="col-12">
2626                                            <div class="match-card h-100">
2627                                                <div class="league-name">
2628                                                    SPAIN LA LIGA                                                </div>
2629
2630                                                <div class="kickoff-time">
2631                                                    October 10, 2026 — 23:30 WIB                                                </div>
2632
2633                                                <div class="match-main-row">
2634                                                    <div class="team-col">
2635                                                        <img
2636                                                        src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png"
2637                                                        alt="Barcelona"
2638                                                        class="team-logo"
2639                                                        >
2640                                                        <div class="team-name">
2641                                                            Barcelona                                                        </div>
2642                                                    </div>
2643
2644                                                    <div class="score-col">
2645                                                        <div class="score-value">
2646                                                            0 : 0                                                        </div>
2647
2648                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')">
2649                                                            BET NOW
2650                                                        </a>
2651                                                    </div>
2652
2653                                                    <div class="team-col">
2654                                                        <img
2655                                                        src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png"
2656                                                        alt="Getafe"
2657                                                        class="team-logo"
2658                                                        >
2659                                                        <div class="team-name">
2660                                                            Getafe                                                        </div>
2661                                                    </div>
2662                                                </div>
2663
2664                                                <div class="match-odds-row">
2665                                                    <div class="odds-col">
2666                                                        <span>
2667                                                            2.75                                                            <small>0.90</small>
2668                                                        </span>
2669                                                    </div>
2670
2671                                                    <div class="odds-spacer"></div>
2672
2673                                                    <div class="odds-col">
2674                                                        <span>
2675                                                            -2.75                                                            <small>1.00</small>
2676                                                        </span>
2677                                                    </div>
2678                                                </div>
2679                                            </div>
2680                                        </div>
2681                                                                    </div>
2682                            </div>
2683                                                    <div class="carousel-item ">
2684                                <div class="row g-3">
2685                                                                            <div class="col-12">
2686                                            <div class="match-card h-100">
2687                                                <div class="league-name">
2688                                                    ENGLISH PREMIER LEAGUE                                                </div>
2689
2690                                                <div class="kickoff-time">
2691                                                    October 10, 2026 — 21:00 WIB                                                </div>
2692
2693                                                <div class="match-main-row">
2694                                                    <div class="team-col">
2695                                                        <img
2696                                                        src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png"
2697                                                        alt="Sunderland"
2698                                                        class="team-logo"
2699                                                        >
2700                                                        <div class="team-name">
2701                                                            Sunderland                                                        </div>
2702                                                    </div>
2703
2704                                                    <div class="score-col">
2705                                                        <div class="score-value">
2706                                                            0 : 0                                                        </div>
2707
2708                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')">
2709                                                            BET NOW
2710                                                        </a>
2711                                                    </div>
2712
2713                                                    <div class="team-col">
2714                                                        <img
2715                                                        src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png"
2716                                                        alt="Brighton &amp; Hove Albion"
2717                                                        class="team-logo"
2718                                                        >
2719                                                        <div class="team-name">
2720                                                            Brighton &amp; Hove Albion                                                        </div>
2721                                                    </div>
2722                                                </div>
2723
2724                                                <div class="match-odds-row">
2725                                                    <div class="odds-col">
2726                                                        <span>
2727                                                            0.00                                                            <small>-0.82</small>
2728                                                        </span>
2729                                                    </div>
2730
2731                                                    <div class="odds-spacer"></div>
2732
2733                                                    <div class="odds-col">
2734                                                        <span>
2735                                                            0.00                                                            <small>0.72</small>
2736                                                        </span>
2737                                                    </div>
2738                                                </div>
2739                                            </div>
2740                                        </div>
2741                                                                    </div>
2742                            </div>
2743                                                    <div class="carousel-item ">
2744                                <div class="row g-3">
2745                                                                            <div class="col-12">
2746                                            <div class="match-card h-100">
2747                                                <div class="league-name">
2748                                                    ENGLISH PREMIER LEAGUE                                                </div>
2749
2750                                                <div class="kickoff-time">
2751                                                    October 10, 2026 — 23:30 WIB                                                </div>
2752
2753                                                <div class="match-main-row">
2754                                                    <div class="team-col">
2755                                                        <img
2756                                                        src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png"
2757                                                        alt="Manchester United"
2758                                                        class="team-logo"
2759                                                        >
2760                                                        <div class="team-name">
2761                                                            Manchester United                                                        </div>
2762                                                    </div>
2763
2764                                                    <div class="score-col">
2765                                                        <div class="score-value">
2766                                                            0 : 0                                                        </div>
2767
2768                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')">
2769                                                            BET NOW
2770                                                        </a>
2771                                                    </div>
2772
2773                                                    <div class="team-col">
2774                                                        <img
2775                                                        src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png"
2776                                                        alt="Tottenham Hotspur"
2777                                                        class="team-logo"
2778                                                        >
2779                                                        <div class="team-name">
2780                                                            Tottenham Hotspur                                                        </div>
2781                                                    </div>
2782                                                </div>
2783
2784                                                <div class="match-odds-row">
2785                                                    <div class="odds-col">
2786                                                        <span>
2787                                                            0.5                                                            <small>0.71</small>
2788                                                        </span>
2789                                                    </div>
2790
2791                                                    <div class="odds-spacer"></div>
2792
2793                                                    <div class="odds-col">
2794                                                        <span>
2795                                                            -0.5                                                            <small>-0.81</small>
2796                                                        </span>
2797                                                    </div>
2798                                                </div>
2799                                            </div>
2800                                        </div>
2801                                                                    </div>
2802                            </div>
2803                                                    <div class="carousel-item ">
2804                                <div class="row g-3">
2805                                                                            <div class="col-12">
2806                                            <div class="match-card h-100">
2807                                                <div class="league-name">
2808                                                    SPAIN LA LIGA                                                </div>
2809
2810                                                <div class="kickoff-time">
2811                                                    October 11, 2026 — 02:00 WIB                                                </div>
2812
2813                                                <div class="match-main-row">
2814                                                    <div class="team-col">
2815                                                        <img
2816                                                        src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png"
2817                                                        alt="Real Madrid"
2818                                                        class="team-logo"
2819                                                        >
2820                                                        <div class="team-name">
2821                                                            Real Madrid                                                        </div>
2822                                                    </div>
2823
2824                                                    <div class="score-col">
2825                                                        <div class="score-value">
2826                                                            0 : 0                                                        </div>
2827
2828                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')">
2829                                                            BET NOW
2830                                                        </a>
2831                                                    </div>
2832
2833                                                    <div class="team-col">
2834                                                        <img
2835                                                        src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png"
2836                                                        alt="Villarreal"
2837                                                        class="team-logo"
2838                                                        >
2839                                                        <div class="team-name">
2840                                                            Villarreal                                                        </div>
2841                                                    </div>
2842                                                </div>
2843
2844                                                <div class="match-odds-row">
2845                                                    <div class="odds-col">
2846                                                        <span>
2847                                                            1.25                                                            <small>0.67</small>
2848                                                        </span>
2849                                                    </div>
2850
2851                                                    <div class="odds-spacer"></div>
2852
2853                                                    <div class="odds-col">
2854                                                        <span>
2855                                                            -1.25                                                            <small>-0.77</small>
2856                                                        </span>
2857                                                    </div>
2858                                                </div>
2859                                            </div>
2860                                        </div>
2861                                                                    </div>
2862                            </div>
2863                                                    <div class="carousel-item ">
2864                                <div class="row g-3">
2865                                                                            <div class="col-12">
2866                                            <div class="match-card h-100">
2867                                                <div class="league-name">
2868                                                    ENGLISH PREMIER LEAGUE                                                </div>
2869
2870                                                <div class="kickoff-time">
2871                                                    October 11, 2026 — 22:30 WIB                                                </div>
2872
2873                                                <div class="match-main-row">
2874                                                    <div class="team-col">
2875                                                        <img
2876                                                        src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png"
2877                                                        alt="Liverpool"
2878                                                        class="team-logo"
2879                                                        >
2880                                                        <div class="team-name">
2881                                                            Liverpool                                                        </div>
2882                                                    </div>
2883
2884                                                    <div class="score-col">
2885                                                        <div class="score-value">
2886                                                            0 : 0                                                        </div>
2887
2888                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')">
2889                                                            BET NOW
2890                                                        </a>
2891                                                    </div>
2892
2893                                                    <div class="team-col">
2894                                                        <img
2895                                                        src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png"
2896                                                        alt="Manchester City"
2897                                                        class="team-logo"
2898                                                        >
2899                                                        <div class="team-name">
2900                                                            Manchester City                                                        </div>
2901                                                    </div>
2902                                                </div>
2903
2904                                                <div class="match-odds-row">
2905                                                    <div class="odds-col">
2906                                                        <span>
2907                                                            0.00                                                            <small>0.93</small>
2908                                                        </span>
2909                                                    </div>
2910
2911                                                    <div class="odds-spacer"></div>
2912
2913                                                    <div class="odds-col">
2914                                                        <span>
2915                                                            0.00                                                            <small>0.97</small>
2916                                                        </span>
2917                                                    </div>
2918                                                </div>
2919                                            </div>
2920                                        </div>
2921                                                                    </div>
2922                            </div>
2923                                                    <div class="carousel-item ">
2924                                <div class="row g-3">
2925                                                                            <div class="col-12">
2926                                            <div class="match-card h-100">
2927                                                <div class="league-name">
2928                                                    ENGLISH PREMIER LEAGUE                                                </div>
2929
2930                                                <div class="kickoff-time">
2931                                                    October 10, 2026 — 21:00 WIB                                                </div>
2932
2933                                                <div class="match-main-row">
2934                                                    <div class="team-col">
2935                                                        <img
2936                                                        src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png"
2937                                                        alt="Aston Villa"
2938                                                        class="team-logo"
2939                                                        >
2940                                                        <div class="team-name">
2941                                                            Aston Villa                                                        </div>
2942                                                    </div>
2943
2944                                                    <div class="score-col">
2945                                                        <div class="score-value">
2946                                                            0 : 0                                                        </div>
2947
2948                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')">
2949                                                            BET NOW
2950                                                        </a>
2951                                                    </div>
2952
2953                                                    <div class="team-col">
2954                                                        <img
2955                                                        src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png"
2956                                                        alt="Brentford"
2957                                                        class="team-logo"
2958                                                        >
2959                                                        <div class="team-name">
2960                                                            Brentford                                                        </div>
2961                                                    </div>
2962                                                </div>
2963
2964                                                <div class="match-odds-row">
2965                                                    <div class="odds-col">
2966                                                        <span>
2967                                                            0.00                                                            <small>0.97</small>
2968                                                        </span>
2969                                                    </div>
2970
2971                                                    <div class="odds-spacer"></div>
2972
2973                                                    <div class="odds-col">
2974                                                        <span>
2975                                                            0.00                                                            <small>0.93</small>
2976                                                        </span>
2977                                                    </div>
2978                                                </div>
2979                                            </div>
2980                                        </div>
2981                                                                    </div>
2982                            </div>
2983                                                    <div class="carousel-item ">
2984                                <div class="row g-3">
2985                                                                            <div class="col-12">
2986                                            <div class="match-card h-100">
2987                                                <div class="league-name">
2988                                                    UEFA CHAMPIONS LEAGUE                                                </div>
2989
2990                                                <div class="kickoff-time">
2991                                                    October 14, 2026 — 02:00 WIB                                                </div>
2992
2993                                                <div class="match-main-row">
2994                                                    <div class="team-col">
2995                                                        <img
2996                                                        src="https://cdn.sportnanoapi.com/football/team/fbcf002c8d6dd34813fa2b3a4cc9b04c.png"
2997                                                        alt="Galatasaray"
2998                                                        class="team-logo"
2999                                                        >
3000                                                        <div class="team-name">
3001                                                            Galatasaray                                                        </div>
3002                                                    </div>
3003
3004                                                    <div class="score-col">
3005                                                        <div class="score-value">
3006                                                            0 : 0                                                        </div>
3007
3008                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145838980')">
3009                                                            BET NOW
3010                                                        </a>
3011                                                    </div>
3012
3013                                                    <div class="team-col">
3014                                                        <img
3015                                                        src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png"
3016                                                        alt="Barcelona"
3017                                                        class="team-logo"
3018                                                        >
3019                                                        <div class="team-name">
3020                                                            Barcelona                                                        </div>
3021                                                    </div>
3022                                                </div>
3023
3024                                                <div class="match-odds-row">
3025                                                    <div class="odds-col">
3026                                                        <span>
3027                                                            -1.75                                                            <small>-0.99</small>
3028                                                        </span>
3029                                                    </div>
3030
3031                                                    <div class="odds-spacer"></div>
3032
3033                                                    <div class="odds-col">
3034                                                        <span>
3035                                                            1.75                                                            <small>0.87</small>
3036                                                        </span>
3037                                                    </div>
3038                                                </div>
3039                                            </div>
3040                                        </div>
3041                                                                    </div>
3042                            </div>
3043                                                    <div class="carousel-item ">
3044                                <div class="row g-3">
3045                                                                            <div class="col-12">
3046                                            <div class="match-card h-100">
3047                                                <div class="league-name">
3048                                                    ENGLISH PREMIER LEAGUE                                                </div>
3049
3050                                                <div class="kickoff-time">
3051                                                    October 10, 2026 — 21:00 WIB                                                </div>
3052
3053                                                <div class="match-main-row">
3054                                                    <div class="team-col">
3055                                                        <img
3056                                                        src="https://cdn.sportnanoapi.com/football/team/cec3eaaa5271c1f2f036469593ecbcd8.png"
3057                                                        alt="Ipswich Town"
3058                                                        class="team-logo"
3059                                                        >
3060                                                        <div class="team-name">
3061                                                            Ipswich Town                                                        </div>
3062                                                    </div>
3063
3064                                                    <div class="score-col">
3065                                                        <div class="score-value">
3066                                                            0 : 0                                                        </div>
3067
3068                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100479')">
3069                                                            BET NOW
3070                                                        </a>
3071                                                    </div>
3072
3073                                                    <div class="team-col">
3074                                                        <img
3075                                                        src="https://cdn.sportnanoapi.com/football/team/29982511f1ea861967c3e6478d6a8a68.png"
3076                                                        alt="Fulham"
3077                                                        class="team-logo"
3078                                                        >
3079                                                        <div class="team-name">
3080                                                            Fulham                                                        </div>
3081                                                    </div>
3082                                                </div>
3083
3084                                                <div class="match-odds-row">
3085                                                    <div class="odds-col">
3086                                                        <span>
3087                                                            0.00                                                            <small>-0.90</small>
3088                                                        </span>
3089                                                    </div>
3090
3091                                                    <div class="odds-spacer"></div>
3092
3093                                                    <div class="odds-col">
3094                                                        <span>
3095                                                            0.00                                                            <small>0.80</small>
3096                                                        </span>
3097                                                    </div>
3098                                                </div>
3099                                            </div>
3100                                        </div>
3101                                                                    </div>
3102                            </div>
3103                                            </div>
3104
3105                                            <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="prev">
3106                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
3107                            <span class="visually-hidden">Previous</span>
3108                        </button>
3109
3110                        <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="next">
3111                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
3112                            <span class="visually-hidden">Next</span>
3113                        </button>
3114                                    </div>
3115                                </div>
3116            </div>
3117            <!-- BANNER SBO MOBILE END -->
3118            
3119            
3120            <!-- Togel -->    
3121            	
3122	<style>
3123	    .togel-desktop {
3124            /*background: var(--togel-background);*/
3125            background: var(--footer-background);
3126            grid-area: togel-desktop;
3127            position: relative;
3128        }
3129        
3130        .togel-mobile {
3131            display: none;
3132        }
3133
3134        .show-more {
3135            position: absolute; 
3136        
3137            z-index: 999; 
3138            bottom: 0px;
3139            width: 100%;
3140            
3141            /* 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)); */
3142        }
3143        
3144        .show-more-content {
3145            background: var(--secondary-background);
3146            opacity: .7;
3147            display: grid; 
3148            place-items: center; 
3149            height: 32px
3150        }
3151        
3152        .togel-content {    
3153            position: relative;  
3154            display: flex;
3155            flex-wrap: wrap;
3156            justify-content: center;
3157            /*display: grid;*/
3158            /*grid-template-columns: repeat(10, 1fr);*/
3159            gap: 8px 4px;
3160            padding: 16px 0;
3161        }
3162        
3163        .see-more {
3164            padding: 16px 0 48px 0;
3165            max-height: 162px;
3166            transition: max-height .75s ease-out;
3167            transition-delay: .1s;
3168            overflow: hidden;
3169        }
3170        
3171        .togel-content:hover{
3172            max-height: 1000px;
3173            transition: max-height 0.25s ease-in;
3174        }
3175        
3176        .result {
3177            height: 110px;
3178            width: 96px;
3179            border-radius: 10px;
3180            background: var(--result-background);
3181            border: var(--result-border);
3182            
3183            display: grid;
3184            grid-template-rows: 0px 20px 1fr 28px;
3185            grid-template-areas:
3186            "badge"
3187            "pasaran"
3188            "keluaran"
3189            "tanggal"
3190            ;
3191        
3192            /* display: flex;
3193            flex-direction: column;
3194            justify-content: space-between; */
3195        
3196            overflow: hidden;
3197        }
3198        
3199        .badge {
3200            grid-area: badge;
3201            display: grid;
3202            place-items: center;
3203        }
3204        
3205        .result>.pasaran {
3206        
3207            grid-area: pasaran;
3208        
3209            padding-top: 8px;
3210            white-space: nowrap;
3211            font-size: .7rem;
3212            line-height: .7rem;
3213        
3214            color: var(--result-pasaran-color);
3215            display: grid;
3216            place-items: center;
3217        }
3218        
3219        .result>.keluaran {
3220        
3221            grid-area: keluaran;
3222            padding-bottom: 8px;
3223            font-family: 'Oswald', sans-serif;
3224            line-height: 40px;
3225            font-size: 40px;
3226            color: var(--result-keluaran-color);
3227            display: grid;
3228            place-items: center;
3229        }
3230        
3231        .result>.tanggal {
3232        
3233            grid-area: tanggal;
3234        
3235            width: 100%;
3236            height: 100%;
3237            /* background: rgb(40,0,0);
3238            background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */
3239            background: var(--result-tanggal-background);
3240            white-space: nowarp;
3241            font-size: .79rem;
3242            display: grid;
3243            place-items: center;
3244            font-family: 'Abel', sans-serif;
3245            color: var(--result-tanggal-color);
3246        }
3247        
3248        @media only screen and (max-width: 1000px) {
3249            
3250            .togel-desktop {
3251                display: none;
3252            }
3253            
3254            .togel-mobile {
3255
3256                background: var(--secondary-background);
3257                grid-area: togel-mobile;
3258                padding: 24px;
3259                padding-bottom: 12px;
3260                box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px;
3261            }
3262        
3263            .togel-title {
3264                padding: 0px;
3265                padding-bottom: 20px;
3266                font-size: 1.4rem;
3267                font-weight: bold;
3268                color: var(--primary-text-color);
3269            }
3270        
3271            .togel-content {
3272                max-height: fit-content;
3273                display: grid;
3274                grid-template-columns: 1fr;
3275                gap: 0;
3276                border-radius: 8px;
3277            }
3278            
3279
3280        
3281            .provider-group {
3282                padding: var(--mobile-padding-horizontal);
3283            }
3284        
3285            .badge {
3286                display: none;
3287            }
3288        
3289            .result {
3290                height: auto;
3291                width: 100%;
3292                display: grid;
3293                grid-template-rows: 1fr;
3294                grid-template-columns: 1fr 1fr 80px;
3295                grid-template-areas: "pasaran tanggal keluaran";
3296                border-radius: 0;
3297                border: none;
3298                background: transparent;
3299                padding: 4px 12px;
3300                color: var(--primary-text-color);
3301                font-family: 'Abel', sans-serif;
3302                
3303            }
3304            
3305                        
3306            .result-data:nth-child(odd) {
3307                background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background);
3308            }
3309            
3310                        
3311            .accordion-item {
3312                background-color: transparent;
3313                border: 0px;
3314            }
3315            
3316            .accordion-button:not(.collapsed) {
3317                color: inherit;
3318                background-color: transparent;
3319                box-shadow: none;
3320            }
3321            
3322            .accordion-button::after {
3323                height: 0px;
3324            }
3325        
3326            .result>* {
3327                padding: 0px!important;
3328                margin: 0px!important;
3329                font-size: 1.4rem!important;
3330                line-height: auto!important;
3331                font-weight: normal!important;
3332            }
3333        
3334            .result>.pasaran {
3335                display: flex;
3336                justify-content: start;
3337                color: var(--primary-text-color)!important;
3338                opacity: .7;
3339            }
3340        
3341            .result>.tanggal {        
3342                display: flex;
3343                justify-content: center;
3344                background: transparent;
3345                color: var(--primary-text-color)!important;
3346                opacity: .7;
3347            }
3348        
3349            .result>.keluaran {
3350                display: flex;
3351                justify-content: end;
3352                /*color: var(--primary-text-color)!important;*/
3353                font-family: 'Abel', sans-serif;
3354                color: var(--highlight-text-color);
3355            }
3356            
3357        }
3358	</style>
3359	
3360	
3361	
3362	<div id="togel-desktop" class="togel-desktop desktop-only">
3363	    
3364	            	<div class="show-more desktop-only">
3365                <div class="show-more-content">
3366                    <i class="bi bi-chevron-compact-down" style="font-size: 24px; line-height: 24px"></i>
3367                </div>
3368            </div>
3369            
3370        
3371    
3372        <div class="togel-content see-more">
3373                            <!-- <a href="/?content=hasil&pid=TWH" class="result"> -->
3374                <a href="/hasil/TWH" class="result">
3375                    
3376                    <div class="badge">
3377                                            </div>
3378                    
3379                    <div class="pasaran">
3379TOTO WUHAN&nbsp</div>
3380                    <div class="keluaran">5453</div>
3381                    <div class="tanggal"> 7/10/2026</div>
3382                </a>
3383                            <!-- <a href="/?content=hasil&pid=HKD" class="result"> -->
3384                <a href="/hasil/HKD" class="result">
3385                    
3386                    <div class="badge">
3387                                            </div>
3388                    
3389                    <div class="pasaran">HK SIANG&nbsp</div>
3390                    <div class="keluaran">6727</div>
3391                    <div class="tanggal"> 7/10/2026</div>
3392                </a>
3393                            <!-- <a href="/?content=hasil&pid=NZB" class="result"> -->
3394                <a href="/hasil/NZB" class="result">
3395                    
3396                    <div class="badge">
3397                                            </div>
3398                    
3399                    <div class="pasaran">BULLSEYE&nbsp</div>
3400                    <div class="keluaran">7441</div>
3401                    <div class="tanggal"> 7/10/2026</div>
3402                </a>
3403                            <!-- <a href="/?content=hasil&pid=SG" class="result"> -->
3404                <a href="/hasil/SG" class="result">
3405                    
3406                    <div class="badge">
3407                                            </div>
3408                    
3409                    <div class="pasaran">SINGAPORE&nbsp</div>
3410                    <div class="keluaran">9838</div>
3411                    <div class="tanggal"> 7/10/2026</div>
3412                </a>
3413                            <!-- <a href="/?content=hasil&pid=QTR" class="result"> -->
3414                <a href="/hasil/QTR" class="result">
3415                    
3416                    <div class="badge">
3417                                            </div>
3418                    
3419                    <div class="pasaran">QATAR&nbsp</div>
3420                    <div class="keluaran">9915</div>
3421                    <div class="tanggal"> 7/10/2026</div>
3422                </a>
3423                            <!-- <a href="/?content=hasil&pid=CAM" class="result"> -->
3424                <a href="/hasil/CAM" class="result">
3425                    
3426                    <div class="badge">
3427                                            </div>
3428                    
3429                    <div class="pasaran">CAMBODIA&nbsp</div>
3430                    <div class="keluaran">5980</div>
3431                    <div class="tanggal"> 7/10/2026</div>
3432                </a>
3433                            <!-- <a href="/?content=hasil&pid=TWN" class="result"> -->
3434                <a href="/hasil/TWN" class="result">
3435                    
3436                    <div class="badge">
3437                                            </div>
3438                    
3439                    <div class="pasaran">TAIWAN&nbsp</div>
3440                    <div class="keluaran">9330</div>
3441                    <div class="tanggal"> 6/10/2026</div>
3442                </a>
3443                            <!-- <a href="/?content=hasil&pid=MY" class="result"> -->
3444                <a href="/hasil/MY" class="result">
3445                    
3446                    <div class="badge">
3447                                            </div>
3448                    
3449                    <div class="pasaran">MALAYSIA&nbsp</div>
3450                    <div class="keluaran">3932</div>
3451                    <div class="tanggal"> 7/10/2026</div>
3452                </a>
3453                            <!-- <a href="/?content=hasil&pid=SGM" class="result"> -->
3454                <a href="/hasil/SGM" class="result">
3455                    
3456                    <div class="badge">
3457                                            </div>
3458                    
3459                    <div class="pasaran">SG METRO&nbsp</div>
3460                    <div class="keluaran">5977</div>
3461                    <div class="tanggal"> 7/10/2026</div>
3462                </a>
3463                            <!-- <a href="/?content=hasil&pid=MYD" class="result"> -->
3464                <a href="/hasil/MYD" class="result">
3465                    
3466                    <div class="badge">
3467                                            </div>
3468                    
3469                    <div class="pasaran">MALAYSIA SIANG&nbsp</div>
3470                    <div class="keluaran">9074</div>
3471                    <div class="tanggal"> 7/10/2026</div>
3472                </a>
3473                            <!-- <a href="/?content=hasil&pid=TMC00" class="result"> -->
3474                <a href="/hasil/TMC00" class="result">
3475                    
3476                    <div class="badge">
3477                                            </div>
3478                    
3479                    <div class="pasaran">TOTO MACAU0000&nbsp</div>
3480                    <div class="keluaran">1825</div>
3481                    <div class="tanggal"> 7/10/2026</div>
3482                </a>
3483                            <!-- <a href="/?content=hasil&pid=TMC13" class="result"> -->
3484                <a href="/hasil/TMC13" class="result">
3485                    
3486                    <div class="badge">
3487                                            </div>
3488                    
3489                    <div class="pasaran">TOTO MACAU1300&nbsp</div>
3490                    <div class="keluaran">2492</div>
3491                    <div class="tanggal"> 7/10/2026</div>
3492                </a>
3493                            <!-- <a href="/?content=hasil&pid=TMC16" class="result"> -->
3494                <a href="/hasil/TMC16" class="result">
3495                    
3496                    <div class="badge">
3497                                            </div>
3498                    
3499                    <div class="pasaran">TOTO MACAU1600&nbsp</div>
3500                    <div class="keluaran">9210</div>
3501                    <div class="tanggal"> 7/10/2026</div>
3502                </a>
3503                            <!-- <a href="/?content=hasil&pid=TMC19" class="result"> -->
3504                <a href="/hasil/TMC19" class="result">
3505                    
3506                    <div class="badge">
3507                                            </div>
3508                    
3509                    <div class="pasaran">TOTO MACAU1900&nbsp</div>
3510                    <div class="keluaran">3021</div>
3511                    <div class="tanggal"> 6/10/2026</div>
3512                </a>
3513                            <!-- <a href="/?content=hasil&pid=TMC22" class="result"> -->
3514                <a href="/hasil/TMC22" class="result">
3515                    
3516                    <div class="badge">
3517                                            </div>
3518                    
3519                    <div class="pasaran">TOTO MACAU2200&nbsp</div>
3520                    <div class="keluaran">1928</div>
3521                    <div class="tanggal"> 6/10/2026</div>
3522                </a>
3523                            <!-- <a href="/?content=hasil&pid=TMC23" class="result"> -->
3524                <a href="/hasil/TMC23" class="result">
3525                    
3526                    <div class="badge">
3527                                            </div>
3528                    
3529                    <div class="pasaran">TOTO MACAU2300&nbsp</div>
3530                    <div class="keluaran">0578</div>
3531                    <div class="tanggal"> 6/10/2026</div>
3532                </a>
3533                        
3534        </div>
3535    </div>
3536    
3537    <div id="togel-mobile" class="togel-mobile mobile-only">
3538    	    
3539    	    <div class="togel-title">Togel Result</div>
3540    	    
3541            	    
3542	    <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px">
3543          <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px">
3544              
3545                                                                        <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
3546                                                                                <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button>
3547                                                              
3548          </div>
3549          <div class="carousel-inner">
3550
3551            <div class='carousel-item accordion accordion-flush active'>                            <div class="result-data accordion-item">
3552                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH">
3553                                    <div class="badge">
3554                                                                            </div>
3555                                    <div class="pasaran">
3555TOTO WUHAN&nbsp</div>
3556                                    <div class="keluaran">5453</div>
3557                                    <div class="tanggal">07-10-2026</div>
3558                              </button>
3559                                                                <div id="paito-TWH" class="accordion-collapse collapse">
3560                                         
3561                                                <div class="result">
3562                                                    <div class="pasaran"></div>
3563                                                    <div class="keluaran">4310</div>
3564                                                    <div class="tanggal">07-10-2026</div>
3565                                                </div>
3566                                             
3567                                                <div class="result">
3568                                                    <div class="pasaran"></div>
3569                                                    <div class="keluaran">9334</div>
3570                                                    <div class="tanggal">07-10-2026</div>
3571                                                </div>
3572                                             
3573                                                <div class="result">
3574                                                    <div class="pasaran"></div>
3575                                                    <div class="keluaran">6601</div>
3576                                                    <div class="tanggal">07-10-2026</div>
3577                                                </div>
3578                                             
3579                                                <div class="result">
3580                                                    <div class="pasaran"></div>
3581                                                    <div class="keluaran">4755</div>
3582                                                    <div class="tanggal">07-10-2026</div>
3583                                                </div>
3584                                             
3585                                                <div class="result">
3586                                                    <div class="pasaran"></div>
3587                                                    <div class="keluaran">8361</div>
3588                                                    <div class="tanggal">07-10-2026</div>
3589                                                </div>
3590                                             
3591                                                <div class="result">
3592                                                    <div class="pasaran"></div>
3593                                                    <div class="keluaran">5843</div>
3594                                                    <div class="tanggal">06-10-2026</div>
3595                                                </div>
3596                                             
3597                                                <div class="result">
3598                                                    <div class="pasaran"></div>
3599                                                    <div class="keluaran">1517</div>
3600                                                    <div class="tanggal">06-10-2026</div>
3601                                                </div>
3602                                                                                </div>
3603                                                            </div>
3604                            
3605                                                    <div class="result-data accordion-item">
3606                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD">
3607                                    <div class="badge">
3608                                                                            </div>
3609                                    <div class="pasaran">HK SIANG&nbsp</div>
3610                                    <div class="keluaran">6727</div>
3611                                    <div class="tanggal">07-10-2026</div>
3612                              </button>
3613                                                                <div id="paito-HKD" class="accordion-collapse collapse">
3614                                         
3615                                                <div class="result">
3616                                                    <div class="pasaran"></div>
3617                                                    <div class="keluaran">4776</div>
3618                                                    <div class="tanggal">06-10-2026</div>
3619                                                </div>
3620                                             
3621                                                <div class="result">
3622                                                    <div class="pasaran"></div>
3623                                                    <div class="keluaran">0870</div>
3624                                                    <div class="tanggal">05-10-2026</div>
3625                                                </div>
3626                                             
3627                                                <div class="result">
3628                                                    <div class="pasaran"></div>
3629                                                    <div class="keluaran">3772</div>
3630                                                    <div class="tanggal">04-10-2026</div>
3631                                                </div>
3632                                             
3633                                                <div class="result">
3634                                                    <div class="pasaran"></div>
3635                                                    <div class="keluaran">0546</div>
3636                                                    <div class="tanggal">03-10-2026</div>
3637                                                </div>
3638                                             
3639                                                <div class="result">
3640                                                    <div class="pasaran"></div>
3641                                                    <div class="keluaran">7631</div>
3642                                                    <div class="tanggal">02-10-2026</div>
3643                                                </div>
3644                                             
3645                                                <div class="result">
3646                                                    <div class="pasaran"></div>
3647                                                    <div class="keluaran">4300</div>
3648                                                    <div class="tanggal">01-10-2026</div>
3649                                                </div>
3650                                             
3651                                                <div class="result">
3652                                                    <div class="pasaran"></div>
3653                                                    <div class="keluaran">0507</div>
3654                                                    <div class="tanggal">30-09-2026</div>
3655                                                </div>
3656                                                                                </div>
3657                                                            </div>
3658                            
3659                                                    <div class="result-data accordion-item">
3660                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-NZB">
3661                                    <div class="badge">
3662                                                                            </div>
3663                                    <div class="pasaran">BULLSEYE&nbsp</div>
3664                                    <div class="keluaran">7441</div>
3665                                    <div class="tanggal">07-10-2026</div>
3666                              </button>
3667                                                                <div id="paito-NZB" class="accordion-collapse collapse">
3668                                         
3669                                                <div class="result">
3670                                                    <div class="pasaran"></div>
3671                                                    <div class="keluaran">7013</div>
3672                                                    <div class="tanggal">06-10-2026</div>
3673                                                </div>
3674                                             
3675                                                <div class="result">
3676                                                    <div class="pasaran"></div>
3677                                                    <div class="keluaran">3570</div>
3678                                                    <div class="tanggal">05-10-2026</div>
3679                                                </div>
3680                                             
3681                                                <div class="result">
3682                                                    <div class="pasaran"></div>
3683                                                    <div class="keluaran">1906</div>
3684                                                    <div class="tanggal">04-10-2026</div>
3685                                                </div>
3686                                             
3687                                                <div class="result">
3688                                                    <div class="pasaran"></div>
3689                                                    <div class="keluaran">6317</div>
3690                                                    <div class="tanggal">03-10-2026</div>
3691                                                </div>
3692                                             
3693                                                <div class="result">
3694                                                    <div class="pasaran"></div>
3695                                                    <div class="keluaran">1791</div>
3696                                                    <div class="tanggal">02-10-2026</div>
3697                                                </div>
3698                                             
3699                                                <div class="result">
3700                                                    <div class="pasaran"></div>
3701                                                    <div class="keluaran">0968</div>
3702                                                    <div class="tanggal">01-10-2026</div>
3703                                                </div>
3704                                             
3705                                                <div class="result">
3706                                                    <div class="pasaran"></div>
3707                                                    <div class="keluaran">3373</div>
3708                                                    <div class="tanggal">30-09-2026</div>
3709                                                </div>
3710                                                                                </div>
3711                                                            </div>
3712                            
3713                                                    <div class="result-data accordion-item">
3714                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG">
3715                                    <div class="badge">
3716                                                                            </div>
3717                                    <div class="pasaran">SINGAPORE&nbsp</div>
3718                                    <div class="keluaran">9838</div>
3719                                    <div class="tanggal">07-10-2026</div>
3720                              </button>
3721                                                                <div id="paito-SG" class="accordion-collapse collapse">
3722                                         
3723                                                <div class="result">
3724                                                    <div class="pasaran"></div>
3725                                                    <div class="keluaran">3897</div>
3726                                                    <div class="tanggal">05-10-2026</div>
3727                                                </div>
3728                                             
3729                                                <div class="result">
3730                                                    <div class="pasaran"></div>
3731                                                    <div class="keluaran">2812</div>
3732                                                    <div class="tanggal">04-10-2026</div>
3733                                                </div>
3734                                             
3735                                                <div class="result">
3736                                                    <div class="pasaran"></div>
3737                                                    <div class="keluaran">3670</div>
3738                                                    <div class="tanggal">03-10-2026</div>
3739                                                </div>
3740                                             
3741                                                <div class="result">
3742                                                    <div class="pasaran"></div>
3743                                                    <div class="keluaran">9006</div>
3744                                                    <div class="tanggal">01-10-2026</div>
3745                                                </div>
3746                                             
3747                                                <div class="result">
3748                                                    <div class="pasaran"></div>
3749                                                    <div class="keluaran">3096</div>
3750                                                    <div class="tanggal">30-09-2026</div>
3751                                                </div>
3752                                             
3753                                                <div class="result">
3754                                                    <div class="pasaran"></div>
3755                                                    <div class="keluaran">7185</div>
3756                                                    <div class="tanggal">28-09-2026</div>
3757                                                </div>
3758                                             
3759                                                <div class="result">
3760                                                    <div class="pasaran"></div>
3761                                                    <div class="keluaran">8791</div>
3762                                                    <div class="tanggal">27-09-2026</div>
3763                                                </div>
3764                                                                                </div>
3765                                                            </div>
3766                            
3767                                                    <div class="result-data accordion-item">
3768                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR">
3769                                    <div class="badge">
3770                                                                            </div>
3771                                    <div class="pasaran">QATAR&nbsp</div>
3772                                    <div class="keluaran">9915</div>
3773                                    <div class="tanggal">07-10-2026</div>
3774                              </button>
3775                                                                <div id="paito-QTR" class="accordion-collapse collapse">
3776                                         
3777                                                <div class="result">
3778                                                    <div class="pasaran"></div>
3779               
3779                                     <div class="keluaran">5740</div>
3780                                                    <div class="tanggal">06-10-2026</div>
3781                                                </div>
3782                                             
3783                                                <div class="result">
3784                                                    <div class="pasaran"></div>
3785                                                    <div class="keluaran">8643</div>
3786                                                    <div class="tanggal">05-10-2026</div>
3787                                                </div>
3788                                             
3789                                                <div class="result">
3790                                                    <div class="pasaran"></div>
3791                                                    <div class="keluaran">0646</div>
3792                                                    <div class="tanggal">04-10-2026</div>
3793                                                </div>
3794                                             
3795                                                <div class="result">
3796                                                    <div class="pasaran"></div>
3797                                                    <div class="keluaran">7691</div>
3798                                                    <div class="tanggal">03-10-2026</div>
3799                                                </div>
3800                                             
3801                                                <div class="result">
3802                                                    <div class="pasaran"></div>
3803                                                    <div class="keluaran">3505</div>
3804                                                    <div class="tanggal">02-10-2026</div>
3805                                                </div>
3806                                             
3807                                                <div class="result">
3808                                                    <div class="pasaran"></div>
3809                                                    <div class="keluaran">4757</div>
3810                                                    <div class="tanggal">01-10-2026</div>
3811                                                </div>
3812                                             
3813                                                <div class="result">
3814                                                    <div class="pasaran"></div>
3815                                                    <div class="keluaran">4561</div>
3816                                                    <div class="tanggal">30-09-2026</div>
3817                                                </div>
3818                                                                                </div>
3819                                                            </div>
3820                            
3821                                                    <div class="result-data accordion-item">
3822                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-CAM">
3823                                    <div class="badge">
3824                                                                            </div>
3825                                    <div class="pasaran">CAMBODIA&nbsp</div>
3826                                    <div class="keluaran">5980</div>
3827                                    <div class="tanggal">07-10-2026</div>
3828                              </button>
3829                                                                <div id="paito-CAM" class="accordion-collapse collapse">
3830                                         
3831                                                <div class="result">
3832                                                    <div class="pasaran"></div>
3833                                                    <div class="keluaran">3713</div>
3834                                                    <div class="tanggal">06-10-2026</div>
3835                                                </div>
3836                                             
3837                                                <div class="result">
3838                                                    <div class="pasaran"></div>
3839                                                    <div class="keluaran">3794</div>
3840                                                    <div class="tanggal">05-10-2026</div>
3841                                                </div>
3842                                             
3843                                                <div class="result">
3844                                                    <div class="pasaran"></div>
3845                                                    <div class="keluaran">6498</div>
3846                                                    <div class="tanggal">04-10-2026</div>
3847                                                </div>
3848                                             
3849                                                <div class="result">
3850                                                    <div class="pasaran"></div>
3851                                                    <div class="keluaran">4921</div>
3852                                                    <div class="tanggal">03-10-2026</div>
3853                                                </div>
3854                                             
3855                                                <div class="result">
3856                                                    <div class="pasaran"></div>
3857                                                    <div class="keluaran">2702</div>
3858                                                    <div class="tanggal">02-10-2026</div>
3859                                                </div>
3860                                             
3861                                                <div class="result">
3862                                                    <div class="pasaran"></div>
3863                                                    <div class="keluaran">5172</div>
3864                                                    <div class="tanggal">01-10-2026</div>
3865                                                </div>
3866                                             
3867                                                <div class="result">
3868                                                    <div class="pasaran"></div>
3869                                                    <div class="keluaran">4318</div>
3870                                                    <div class="tanggal">30-09-2026</div>
3871                                                </div>
3872                                                                                </div>
3873                                                            </div>
3874                            
3875                                                    <div class="result-data accordion-item">
3876                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWN">
3877                                    <div class="badge">
3878                                                                            </div>
3879                                    <div class="pasaran">TAIWAN&nbsp</div>
3880                                    <div class="keluaran">9330</div>
3881                                    <div class="tanggal">06-10-2026</div>
3882                              </button>
3883                                                                <div id="paito-TWN" class="accordion-collapse collapse">
3884                                         
3885                                                <div class="result">
3886                                                    <div class="pasaran"></div>
3887                                                    <div class="keluaran">3224</div>
3888                                                    <div class="tanggal">05-10-2026</div>
3889                                                </div>
3890                                             
3891                                                <div class="result">
3892                                                    <div class="pasaran"></div>
3893                                                    <div class="keluaran">3455</div>
3894                                                    <div class="tanggal">04-10-2026</div>
3895                                                </div>
3896                                             
3897                                                <div class="result">
3898                                                    <div class="pasaran"></div>
3899                                                    <div class="keluaran">4456</div>
3900                                                    <div class="tanggal">03-10-2026</div>
3901                                                </div>
3902                                             
3903                                                <div class="result">
3904                                                    <div class="pasaran"></div>
3905                                                    <div class="keluaran">8587</div>
3906                                                    <div class="tanggal">02-10-2026</div>
3907                                                </div>
3908                                             
3909                                                <div class="result">
3910                                                    <div class="pasaran"></div>
3911                                                    <div class="keluaran">0598</div>
3912                                                    <div class="tanggal">01-10-2026</div>
3913                                                </div>
3914                                             
3915                                                <div class="result">
3916                                                    <div class="pasaran"></div>
3917                                                    <div class="keluaran">3578</div>
3918                                                    <div class="tanggal">30-09-2026</div>
3919                                                </div>
3920                                             
3921                                                <div class="result">
3922                                                    <div class="pasaran"></div>
3923                                                    <div class="keluaran">0671</div>
3924                                                    <div class="tanggal">29-09-2026</div>
3925                                                </div>
3926                                                                                </div>
3927                                                            </div>
3928                            
3929                                                    <div class="result-data accordion-item">
3930                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY">
3931                                    <div class="badge">
3932                                                                            </div>
3933                                    <div class="pasaran">MALAYSIA&nbsp</div>
3934                                    <div class="keluaran">3932</div>
3935                                    <div class="tanggal">07-10-2026</div>
3936                              </button>
3937                                                                <div id="paito-MY" class="accordion-collapse collapse">
3938                                         
3939                                                <div class="result">
3940                                                    <div class="pasaran"></div>
3941                                                    <div class="keluaran">4883</div>
3942                                                    <div class="tanggal">06-10-2026</div>
3943                                                </div>
3944                                             
3945                                                <div class="result">
3946                                                    <div class="pasaran"></div>
3947                                                    <div class="keluaran">4639</div>
3948                                                    <div class="tanggal">05-10-2026</div>
3949                                                </div>
3950                                             
3951                                                <div class="result">
3952                                                    <div class="pasaran"></div>
3953                                                    <div class="keluaran">4920</div>
3954                                                    <div class="tanggal">04-10-2026</div>
3955                                                </div>
3956                                             
3957                                                <div class="result">
3958                                                    <div class="pasaran"></div>
3959                                                    <div class="keluaran">8849</div>
3960                                                    <div class="tanggal">03-10-2026</div>
3961                                                </div>
3962                                             
3963                                                <div class="result">
3964                                                    <div class="pasaran"></div>
3965                                                    <div class="keluaran">
39657141</div>
3966                                                    <div class="tanggal">02-10-2026</div>
3967                                                </div>
3968                                             
3969                                                <div class="result">
3970                                                    <div class="pasaran"></div>
3971                                                    <div class="keluaran">4558</div>
3972                                                    <div class="tanggal">01-10-2026</div>
3973                                                </div>
3974                                             
3975                                                <div class="result">
3976                                                    <div class="pasaran"></div>
3977                                                    <div class="keluaran">1915</div>
3978                                                    <div class="tanggal">30-09-2026</div>
3979                                                </div>
3980                                                                                </div>
3981                                                            </div>
3982                            
3983                                                    <div class="result-data accordion-item">
3984                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SGM">
3985                                    <div class="badge">
3986                                                                            </div>
3987                                    <div class="pasaran">SG METRO&nbsp</div>
3988                                    <div class="keluaran">5977</div>
3989                                    <div class="tanggal">07-10-2026</div>
3990                              </button>
3991                                                                <div id="paito-SGM" class="accordion-collapse collapse">
3992                                         
3993                                                <div class="result">
3994                                                    <div class="pasaran"></div>
3995                                                    <div class="keluaran">8741</div>
3996                                                    <div class="tanggal">06-10-2026</div>
3997                                                </div>
3998                                             
3999                                                <div class="result">
4000                                                    <div class="pasaran"></div>
4001                                                    <div class="keluaran">3446</div>
4002                                                    <div class="tanggal">05-10-2026</div>
4003                                                </div>
4004                                             
4005                                                <div class="result">
4006                                                    <div class="pasaran"></div>
4007                                                    <div class="keluaran">8676</div>
4008                                                    <div class="tanggal">04-10-2026</div>
4009                                                </div>
4010                                             
4011                                                <div class="result">
4012                                                    <div class="pasaran"></div>
4013                                                    <div class="keluaran">9340</div>
4014                                                    <div class="tanggal">03-10-2026</div>
4015                                                </div>
4016                                             
4017                                                <div class="result">
4018                                                    <div class="pasaran"></div>
4019                                                    <div class="keluaran">2649</div>
4020                                                    <div class="tanggal">02-10-2026</div>
4021                                                </div>
4022                                             
4023                                                <div class="result">
4024                                                    <div class="pasaran"></div>
4025                                                    <div class="keluaran">4307</div>
4026                                                    <div class="tanggal">01-10-2026</div>
4027                                                </div>
4028                                             
4029                                                <div class="result">
4030                                                    <div class="pasaran"></div>
4031                                                    <div class="keluaran">1367</div>
4032                                                    <div class="tanggal">30-09-2026</div>
4033                                                </div>
4034                                                                                </div>
4035                                                            </div>
4036                            
4037                                                    <div class="result-data accordion-item">
4038                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MYD">
4039                                    <div class="badge">
4040                                                                            </div>
4041                                    <div class="pasaran">MALAYSIA SIANG&nbsp</div>
4042                                    <div class="keluaran">9074</div>
4043                                    <div class="tanggal">07-10-2026</div>
4044                              </button>
4045                                                                <div id="paito-MYD" class="accordion-collapse collapse">
4046                                         
4047                                                <div class="result">
4048                                                    <div class="pasaran"></div>
4049                                                    <div class="keluaran">1210</div>
4050                                                    <div class="tanggal">06-10-2026</div>
4051                                                </div>
4052                                             
4053                                                <div class="result">
4054                                                    <div class="pasaran"></div>
4055                                                    <div class="keluaran">2452</div>
4056                                                    <div class="tanggal">05-10-2026</div>
4057                                                </div>
4058                                             
4059                                                <div class="result">
4060                                                    <div class="pasaran"></div>
4061                                                    <div class="keluaran">6932</div>
4062                                                    <div class="tanggal">04-10-2026</div>
4063                                                </div>
4064                                             
4065                                                <div class="result">
4066                                                    <div class="pasaran"></div>
4067                                                    <div class="keluaran">5590</div>
4068                                                    <div class="tanggal">03-10-2026</div>
4069                                                </div>
4070                                             
4071                                                <div class="result">
4072                                                    <div class="pasaran"></div>
4073                                                    <div class="keluaran">7799</div>
4074                                                    <div class="tanggal">02-10-2026</div>
4075                                                </div>
4076                                             
4077                                                <div class="result">
4078                                                    <div class="pasaran"></div>
4079                                                    <div class="keluaran">6065</div>
4080                                                    <div class="tanggal">01-10-2026</div>
4081                                                </div>
4082                                             
4083                                                <div class="result">
4084                                                    <div class="pasaran"></div>
4085                                                    <div class="keluaran">9677</div>
4086                                                    <div class="tanggal">30-09-2026</div>
4087                                                </div>
4088                                                                                </div>
4089                                                            </div>
4090                            
4091                        </div><div class='carousel-item accordion accordion-flush'>                            <div class="result-data accordion-item">
4092                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC00">
4093                                    <div class="badge">
4094                                                                            </div>
4095                                    <div class="pasaran">TOTO MACAU0000&nbsp</div>
4096                                    <div class="keluaran">1825</div>
4097                                    <div class="tanggal">07-10-2026</div>
4098                              </button>
4099                                                                <div id="paito-TMC00" class="accordion-collapse collapse">
4100                                         
4101                                                <div class="result">
4102                                                    <div class="pasaran"></div>
4103                                                    <div class="keluaran">1791</div>
4104                                                    <div class="tanggal">06-10-2026</div>
4105                                                </div>
4106                                             
4107                                                <div class="result">
4108                                                    <div class="pasaran"></div>
4109                                                    <div class="keluaran">2360</div>
4110                                                    <div class="tanggal">05-10-2026</div>
4111                                                </div>
4112                                             
4113                                                <div class="result">
4114                                                    <div class="pasaran"></div>
4115                                                    <div class="keluaran">0422</div>
4116                                                    <div class="tanggal">04-10-2026</div>
4117                                                </div>
4118                                             
4119                                                <div class="result">
4120                                                    <div class="pasaran"></div>
4121                                                    <div class="keluaran">0437</div>
4122                                                    <div class="tanggal">03-10-2026</div>
4123                                                </div>
4124                                             
4125                                                <div class="result">
4126                                                    <div class="pasaran"></div>
4127                                                    <div class="keluaran">1329</div>
4128                                                    <div class="tanggal">02-10-2026</div>
4129                                                </div>
4130                                             
4131                                                <div class="result">
4132                                                    <div class="pasaran"></div>
4133                                                    <div class="keluaran">8899</div>
4134                                                    <div class="tanggal">01-10-2026</div>
4135                                                </div>
4136                                             
4137                                                <div class="result">
4138                                                    <div class="pasaran"></div>
4139                                                    <div class="keluaran">3141</div>
4140                                                    <div class="tanggal">30-09-2026</div>
4141                                                </div>
4142                                                                                </div>
4143                                                            </div>
4144                            
4145                                                    <div class="result-data accordion-item">
4146                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC13">
4147                                    <div class="badge">
4148                                                                            </div>
4149                                    <div class="pasaran">TOTO MACAU1300&nbsp</div>
4150                                    <div class="keluaran">2492</div>
4151                                    <div class="tanggal">07-10-2026</div>
4152                              </button>
4153                                                                <div id="paito-TMC13" class="accordion-collapse collapse">
4154                                         
4155                                                <div class="result">
4156                                                    <div class="pasaran"></div>
4157                                                    <div class="keluaran">5625</div>
4158                                                    <div class="tanggal">06-10-2026</div>
4159                                                </div>
4160                                             
4161                                                <div class="result">
4162                                                    <div class="pasaran"></div>
4163                                                    <div class="keluaran">6520</div>
4164                                                    <div class="tanggal">05-10-2026</div>
4165                                                </div>
4166                                             
4167                                                <div class="result">
4168                                                    <div class="pasaran"></div>
4169                                                    <div class="keluaran">9711</div>
4170                                                    <div class="tanggal">04-10-2026</div>
4171                                                </div>
4172                                             
4173                                                <div class="result">
4174                                                    <div class="pasaran"></div>
4175                                                    <div class="keluaran">9180</div>
4176                                                    <div class="tanggal">03-10-2026</div>
4177                                                </div>
4178                                             
4179                                                <div class="result">
4180                                                    <div class="pasaran"></div>
4181                                                    <div class="keluaran">2811</div>
4182                                                    <div class="tanggal">02-10-2026</div>
4183                                                </div>
4184                                             
4185                                                <div class="result">
4186                                                    <div class="pasaran"></div>
4187                                                    <div class="keluaran">7760</div>
4188        
4188                                            <div class="tanggal">01-10-2026</div>
4189                                                </div>
4190                                             
4191                                                <div class="result">
4192                                                    <div class="pasaran"></div>
4193                                                    <div class="keluaran">5198</div>
4194                                                    <div class="tanggal">30-09-2026</div>
4195                                                </div>
4196                                                                                </div>
4197                                                            </div>
4198                            
4199                                                    <div class="result-data accordion-item">
4200                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC16">
4201                                    <div class="badge">
4202                                                                            </div>
4203                                    <div class="pasaran">TOTO MACAU1600&nbsp</div>
4204                                    <div class="keluaran">9210</div>
4205                                    <div class="tanggal">07-10-2026</div>
4206                              </button>
4207                                                                <div id="paito-TMC16" class="accordion-collapse collapse">
4208                                         
4209                                                <div class="result">
4210                                                    <div class="pasaran"></div>
4211                                                    <div class="keluaran">2371</div>
4212                                                    <div class="tanggal">06-10-2026</div>
4213                                                </div>
4214                                             
4215                                                <div class="result">
4216                                                    <div class="pasaran"></div>
4217                                                    <div class="keluaran">2786</div>
4218                                                    <div class="tanggal">05-10-2026</div>
4219                                                </div>
4220                                             
4221                                                <div class="result">
4222                                                    <div class="pasaran"></div>
4223                                                    <div class="keluaran">6416</div>
4224                                                    <div class="tanggal">04-10-2026</div>
4225                                                </div>
4226                                             
4227                                                <div class="result">
4228                                                    <div class="pasaran"></div>
4229                                                    <div class="keluaran">1710</div>
4230                                                    <div class="tanggal">03-10-2026</div>
4231                                                </div>
4232                                             
4233                                                <div class="result">
4234                                                    <div class="pasaran"></div>
4235                                                    <div class="keluaran">2964</div>
4236                                                    <div class="tanggal">02-10-2026</div>
4237                                                </div>
4238                                             
4239                                                <div class="result">
4240                                                    <div class="pasaran"></div>
4241                                                    <div class="keluaran">7325</div>
4242                                                    <div class="tanggal">01-10-2026</div>
4243                                                </div>
4244                                             
4245                                                <div class="result">
4246                                                    <div class="pasaran"></div>
4247                                                    <div class="keluaran">8259</div>
4248                                                    <div class="tanggal">30-09-2026</div>
4249                                                </div>
4250                                                                                </div>
4251                                                            </div>
4252                            
4253                                                    <div class="result-data accordion-item">
4254                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC19">
4255                                    <div class="badge">
4256                                                                            </div>
4257                                    <div class="pasaran">TOTO MACAU1900&nbsp</div>
4258                                    <div class="keluaran">3021</div>
4259                                    <div class="tanggal">06-10-2026</div>
4260                              </button>
4261                                                                <div id="paito-TMC19" class="accordion-collapse collapse">
4262                                         
4263                                                <div class="result">
4264                                                    <div class="pasaran"></div>
4265                                                    <div class="keluaran">0996</div>
4266                                                    <div class="tanggal">05-10-2026</div>
4267                                                </div>
4268                                             
4269                                                <div class="result">
4270                                                    <div class="pasaran"></div>
4271                                                    <div class="keluaran">0166</div>
4272                                                    <div class="tanggal">04-10-2026</div>
4273                                                </div>
4274                                             
4275                                                <div class="result">
4276                                                    <div class="pasaran"></div>
4277                                                    <div class="keluaran">9946</div>
4278                                                    <div class="tanggal">03-10-2026</div>
4279                                                </div>
4280                                             
4281                                                <div class="result">
4282                                                    <div class="pasaran"></div>
4283                                                    <div class="keluaran">9822</div>
4284                                                    <div class="tanggal">02-10-2026</div>
4285                                                </div>
4286                                             
4287                                                <div class="result">
4288                                                    <div class="pasaran"></div>
4289                                                    <div class="keluaran">9751</div>
4290                                                    <div class="tanggal">01-10-2026</div>
4291                                                </div>
4292                                             
4293                                                <div class="result">
4294                                                    <div class="pasaran"></div>
4295                                                    <div class="keluaran">1788</div>
4296                                                    <div class="tanggal">30-09-2026</div>
4297                                                </div>
4298                                             
4299                                                <div class="result">
4300                                                    <div class="pasaran"></div>
4301                                                    <div class="keluaran">8094</div>
4302                                                    <div class="tanggal">29-09-2026</div>
4303                                                </div>
4304                                                                                </div>
4305                                                            </div>
4306                            
4307                                                    <div class="result-data accordion-item">
4308                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC22">
4309                                    <div class="badge">
4310                                                                            </div>
4311                                    <div class="pasaran">TOTO MACAU2200&nbsp</div>
4312                                    <div class="keluaran">1928</div>
4313                                    <div class="tanggal">06-10-2026</div>
4314                              </button>
4315                                                                <div id="paito-TMC22" class="accordion-collapse collapse">
4316                                         
4317                                                <div class="result">
4318                                                    <div class="pasaran"></div>
4319                                                    <div class="keluaran">5522</div>
4320                                                    <div class="tanggal">05-10-2026</div>
4321                                                </div>
4322                                             
4323                                                <div class="result">
4324                                                    <div class="pasaran"></div>
4325                                                    <div class="keluaran">6057</div>
4326                                                    <div class="tanggal">04-10-2026</div>
4327                                                </div>
4328                                             
4329                                                <div class="result">
4330                                                    <div class="pasaran"></div>
4331                                                    <div class="keluaran">5488</div>
4332                                                    <div class="tanggal">03-10-2026</div>
4333                                                </div>
4334                                             
4335                                                <div class="result">
4336                                                    <div class="pasaran"></div>
4337                                                    <div class="keluaran">4574</div>
4338                                                    <div class="tanggal">02-10-2026</div>
4339                                                </div>
4340                                             
4341                                                <div class="result">
4342                                                    <div class="pasaran"></div>
4343                                                    <div class="keluaran">6003</div>
4344                                                    <div class="tanggal">01-10-2026</div>
4345                                                </div>
4346                                             
4347                                                <div class="result">
4348                                                    <div class="pasaran"></div>
4349                                                    <div class="keluaran">0527</div>
4350                                                    <div class="tanggal">30-09-2026</div>
4351                                                </div>
4352                                             
4353                                                <div class="result">
4354                                                    <div class="pasaran"></div>
4355                                                    <div class="keluaran">4168</div>
4356                                                    <div class="tanggal">29-09-2026</div>
4357                                                </div>
4358                                                                                </div>
4359                                                            </div>
4360                            
4361                                                    <div class="result-data accordion-item">
4362                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC23">
4363                                    <div class="badge">
4364                                                                            </div>
4365                                    <div class="pasaran">TOTO MACAU2300&nbsp</div>
4366                                    <div class="keluaran">0578</div>
4367                                    <div class="tanggal">06-10-2026</div>
4368                              </button>
4369                                                                <div id="paito-TMC23" class="accordion-collapse collapse">
4370                                         
4371                                                <div class="result">
4372                                                    <div class="pasaran"></div>
4373                                                    <div class="keluaran">6474</div>
4374                                                    <div class="tanggal">05-10-2026</div>
4375                                                </div>
4376                                             
4377                                                <div class="result">
4378                                                    <div class="pasaran"></div>
4379                                                    <div class="keluaran">2233</div>
4380                                                    <div class="tanggal">04-10-2026</div>
4381                                                </div>
4382                                             
4383                                                <div class="result">
4384                                                    <div class="pasaran"></div>
4385                                                    <div class="keluaran">4413</div>
4386                                                    <div class="tanggal">03-10-2026</div>
4387                                                </div>
4388                                             
4389                                                <div class="result">
4390                                                    <div class="pasaran"></div>
4391                                                    <div class="keluaran">9822</div>
4392                                                    <div class="tanggal">02-10-2026</div>
4393                                                </div>
4394                                             
4395                                                <div class="result">
4396                                                    <div class="pasaran"></div>
4397                                                    <div class="keluaran">1958</div>
4398                                                    <div class="tanggal">01-10-2026</div>
4399                                                </div>
4400                                             
4401                                                <div class="result">
4402                                                    <div class="pasaran"></div>
4403                                                    <div class="keluaran">9952</div>
4404                                                    <div class="tanggal">30-09-2026</div>
4405                                                </div>
4406                                             
4407                                                <div class="result">
4408                                                    <div class="pasaran"></div>
4409                                                    <div class="keluaran">2545</div>
4410                                                    <div class="tanggal">
441029-09-2026</div>
4411                                                </div>
4412                                                                                </div>
4413                                                            </div>
4414                            
4415                        </div>              
4416              
4417          </div>
4418        </div>
4419    </div>
4420    
4421    
4421<script>
4422        
4423        function togglePaito(paitoid) {
4424            let paito = document.getElementById(paitoid);
4425            paito.classList.add("open");
4426        }
4427        
4428        
4429    </script>
4429
4430
4431            <div class="transaksi p-0 py-lg-4">
4432                <div class="d-none d-lg-block">
4433                    <!-- BANNER SBO DESKTOP -->
4434                    <div class="match-slider-wrap">
4435                                                    <div id="sboMatchCarouselDesktop" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500">
4436
4437                                                                    <div class="carousel-indicators">
4438                                                                                    <button
4439                                                type="button"
4440                                                data-bs-target="#sboMatchCarouselDesktop"
4441                                                data-bs-slide-to="0"
4442                                                class="active"
4443                                                aria-current="true"                                                aria-label="Slide 1">
4444                                            </button>
4445                                                                                    <button
4446                                                type="button"
4447                                                data-bs-target="#sboMatchCarouselDesktop"
4448                                                data-bs-slide-to="1"
4449                                                class=""
4450                                                                                                aria-label="Slide 2">
4451                                            </button>
4452                                                                                    <button
4453                                                type="button"
4454                                                data-bs-target="#sboMatchCarouselDesktop"
4455                                                data-bs-slide-to="2"
4456                                                class=""
4457                                                                                                aria-label="Slide 3">
4458                                            </button>
4459                                                                                    <button
4460                                                type="button"
4461                                                data-bs-target="#sboMatchCarouselDesktop"
4462                                                data-bs-slide-to="3"
4463                                                class=""
4464                                                                                                aria-label="Slide 4">
4465                                            </button>
4466                                                                            </div>
4467                                
4468                                <div class="carousel-inner">
4469                                                                            <div class="carousel-item active">
4470                                            <div class="row g-3">
4471                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4472                                                        <div class="match-card h-100">
4473                                                            <div class="league-name">
4474                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4475
4476                                                            <div class="kickoff-time">
4477                                                                October 10, 2026 — 18:30 WIB                                                            </div>
4478
4479                                                            <div class="match-main-row">
4480                                                                <div class="team-col">
4481                                                                    <img
4482                                                                        src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png"
4483                                                                        alt="Arsenal"
4484                                                                        class="team-logo"
4485                                                                    >
4486                                                                    <div class="team-name">
4487                                                                        Arsenal                                                                    </div>
4488                                                                </div>
4489
4490                                                                <div class="score-col">
4491                                                                    <div class="score-value">
4492                                                                        0 : 0                                                                    </div>
4493
4494                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')">
4495                                                                        BET NOW
4496                                                                    </a>
4497                                                                </div>
4498
4499                                                                <div class="team-col">
4500                                                                    <img
4501                                                                        src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
4501ce556.png"
4502                                                                        alt="Leeds United"
4503                                                                        class="team-logo"
4504                                                                    >
4505                                                                    <div class="team-name">
4506                                                                        Leeds United                                                                    </div>
4507                                                                </div>
4508                                                            </div>
4509
4510                                                            <div class="match-odds-row">
4511                                                                <div class="odds-col">
4512                                                                    <span>
4513                                                                        1                                                                        <small>0.60</small>
4514                                                                    </span>
4515                                                                </div>
4516
4517                                                                <div class="odds-spacer"></div>
4518
4519                                                                <div class="odds-col">
4520                                                                    <span>
4521                                                                        -1                                                                        <small>-0.70</small>
4522                                                                    </span>
4523                                                                </div>
4524                                                            </div>
4525                                                        </div>
4526                                                    </div>
4527                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4528                                                        <div class="match-card h-100">
4529                                                            <div class="league-name">
4530                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4531
4532                                                            <div class="kickoff-time">
4533                                                                October 10, 2026 — 21:00 WIB                                                            </div>
4534
4535                                                            <div class="match-main-row">
4536                                                                <div class="team-col">
4537                                                                    <img
4538                                                                        src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png"
4539                                                                        alt="Chelsea"
4540                                                                        class="team-logo"
4541                                                                    >
4542                                                                    <div class="team-name">
4543                                                                        Chelsea                                                                    </div>
4544                                                                </div>
4545
4546                                                                <div class="score-col">
4547                                                                    <div class="score-value">
4548                                                                        0 : 0                                                                    </div>
4549
4550                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')">
4551                                                                        BET NOW
4552                                                                    </a>
4553                                                                </div>
4554
4555                                                                <div class="team-col">
4556                                                                    <img
4557                                                                        src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png"
4558                                                                        alt="Bournemouth AFC"
4559                                                                        class="team-logo"
4560                                                                    >
4561                                                                    <div class="team-name">
4562                                                                        Bournemouth AFC                                                                    </div>
4563                                                                </div>
4564                                                            </div>
4565
4566                                                            <div class="match-odds-row">
4567                                                                <div class="odds-col">
4568                                                                    <sp
4568an>
4569                                                                        0.5                                                                        <small>0.68</small>
4570                                                                    </span>
4571                                                                </div>
4572
4573                                                                <div class="odds-spacer"></div>
4574
4575                                                                <div class="odds-col">
4576                                                                    <span>
4577                                                                        -0.5                                                                        <small>-0.78</small>
4578                                                                    </span>
4579                                                                </div>
4580                                                            </div>
4581                                                        </div>
4582                                                    </div>
4583                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4584                                                        <div class="match-card h-100">
4585                                                            <div class="league-name">
4586                                                                SPAIN LA LIGA                                                            </div>
4587
4588                                                            <div class="kickoff-time">
4589                                                                October 10, 2026 — 23:30 WIB                                                            </div>
4590
4591                                                            <div class="match-main-row">
4592                                                                <div class="team-col">
4593                                                                    <img
4594                                                                        src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png"
4595                                                                        alt="Barcelona"
4596                                                                        class="team-logo"
4597                                                                    >
4598                                                                    <div class="team-name">
4599                                                                        Barcelona                                                                    </div>
4600                                                                </div>
4601
4602                                                                <div class="score-col">
4603                                                                    <div class="score-value">
4604                                                                        0 : 0                                                                    </div>
4605
4606                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')">
4607                                                                        BET NOW
4608                                                                    </a>
4609                                                                </div>
4610
4611                                                                <div class="team-col">
4612                                                                    <img
4613                                                                        src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png"
4614                                                                        alt="Getafe"
4615                                                                        class="team-logo"
4616                                                                    >
4617                                                                    <div class="team-name">
4618                                                                        Getafe                                                                    </div>
4619                                                                </div>
4620                                                            </div>
4621
4622                                                            <div class="match-odds-row">
4623                                                                <div class="odds-col">
4624                                                                    <sp
4624an>
4625                                                                        2.75                                                                        <small>0.90</small>
4626                                                                    </span>
4627                                                                </div>
4628
4629                                                                <div class="odds-spacer"></div>
4630
4631                                                                <div class="odds-col">
4632                                                                    <span>
4633                                                                        -2.75                                                                        <small>1.00</small>
4634                                                                    </span>
4635                                                                </div>
4636                                                            </div>
4637                                                        </div>
4638                                                    </div>
4639                                                                                            </div>
4640                                        </div>
4641                                                                            <div class="carousel-item ">
4642                                            <div class="row g-3">
4643                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4644                                                        <div class="match-card h-100">
4645                                                            <div class="league-name">
4646                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4647
4648                                                            <div class="kickoff-time">
4649                                                                October 10, 2026 — 21:00 WIB                                                            </div>
4650
4651                                                            <div class="match-main-row">
4652                                                                <div class="team-col">
4653                                                                    <img
4654                                                                        src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png"
4655                                                                        alt="Sunderland"
4656                                                                        class="team-logo"
4657                                                                    >
4658                                                                    <div class="team-name">
4659                                                                        Sunderland                                                                    </div>
4660                                                                </div>
4661
4662                                                                <div class="score-col">
4663                                                                    <div class="score-value">
4664                                                                        0 : 0                                                                    </div>
4665
4666                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')">
4667                                                                        BET NOW
4668                                                                    </a>
4669                                                                </div>
4670
4671                                                                <div class="team-col">
4672                                                                    <img
4673                                                                        src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png"
4674                                                                        alt="Brighton &amp; Hove Albion"
4675                                                                        class="team-logo"
4676                                                                    >
4677                                                                    <div class="team-name">
4678                                                                        Brighton &amp; Hove Albion                                                                    </div>
4679                                                                </div>
4680                                                            </div>
4681
4682                                                            <div class="match-odds-row">
4683                                                                <div class="odds-col">
4684                                                                    <sp
4684an>
4685                                                                        0.00                                                                        <small>-0.82</small>
4686                                                                    </span>
4687                                                                </div>
4688
4689                                                                <div class="odds-spacer"></div>
4690
4691                                                                <div class="odds-col">
4692                                                                    <span>
4693                                                                        0.00                                                                        <small>0.72</small>
4694                                                                    </span>
4695                                                                </div>
4696                                                            </div>
4697                                                        </div>
4698                                                    </div>
4699                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4700                                                        <div class="match-card h-100">
4701                                                            <div class="league-name">
4702                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4703
4704                                                            <div class="kickoff-time">
4705                                                                October 10, 2026 — 23:30 WIB                                                            </div>
4706
4707                                                            <div class="match-main-row">
4708                                                                <div class="team-col">
4709                                                                    <img
4710                                                                        src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png"
4711                                                                        alt="Manchester United"
4712                                                                        class="team-logo"
4713                                                                    >
4714                                                                    <div class="team-name">
4715                                                                        Manchester United                                                                    </div>
4716                                                                </div>
4717
4718                                                                <div class="score-col">
4719                                                                    <div class="score-value">
4720                                                                        0 : 0                                                                    </div>
4721
4722                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')">
4723                                                                        BET NOW
4724                                                                    </a>
4725                                                                </div>
4726
4727                                                                <div class="team-col">
4728                                                                    <img
4729                                                                        src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png"
4730                                                                        alt="Tottenham Hotspur"
4731                                                                        class="team-logo"
4732                                                                    >
4733                                                                    <div class="team-name">
4734                                                                        Tottenham Hotspur                                                                    </div>
4735                                                                </div>
4736                                                            </div>
4737
4738                                                            <div class="match-odds-row">
4739                                                                <div class="odds-col">
4740                                                                    <sp
4740an>
4741                                                                        0.5                                                                        <small>0.71</small>
4742                                                                    </span>
4743                                                                </div>
4744
4745                                                                <div class="odds-spacer"></div>
4746
4747                                                                <div class="odds-col">
4748                                                                    <span>
4749                                                                        -0.5                                                                        <small>-0.81</small>
4750                                                                    </span>
4751                                                                </div>
4752                                                            </div>
4753                                                        </div>
4754                                                    </div>
4755                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4756                                                        <div class="match-card h-100">
4757                                                            <div class="league-name">
4758                                                                SPAIN LA LIGA                                                            </div>
4759
4760                                                            <div class="kickoff-time">
4761                                                                October 11, 2026 — 02:00 WIB                                                            </div>
4762
4763                                                            <div class="match-main-row">
4764                                                                <div class="team-col">
4765                                                                    <img
4766                                                                        src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png"
4767                                                                        alt="Real Madrid"
4768                                                                        class="team-logo"
4769                                                                    >
4770                                                                    <div class="team-name">
4771                                                                        Real Madrid                                                                    </div>
4772                                                                </div>
4773
4774                                                                <div class="score-col">
4775                                                                    <div class="score-value">
4776                                                                        0 : 0                                                                    </div>
4777
4778                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')">
4779                                                                        BET NOW
4780                                                                    </a>
4781                                                                </div>
4782
4783                                                                <div class="team-col">
4784                                                                    <img
4785                                                                        src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png"
4786                                                                        alt="Villarreal"
4787                                                                        class="team-logo"
4788                                                                    >
4789                                                                    <div class="team-name">
4790                                                                        Villarreal                                                                    </div>
4791                                                                </div>
4792                                                            </div>
4793
4794                                                            <div class="match-odds-row">
4795                                                                <div class="odds-col">
4796                                                                    <sp
4796an>
4797                                                                        1.25                                                                        <small>0.67</small>
4798                                                                    </span>
4799                                                                </div>
4800
4801                                                                <div class="odds-spacer"></div>
4802
4803                                                                <div class="odds-col">
4804                                                                    <span>
4805                                                                        -1.25                                                                        <small>-0.77</small>
4806                                                                    </span>
4807                                                                </div>
4808                                                            </div>
4809                                                        </div>
4810                                                    </div>
4811                                                                                            </div>
4812                                        </div>
4813                                                                            <div class="carousel-item ">
4814                                            <div class="row g-3">
4815                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4816                                                        <div class="match-card h-100">
4817                                                            <div class="league-name">
4818                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4819
4820                                                            <div class="kickoff-time">
4821                                                                October 11, 2026 — 22:30 WIB                                                            </div>
4822
4823                                                            <div class="match-main-row">
4824                                                                <div class="team-col">
4825                                                                    <img
4826                                                                        src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png"
4827                                                                        alt="Liverpool"
4828                                                                        class="team-logo"
4829                                                                    >
4830                                                                    <div class="team-name">
4831                                                                        Liverpool                                                                    </div>
4832                                                                </div>
4833
4834                                                                <div class="score-col">
4835                                                                    <div class="score-value">
4836                                                                        0 : 0                                                                    </div>
4837
4838                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')">
4839                                                                        BET NOW
4840                                                                    </a>
4841                                                                </div>
4842
4843                                                                <div class="team-col">
4844                                                                    <img
4845                                                                        src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png"
4846                                                                        alt="Manchester City"
4847                                                                        class="team-logo"
4848                                                                    >
4849                                                                    <div class="team-name">
4850                                                                        Manchester City                                                                    </div>
4851                                                                </div>
4852                                                            </div>
4853
4854                                                            <div class="match-odds-row">
4855                                                                <div class="odds-col">
4856                                                                    <sp
4856an>
4857                                                                        0.00                                                                        <small>0.93</small>
4858                                                                    </span>
4859                                                                </div>
4860
4861                                                                <div class="odds-spacer"></div>
4862
4863                                                                <div class="odds-col">
4864                                                                    <span>
4865                                                                        0.00                                                                        <small>0.97</small>
4866                                                                    </span>
4867                                                                </div>
4868                                                            </div>
4869                                                        </div>
4870                                                    </div>
4871                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4872                                                        <div class="match-card h-100">
4873                                                            <div class="league-name">
4874                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4875
4876                                                            <div class="kickoff-time">
4877                                                                October 10, 2026 — 21:00 WIB                                                            </div>
4878
4879                                                            <div class="match-main-row">
4880                                                                <div class="team-col">
4881                                                                    <img
4882                                                                        src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png"
4883                                                                        alt="Aston Villa"
4884                                                                        class="team-logo"
4885                                                                    >
4886                                                                    <div class="team-name">
4887                                                                        Aston Villa                                                                    </div>
4888                                                                </div>
4889
4890                                                                <div class="score-col">
4891                                                                    <div class="score-value">
4892                                                                        0 : 0                                                                    </div>
4893
4894                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')">
4895                                                                        BET NOW
4896                                                                    </a>
4897                                                                </div>
4898
4899                                                                <div class="team-col">
4900                                                                    <img
4901                                                                        src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png"
4902                                                                        alt="Brentford"
4903                                                                        class="team-logo"
4904                                                                    >
4905                                                                    <div class="team-name">
4906                                                                        Brentford                                                                    </div>
4907                                                                </div>
4908                                                            </div>
4909
4910                                                            <div class="match-odds-row">
4911                                                                <div class="odds-col">
4912                                                                    <sp
4912an>
4913                                                                        0.00                                                                        <small>0.97</small>
4914                                                                    </span>
4915                                                                </div>
4916
4917                                                                <div class="odds-spacer"></div>
4918
4919                                                                <div class="odds-col">
4920                                                                    <span>
4921                                                                        0.00                                                                        <small>0.93</small>
4922                                                                    </span>
4923                                                                </div>
4924                                                            </div>
4925                                                        </div>
4926                                                    </div>
4927                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4928                                                        <div class="match-card h-100">
4929                                                            <div class="league-name">
4930                                                                UEFA CHAMPIONS LEAGUE                                                            </div>
4931
4932                                                            <div class="kickoff-time">
4933                                                                October 14, 2026 — 02:00 WIB                                                            </div>
4934
4935                                                            <div class="match-main-row">
4936                                                                <div class="team-col">
4937                                                                    <img
4938                                                                        src="https://cdn.sportnanoapi.com/football/team/fbcf002c8d6dd34813fa2b3a4cc9b04c.png"
4939                                                                        alt="Galatasaray"
4940                                                                        class="team-logo"
4941                                                                    >
4942                                                                    <div class="team-name">
4943                                                                        Galatasaray                                                                    </div>
4944                                                                </div>
4945
4946                                                                <div class="score-col">
4947                                                                    <div class="score-value">
4948                                                                        0 : 0                                                                    </div>
4949
4950                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145838980')">
4951                                                                        BET NOW
4952                                                                    </a>
4953                                                                </div>
4954
4955                                                                <div class="team-col">
4956                                                                    <img
4957                                                                        src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png"
4958                                                                        alt="Barcelona"
4959                                                                        class="team-logo"
4960                                                                    >
4961                                                                    <div class="team-name">
4962                                                                        Barcelona                                                                    </div>
4963                                                                </div>
4964                                                            </div>
4965
4966                                                            <div class="match-odds-row">
4967                                                                <div class="odds-col">
4968                                                                    <sp
4968an>
4969                                                                        -1.75                                                                        <small>-0.99</small>
4970                                                                    </span>
4971                                                                </div>
4972
4973                                                                <div class="odds-spacer"></div>
4974
4975                                                                <div class="odds-col">
4976                                                                    <span>
4977                                                                        1.75                                                                        <small>0.87</small>
4978                                                                    </span>
4979                                                                </div>
4980                                                            </div>
4981                                                        </div>
4982                                                    </div>
4983                                                                                            </div>
4984                                        </div>
4985                                                                            <div class="carousel-item ">
4986                                            <div class="row g-3">
4987                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4988                                                        <div class="match-card h-100">
4989                                                            <div class="league-name">
4990                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4991
4992                                                            <div class="kickoff-time">
4993                                                                October 10, 2026 — 21:00 WIB                                                            </div>
4994
4995                                                            <div class="match-main-row">
4996                                                                <div class="team-col">
4997                                                                    <img
4998                                                                        src="https://cdn.sportnanoapi.com/football/team/cec3eaaa5271c1f2f036469593ecbcd8.png"
4999                                                                        alt="Ipswich Town"
5000                                                                        class="team-logo"
5001                                                                    >
5002                                                                    <div class="team-name">
5003                                                                        Ipswich Town                                                                    </div>
5004                                                                </div>
5005
5006                                                                <div class="score-col">
5007                                                                    <div class="score-value">
5008                                                                        0 : 0                                                                    </div>
5009
5010                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100479')">
5011                                                                        BET NOW
5012                                                                    </a>
5013                                                                </div>
5014
5015                                                                <div class="team-col">
5016                                                                    <img
5017                                                                        src="https://cdn.sportnanoapi.com/football/team/29982511f1ea861967c3e6478d6a8a68.png"
5018                                                                        alt="Fulham"
5019                                                                        class="team-logo"
5020                                                                    >
5021                                                                    <div class="team-name">
5022                                                                        Fulham                                                                    </div>
5023                                                                </div>
5024                                                            </div>
5025
5026                                                            <div class="match-odds-row">
5027                                                                <div class="odds-col">
5028                                                                    <sp
5028an>
5029                                                                        0.00                                                                        <small>-0.90</small>
5030                                                                    </span>
5031                                                                </div>
5032
5033                                                                <div class="odds-spacer"></div>
5034
5035                                                                <div class="odds-col">
5036                                                                    <span>
5037                                                                        0.00                                                                        <small>0.80</small>
5038                                                                    </span>
5039                                                                </div>
5040                                                            </div>
5041                                                        </div>
5042                                                    </div>
5043                                                                                            </div>
5044                                        </div>
5045                                                                    </div>
5046
5047                                                                    <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="prev">
5048                                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
5049                                        <span class="visually-hidden">Previous</span>
5050                                    </button>
5051
5052                                    <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="next">
5053                                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
5054                                        <span class="visually-hidden">Next</span>
5055                                    </button>
5056                                                            </div>
5057                                            </div>
5058                    <!-- BANNER SBO DESKTOP END -->
5059                    <!-- Banner Telegram -->
5060                    
5061                                        
5062                    <style>
5063                    .telegram-bet-title {
5064                      font-size: 1.3rem;
5065                      font-weight: 800;
5066                      letter-spacing: 1px;
5067                      text-transform: uppercase;
5068                      color: #ffffff;
5069                    
5070                      /* NEON TELEGRAM GLOW */
5071                      text-shadow:
5072                        /* inner white core */
5073                        0 0 2px rgba(255,255,255,0.9),
5074                    
5075                        /* tight Telegram glow */
5076                        0 0 6px rgba(0,136,204,0.9),
5077                        0 0 12px rgba(0,136,204,0.8),
5078                    
5079                        /* outer neon halo */
5080                        0 0 22px rgba(0,136,204,0.6),
5081                        0 0 38px rgba(0,136,204,0.45),
5082                        0 0 60px rgba(0,136,204,0.3);
5083                    }
5084                    </style>
5085                    
5086                    <style>
5087                    .btn-telegram-neon {
5088                      font-weight: 600;
5089                      padding: 10px 16px;
5090                      border-radius: 10px;
5091                      letter-spacing: 0.3px;
5092                    
5093                      background: #0088cc;
5094                      border: none;
5095                      color: #ffffff;
5096                    
5097                      /* clean Telegram neon */
5098                      box-shadow:
5099                        0 2px 6px rgba(0,136,204,0.35),
5100                        0 0 10px rgba(0,136,204,0.25);
5101                    
5102                      transition: box-shadow 0.25s ease, transform 0.2s ease;
5103                    }
5104                    
5105                    /* hover: slight lift + glow */
5106                    .btn-telegram-neon:hover {
5107                      box-shadow:
5108                        0 4px 10px rgba(0,136,204,0.45),
5109                        0 0 16px rgba(0,136,204,0.35);
5110                      transform: translateY(-1px);
5111                    }
5112                    
5113                    /* active */
5114                    .btn-telegram-neon:active {
5115                      transform: translateY(0);
5116                      box-shadow:
5117                        0 2px 5px rgba(0,136,204,0.35);
5118                    }
5119                    </style>
5120                    
5121                    <style>
5122                        .telegram-float {
5123                          animation: telegramFloat 3.5s ease-in-out infinite;
5124                        }
5125                        
5126                        @keyframes telegramFloat {
5127                          0%, 100% {
5128                            transform: translateY(0);
5129                          }
5130                          50% {
5131                            transform: translateY(-8px);
5132                          }
5133                        }
5134                    </style>
5135                    
5136                    <div class="mb-lg-3" style="width: 100%; position: relative; display: flex; align-items: center">
5137                        <div style="z-index: 10; display: flex; justify-content: space-between; align-items: center; width: 100%; margin-left: 80px; margin-right: 40px">
5138                            <div class="d-flex gap-4">
5139                                <img src="https://img.viva88athenae.com//banner-telegram-icon.png" class="telegram-float"/>
5140                                <div class="d-flex flex-column justify-content-center gap-1">
5141                                    <strong class="telegram-bet-title">TELEGRAM BET</strong>
5142                                    
5143                                    <div class="d-flex gap-3">
5144                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Daftar</em></div>
5145                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Login</em></div>
5146                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Deposit</em></div>
5147                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Withdraw</em></div>
5148                                        <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Bet</em></div>
5149                                    </div>
5150                                </div>
5151                            </div>
5152                            
5153                            <button class="btn-telegram-neon rounded-pill"  onclick="window.open('https://telegram.me/winlive4dBot', '_blank')">Mainkan Sekarang</button>
5154                            
5155                        </div>
5156                        <div style="position: absolute; width: 100%; background: gray">
5157                            <img src="https://img.viva88athenae.com//banner-telegram.jpg" />
5158                        </div>
5159                        
5160                    </div>
5161                    
5162                    
5163                    
5164                    <div class="transaksi-kontak">
5165                        
5166                        <div class="d-flex flex-column w-100">
5167                            <div class="transaksi-content">
5168                                <!-- Bank -->
5169                                
5170<style>
5171    /* ====== LAYOUT KESELURUHAN ====== */
5172
5173    .transaksi-layout {
5174        display: flex;
5175        justify-content: center;
5176        gap: 16px;
5177        align-items: center;
5178    }
5179
5180    .transaksi-left-inner {
5181        width: 100%;
5182    }
5183
5184    .transaksi-left-img {
5185        width: 100%;
5186        height: auto;
5187        display: block;
5188        object-fit: cover;
5189    }
5190
5191    .transaksi-right-box {
5192        flex: 1;
5193        display: flex;
5194        justify-content: flex-start;
5195    }
5196
5197    .transaksi-group {
5198        display: flex;
5199        flex-direction: column;
5200        gap: 16px;
5201        width: 100%;
5202        grid-template-areas:
5203            "transaksi-bank transaksi-other transaksi-crypto";
5204    }
5205
5206    .transaksi-bank {
5207        grid-area: transaksi-bank;
5208        display: grid;
5209        place-items: center;
5210        justify-content: flex-start;
5211    }
5212
5213    .transaksi-other {
5214        grid-area: transaksi-other;
5215        display: flex;
5216        justify-content: flex-start;
5217        width: 100%;
5218    }
5219
5220    .transaksi-crypto {
5221        grid-area: transaksi-crypto;
5222        display: flex;
5223        justify-content: flex-start;
5224        width: 100%;
5225    }
5226
5227    .transaksi-wrapper {
5228        display: flex;
5229        flex-direction: column;
5230        gap: .5rem;
5231        align-items: flex-start;
5232    }
5233
5234    .transaksi-name {
5235        font-size: 1.1rem;
5236        font-weight: bold;
5237        line-height: 1.5rem;
5238    }
5239
5240    /* ====== GRID LIST ====== */
5241
5242    .transaksi-list-bank,
5243    .transaksi-list-other {
5244        height: fit-content;
5245        display: grid;
5246        grid-template-columns: repeat(5, minmax(80px, 1fr));
5247        gap: 4px 6px;
5248    }
5249
5250    .transaksi-list-crypto {
5251        height: fit-content;
5252        display: flex;
5253        align-items: center;
5254        gap: 24px;
5255        width: 100%;
5256        justify-content: flex-start;
5257    }
5258
5259    .icon-crypto {
5260        width: 24px;
5261        height: 24px;
5262    }
5263
5264    /* ====== ITEM BANK / EMONEY ====== */
5265
5266    .transaksi-item {
5267        display: flex;
5268        flex-direction: column;
5269        position: relative;
5270    }
5271
5272    .transaksi-header {
5273        height: 30px;
5274        border-radius: 5px;
5275        font-weight: bold;
5276        border: 2px solid rgba(108,108,108,1);
5277        background: rgba(54,54,54,1);
5278        color: white;
5279        display: flex;
5280        align-items: center;
5281        justify-content: center;
5282        padding: 0 12px 0 22px; /* extra space kiri buat dot */
5283        font-size: 0.9rem;
5284        white-space: nowrap;
5285    }
5286
5287    /* strip bawah lama dimatikan */
5288    .transaksi-status {
5289        display: none;
5290    }
5291
5292    /* ====== ONLINE / OFFLINE DOT ====== */
5293
5294    /* ONLINE: tambahkan class is-online di PHP */
5295    .transaksi-header.is-online::before {
5296        content: "";
5297        position: absolute;
5298        left: 8px;
5299        top: 50%;
5300        transform: translateY(-50%);
5301        width: 9px;
5302        height: 9px;
5303        border-radius: 50%;
5304        background-color: #00ff66;
5305        box-shadow: 0 0 6px rgba(0, 255, 102, .85);
5306    }
5307
5308    /* OFFLINE: is-offline (lebih gelap + tanpa dot) */
5309    .transaksi-header.is-offline {
5310        background: #2e2e2e;
5311        border-color: #555;
5312        opacity: .4;
5313    }
5314
5315    /* backup: kalau lupa kasih class di PHP, treat sebagai offline */
5316    .transaksi-header:not(.is-online):not(.is-offline) {
5317        background: #2e2e2e;
5318        border-color: #555;
5319        opacity: .4;
5320    }
5321
5322    @media only screen and (max-width: 768px) {
5323
5324        .transaksi-layout {
5325            flex-direction: column;
5326            align-items: center;
5327        }
5328
5329        .transaksi-group {
5330            display: grid;
5331            grid-template-columns: 1fr;
5332            grid-template-areas:
5333                "transaksi-bank"
5334                "transaksi-other"
5335                "transaksi-crypto";
5336            gap: 32px;
5337            margin-bottom: 8px;
5338        }
5339
5340        .transaksi-header {
5341            font-size: 1.1rem;
5342            height: 36px;
5343        }
5344
5345        .transaksi-list-bank {
5346            grid-template-columns: repeat(4, 1fr);
5347        }
5348
5349        .transaksi-list-other {
5350            grid-template-columns: repeat(4, 1fr);
5351        }
5352
5353        .transaksi-list-crypto {
5354            width: 86%;
5355            margin: auto;
5356            flex-wrap: wrap;
5357        }
5358
5359        .transaksi-item {
5360            width: 100%;
5361        }
5362
5363        .transaksi-name {
5364            font-size: 1.3rem;
5365            text-align: center;
5366            line-height: 1.8rem;
5367        }
5368
5369        .transaksi-wrapper {
5370            width: 100%;
5371            max-width: 100%!important;
5372            gap: 1rem;
5373            align-items: center;
5374        }
5375
5376        .icon-crypto {
5377            width: 28px;
5378            height: 28px;
5379        }
5380    }
5381
5382    /* LEBAR BOX BANK BIAR RAPI DAN CENTER */
5383    .transaksi-header {
5384        height: 34px;
5385        border-radius: 6px;
5386        font-weight: bold;
5387        border: 2px solid rgba(108,108,108,1);
5388        background: rgba(54,54,54,1);
5389        color: white;
5390
5391        /* Tambahan baru */
5392        min-width: 110px;       /* Lebarin biar semua rata */
5393        padding: 0 16px 0 28px; /* Kasih ruang untuk dot */
5394        display: flex;
5395        align-items: center;
5396        justify-content: center;
5397        text-align: center;
5398
5399        white-space: nowrap;
5400    }
5401
5402    /* DOT ONLINE */
5403    .transaksi-header.is-online::before {
5404        content: "";
5405        position: absolute;
5406        left: 10px;
5407        top: 50%;
5408        transform: translateY(-50%);
5409        width: 10px;
5410        height: 10px;
5411        border-radius: 50%;
5412        background-color: #00ff66;
5413        box-shadow: 0 0 6px rgba(0, 255, 102, .85);
5414    }
5415
5416    /* OFFLINE (DISABLED) */
5417    .transaksi-header.is-offline {
5418        padding: 0 16px;         
5419        background: #2e2e2e;
5420        border-color: #555;
5421        opacity: .35;
5422        align-items: center;
5423        justify-content: center;
5424        text-align: center;
5425    }
5426
5427    /* GRID-nya sedikit dilebarin biar simetris */
5428    .transaksi-list-bank,
5429    .transaksi-list-other {
5430        grid-template-columns: repeat(4, minmax(110px, 1fr));
5431        gap: 8px 10px;
5432    }
5433
5434</style>
5435
5436<div class="transaksi-layout">
5437    <div class="transaksi-left-box">
5438        <div class="transaksi-left-inner">
5439            <img src="/images/transaksi.png" class="transaksi-left-img">
5440        </div>
5441    </div>
5442
5443    <div class="transaksi-right-box">
5444        <div class="transaksi-group">
5445
5446            <!-- BANK LOKAL -->
5447            <div class="transaksi-bank">
5448                <div class="transaksi-wrapper">
5449                                            <div class="transaksi-name">Bank Lokal</div>
5450                                        <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
5451                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
5452                                                                    <button type="button" data-bs-target="#transaksi-bank-indicators"
5453                                                data-bs-slide-to="0" class="active" aria-current="true"
5454                                                aria-label="Slide 1"></button>
5455                                                                            <button type="button" data-bs-target="#transaksi-bank-indicators"
5456                                                data-bs-slide-to="1" aria-label="Slide 2"></button>
5457                                                            </div>
5458
5459                        <div class="carousel-inner" style="min-height: 144px">
5460                                                            <div class="carousel-item active">
5461                                    <div class="transaksi-list-bank">
5462                                                                                    <div class="transaksi-item">
5463                                                <div class="transaksi-header is-online">
5464                                                    BCA                                                </div>
5465                                                <div class="transaksi-status"></div>
5466                                            </div>
5467                                                                                        <div class="transaksi-item">
5468                                                <div class="tran
5468saksi-header is-online">
5469                                                    Mandiri                                                </div>
5470                                                <div class="transaksi-status"></div>
5471                                            </div>
5472                                                                                        <div class="transaksi-item">
5473                                                <div class="transaksi-header is-offline">
5474                                                    BNI                                                </div>
5475                                                <div class="transaksi-status"></div>
5476                                            </div>
5477                                                                                        <div class="transaksi-item">
5478                                                <div class="transaksi-header is-online">
5479                                                    BRI                                                </div>
5480                                                <div class="transaksi-status"></div>
5481                                            </div>
5482                                                                                        <div class="transaksi-item">
5483                                                <div class="transaksi-header is-online">
5484                                                    CIMB                                                </div>
5485                                                <div class="transaksi-status"></div>
5486                                            </div>
5487                                                                                        <div class="transaksi-item">
5488                                                <div class="transaksi-header is-online">
5489                                                    Danamon                                                </div>
5490                                                <div class="transaksi-status"></div>
5491                                            </div>
5492                                                                                        <div class="transaksi-item">
5493                                                <div class="transaksi-header is-online">
5494                                                    Permata                                                </div>
5495                                                <div class="transaksi-status"></div>
5496                                            </div>
5497                                                                                        <div class="transaksi-item">
5498                                                <div class="transaksi-header is-online">
5499                                                    BJB                                                </div>
5500                                                <div class="transaksi-status"></div>
5501                                            </div>
5502                                                                                        <div class="transaksi-item">
5503                                                <div class="transaksi-header is-online">
5504                                                    OCBC                                                </div>
5505                                                <div class="transaksi-status"></div>
5506                                            </div>
5507                                                                                        <div class="transaksi-item">
5508                                                <div class="transaksi-header is-online">
5509                                                    BSI                                                </div>
5510                                                <div class="transaksi-status"></div>
5511                                            </div>
5512                                                                                        <div class="transaksi-item">
5513                                                <div class="transaksi-header is-online">
5514                                                    NEO                                                </div>
5515                                                <div class="transaksi-status"></div>
5516                                            </div>
5517                                                                                        <div class="transaksi-item">
5518                                                <div class="transaksi-header is-online">
5519                                                    SeaBank                                                </div>
5520                                                <div class="transaksi-status"></div>
5521                                            </div>
5522                                                                                        <div class="transaksi-item">
5523                                                <div class="transaksi-header is-online">
5524                                                    Sinarmas                                                </div>
5525                                                <div class="transaksi-status"></div>
5526                                            </div>
5527                                                                                        <div class="transaksi-item">
5528                                                <div class="transaksi-header is-online">
5529                                                    UOB                                                </div>
5530                                                <div class="transaksi-status"></div>
5531                                            </div>
5532                                                                                        <div class="transaksi-item">
5533                                                <div class="transaksi-header is-online">
5534                                                    BluBCA                                                </div>
5535                                                <div class="transaksi-status"></div>
5536                                            </div>
5537                                                                                        <div class="transaksi-item">
5538                                                <div class="transaksi-header is-online">
5539                                                    Superbank                                                </div>
5540                                                <div class="transaksi-status"></div>
5541                                            </div>
5542                                                                                </div>
5543                                </div>
5544                                                            <div class="carousel-item ">
5545                                    <div class="transaksi-list-bank">
5546                                                                                    <div class="transaksi-item">
5547                                                <div class="transaksi-header is-online">
5548                                                    Allobank                                                </div>
5549                                                <div class="transaksi-status"></div>
5550                                            </div>
5551                                                                                </div>
5552                                </div>
5553                                                    </div>
5554                    </div>
5555
5556                </div>
5557            </div>
5558
5559            <!-- E MONEY & PULSA -->
5560            <div class="transaksi-other">
5561                <div class="transaksi-wrapper">
5562                                            <div class="transaksi-name">E Money &amp; Pulsa</div>
5563                    
5564                    <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
5565                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
5566                                                    </div>
5567
5568                        <div class="carousel-inner" >
5569                                                            <div class="carousel-item active">
5570                                    <div class="transaksi-list-other">
5571                                                                                    <div class="transaksi-item">
5572                                                <div class="transaksi-header is-offline">
5573                                                    DANA                                                </div>
5574                                                <div class="transaksi-status"></div>
5575                                            </div>
5576                                                                                        <div class="transaksi-item">
5577                                                <div class="transaksi-header is-offline">
5578                                                    OVO                                                </div>
5579                                                <div class="transaksi-status"></div>
5580                                            </div>
5581                                                                                        <div class="transaksi-item">
5582                                                <div class="transaksi-header is-offline">
5583                                                    GOPAY                                                </div>
5584                                                <div class="transaksi-status"></div>
5585                                            </div>
5586                                                                                        <div class="transaksi-item">
5587                                                <div class="transaksi-header is-online">
5588                                                    Lain-lain                                                </div>
5589                                                <div class="transaksi-status"></div>
5590                                            </div>
5591                                                                                        <div class="transaksi-item">
5592                                                <div class="transaksi-header is-online">
5593                                                    QRIS                                                </div>
5594                                                <div class="transaksi-status"></div>
5595                                            </div>
5596                                                                                        <div class="transaksi-item">
5597                                                <div class="transaksi-header is-online">
5598                                                    Telkomsel                                                </div>
5599                                                <div class="transaksi-status"></div>
5600                                            </div>
5601                                                                                </div>
5602                                </div>
5603                                                    </div>
5604                    </div>
5605
5606                </div>
5607            </div>
5608
5609            <!-- CRYPTO -->
5610            <div class="transaksi-crypto">
5611                <div class="transaksi-wrapper">
5612                                            <div class="transaksi-name mb-1">Crypto Currency</div>
5613                    
5614                    <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel">
5615                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
5616                                                    </div>
5617
5618                        <div class="carousel-inner" >
5619                                                            <div class="carousel-item active">
5620                                    <div class="transaksi-list-crypto">
5621                                                                                    <div class="d-flex gap-2">
5622                                                <img src="https://img.viva88athenae.com/USDT.png"
5623                                                     class="icon-crypto" alt="USDT">
5624                                                <strong class="transaksi-name">USDT</strong>
5625                                            </div>
5626                                                                                </div>
5627                                </div>
5628                                                    </div>
5629
5630                    </div>
5631                </div>
5632            </div>
5633
5634        </div>
5635    </div>
5636</div>
5637                            </div>
5638                            
5639                            
5640                        </div>
5641                        
5642                        <!--<div class="d-flex flex-column desktop-only" style="width: 180px">-->
5643                            
5644                        <!--    <div class="transaksi-title">-->
5645                        <!--        <div class="transaksi-title-group">-->
5646                        <!--            <div class="fitur-header">Kontak Kami</div>-->
5647                        <!--        </div>-->
5648                                
5649                        <!--        <div class="devider desktop-only"></div>-->
5650                        <!--    </div>-->
5651                            
5652    
5653                        <!--    
5654<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px">
5655    <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px">
5656        
5657                
5658    </div>
5659      <div class="carousel-inner" style="height: 164px">
5660                    <div class="carousel-item active">
5661                <div>
5662                
5663                                
5664                                        
5665                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
5666                       <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/>
5667
5668                                                            <a class="d-flex flex-column" href="https://wa.me/62895322638206" target='_blank'>
5669                                       <div style="color: #888888;">WHATSAPP</div>
5670                                       <div style="line-height: .9rem; color: var(--primary-text-color)">62895322638206</div>
5671                                    </a>
5672                                
5673                                
5674                    </div>
5675                                
5676                                        
5677                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
5678                       <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/>
5679
5680                                                            <a class="d-flex flex-column" href="https://t.me/winlive4dofc" target='_blank'>
5681                                       <div style="color: #888888;">TELEGRAM</div>
5682                                       <div style="line-height: .9rem; color: var(--primary-text-color)">https://t.me/winlive4dofc</div>
5683                                    </a>
5684                                
5685                                
5686                    </div>
5687                                
5688                                        
5689                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
5690                       <img src="https://img.viva88athenae.com/kontak/facebook.png" width="20"/>
5691
5692                                                            <a class="d-flex flex-column" href="https://www.facebook.com/groups/328626942624920" target='_blank'>
5693                                       <div style="color: #888888;">FACEBOOK</div>
5694                                       <div style="line-height: .9rem; color: var(--primary-text-color)">WINLIVE4D | PROMO FREEBET TERGACOR SEDUNIA HARI INI</div>
5695                                    </a>
5696                                
5697                                
5698                    </div>
5699                                
5700                                    
5701                </div>
5702            </div>
5703        
5704         
5705         
5706    </div>
5707</div>
5708-->
5709                                    
5710                        <!--</div>-->
5711                    </div>
5712                </div>
5713            </div>
5714
5715
5716            <div class="bantuan">
5717                
5718                                <ul class="bantuan-content justify-content-center">
5719                    <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li>
5720                    <div class="bantuan-devider desktop-only">|</div>
5721                    <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li>
5722                    <div class="bantuan-devider desktop-only">|</div>
5723                    <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li>
5724                    <div class="bantuan-devider desktop-only">|</div>
5725                    <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li>
5726                    <div class="bantuan-devider desktop-only">|</div>
5727                    <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li>
5728                    <div class="bantuan-devider desktop-only">|</div>
5729                    <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li>
5730                    <div class="bantuan-devider desktop-only">|</div>
5731                    <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li>
5732                </ul>
5733                            </div>
5734        
5735            
5736            <footer class="footer">
5737                
5738                <div class="guidelines">
5739                    <div class="desktop-only">
5740                        <div class="guidelines-content d-flex justify-content-center">
5741                            <img src="https://img.viva88athenae.com/assets/guidelines.png" style="width: 640px" />
5742                        </div>
5743                    </div>
5744                </div>
5745                
5746                <div class="provider d-none d-lg-block">
5747                    <div class="provider-group">
5748                        <img src="https://img.viva88athenae.com/assets/provider.png" class="desktop-only" alt="">
5749                    </div>
5750                </div>
5751                
5752                <div>
5753                    <h1>WINLIVE4D | Akses Halaman Kapan Saja untuk Menjelajahi Platform Modern 2026</h1>
5754<p>Perkembangan teknologi informasi yang sangat masif di tahun 2026 menuntut seluruh penyedia layanan daring untuk menghadirkan sistem interaksi yang cepat, fleksibel, serta sangat mudah dijangkau oleh siapa saja tanpa terkecuali.</p>
5755<p>Kini, efisiensi waktu serta ketersediaan layanan tanpa batasan ruang dan waktu telah menjadi indikator paling utama dalam mengukur kualitas sebuah portal digital di tengah ketatnya persaingan industri kreatif global yang bergerak dinamis.</p>
5756<p>Menjawab berbagai tantangan era modern tersebut, <a href="https://www.winlive4d.net/">WINLIVE4D</a>&nbsp;hadir sebagai solusi terdepan yang dirancang secara khusus untuk memenuhi ekspektasi tinggi para pengguna akan kenyamanan berinternet secara o
5756ptimal sepanjang hari.</p>
5757<p>Platform inovatif ini mengintegrasikan teknologi komputasi awan terbaru guna memastikan setiap pengunjung dapat menikmati pengalaman berselancar yang lancar, sangat stabil, serta responsif di berbagai perangkat harian yang mereka miliki.</p>
5758<h2>WINLIVE4D Menghadirkan Standar Baru Akses Halaman Kapan Saja</h2>
5759<p>Kemudahan dalam membuka, memuat, dan menelusuri konten situs web merupakan salah satu faktor krusial yang menentukan tingkat kepuasan serta kenyamanan pengguna selama menjelajahi luasnya dunia maya.</p>
5760<p>Melalui dukungan infrastruktur server berkecepatan tinggi yang sangat handal, platform <strong>WINLIVE4D</strong> memastikan bahwa setiap halaman situs dapat dimuat seketika dalam hitungan detik tanpa adanya hambatan teknis yang berarti.</p>
5761<p>Fleksibilitas luar biasa ini memungkinkan para pengguna setia untuk melakukan <strong>akses halaman online</strong> kapan pun mereka membutuhkannya, baik di pagi hari yang sibuk, jam istirahat siang, maupun di malam hari saat bersantai.</p>
5762<p>Komitmen penuh terhadap ketersediaan layanan aktif selama 24 jam sehari penuh ini membuktikan keseriusan brand dalam memberikan pelayanan tanpa kompromi bagi seluruh anggota komunitas yang tersebar di berbagai wilayah.</p>
5763<h2>Mengoptimalkan Pengalaman Lewat Navigasi Platform Digital</h2>
5764<p>Tata letak informasi yang berantakan, rumit, atau membingungkan sering kali menjadi kendala utama yang menurunkan kenyamanan pengunjung saat pertama kali membuka sebuah situs web atau portal informasi digital di internet.</p>
5765<p>Oleh karena itu, perancangan struktur menu yang bersih, teratur, dan intuitif selalu menjadi prioritas utama dalam membangun ekosistem digital yang ramah bagi kalangan pemula maupun para pengguna profesional yang sudah berpengalaman.</p>
5766<p>Penerapan konsep <strong>navigasi platform digital</strong> yang dirancang secara cermat memungkinkan setiap orang untuk langsung menemukan informasi, kategori hiburan, atau menu spesifik yang mereka cari hanya dalam bebera
5766pa kali klik saja.</p>
5767<p>Melalui arsitektur informasi yang terorganisasi secara sistematis, pengguna tidak perlu merasa bingung atau membuang banyak waktu saat menjelajahi ragam fitur canggih yang telah disediakan secara eksklusif di dalam portal.</p>
5768<h2>Kenyamanan Maksimal di Platform Modern dengan Navigasi Mudah</h2>
5769<p>Standar kenyamanan digital di tahun 2026 ini tidak lagi hanya berfokus pada kecepatan muat halaman semata, melainkan pada aspek kemudahan interaksi secara keseluruhan di berbagai jenis perangkat gawai modern.</p>
5770<p>Sebagai sebuah <strong>platform modern dengan navigasi mudah</strong>, sistem ini telah dioptimalkan secara penuh agar dapat beradaptasi secara sempurna pada layar ponsel pintar berbasis Android maupun iOS, komputer tablet, hingga komputer meja.</p>
5771<p>Setiap tombol interaktif, ikon menu navigasi, dan elemen teks disusun dengan proporsi visual yang sangat nyaman dipandang mata guna mengurangi tingkat kelelahan visual saat pengguna harus bernavigasi dalam durasi waktu yang lama.</p>
5772<p>Kombinasi harmonis antara desain estetis yang memukau dan fungsi kegunaan yang fungsional inilah yang membuat nama <a href="https://www.winlive4d.net/">WINLIVE4D</a>&nbsp;terus menjadi perbincangan positif di kalangan pemerhati teknologi.</p>
5773<h2>Infrastruktur Server Handal dan Jaminan Stabilitas Akses Tanpa Henti</h2>
5774<p>Kehandalan sebuah situs web sangat bergantung pada seberapa tangguh infrastruktur di belakang layar dalam menopang lonjakan trafik kunjungan yang datang secara bersamaan dari berbagai penjuru dunia maya.</p>
5775<p>Untuk mengantisipasi hal tersebut, manajemen sistem secara berkala melakukan peningkatan kapasitas server serta penerapan sistem penyeimbang beban jaringan guna memastikan performa situs senantiasa berada di titik maksimal.</p>
5776<p>Stabilitas koneksi yang didukung oleh sistem pemantauan otomatis selama dua puluh empat jam membuat performa situs tetap prima dan bebas dari gangguan lambat meskipun diakses oleh ribuan pengguna secara serentak.</p>
5777<p>Kehandalan teknologi infrastruktur tingkat tinggi ini tentunya memberikan ketenangan pikiran yang luar biasa bagi siapa saja yang mempercayakan kebutuhan hiburan serta informasi digital harian mereka di tempat ini.</p>
5778<h2>Keamanan Data dan Perlindungan Privasi Pengguna Secara Menyeluruh</h2>
5779<p>Selain kemudahan akses serta tata letak menu yang bersahabat, aspek perlindungan privasi dan keamanan data pengguna tetap menjadi fondasi paling mutlak yang harus dijaga serta dilindungi secara sangat ketat.</p>
5780<p>Penerapan protokol enkripsi data mutakhir berstandar industri di dalam sistem memastikan seluruh aktivitas penelusuran, transmisi informasi, serta interaksi harian terlindungi secara optimal dari berbagai potensi ancaman siber.</p>
5781<p>Kebijakan privasi yang transparan serta prosedur operasional standar yang ketat menunjukkan dedikasi penuh pengelola dalam menciptakan lingkungan digital yang aman, bersih, serta dapat dipercaya oleh seluruh kalangan.</p>
5782<p>Dengan sistem pengamanan berlapis ini, para pengunjung dapat menikmati setiap fitur dan layanan yang tersedia dengan rasa aman tanpa perlu merasa khawatir mengenai kerahasiaan data pribadi mereka.</p>
5783<h2>Peran Komunitas dan Komitmen Peningkatan Layanan Berkelanjutan</h2>
5784<p>Keberhasilan sebuah platform digital besar tentu tidak dapat dilepaskan dari dukungan aktif serta masukan konstruktif yang diberikan oleh para anggota komunitas setia yang selalu menggunakan layanannya setiap hari.</p>
5785<p>Oleh karena itu, tim pengembang selalu mendengarkan berbagai aspirasi pengguna guna melakukan pembaruan rutin, penambahan fitur-fitur baru, serta perbaikan performa secara berkala agar kualitas layanan semakin sempurna.</p>
5786<p>Komitmen terhadap inovasi berkelanjutan ini memastikan bahwa platform selalu selangkah lebih maju dalam mengantisipasi tren teknologi masa depan yang terus berkembang pesat dari waktu ke waktu.</p>
5787<p>Dedikasi tinggi dalam merespons kebutuhan zaman inilah yang menjadikan ekosistem portal ini senantiasa relevan, kompetitif, dan dicintai oleh para penggunanya di seluruh penjuru nusantara.</p>
5788<h2>Kesimpulan</h2>
5789<p>Menjelajahi dunia digital di era modern memerlukan dukungan platform online yang tidak hanya canggih dari segi teknologi komputasi, tetapi juga sangat mengutamakan kemudahan, kecepatan, serta kenyamanan bagi setiap penggunanya.</p>
5790<p>Dengan komitmen tinggi terhadap kualitas pelayanan, ketersediaan akses tanpa batas waktu, serta tata letak menu yang sangat bersahabat, <a href="https://www.winlive4d.net/">WINLIVE4D</a>&nbsp;telah membuktikan diri sebagai destinasi digital paling ideal dan terpercaya.</p>
5791<p>Jangan pernah lewatkan kesempatan emas untuk menikmati pengalaman berselancar di dunia maya yang jauh lebih cepat, aman, stabil, dan memuaskan bersama teknologi mutakhir masa kini.</p>
5792<p>Segera kunjungi situs resminya hari ini dan nikmati kemudahan penjelajahan tanpa batas bersama WINLIVE4D&nbsp;sekarang juga demi pengalaman digital yang lebih berkesan!</p>
5793<p><a href="/slot">winlive4d slot</a></p>
5794<p><a href="/casino">winlive4d casino</a></p>
5795<p><a href="/sport">winlive4d sportsbook</a></p>
5796<p><a href="/fish">winlive4d fishing games</a></p>
5797<p><a href="/sabung">winlive4d sabung ayam</a></p>
5798<p><a href="/sitemap.xml">winlive4d</a></p>
5799<p>
5799<a href="https://linklist.bio/winlive4d/">WINLIVE4D</a></p>
5800<style>
5801    .gacor-dor {
5802        position: fixed;
5803        bottom: 80px;
5804        left: 5px;
5805        
5806    }
5807
5808    .gacor-maxwin {
5809        display: flex;
5810        justify-content: center;
5811        align-items: center;
5812        width: 52px;
5813        height: 52px;
5814        border-radius: 7px;
5815        background-color: black;
5816        border: 2px solid red;
5817        margin-bottom: 5px;
5818        
5819    }
5820
5821    .gacor-maxwin img {
5822        width: 42px;
5823        height: 42px;
5824        
5825    }
5826</style>
5827<div class="gacor-dor"><a href="https://heylink.me/winlive4dpartner/" target="_blank" class="gacor-maxwin"><img
5828            src="https://slotgacor.b-cdn.net/partner-resmi.gif" alt="Event Euro2024"
5829            style=" display: block; "></a><a href="https://wl4d.vip/livescore" target="_blank"
5830        class="gacor-maxwin"><img src="https://winlive4d.b-cdn.net/livescore.gif" alt="Partner Resmi"
5831            style=" display: block; "></a><a href="https://t.me/bangslotsreborn" target="_blank"
5832        class="gacor-maxwin"><img src="https://link-slot-gacor.b-cdn.net/TELE80.gif" alt="Telegram"
5833            style=" display: block; "></a> <a href="https://wl4d.vip/komunitaswl4d" target="_blank"
5834        class="gacor-maxwin"><img src="https://link-slot-gacor.b-cdn.net/wa80.gif" alt="Whatsapp"
5835            style=" display: block; "></a> <a href="https://wl4d.vip/rtp" target="_blank"
5836        class="gacor-maxwin"><img src="https://slotgacor.b-cdn.net/rtp-gacor-11-11-2022.gif" alt="RTP"
5837            style=" display: block; "></a> <a href="https://wl4d.vip/spinwheel" target="_blank"
5838        class="gacor-maxwin"><img src="https://slotgacor.b-cdn.net/spinwheel-wl4d-min.png" alt="SpinWheel"
5839            style=" display: block; "></a></div>
5840<!-- PushAlert -->
5841<script type="text/javascript">
5842(function(d, t) {
5843    var g = d.createElement(t),
5844    s = d.getElementsByTagName(t)[0];
5845    g.src = "https://pushalert.vip/integrate/f59afc8bb23cfa3df1f8fd57fb84add32828b776192bbbdec3cca0c38fd31a31.js";
5846    s.parentNode.insertBefore(g, s);
5847}(document, "script"));
5848</script>
5848
5849<!-- End PushAlert -->
5850
5851<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 5851-5852
5851
5852<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
5852GTM-5HCXGFFB
vendor: 93 bytes, lines 5852-5853
5852" height="0" width="0"
5853        style="display:none;visibility:hidden"></iframe></noscript>
5854<!-- End Google Tag Manager (noscript) -->
5855<script>
5856    $("<a class='winlive4d' href='https://wl4d.vip/upgrade' target='_blank'>UPGRADE ID VIP</a>").insertAfter(".btn-info:eq(0)");
5857    $("<a class='winlive4d' href='https://wl4d.vip/whatsapp' target='_blank'>WA ADMIN</a>").insertAfter(".winlive4d:eq(0)");
5858    $("<a class='winlive4d' href='https://t.me/WINLIVE4DOFFICIAL' target='_blank'>TELEGRAM ADMIN</a>").insertAfter(".winlive4d:eq(1)");
5859</script>
5859
5860
5861<style>
5862    .winlive4d {
5863        width: 100%;
5864        display: block;
5865        background: #0c0052;
5866        color: #ffffff;
5867        /* Default text color */
5868        text-shadow: 0 0 6px rgba(255, 255, 255, 0.8), 0 0 10px rgba(79, 195, 247, 0.8);
5869        margin: auto;
5870        margin-top: 8px;
5871        text-align: center;
5872        padding: 12px 0px;
5873        font-size: 15px;
5874        font-weight: bold;
5875        border-radius: 25px;
5876        border: 2px solid #4fc3f7;
5877        box-shadow: 0 0 10px rgba(79, 195, 247, 0.6);
5878        /* This will be removed for the yellow button */
5879    }
5880
5881    .yellow-button {
5882        background-color: #ffa500;
5883        /* Yellow background */
5884        color: #000000;
5885        /* White text */
5886        animation: none;
5887        /* Disable blinking animation */
5888    }
5889
5890    @keyframes needmoney {
5891        0% {
5892            background: linear-gradient(to right, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052);
5893        }
5894
5895        2.5% {
5896            background: linear-gradient(to right, #ffffff, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052, #0c0052);
5897        }
5898    }
5899</style>
5900
5901<style>
5902    .alert {
5903        border: 1px solid #DAA520;
5904        box-shadow: #00afff 0px 0px 10px 1px;
5905        border-radius: 5px;
5906        margin-right: 25px;
5907        margin-left: 25px;
5908        margin-top: 10px;
5909        margin-bottom: -10px;
5910    }
5911
5912    .blinking {
5913        animation: blinkingText 1.5s infinite;
5914        margin: auto;
5915        display: block;
5916        font-weight: 900;
5917        color: #e3e3e3;
5918        text-shadow: #e3e3e3 0px 0px 3px;
5919    }
5920
5921    @keyframes blinkingText {
5922        0% {
5923            opacity: 1;
5924        }
5925
5926        50% {
5927            opacity: 0;
5928        }
5929
5930        100% {
5931            opacity: 1;
5932        }
5933    }
5934</style>
5935<script>
5936    $("<div class='alert'><span class='blinking' style='text-align: center;font-size:20px;'>UPGRADE ID VIP!!</span><p style='text-shadow: 0px 0px 3px rgba(255, 215, 0, 1);color: #ffd500;text-align: center;font-size:15px;'>UNTUK SEMUA MEMBER WINLIVE4D <br>LEBIH GACOR & GAMPANG MENANG !<br><br><a href='https://wl4d.vip/upgrade' style='color:#ffd500;text-decoration:underline;'>https://wl4d.vip/upgrade</a></p><p style='text-align: center;border: #a0650b solid 2px;background:#01194b;color:#fff;margin:auto;padding:8px 0;font-size:14px;'><marquee><strong>DILARANG transfer menggunakan Rekening atau E-Wallet yang tidak terdaftar, rekening orang lain /  agen / counter HP.</strong></marquee></p></div>").insertAfter('#main-content');
5937</script>
5937
5938
5939<style>
5940#snackbar {
5941visibility: hidden;
5942min-width: 250px;
5943margin-left: -125px;
5944background-color: white;
5945color: black;
5946text-align: center;
5947border-radius: 1px;
5948padding: 9px;
5949position: fixed;
5950z-index: 1;
5951left: 50%;
5952bottom: 70px;
5953font-size: 14px;
5954}
5955#snackbar.show {
5956visibility: visible;
5957-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
5958animation: fadein 0.5s, fadeout 0.5s 2.5s;
5959}
5960@-webkit-keyframes fadein {
5961from {bottom: 0; opacity: 0;}
5962to {bottom: 70px; opacity: 1;}
5963}
5964@keyframes fadein {
5965from {bottom: 0; opacity: 0;}
5966to {bottom: 70px; opacity: 1;}
5967}
5968@-webkit-keyframes fadeout {
5969from {bottom: 70px; opacity: 1;}
5970to {bottom: 0; opacity: 0;}
5971}
5972@keyframes fadeout {
5973from {bottom: 70px; opacity: 1;}
5974to {bottom: 0; opacity: 0;}
5975}
5976
5977</style>
5978<div id="snackbar" class="show">
5979<p id="withdraw">ue****cl Berhasil Withdraw Rp 4.783.000,00</p>
5980</div>
5981<!-- <marquee direction ="up" scrolldelay ="600" id="withdraw" style ="font-size: 22px;"></marquee> -->
5982<script>
5983function loadlink(){
5984var angka_acak = Math.floor(Math.random() * (10001-50)+50);
5985function maketextnumber(n) {
5986for (var r = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"], e = n, t = new Array, a = 0; a <= e - 1; a++) {
5987t[a] = r[parseInt(Math.random() * r.length)];
5988t = t;
5989randomtextnumber = t.join("")
5990}
5991}
5992var huruf_acak = (maketextnumber(8), randomtextnumber);
5993var huruf_belakang = huruf_acak.substring(6);
5994var huruf_depan = huruf_acak.substring(0, 2);
5995const rupiah = (number)=>{
5996return new Intl.NumberFormat("id-ID", {
5997style: "currency",
5998currency: "IDR"
5999}).format(number);
6000}
6001var nominal = rupiah(angka_acak+"000");
6002var baris = huruf_depan+"****"+huruf_belakang+" Berhasil Withdraw "+nominal;
6003var x = document.getElementById("snackbar");
6004x.className = "show";
6005setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
6006// setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
6007document.getElementById("withdraw").innerHTML = huruf_depan+"****"+huruf_belakang+" Berhasil Withdraw "+nominal;
6008// document.getElementById("withdraw").style.backgroundColor ="red";
6009// document.getElementById("withdraw").width ="30%";
6010// document.getElementById("withdraw").height ="25px";
6011}
6012loadlink();
6013setInterval(function(){
6014loadlink()
6015}, 5000);
6016</script>
vendor: 2 bytes, line 6016
6016
6017<script>
6018document.addEventListener('DOMContentLoaded', () => {
6019// Withdraw & Deposit
6020const getProvider = document.querySelector('.provider-group');
6021const transWrap = document.createElement('div');
6022transWrap.className = 'wrapper-transactions';
6023
6024const transWrapDp = document.createElement('div');
6025transWrapDp.className = 'wrapper-transactions';
6026
6027const transContent = document.createElement('div');
6028transContent.className = 'content-trans';
6029
6030const transContentDp = document.createElement('div');
6031transContentDp.className = 'content-trans';
6032
6033const makeDp = document.createElement('div');
6034makeDp.className = 'deposit-members';
6035
6036const makeWd = document.createElement('div');
6037makeWd.className = 'withdraw-members';
6038
6039const titleDp = document.createElement('h3');
6040titleDp.className = 'text-centertitle';
6041titleDp.textContent = 'NEW DEPOSIT';
6042
6043const titleWd = document.createElement('h3');
6044titleWd.className = 'text-centertitle';
6045titleWd.textContent = 'NEW WITHDRAW';
6046
6047transContentDp.appendChild(makeDp);
6048transContent.appendChild(makeWd);
6049transWrapDp.appendChild(titleDp);
6050transWrap.appendChild(titleWd);
6051
6052transWrapDp.appendChild(transContentDp);
6053transWrap.appendChild(transContent);
6054
6055const wrapAllTrans = document.createElement('div');
6056wrapAllTrans.className = 'wrap-all-trans';
6057
6058wrapAllTrans.appendChild(transWrapDp);
6059wrapAllTrans.appendChild(transWrap);
6060
6061getProvider.parentNode.insertBefore(wrapAllTrans, getProvider);
6062
6063function LinkAlter() {
6064    $('<ul class="menu-alternatif"><li>Link alternatif :</li> <li data-alternatif="' + linkAlt1 + '">'+ linkAlt1 +'</li> <li data-alternatif="' + linkAlt2 + '">'+ linkAlt2 +'</li> <li data-alternatif="' + linkAlt3 + '">'+ linkAlt3 +'</li></ul>').insertBefore($('.wrap-all-trans'));
6065
6066$('.menu-alternatif li').click(function() {
6067
6068const targetLink = $(this).data('alternatif');
6069
6070    if(targetLink  !== undefined ) {
6071            location.href = 'https://' + targetLink;
6072    }
6073
6074});
6075
6076}
6077
6078function getDP() {
6079    $.ajax({
6080        url: 'https://cdn.jsdelivr.net/gh/zombief1206/idn-design@main/users.json',
6081        type: 'GET',
6082        dataType: 'JSON',
6083        success: function(response) {
6084          const getUser = randomUser(response.slice(0, 50));
6085            $.each(getUser, function(index, items){
6086                 // IDR Value
6087                const dana_wd = uangRupiahDp(50000, 4000000);
6088
6089$('.deposit-members').append('<div class="item-trans"><div class="avatar-wrapper"><img src="https://slotgacor.b-cdn.net/wl4d-fav.jpg" class="avatar-trans" />'+ items.user +' | Deposit:</div> <span class="rupiah-trans">Rp.'+ dana_wd +'</span></div>');
6090
6091            });
6092
6093        }
6094    })
6095}
6096
6097function getWD() {
6098    $.ajax({
6099        url: 'https://cdn.jsdelivr.net/gh/zombief1206/idn-design@main/users.json',
6100        type: 'GET',
6101        dataType: 'JSON',
6102        success: function(response) {
6103          const getUser = randomUser(response.slice(0, 50));
6104            $.each(getUser, function(index, items){
6105                 // IDR Value
6106                const dana_wd = uangRupiah(450000, 15000000);
6107                $('.withdraw-members').append('<div class="item-trans"><div class="avatar-wrapper"><img src="https://slotgacor.b-cdn.net/wl4d-fav.jpg" class="avatar-trans" />'+ items.user +' | Withdraw:</div> <span class="rupiah-trans">Rp.'+ dana_wd +'</span></div>');
6108               
6109            });
6110        }
6111    })
6112}
6113
6114function uangRupiah(min, max) {
6115function getRandomRoundNumber(min, max) {
6116    const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
6117    const returnNum = Math.floor(randomNumber / 10000) * 10000;
6118    if(returnNum != 0 || !isNaN(returnNum)) {
6119      return returnNum;
6120    }
6121  }
6122
6123  const randomRoundNumber = getRandomRoundNumber(min, max);
6124  const roundedNumber = randomRoundNumber;
6125  return new Intl.NumberFormat().format(roundedNumber);
6126}
6127
6128function uangRupiahDp(min, max) {
6129function getRandomRoundNumber(min, max) {
6130    const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
6131    const returnNum = Math.floor(randomNumber / 5000) * 5000;
6132    if(returnNum != 0 || !isNaN(returnNum)) {
6133      return returnNum;
6134    }
6135  }
6136
6137  const randomRoundNumber = getRandomRoundNumber(min, max);
6138  const roundedNumber = randomRoundNumber;
6139  return new Intl.NumberFormat().format(roundedNumber);
6140}
6141
6142function randomUser(array) {
6143    var currentIndex = array.length, temporaryValue, randomIndex;
6144  
6145    // While there remain elements to shuffle
6146    while (0 !== currentIndex) {
6147      // Pick a remaining element
6148      randomIndex = Math.floor(Math.random() * currentIndex);
6149      currentIndex -= 1;
6150  
6151      // Swap it with the current element
6152      temporaryValue = array[currentIndex];
6153      array[currentIndex] = array[randomIndex];
6154      array[randomIndex] = temporaryValue;
6155    }
6156  
6157    return array;
6158  }
6159
6160getWD();
6161getDP();
6162LinkAlter();
6163
6164});
6165</script>
6165
6166
6167<script>
6168document.addEventListener('DOMContentLoaded', () => {
6169
6170const min = 12554;
6171const max = 36548;
6172const memberUser = Math.floor(Math.random() * (max - min + 1)) + min;
6173
6174$(' <div class="wrapper-service"><div class="item-service"><h1>Deposit</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">1</span> Menit</p></div> <div class="progress21 progress-moved2"><div class="progress-bar21"></div> </div>  </div> <div class="item-service"><h1>Withdraw</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">3</span> Menit</p></div> <div class="progress21 progress-moved11"><div class="progress-bar31"></div> </div> </div> <div class="item-service"><h1>Member Online</h1> <div class="status-wrapper-mem"><p> </p> <p><span class="count-item">'+ memberUser +'</span> Member</p></div>  </div> <div class="item-service"><p style="text-align: center;">Ketik Di Google:</p> <div class="google-wrapper"><img src="https://slotgacor.b-cdn.net/VCsb-Hfvw-Mm.png" /> <p>WINLIVE4D</p></div></div> </div>').insertBefore(".provider-group");
6175
6176});
6177</script>
6177                </div>
6178                
6179                
6180                <div class="footer-group">
6181                    <div class="copyright">
6182                        <div style="white-space: nowrap">© 2015 - 2026 Copyright WINLIVE4D.</div>
6183                        <div>All Rights Reserved.</div>
6184                    </div>
6185                    <div class="desktop-only">
6186                        <div class="d-flex gap-1">
6187                                                            <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div>
6188                                                        <div class="btn-footer" onclick='window.location.href="/wap"'>WAP</div>
6189                        </div>
6190                    </div>
6191                    <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/assets/guidelines.png" alt="">
6192                    
6193                    <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=LGlTsKHG_W5Y8HcoVob8IbVzIA72dM5RF-pB3Nhpxrw.','mywindow','menubar=1,resizable=1,width=430 ,height=880');">
6194                        <i class="bi bi-shield-fill-exclamation"></i>
6195                        <strong class="ms-1">LAPOR PUSAT</strong>
6196                    </button>
6197                </div>
6198            </footer>
6199            
6200            
6201            
6202            
6203            
6204            <!-- SIDENAV -->
6205            <div id="mySidenav" class="sidenav desktop-only">
6206                <div id="nav">
6207                    <div style="display: flex; align-items: start;">
6208                        <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;">
6209                            
6210                            <img src="/assets/hubungi.png?11">
6211                            
6212                        </div>
6213                        <!--<img id="about" src="/images/kontak.png?4">-->
6214                    </div>
6215                    <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
6216                       <div id="" style="padding: 4px">
6217                       <img src="/assets/24h.png" style="width: 100%"></img>
6218                        </div>
6219                    
6220                        <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
6221                            <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
6222                            
6223                                                                
6224                                                                                
6225                                            <a href="https://wa.me/62895322638206" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
6226                                                <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>62895322638206</span>
6227                                            </a>
6228                                            
6229                                            
6230                                    
6231                                                                        
6232                                                                                
6233                                            <a href="https://t.me/winlive4dofc" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
6234                                                <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span>https://t.me/winlive4dofc</span>
6235                                            </a>
6236                                            
6237                                            
6238                                    
6239                                                                        
6240                                                                                
6241                                            <a href="https://www.facebook.com/groups/328626942624920" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
6242                                                <img src="https://img.viva88athenae.com/kontak/facebook.png" width="20"/><span>WINLIVE4D | PROMO FREEBET TERGACOR SEDUNIA HARI INI</span>
6243                                            </a>
6244                                            
6245                                            
6246                                    
6247                                                                
6248    
6249                        </div>
6250                            <div style="margin: 8px">
6251                                <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>
6252                            </div>
6253                    </div>
6254                </div>
6255            </div>
6256        </div>
6257
6258                
6259        <!--POP UP -->
6260                
6261        <!-- LIVE CHAT -->
6262        
6263                                    
6263<script>
6264                    $('.verifikasiform').hide();
6265                    $('.verifval').val('0');
6266                </script>
6266
6267                    
6268        <!-- LiveChat Internal -->
6269            <style id="cs-embed-custom-styles">
6270    /* Generated widget appearance — theme: dark */
6271.cs-embed {
6272  --cs-primary: #4f46e5;
6273  --cs-secondary: #94a3b8;
6274  --cs-panel-width: 280px;
6275  --cs-panel-height: 500px;
6276  --cs-footer-bg: #1e293b;
6277  --cs-footer-border: #334155;
6278  --cs-input-row-bg: #0f172a;
6279  --cs-input-text: #e2e8f0;
6280  --cs-input-muted: #94a3b8;
6281  --cs-upload-bg: #334155;
6282  --cs-upload-border: #475569;
6283  --cs-upload-icon: #e2e8f0;
6284  --cs-image-preview-bg: #1e293b;
6285  --cs-image-preview-border: #334155;
6286  --cs-closed-notice: #94a3b8;
6287  --cs-scrollbar-track: #0f172a;
6288  --cs-scrollbar-thumb: #475569;
6289  --cs-scrollbar-thumb-hover: #64748b;
6290  --cs-messages-bg: #0f172a;
6291  --cs-sticky-banner-bg: #422006;
6292  --cs-sticky-banner-border: #78350f;
6293  --cs-sticky-banner-inner-bg: #1c1917;
6294  --cs-sticky-banner-inner-border: #92400e;
6295  --cs-sticky-banner-text: #fcd34d;
6296  right: 24px; left: auto; align-items: flex-end;
6297}
6298
6299.cs-embed .cs-panel {
6300  background: #0f172a;
6301  color: #e2e8f0;
6302}
6303
6304.cs-embed .cs-messages {
6305  background: var(--cs-messages-bg);
6306  scrollbar-color: var(--cs-scrollbar-thumb) var(--cs-scrollbar-track);
6307}
6308
6309.cs-embed .cs-footer,
6310.cs-embed .cs-footer--demo,
6311.cs-embed .cs-footer--intake {
6312  background: var(--cs-footer-bg);
6313  border-top-color: var(--cs-footer-border);
6314}
6315
6316.cs-embed .cs-input-row {
6317  background: var(--cs-input-row-bg);
6318}
6319
6320.cs-embed .cs-intake-label {
6321  color: var(--cs-input-text);
6322}
6323
6324.cs-embed .cs-intake-intro {
6325  color: var(--cs-closed-notice);
6326}
6327
6328.cs-embed .cs-intake-input {
6329  background: var(--cs-upload-bg);
6330  border-color: var(--cs-upload-border);
6331  color: var(--cs-input-text);
6332}
6333
6334.cs-embed .cs-intake-input::placeholder {
6335  color: var(--cs-input-muted);
6336}
6337
6338.cs-embed .cs-intake-skip {
6339  background: var(--cs-upload-bg);
6340  border-color: var(--cs-upload-border);
6341  color: var(--cs-input-muted);
6342}
6343
6344.cs-embed .cs-bubble--agent {
6345  background: #1e293b;
6346  color: #e2e8f0;
6347  border-color: #334155;
6348}
6349
6350.cs-embed .cs-sender-label {
6351  color: #94a3b8;
6352}
6353
6354.cs-embed .cs-time,
6355.cs-embed .cs-msg-event__time {
6356  color: #64748b;
6357}
6358
6359.cs-embed .cs-ai-typing__dot {
6360  background: #64748b;
6361}
6362
6363.cs-embed .cs-ai-typing__label {
6364  color: #94a3b8;
6365}
6366
6367.cs-toggle:not(.cs-toggle--banner) {
6368  background: var(--cs-primary);
6369  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.4);
6370}
6371
6372.cs-header {
6373  background: linear-gradient(135deg, #4f46e5, #94a3b8);
6374}
6375
6376.cs-bubble--customer {
6377  background: #4f46e5;
6378  color: #ffffff;
6379}    </style>
6380    
6380<script src="https://service.lc1001ai.com/embed.js"></script>
6380
6381    
6381<script>
6382                (function () {
6383            var chatServiceUrl = "https://service.lc1001ai.com";
6384            var channelId = "6aa2824dcbfda4a6ea46230a";
6385            var credentials = "";
6386            var showWidget = true;
6387            window.CsChatEmbed
6388            .init({
6389                chatServiceUrl: chatServiceUrl,
6390                channelId: channelId,
6391                credentials: credentials,
6392                createWidget: true,
6393                showWidget: showWidget,
6394                fetchAppearance: false,
6395            })
6396            .then(function (result) {
6397                console.log("Chat connected, sessionId:", result.sessionId);
6398            })
6399            .catch(function (err) {
6400                console.error("Chat init failed:", err);
6401            });
6402        })();
6403    </script>
6403
6404        <style>
6405        /* Taruh widget livechat di belakang modal+backdrop selagi modal terbuka (mis. #promo) */
6406        body.modal-open .cs-embed { z-index: 1049 !important; }
6407        </style>
6408           
6409
6410        
6410<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
6410
6411        
6411<script>
6412            document.addEventListener('DOMContentLoaded', function() {
6413                setTimeout(function() {
6414                    const mobileForm = document.querySelector('#mobilelogin form') || 
6415                                      document.querySelector('#mobilelogin .login-form') ||
6416                                      document.querySelector('.mobile-only form');
6417                    
6418                    if (!mobileForm) {
6419                        return;
6420                    }
6421                    
6422                    const username = mobileForm.querySelector('input[name="username"]');
6423                    const password = mobileForm.querySelector('input[name="password"]');
6424                    const remember = document.querySelector('#rememberMe') || 
6425                                    document.querySelector('input[type="checkbox"]');
6426                    
6427                    if (!username || !password || !remember) {
6428                        return;
6429                    }
6430                    
6431                    try {
6432                        localStorage.setItem('test', 'working');
6433                        if (localStorage.getItem('test') === 'working') {
6434                            localStorage.removeItem('test');
6435                        } else {
6436                            return;
6437                        }
6438                    } catch(e) {
6439                        return;
6440                    }
6441                    
6442                    initializeRememberMe();
6443                    loadSavedData();
6444                    
6445                    mobileForm.addEventListener('submit', handleSave);
6446                    mobileForm.addEventListener('click', function(e) {
6447                        if (e.target.type === 'submit' || e.target.classList.contains('submit')) {
6448                            handleSave();
6449                        }
6450                    });
6451                    remember.addEventListener('change', function() {
6452                        if (!this.checked) {
6453                            clearSavedData();
6454                            localStorage.setItem('mobile_remember_unchecked', 'true');
6455                        } else {
6456                            localStorage.removeItem('mobile_remember_unchecked');
6457                        }
6458                    });
6459    
6460                    function initializeRememberMe() {
6461                        try {
6462                            const wasUnchecked = localStorage.getItem('mobile_remember_unchecked');
6463                            const hasSuccessfulLogin = localStorage.getItem('mobile_login_success');
6464                            if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') {
6465                                remember.checked = false;
6466                            } else {
6467                                remember.checked = true;
6468                            }
6469                        } catch(e) {
6470                            remember.checked = true;
6471                        }
6472                    }
6473                    
6474                    function loadSavedData() {
6475                        try {
6476                            const savedUsername = localStorage.getItem('mobile_username');
6477                            const savedPassword = localStorage.getItem('mobile_password');
6478                            const rememberChecked = localStorage.getItem('mobile_remember');
6479                            if (rememberChecked === 'true' && savedUsername && savedPassword) {
6480                                username.value = savedUsername;
6481                                password.value = savedPassword;
6482                            }
6483                        } catch(e) {
6484                            // console.log('Error loading data:', e);
6485                        }
6486                    }
6487                    
6488                    function handleSave() {
6489                        if (remember.checked) {
6490                            const usernameVal = username.value.trim();
6491                            const passwordVal = password.value.trim();
6492                            
6493                            if (usernameVal && passwordVal) {
6494                                try {
6495                                    localStorage.setItem('mobile_username', usernameVal);
6496                                    localStorage.setItem('mobile_password', passwordVal);
6497                                    localStorage.setItem('mobile_remember', 'true');
6498                                    localStorage.setItem('mobile_login_success', 'true');
6499                                } catch(e) {
6500                                    // console.log('Error saving data:', e);
6501                                }
6502                            }
6503                        } else {
6504                            clearSavedData();
6505                            localStorage.setItem('mobile_login_success', 'true');
6506                        }
6507                    }
6508                    
6509                    function clearSavedData() {
6510                        try {
6511                            localStorage.removeItem('mobile_username');
6512                            localStorage.removeItem('mobile_password');
6513                            localStorage.removeItem('mobile_remember');
6514                        } catch(e) {
6515                            // console.log('Error clearing data:', e);
6516                        }
6517                    }
6518                }, 100); // Wait 100ms
6519                
6520                function initBroadcastMarquee() {
6521                $('.mobile-broadcast, #marquee .broadcast').each(function () {
6522                    const el = $(this);
6523            
6524                    if ($.trim(el.text()) === '') return;
6525                    if (!el.is(':visible')) return;
6526            
6527                    try {
6528                        el.marquee('destroy');
6529                    } catch (e) {}
6530            
6531                    el.marquee({
6532                        speed: 30,
6533                        gap: 80,
6534                        delayBeforeStart: 0,
6535                        direction: 'left',
6536                        duplicated: true,
6537                        pauseOnHover: true,
6538                        startVisible: true
6539                    });
6540                });
6541            }
6542            
6543            $(window).on('load', function () {
6544                setTimeout(function () {
6545                    initBroadcastMarquee();
6546                }, 300);
6547            });
6548            
6549            $(window).on('resize orientationchange', function () {
6550                clearTimeout(window.broadcastResizeTimer);
6551                window.broadcastResizeTimer = setTimeout(function () {
6552                    initBroadcastMarquee();
6553                }, 400);
6554            });
6555                                                
6556                // document.querySelectorAll("marquee").forEach(function(marquee){
6557
6558                // let speed = 0.5; // smaller = slower
6559                // let position = marquee.offsetWidth;
6560            
6561                // function animate(){
6562                //     position--;
6563            
6564                //     if(position < -marquee.scrollWidth){
6565                //         position = marquee.offsetWidth;
6566                //     }
6567            
6568                //     marquee.style.transform = "translateX(" + position + "px)";
6569                //     requestAnimationFrame(animate);
6570                // }
6571            
6572                // animate();
6573            
6574                // // pause on hover
6575                // marquee.addEventListener("mouseenter", function(){
6576                //     speed = 0;
6577                // });
6578            
6579                // marquee.addEventListener("mouseleave", function(){
6580                //     speed = 0.5;
6581                // });
6582            
6583            // });
6584                
6585                
6586            });
6587        </script>
6587
6588
6589        
6589<script>
6590                            if(document.getElementById("promo")) {
6591                    var myModal = new bootstrap.Modal(document.getElementById("promo"), {});
6592                    window.onload = () => {
6593                        myModal.show();
6594                    }
6595                }
6596                    
6597            var mobileurl = 'm/';
6598            	
6599
6600
6601            var showIDs = [];
6602            
6603            function showProducts(hoverID) {
6604                while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none";
6605
6606                // document.getElementById('hover').classList.add("hover-show");
6607                document.getElementById('hover').style.transitionDelay = "0s";
6608                document.getElementById('hover').style.visibility = "visible";
6609                document.getElementById('hover').style.opacity = "1";
6610                document.getElementById(hoverID).style.display = "flex";
6611
6612                showIDs.push(hoverID);
6613
6614            }
6615
6616            function hideProducts(hoverID) {
6617                // document.getElementById('hover').classList.remove("hover-show");
6618                document.getElementById('hover').style.visibility = "hidden";
6619                document.getElementById('hover').style.opacity = "0";
6620                document.getElementById('hover').style.transitionDelay = "1s";
6621                
6622            }
6623
6624            var mobileDaftarForm = document.getElementById('mobile-daftar-form');
6625            var marquee = document.getElementById('marquee');
6626            var mobileChangePasswordForm = document.getElementById('mobile-changepassword-form');
6627            var mobileLoginBox = document.getElementById('mobilelogin');
6628
6629            function closeContent() {
6630                $('#main-content').html(""); 
6631            }
6632
6633
6634            function openDaftar() {
6635                closeContent();
6636
6637                if (mobileLoginBox)          mobileLoginBox.style.display = "none";
6638                if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none";
6639
6640                mobileDaftarForm.style.display = "block";
6641                mobileDaftarForm.scrollIntoView();
6642            }
6643
6644            function closeDaftar() {
6645                mobileDaftarForm.style.display = "none";
6646                marquee.scrollIntoView();
6647            }
6648            
6649            
6650            function showProvider(type) {
6651                $('#main-content').html("<div style='padding: 24px'><img src=\"/images/loading.gif\" width=\"36px\"><div>");
6652                $('#main-content').load("/new-showprovider.php?type=" + type); 
6653            }
6654            
6655            function toggleInformasi(item) {
6656                page(item);
6657            }
6658            
6659            function showInformasi(item) {
6660                document.getElementById('modal-wrapper').style.display='block';
6661                toggleInformasi(item);
6662            }
6663
6664            function openChangePasswordMobile() {
6665                closeContent();
6666
6667                if (mobileLoginBox) mobileLoginBox.style.display = "none";
6668                if (mobileDaftarForm) mobileDaftarForm.style.display = "none";
6669
6670                if (mobileChangePasswordForm) {
6671                    mobileChangePasswordForm.style.display = "block";
6672                    mobileChangePasswordForm.scrollIntoView();
6673                }
6674            }
6675
6676            function closeChangePasswordMobile() {
6677                if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none";
6678                if (mobileDaftarForm) mobileDaftarForm.style.display = "none";
6679                if (mobileLoginBox) mobileLoginBox.style.display = "block";
6680
6681                marquee.scrollIntoView();
6682            }
6683            
6684            
6685
6686                    
6687        </script>
6687
6688        
6688<script src="/js/old/new2-webduo35.js?v=1790436643"></script>
6688
6689 
6690        
6690<script>
6691            function scrollToLoginForm(launchType, matchId) {
6692                sessionStorage.setItem('launch', launchType);
6693                if (matchId) sessionStorage.setItem('sbo_matchId', matchId);
6694                else sessionStorage.removeItem('sbo_matchId');
6695                window.scrollTo({ top: 0, behavior: 'smooth' });
6696                setTimeout(function() {
6697                    var isMobile = window.innerWidth <= 1000;
6698                    var loginSelector = isMobile
6699                        ? '#mobilelogin input[name="username"]'
6700                        : '#desktoplogin form';
6701                    var el = document.querySelector(loginSelector);
6702                    if (!el) return;
6703                    var usernameEl = document.querySelector(isMobile ? '#mobilelogin input[name="username"]' : '#desktoplogin input[name="username"]');
6704                    if (usernameEl && !isMobile) usernameEl.focus();
6705                    if (usernameEl && isMobile) usernameEl.scrollIntoView({ behavior: 'instant', block: 'center' });
6706                    const driver = window.driver.js.driver({
6707                        popoverClass: 'driverjs-theme',
6708                        showProgress: false,
6709                        showButtons: [],
6710                        overlayOpacity: 0.3,
6711                        steps: [
6712                            {
6713                                element: loginSelector,
6714                                popover: {
6715                                    title: 'Harap Login',
6716                                    description: 'Silakan masukkan username Anda',
6717                                    side: 'bottom',
6718                                    align: 'start',
6719                                    showButtons: [],
6720                                    nextBtnText: '',
6721                                    prevBtnText: '',
6722                                    doneBtnText: ''
6723                                }
6724                            }
6725                        ],
6726                        onDestroyStarted: () => driver.destroy(),
6727                    });
6728                    driver.drive();
6729                    if (usernameEl) {
6730                        function destroyDriver() {
6731                            driver.destroy();
6732                            window.scrollTo({ top: 0 });
6733                            usernameEl.removeEventListener('input', destroyDriver);
6734                            usernameEl.removeEventListener('click', destroyDriver);
6735                            usernameEl.removeEventListener('focus', destroyDriver);
6736                        }
6737                        usernameEl.addEventListener('input', destroyDriver, { once: true });
6738                        usernameEl.addEventListener('click', destroyDriver, { once: true });
6739                        usernameEl.addEventListener('focus', destroyDriver, { once: true });
6740                    }
6741                }, 500);
6742            }
6743        </script>
6743
6744        
6744<script>
6745            window.addEventListener("message", function(e) {
6746                if (e.origin !== "https://fkupon.com") return;
6747                if (e.data && e.data.action === "resize" && e.data.height) {
6748                    var iframes = document.querySelectorAll(".iframe-kupon");
6749                    iframes.forEach(function(iframe) {
6750                        iframe.style.height = Math.max(100, e.data.height - 16) + "px";
6751                    });
6752                }
6753            });
6754        </script>
6754
6755
6756
6757        <!-- POP UP COOKIES -->
6758        
6759<style>
6760    
6761        
6762    .kebijakan-privasi, .kebijakan-cookies {
6763        color: white;
6764        text-decoration: underline;
6765    }
6766    
6767        
6768</style>
6769
6770
6771<div id="boxprivacy" style="position: fixed;left: 0;bottom: 0;width: 100%; background-color: #000; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; opacity: 0.85; z-index: 2147483640; color: #d0c074">
6772  <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem">
6773        <div>
6774    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>  
6775  </div>
6776  <div>
6777     <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">&times;</div>
6778  </div>
6779</div>
6780<script>
6781    $( "#boxprivacy" ).blur(function() {
6782    alert( "Handler for .blur() called." );
6783});
6784</script>
6784   
6785
6786        
6787    </body>
6788</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.