PageSourceSearch

https://basketpisces.com/

html basketpisces.com collected 2026-09-29 21:53:41 UTC 326,458 bytes, 9,545 lines download raw bytes

1<!DOCTYPE html>
2<html dir="ltr" lang="en-US" prefix="og: https://ogp.me/ns#" class="loading-site no-js">
3
4<head>
5    <meta charset="UTF-8" />
6    <meta name="pinterest" content="nopin"/>
7    <link rel="profile" href="https://gmpg.org/xfn/11" />
8
9    
9<script>(function (html) { html.className = html.className.replace(/\bno-js\b/, 'js') })(document.documentElement);</script>
9
10    <title>BASKET168 Bebas Lelet - Akses Login Cepat Terbaru</title>
11
12    <meta name="description"
13        content="BASKET168 menghadirkan akses cepat dan login terbaru bebas lelet dengan sistem stabil, navigasi praktis, serta layanan responsif untuk pengalaman online yang nyaman." />
14    <meta name="robots" content="index, follow">
15    <meta name="author" content="BASKET168" />
16    <link href="https://cepat.basket168-terbaru.com/" rel=amphtml>
17    <link rel="alternate" href="https://cepat.basket168-terbaru.com/">
18    <link rel="alternate" href="https://cepat.basket168-terbaru.com/" hreflang="id">
19    <link rel="alternate" href="https://cepat.basket168-terbaru.com/" hreflang="en">
20    <link rel="alternate" href="https://cepat.basket168-terbaru.com/" hreflang="x-default">
21
22    <link rel="canonical" href="https://basketpisces.com/" />
23    <meta property="og:locale" content="en_US" />
24    <meta property="og:site_name" content="Situs Game Online" />
25    <meta property="og:type" content="article" />
26    <meta property="og:title"
27        content="BASKET168 Bebas Lelet - Akses Login Cepat Terbaru" />
28    <meta property="og:description"
29        content="BASKET168 menghadirkan akses cepat dan login terbaru bebas lelet dengan sistem stabil, navigasi praktis, serta layanan responsif untuk pengalaman online yang nyaman." />
30    <meta property="og:url" content="https://basketpisces.com/" />
31    <meta property="og:image" content="https://hokiku.io/images/2026/08/27/BASKET168-Akses-Cepat.jpeg" />
32    <meta property="og:image:secure_url" content="https://hokiku.io/images/2026/08/27/BASKET168-Akses-Cepat.jpeg" />
33    <meta property="og:image:width" content="1200" />
34    <meta property="og:image:height" content="675" />
35    <meta property="article:published_time" content="2026-08-25T03:14:54+00:00" />
36    <meta property="article:modified_time" content="2026-08-25T03:41:35+00:00" />
37    <meta property="article:publisher" content="https://basketpisces.com/" />
38    <meta name="twitter:card" content="summary_large_image" />
39    <meta name="twitter:title"
40        content="BASKET168 Bebas Lelet - Akses Login Cepat Terbaru" />
41    <meta name="twitter:description"
42        content="BASKET168 menghadirkan akses cepat dan login terbaru bebas lelet dengan sistem stabil, navigasi praktis, serta layanan responsif untuk pengalaman online yang nyaman." />
43    <meta name="twitter:image" content="https://hokiku.io/images/2026/08/27/BASKET168-Akses-Cepat.jpeg" />
44    
44<script type="application/ld+json">
45{
46  "@context": "https://schema.org",
47  "@graph": [
48    {
49      "@type": "Organization",
50      "@id": "https://kasflo.id/#organization",
51      "name": "BASKET168 Bebas Lelet - Akses Login Cepat Terbaru",
52      "url": "https://basketpisces.com/",
53      "description": "BASKET168 menghadirkan akses cepat dan login terbaru bebas lelet dengan sistem stabil, navigasi praktis, serta layanan responsif untuk pengalaman online yang nyaman..",
54      "logo": {
55        "@type": "ImageObject",
56        "@id": "https://basketpisces.com/",
57        "url": "https://hokiku.io/images/2026/02/21/icon.png",
58        "width": 600,
59        "height": 263
60      },
61      "sameAs": [
62        "https://www.facebook.com/groups/754958798757423",
63        "https://www.instagram.com/basket168.id/",
64        "https://www.tiktok.com/@basket168_official",
65        "https://www.youtube.com/@basket168official"
66      ]
67    },
68    {
69      "@type": "Person",
70      "@id": "https://basketpisces.com/",
71      "name": "BASKET168",
72      "url": "https://basketpisces.com/",
73      "image": {
74        "@type": "ImageObject",
75        "@id": "https://hokiku.io/images/2026/08/27/BASKET168-Akses-Cepat.jpeg",
76        "url": "https://basketpisces.com/",
77        "width": 96,
78        "height": 96
79      }
80    },
81    {
82      "@type": "WebSite",
83      "@id": "https://basketpisces.com/",
84      "url": "https://basketpisces.com/",
85      "name": "BASKET168 Bebas Lelet - Akses Login Cepat Terbaru",
86      "alternateName": "BASKET168",
87      "description": "BASKET168 menghadirkan akses cepat dan login terbaru bebas lelet dengan sistem stabil, navigasi praktis, serta layanan responsif untuk pengalaman online yang nyaman.",
88      "inLanguage": "id-ID",
89      "publisher": {
90        "@id": "organization"
91      }
92    },
93    {
94      "@type": "WebPage",
95      "@id": "https://basketpisces.com/",
96      "url": "https://basketpisces.com/",
97      "name": "BASKET168 Bebas Lelet - Akses Login Cepat Terbaru",
98      "description": "BASKET168 menghadirkan akses cepat dan login terbaru bebas lelet dengan sistem stabil, navigasi praktis, serta layanan responsif untuk pengalaman online yang nyaman.",
99      "inLanguage": "id-ID",
100      "isPartOf": {
101        "@id": "https://basketpisces.com/"
102      },
103      "breadcrumb": {
104        "@id": "https://basketpisces.com/#breadcrumblist"
105      },
106      "primaryImageOfPage": {
107        "@id": "https://basketpisces.com/#mainImage"
108      },
109      "datePublished": "2026-08-12T10:14:54+07:00",
110      "dateModified": "2026-08-12T10:41:35+07:00",
111      "author": {
112        "@id": "https://basketpisces.com/"
113      }
114    },
115    {
116      "@type": "BreadcrumbList",
117      "@id": "https://basketpisces.com/#breadcrumblist",
118      "itemListElement": [
119        {
120          "@type": "ListItem",
121          "position": 1,
122          "name": "BASKET168",
123          "item": "https://basketpisces.com/"
124        },
125        {
126          "@type": "ListItem",
127          "position": 2,
128          "name": "BASKET168 LOGIN",
129          "item": "https://basketpisces.com/"
130        },
131        {
132          "@type": "ListItem",
133          "position": 3,
134          "name": "BASKET168 DAFTAR",
135          "item": "https://basketpisces.com/"
136        },
137        {
138          "@type": "ListItem",
139          "position": 4,
140          "name": "BASKET168 LINK ALTERNATIF",
141          "item": "https://basketpisces.com/"
142        },
143        {
144          "@type": "ListItem",
145          "position": 5,
146          "name": "BASKET168 Bebas Lelet - Akses Login Cepat Terbaru",
147          "item": "https://basketpisces.com/"
148        }
149      ]
150    },
151    {
152      "@type": "BlogPosting",
153      "@id": "https://basketpisces.com/#blogposting",
154      "headline": "BASKET168 Bebas Lelet - Akses Login Cepat Terbaru",
155      "name": "BASKET168",
156      "inLanguage": "id-ID",
157      "articleSection": "Info",
158      "author": {
159        "@id": "https://basketpisces.com/"
160      },
161      "publisher": {
162        "@id": "https://basketpisces.com/"
163      },
164      "image": {
165        "@type": "ImageObject",
166        "@id": "https://basketpisces.com/",
167        "url": "https://hokiku.io/images/2026/08/27/BASKET168-Akses-Cepat.jpeg",
168        "width": 1200,
169        "height": 675
170      },
171      "datePublished": "2026-08-10T10:14:54+07:00",
172      "dateModified": "2026-08-10T10:41:35+07:00",
173      "mainEntityOfPage": {
174        "@id": "https://basketpisces.com/"
175      }
176    }
177  ]
178}
179</script>
179
180
181<script type="application/ld+json">
182[
183  {
184    "@context": "https://schema.org",
185    "@type": "FAQPage",
186 "mainEntity": [
187  {
188    "@type": "Question",
189    "name": "Apa itu BASKET168?",
190    "acceptedAnswer": {
191      "@type": "Answer",
192      "text": "BASKET168 adalah situs game online yang mengutamakan kecepatan akses sebagai nilai jual utamanya, jadi member ga perlu lagi kesal nunggu halaman loading lama. Sistem login terbarunya dibangun ringan dan responsif, bikin proses masuk terasa instan dari perangkat manapun."
193    }
194  },
195  {
196    "@type": "Question",
197    "name": "Kok bisa login BASKET168 diklaim bebas lelet dibanding situs lain?",
198    "acceptedAnswer": {
199      "@type": "Answer",
200      "text": "Server yang dipakai dioptimalkan khusus buat menampung lonjakan trafik tanpa bikin halaman ngadat. Struktur halaman login juga dirampingkan supaya beban data yang perlu dimuat jauh lebih kecil, hasilnya akses tetap gesit meski member masuk bareng-bareng di jam ramai."
201    }
202  },
203  {
204    "@type": "Question",
205    "name": "Login lewat hp tetap secepat itu ga sih?",
206    "acceptedAnswer": {
207      "@type": "Answer",
208      "text": "Tetap secepat itu. Tampilan halaman udah disesuaikan buat layar kecil tanpa mengorbankan kecepatan muatnya, jadi entah pakai hp keluaran lama atau baru, proses masuk tetap terasa mulus tanpa jeda mengganggu."
209    }
210  },
211  {
212    "@type": "Question",
213    "name": "Apa saja opsi pengisian saldo yang bisa langsung dipakai setelah login cepat tadi?",
214    "acceptedAnswer": {
215      "@type": "Answer",
216      "text": "Tersedia macam-macam pilihan, dari transfer rekening bank, dompet digital, sampai pulsa operator, semuanya diproses tanpa potongan yang bikin bingung. Begitu saldo masuk, member bisa langsung lanjut main tanpa jeda tambahan."
217    }
218  },
219  {
220    "@type": "Question",
221    "name": "Kecepatan akses yang ditawarkan ini ga mengorbankan sisi keamanan kan?",
222    "acceptedAnswer": {
223      "@type": "Answer",
224      "text": "Sama sekali ga. Justru sistem login yang gesit tetap dibekali proteksi berlapis buat menjaga data pribadi dan aktivitas akun member. Kecepatan dan keamanan jalan bareng, bukan salah satu doang yang diutamakan."
225    }
226  },
227  {
228    "@type": "Question",
229    "name": "Ada penawaran menarik ga buat member yang rutin login tiap hari?",
230    "acceptedAnswer": {
231      "@type": "Answer",
232      "text": "Ada dong, mulai dari bonus buat pendaftar baru sampai hadiah loyalitas buat yang konsisten aktif tiap minggunya. Semakin sering login dan main, semakin besar juga peluang dapet penawaran tambahan dari sistem."
233    }
234  },
235  {
236    "@type": "Question",
237    "name": "Setelah menang, proses penarikannya secepat proses login ga?",
238    "acceptedAnswer": {
239      "@type": "Answer",
240      "text": "Kurang lebih sama cepatnya. Tinggal ajukan permintaan tarik dana, pilih metode yang cocok, verifikasi sebentar, lalu saldo langsung meluncur ke rekening atau e-wallet tanpa potongan tersembunyi apapun."
241    }
242  },
243  {
244    "@type": "Question",
245    "name": "Misalnya suatu waktu akses tiba-tiba jadi lambat, harus lapor ke mana?",
246    "acceptedAnswer": {
247      "@type": "Answer",
248      "text": "Langsung aja hubungi tim dukungan resmi lewat live chat yang siaga kapan pun dibutuhkan. Kendala biasanya cepat ditangani supaya member bisa balik lagi menikmati akses cepat tanpa harus lama-lama menunggu solusi."
249    }
250  }
251]
252  },
253  {
254    "@context": "https://schema.org",
255    "@type": "Product",
256    "name": "BASKET168 Bebas Lelet - Akses Login Cepat Terbaru",
257    "description": "BASKET168 menghadirkan akses cepat dan login terbaru bebas lelet dengan sistem stabil, navigasi praktis, serta layanan responsif untuk pengalaman online yang nyaman.",
258    "brand": {
259      "@type": "Brand",
260      "name": "BASKET168"
261    },
262    "aggregateRating": {
263      "@type": "AggregateRating",
264      "ratingValue": "5.0",
265      "bestRating": "5",
266      "worstRating": "1",
267      "ratingCount": "3",
268      "reviewCount": "3"
269    },
270"review": [
271  {
272    "@type": "Review",
273    "author": {
274      "@type": "Person",
275      "name": "Dimas Aryanto"
276    },
277    "reviewRating": {
278      "@type": "Rating",
279      "ratingValue": "5",
280      "bestRating": "5",
281      "worstRating": "1"
282    },
283    "reviewBody": "Biasanya kalau buka situs slot di jam ramai suka nge-hang lama, tapi pas coba BASKET168 malah kaget sendiri karena halaman login langsung kebuka tanpa jeda. Sejak itu jadi males balik ke platform lama yang sering bikin emosi nunggu loading."
284  },
285  {
286    "@type": "Review",
287    "author": {
288      "@type": "Person",
289      "name": "Anisa Rahmawati"
290    },
291    "reviewRating": {
292      "@type": "Rating",
293      "ratingValue": "5",
294      "bestRating": "5",
295      "worstRating": "1"
296    },
297    "reviewBody": "Rumah saya termasuk area yang sinyalnya naik turun, jadi biasanya males buka aplikasi berat-berat. Herannya, akses login BASKET168 tetap gesit meski jaringan lagi kurang stabil, ga ada acara loading muter-muter lama."
298  },
299  {
300    "@type": "Review",
301    "author": {
302      "@type": "Person",
303      "name": "Bayu Setiawan"
304    },
305    "reviewRating": {
306      "@type": "Rating",
307      "ratingValue": "5",
308      "bestRating": "5",
309      "worstRating": "1"
310    },
311    "reviewBody": "Awalnya kirain cuma bagian login doang yang digadang-gadang cepat, ternyata proses isi saldo dan tarik dananya juga sama gesitnya. Kombinasi kayak gini y
311ang bikin saya nyaman lanjut main tanpa buang-buang waktu nunggu."
312  }
313]
314  }
315]
316</script>
316
317
318    <meta name="viewport" content="width=device-width, initial-scale=1" />
319    <link rel='dns-prefetch' href='//cdn.jsdelivr.net' />
320    <link rel='dns-prefetch' href='//www.googletagmanager.com' />
321    <link rel='dns-prefetch' href='//fonts.googleapis.com' />
322    <link href='https://fonts.gstatic.com' crossorigin rel='preconnect' />
323    <link rel='prefetch'
324        href='https://kasflo.id/wp-content/themes/flatsome/assets/js/flatsome.js?ver=51d1c732cb1803d92751' />
325    <link rel='prefetch' href='https://kasflo.id/wp-content/themes/flatsome/assets/js/chunk.slider.js?ver=3.19.1' />
326    <link rel='prefetch' href='https://kasflo.id/wp-content/themes/flatsome/assets/js/chunk.popups.js?ver=3.19.1' />
327    <link rel='prefetch' href='https://kasflo.id/wp-content/themes/flatsome/assets/js/chunk.tooltips.js?ver=3.19.1' />
328    <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed"
329        href="https://kasflo.id/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fkasflo.id%2Fcara-menggunakan-kasir-digital%2F" />
330    <style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
331        img:is([sizes=auto i], [sizes^="auto," i]) {
332            contain-intrinsic-size: 3000px 1500px
333        }
334
335    </style>
336    <link rel='stylesheet' id='wp-components-css' href='https://kasflo.id/wp-includes/css/dist/components/style.min.css'
337        type='text/css' media='all' />
338    <link rel='stylesheet' id='wp-preferences-css'
339        href='https://kasflo.id/wp-includes/css/dist/preferences/style.min.css' type='text/css' media='all' />
340    <link rel='stylesheet' id='wp-block-editor-css'
341        href='https://kasflo.id/wp-includes/css/dist/block-editor/style.min.css' type='text/css' media='all' />
342    <link rel='stylesheet' id='popup-maker-block-library-style-css'
343        href='https://kasflo.id/wp-content/plugins/popup-maker/dist/packages/block-library-style.css' type='text/css'
344        media='all' />
345    <link rel='stylesheet' id='contact-form-7-css'
346        href='https://kasflo.id/wp-content/plugins/contact-form-7/includes/css/styles.css' type='text/css'
347        media='all' />
348    <link rel='stylesheet' id='walcf7-datepicker-css-css'
349        href='https://kasflo.id/wp-content/plugins/date-time-picker-for-contact-form-7/assets/css/jquery.datetimepicker.min.css'
350        type='text/css' media='all' />
351    <link rel='stylesheet' id='wpcf7-redirect-script-frontend-css'
352        href='https://kasflo.id/wp-content/plugins/wpcf7-redirect/build/assets/frontend-script.css' type='text/css'
353        media='all' />
354    <link rel='stylesheet' id='slick-css-css' href='https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css'
355        type='text/css' media='all' />
356    <link rel='stylesheet' id='slick-theme-css-css'
357        href='https://cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.css' type='text/css' media='all' />
358    <link rel='stylesheet' id='ivory-search-styles-css'
359        href='https://kasflo.id/wp-content/plugins/add-search-to-menu/public/css/ivory-search.min.css' type='text/css'
360        media='all' />
361    <link rel='stylesheet' id='popup-maker-site-css'
362        href='https://kasflo.id/wp-content/plugins/popup-maker/dist/assets/site.css' type='text/css' media='all' />
363    <style id='popup-maker-site-inline-css' type='text/css'>
364
365        @import url('//fonts.googleapis.com/css?family=Poppins:700|Montserrat:100');
366
367        .pum-theme-7,
368        .pum-theme-lightbox {
369            background-color: rgba(0, 0, 0, 0.50)
370        }
371
372        .pum-theme-7 .pum-container,
373        .pum-theme-lightbox .pum-container {
374            padding: 32px;
375            border-radius: 12px;
376            border: 8px none #000000;
377            box-shadow: 0px 0px 30px 0px rgba(2, 2, 2, 0.00);
378            background-color: rgba(255, 255, 255, 1.00)
379        }
380
381        .pum-theme-7 .pum-title,
382        .pum-theme-lightbox .pum-title {
383            color: #000000;
384            text-align: center;
385            text-shadow: 0px 0px 0px rgba(2, 2, 2, 0.00);
386            font-family: Poppins;
387            font-weight: 700;
388            font-size: 28px;
389            line-height: 36px
390        }
391
392        .pum-theme-7 .pum-content,
393        .pum-theme-lightbox .pum-content {
394            color: #000000;
395            font-family: inherit;
396            font-weight: 100
397        }
398
399        .pum-theme-7 .pum-content+.pum-close,
400        .pum-theme-lightbox .pum-content+.pum-close {
401            position: absolute;
402            height: 22px;
403            width: 22px;
404            left: auto;
405            right: 30px;
406            bottom: auto;
407            top: 30px;
408            padding: 0px;
409            color: #ff5d63;
410            font-family: Arial;
411            font-weight: 100;
412            font-size: 22px;
413            line-height: 24px;
414            border: 2px none #ffffff;
415            border-radius: 1px;
416            box-shadow: 0px 0px 15px 1px rgba(2, 2, 2, 0.00);
417            text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.00);
418            background-color: rgba(0, 0, 0, 0.00)
419        }
420
421        /* Popup Theme 6: Default Theme */
422        .pum-theme-6,
423        .pum-theme-default-theme {
424            background-color: rgba(255, 255, 255, 1.00)
425        }
426
427        .pum-theme-6 .pum-container,
428        .pum-theme-default-theme .pum-container {
429            padding: 18px;
430            border-radius: 0px;
431            border: 1px none #000000;
432            box-shadow: 1px 1px 3px 0px rgba(2, 2, 2, 0.23);
433            background-color: rgba(249, 249, 249, 1.00)
434        }
435
436        .pum-theme-6 .pum-title,
437        .pum-theme-default-theme .pum-title {
438            color: #000000;
439            text-align: left;
440            text-shadow: 0px 0px 0px rgba(2, 2, 2, 0.23);
441            font-family: inherit;
442            font-weight: 400;
443            font-size: 32px;
444            font-style: normal;
445            line-height: 36px
446        }
447
448        .pum-theme-6 .pum-content,
449        .pum-theme-default-theme .pum-content {
450            color: #8c8c8c;
451            font-family: inherit;
452            font-weight: 400;
453            font-style: inherit
454        }
455
456        .pum-theme-6 .pum-content+.pum-close,
457        .pum-theme-default-theme .pum-content+.pum-close {
458            position: absolute;
459            height: auto;
460            width: auto;
461            left: auto;
462            right: 0px;
463            bottom: auto;
464            top: 0px;
465            padding: 8px;
466            color: #ffffff;
467            font-family: inherit;
468            font-weight: 400;
469            font-size: 12px;
470            font-style: inherit;
471            line-height: 36px;
472            border: 1px none #ffffff;
473            border-radius: 0px;
474            box-shadow: 1px 1px 3px 0px rgba(2, 2, 2, 0.23);
475            text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.23);
476            background-color: rgba(0, 183, 205, 1.00)
477        }
478
479        /* Popup Theme 8: Enterprise Blue */
480        .pum-theme-8,
481        .pum-theme-enterprise-blue {
482            background-color: rgba(0, 0, 0, 0.70)
483        }
484
485        .pum-theme-8 .pum-container,
486        .pum-theme-enterprise-blue .pum-container {
487            padding: 28px;
488            border-radius: 5px;
489            border: 1px none #000000;
490            box-shadow: 0px 10px 25px 4px rgba(2, 2, 2, 0.50);
491            background-color: rgba(255, 255, 255, 1.00)
492        }
493
494        .pum-theme-8 .pum-title,
495        .pum-theme-enterprise-blue .pum-title {
496            color: #315b7c;
497            text-align: left;
498            text-shadow: 0px 0px 0px rgba(2, 2, 2, 0.23);
499            font-family: inherit;
500            font-weight: 100;
501            font-size: 34px;
502            line-height: 36px
503        }
504
505        .pum-theme-8 .pum-content,
506        .pum-theme-enterprise-blue .pum-content {
507            color: #2d2d2d;
508            font-family: inherit;
509            font-weight: 100
510        }
511
512        .pum-theme-8 .pum-content+.pum-close,
513        .pum-theme-enterprise-blue .pum-content+.pum-close {
514            position: absolute;
515            height: 28px;
516            width: 28px;
517            left: auto;
518            right: 8px;
519            bottom: auto;
520            top: 8px;
521            padding: 4px;
522            color: #ffffff;
523            font-family: Times New Roman;
524            font-weight: 100;
525            font-size: 20px;
526            line-height: 20px;
527            border: 1px none #ffffff;
528            border-radius: 42px;
529            box-shadow: 0px 0px 0px 0px rgba(2, 2, 2, 0.23);
530            text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.23);
531            background-color: rgba(49, 91, 124, 1.00)
532        }
533
534        /* Popup Theme 9: Hello Box */
535        .pum-theme-9,
536        .pum-theme-hello-box {
537            background-color: rgba(0, 0, 0, 0.75)
538        }
539
540        .pum-theme-9 .pum-container,
541        .pum-theme-hello-box .pum-container {
542            padding: 30px;
543            border-radius: 80px;
544            border: 14px solid #81d742;
545            box-shadow: 0px 0px 0px 0px rgba(2, 2, 2, 0.00);
546            background-color: rgba(255, 255, 255, 1.00)
547        }
548
549        .pum-theme-9 .pum-title,
550        .pum-theme-hello-box .pum-title {
551            color: #2d2d2d;
552            text-align: left;
553            text-shadow: 0px 0px 0px rgba(2, 2, 2, 0.23);
554            font-family: Montserrat;
555            font-weight: 100;
556            font-size: 32px;
557            line-height: 36px
558        }
559
560        .pum-theme-9 .pum-content,
561        .pum-theme-hello-box .pum-content {
562            color: #2d2d2d;
563            font-family: inherit;
564            font-weight: 100
565        }
566
567        .pum-theme-9 .pum-content+.pum-close,
568        .pum-theme-hello-box .pum-content+.pum-close {
569            position: absolute;
570            height: auto;
571            width: auto;
572            left: auto;
573            right: -30px;
574            bottom: auto;
575            top: -30px;
576            padding: 0px;
577            color: #2d2d2d;
578            font-family: Times New Roman;
579            font-weight: 100;
580            font-size: 32px;
581            line-height: 28px;
582            border: 1px none #ffffff;
583            border-radius: 28px;
584            box-shadow: 0px 0px 0px 0px rgba(2, 2, 2, 0.23);
585            text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.23);
586            background-color: rgba(255, 255, 255, 1.00)
587        }
588
589        /* Popup Theme 10: Cutting Edge */
590        .pum-theme-10,
591        .pum-theme-cutting-edge {
592            background-color: rgba(0, 0, 0, 0.50)
593        }
594
595        .pum-theme-10 .pum-container,
596        .pum-theme-cutting-edge .pum-container {
597            padding: 18px;
598            border-radius: 0px;
599            border: 1px none #000000;
600            box-shadow: 0px 10px 25px 0px rgba(2, 2, 2, 0.50);
601            background-color: rgba(30, 115, 190, 1.00)
602        }
603
604        .pum-theme-10 .pum-title,
605        .pum-theme-cutting-edge .pum-title {
606            color: #ffffff;
607            text-align: left;
608            text-shadow: 0px 0px 0px rgba(2, 2, 2, 0.23);
609            font-family: Sans-Serif;
610            font-weight: 100;
611            font-size: 26px;
612            line-height: 28px
613        }
614
615        .pum-theme-10 .pum-content,
616        .pum-theme-cutting-edge .pum-content {
617            color: #ffffff;
618            font-family: inherit;
619            font-weight: 100
620        }
621
622        .pum-theme-10 .pum-content+.pum-close,
623        .pum-theme-cutting-edge .pum-content+.pum-close {
624            position: absolute;
625            height: 24px;
626            width: 24px;
627            left: auto;
628            right: 0px;
629            bottom: auto;
630            top: 0px;
631            padding: 0px;
632            color: #1e73be;
633            font-family: Times New Roman;
634            font-weight: 100;
635            font-size: 32px;
636            line-height: 24px;
637            border: 1px none #ffffff;
638            border-radius: 0px;
639            box-shadow: -1px 1px 1px 0px rgba(2, 2, 2, 0.10);
640            text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.10);
641            background-color: rgba(238, 238, 34, 1.00)
642        }
643
644        /* Popup Theme 11: Framed Border */
645        .pum-theme-11,
646        .pum-theme-framed-border {
647            background-color: rgba(255, 255, 255, 0.50)
648        }
649
650        .pum-theme-11 .pum-container,
651        .pum-theme-framed-border .pum-container {
652            padding: 18px;
653            border-radius: 0px;
654            border: 20px outset #000000;
655            box-shadow: 1px 1px 3px 0px rgba(2, 2, 2, 0.97) inset;
656            background-color: rgba(255, 251, 239, 1.00)
657        }
658
659        .pum-theme-11 .pum-title,
660        .pum-theme-framed-border .pum-title {
661            color: #000000;
662            text-align: left;
663            text-shadow: 0px 0px 0px rgba(2, 2, 2, 0.23);
664            font-family: inherit;
665            font-weight: 100;
666            font-size: 32px;
667            line-height: 36px
668        }
669
670        .pum-theme-11 .pum-content,
671        .pum-theme-framed-border .pum-content {
672            color: #2d2d2d;
673            font-family: inherit;
674            font-weight: 100
675        }
676
677        .pum-theme-11 .pum-content+.pum-close,
678        .pum-theme-framed-border .pum-content+.pum-close {
679            position: absolute;
680            height: 20px;
681            width: 20px;
682            left: auto;
683            right: -20px;
684            bottom: auto;
685            top: -20px;
686            padding: 0px;
687            color: #ffffff;
688            font-family: Tahoma;
689            font-weight: 700;
690            font-size: 16px;
691            line-height: 18px;
692            border: 1px none #ffffff;
693            border-radius: 0px;
694            box-shadow: 0px 0px 0px 0px rgba(2, 2, 2, 0.23);
695            text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.23);
696            background-color: rgba(0, 0, 0, 0.55)
697        }
698
699        /* Popup Theme 12: Floating Bar - Soft Blue */
700        .pum-theme-12,
701        .pum-theme-floating-bar {
702            background-color: rgba(255, 255, 255, 0.00)
703        }
704
705        .pum-theme-12 .pum-container,
706        .pum-theme-floating-bar .pum-container {
707            padding: 8px;
708            border-radius: 0px;
709            border: 1px none #000000;
710            box-shadow: 1px 1px 3px 0px rgba(2, 2, 2, 0.23);
711            background-color: rgba(238, 246, 252, 1.00)
712        }
713
714        .pum-theme-12 .pum-title,
715        .pum-theme-floating-bar .pum-title {
716            color: #505050;
717            text-align: left;
718            text-shadow: 0px 0px 0px rgba(2, 2, 2, 0.23);
719            font-family: inherit;
720            font-weight: 400;
721            font-size: 32px;
722            line-height: 36px
723        }
724
725        .pum-theme-12 .pum-content,
726        .pum-theme-floating-bar .pum-content {
727            color: #505050;
728            font-family: inherit;
729            font-weight: 400
730        }
731
732        .pum-theme-12 .pum-content+.pum-close,
733        .pum-theme-floating-bar .pum-content+.pum-close {
734            position: absolute;
735            height: 18px;
736            width: 18px;
737            left: auto;
738            right: 5px;
739            bottom: auto;
740            top: 50%;
741            padding: 0px;
742            color: #505050;
743            font-family: Sans-Serif;
744            font-weight: 700;
745            font-size: 15px;
746            line-height: 18px;
747            border: 1px solid #505050;
748            border-radius: 15px;
749            box-shadow: 0px 0px 0px 0px rgba(2, 2, 2, 0.00);
750            text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.00);
751            background-color: rgba(255, 255, 255, 0.00);
752            transform: translate(0, -50%)
753        }
754
755        /* Popup Theme 13: Content Only - For use with page builders or block editor */
756        .pum-theme-13,
757        .pum-theme-content-only {
758            background-color: rgba(0, 0, 0, 0.70)
759        }
760
761        .pum-theme-13 .pum-container,
762        .pum-theme-content-only .pum-container {
763            padding: 0px;
764            border-radius: 0px;
765            border: 1px none #000000;
766            box-shadow: 0px 0px 0px 0px rgba(2, 2, 2, 0.00)
767        }
768
769        .pum-theme-13 .pum-title,
770        .pum-theme-content-only .pum-title {
771            color: #000000;
772            text-align: left;
773            text-shadow: 0px 0px 0px rgba(2, 2, 2, 0.23);
774            font-family: inherit;
775            font-weight: 400;
776            font-size: 32px;
777            line-height: 36px
778        }
779
780        .pum-theme-13 .pum-content,
781        .pum-theme-content-only .pum-content {
782            color: #8c8c8c;
783            font-family: inherit;
784            font-weight: 400
785        }
786
787        .pum-theme-13 .pum-content+.pum-close,
788        .pum-theme-content-only .pum-content+.pum-close {
789            position: absolute;
790            height: 18px;
791            width: 18px;
792            left: auto;
793            right: 7px;
794            bottom: auto;
795            top: 7px;
796            padding: 0px;
797            color: #000000;
798            font-family: inherit;
799            font-weight: 700;
800            font-size: 20px;
801            line-height: 20px;
802            border: 1px none #ffffff;
803            border-radius: 15px;
804            box-shadow: 0px 0px 0px 0px rgba(2, 2, 2, 0.00);
805            text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.00);
806            background-color: rgba(255, 255, 255, 0.00)
807        }
808
809        #pum-4770 {
810            z-index: 1020
811        }
812
813        #pum-4768 {
814            z-index: 1020
815        }
816
817        #pum-4766 {
818            z-index: 1020
819        }
820
821        #pum-4263 {
822            z-index: 1020
823        }
824
825        #pum-3401 {
826            z-index: 1020
827        }
828
829        #pum-3399 {
830            z-index: 1020
831        }
832
833        #pum-3397 {
834            z-index: 1020
835        }
836
837        #pum-2384 {
838            z-index: 1010
839        }
840
841        #pum-2340 {
842            z-index: 999
843        }
844
845        #pum-276 {
846            z-index: 1020
847        }
848
849        #pum-280 {
850            z-index: 1020
851        }
852
853        #pum-278 {
854            z-index: 1020
855        }
856
857        #pum-270 {
858            z-index: 1020
859        }
860
861        #pum-272 {
862            z-index: 1020
863        }
864
865        #pum-267 {
866            z-index: 1020
867        }
868
869        #pum-14 {
870            z-index: 1999999999
871        }
872
873        /*# sourceURL=popup-maker-site-inline-css */
874    </style>
875    <link rel='stylesheet' id='flatsome-main-css'
876        href='https://kasflo.id/wp-content/themes/flatsome/assets/css/flatsome.css' type='text/css' media='all' />
877    <style id='flatsome-main-inline-css' type='text/css'>
878        @font-face {
879            font-family: "fl-icons";
880            font-display: block;
881            src: url(https://kasflo.id/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot?v=3.19.1);
882            src:
883                url(https://kasflo.id/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot#iefix?v=3.19.1) format("embedded-opentype"),
884                url(https://kasflo.id/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff2?v=3.19.1) format("woff2"),
885                url(https://kasflo.id/wp-content/themes/flatsome/assets/css/icons/fl-icons.ttf?v=3.19.1) format("truetype"),
886                url(https://kasflo.id/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff?v=3.19.1) format("woff"),
887                url(https://kasflo.id/wp-content/themes/flatsome/assets/css/icons/fl-icons.svg?v=3.19.1#fl-icons) format("svg");
888        }
889
890        /*# sourceURL=flatsome-main-inline-css */
891    </style>
892    <link rel='stylesheet' id='flatsome-googlefonts-css'
893        href='https://fonts.googleapis.com/css?family=Poppins%3Aregular%2C600%2Cregular%2C700%2C500&#038;display=swap'
894        type='text/css' media='all' />
895    
895<script type="text/javascript" src="https://kasflo.id/wp-includes/js/jquery/jquery.min.js"
896        id="jquery-core-js"></script>
896
897
898    <!-- Google tag (gtag.js) snippet added by Site Kit -->
899    <!-- Google Analytics snippet added by Site Kit -->
vendor: 85 bytes, lines 899-900
899
900    <script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=
900GT-5NT6H373
vendor: 52 bytes, lines 900-902
900" id="google_gtagjs-js"
901        async></script>
902    
902<script type="text/javascript" id="google_gtagjs-js-after">
903        /* <![CDATA[ */
904        window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); }
905        gtag("set", "linker", { "domains": ["kasflo.id"] });
906        gtag("js", new Date());
907        gtag("set", "developer_id.dZTNiMT", true);
908        gtag("config", "GT-5NT6H373");
909        //# sourceURL=google_gtagjs-js-after
910        /* ]]> */
911    </script>
911
912<link rel="https://api.w.org/" href="https://kasflo.id/wp-json/" />
913<link rel="alternate" title="JSON" type="application/json" href="https://kasflo.id/wp-json/wp/v2/pages/84" />
914<link rel='shortlink' href='https://kasflo.id/' />
915<meta name="generator" content="Site Kit by Google 1.178.0" />
916    <style class="wpcode-css-snippet">
917        /* ================KNOWLEDGE BASE============== */
918        #epkb-ml__module-search #epkb-ml-search-results {
919            z-index: 10;
920        }
921
922        #epkb-ml__module-search {
923            background-image: url(https://kasflo.id/wp-content/uploads/2024/07/hero-panduan.jpg);
924            background-repeat: no-repeat;
925            background-size: cover;
926            background-position: center;
927            position: relative;
928        }
929
930        .eckb-kb-template {
931            background-color: #f1f1f1;
932            margin-bottom: 0 !important;
933        }
934
935        #epkb-ml-search-classic-layout {
936            max-width: 1190px;
937            margin-left: auto !important;
938            margin-right: auto !important;
939        }
940
941        #epkb-ml__module-search #epkb-ml-search-classic-layout h1.epkb-ml-search-title {
942            font-size: 42px !important;
943            font-weight: 600 !important;
944        }
945
946        #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box {
947            box-shadow: none !important;
948            padding: 0 !important;
949            border-radius: 99px !important;
950            overflow: hidden;
951        }
952
953        #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box .epkb-ml-search-box__input {
954            border-top-left-radius: 99px;
955            border-bottom-left-radius: 99px;
956        }
957
958        #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box .epkb-ml-search-box__input:focus-visible {
959            box-shadow: inset 0 0 0 2px #dfcdff;
960        }
961
962        #epkb-ml__row-2.epkb-ml__row {
963            max-width: 1190px;
964        }
965
966        #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-main-nav {
967            padding: 12px 14px;
968            border-radius: 18px;
969        }
970
971        #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-nav-tabs {
972            border-bottom: none !important;
973            position: relative;
974        }
975
976        #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-nav-tabs li {
977            min-height: 60px !important;
978            border-radius: 6px;
979            height: 60px;
980        }
981
982        #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-nav-tabs li .epkb-category-level-1 {
983            padding: 0 24px;
984            margin: 0;
985            font-size: 18px;
986            font-weight: 600;
987            line-height: normal;
988            height: 100%;
989            display: flex;
990            align-items: center;
991        }
992
993        #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-nav-tabs li .epkb-category-level-1 .epkb-cat-name {
994            line-height: 26px;
995        }
996
997        #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-down-pointer .epkb-nav-tabs .active:after {
998            top: calc(100% + 12px);
999            border-top-color: #000000 !important;
1000        }
1001
1002        #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-down-pointer .epkb-nav-tabs .active:before {
1003            display: none;
1004        }
1005
1006        #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-tab-panel .epkb-top-category-box {
1007            overflow: hidden;
1008            border-radius: 12px !important;
1009            padding-bottom: 0;
1010            -webkit-box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25);
1011            -moz-box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25);
1012            box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25);
1013        }
1014
1015        #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .section_divider {
1016            border-bottom: none;
1017            padding: 20px 26px !important;
1018            position: relative;
1019        }
1020
1021        #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .section-head .epkb-cat-desc {
1022            white-space: nowrap;
1023            overflow: hidden;
1024            text-overflow: ellipsis;
1025            padding-top: 5px;
1026            font-size: 12px !important;
1027            color: #535353 !important;
1028            padding-left: 67px !important;
1029        }
1030
1031        #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-tab-panel section .epkb-cat-name a {
1032            font-size: 20px !important;
1033            font-weight: 700;
1034        }
1035
1036        #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .section-head .epkb-category--left-cat-icon .epkb-cat-icon--image {
1037            margin-right: 12px;
1038            position: absolute;
1039            left: 0;
1040            top: 0;
1041        }
1042
1043        #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-tab-panel section .epkb-section-body {
1044            padding: 3px 26px 28px !important;
1045            min-height: auto !important;
1046        }
1047
1048        #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-tab-panel section .epkb-section-body ul {
1049            padding-left: 0 !important;
1050        }
1051
1052        #eckb-archive-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box .epkb-ml-search-box__input:focus-visible {
1053            box-shadow: inset 0 0 0 2px #dfcdff;
1054        }
1055
1056        #eckb-archive-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box .epkb-ml-search-box__input {
1057            border-top-left-radius: 99px;
1058            border-bottom-left-radius: 99px;
1059        }
1060
1061        .eckb-breadcrumb-nav li a span {
1062            color: #000000 !important;
1063        }
1064
1065        .eckb-breadcrumb-link span[aria-current=page] {
1066            color: #333 !important;
1067        }
1068
1069        #eckb-archive-page-container #eckb-archive-content-header .eckb-category-archive-title-container .eckb-category-archive-title-icon {
1070            display: none;
1071        }
1072
1073        #eckb-archive-page-container #eckb-archive-content-header .eckb-category-archive-title-container .eckb-category-archive-title-name {
1074            font-size: 32px;
1075            font-weight: 600;
1076        }
1077
1078        #eckb-archive-page-container #eckb-archive-content-header .eckb-category-archive-title-container .eckb-category-archive-title {
1079            margin: 40px 0 12px 0;
1080        }
1081
1082        #epkb-sidebar-container-v2.epkb-sidebar--medium-shadow {
1083            -webkit-box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25);
1084            -moz-box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25);
1085            box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25);
1086        }
1087
1088        #epkb-sidebar-container-v2 {
1089            background-color: #fff;
1090            border-radius: 8px;
1091            overflow: hidden;
1092            margin-top: 54px !important;
1093            min-height: auto;
1094        }
1095
1096        #eckb-archive-page-container #eckb-archive-content .eckb-article-list-container .eckb-article-container {
1097            border-radius: 12px;
1098            padding: 24px 26px !important;
1099            -webkit-box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25);
1100            -moz-box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25);
1101            box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25);
1102            background-color: #fff;
1103        }
1104
1105        #eckb-archive-page-container #eckb-archive-content .eckb-article-list-container {
1106            row-gap: 20px;
1107            margin-bottom: 0;
1108            padding: 10px 0 0 0;
1109        }
1110
1111        #eckb-archive-page-container #eckb-archive-content .eckb-article-list-container .eckb-article-container .epkb-article-inner {
1112            color: #000000 !important;
1113            font-size: 18px;
1114        }
1115
1116        #eckb-archive-page-container #eckb-archive-content .eckb-article-list-container .eckb-article-container .epkb-article-inner .epkb-article__text {
1117            font-weight: 600;
1118            margin-left: 0;
1119            font-size: 20px;
1120            color: #333;
1121        }
1122
1123        #eckb-archive-page-container #eckb-archive-content .eckb-article-list-container .eckb-article-container .eckb-article-body {
1124            color: #7d7d7d;
1125            margin-top: 6px;
1126        }
1127
1128        #eckb-archive-page-container #eckb-archive-content {
1129            margin-top: 56px;
1130            background: transparent;
1131        }
1132
1133        .epkb_top_categories .epkb-cat-desc {
1134            display: none;
1135        }
1136
1137        #eckb-article-content-body h3 {
1138            font-size: 20px;
1139            margin-bottom: 30px;
1140            background-color: #333;
1141            color: #fff;
1142            padding: 8px 20px;
1143            border-radius: 6px;
1144        }
1145
1146        #eckb-article-content-body p>
1146span[data-text-bg=primary] {
1147            color: #fff;
1148            font-weight: 600;
1149            font-size: 14px;
1150            display: inline-block;
1151            width: 30px;
1152            height: 30px;
1153            border-radius: 99px;
1154            text-align: center;
1155            line-height: 30px;
1156            margin-right: 5px;
1157            position: absolute;
1158            left: 0;
1159            top: -2px;
1160            background-color: #333;
1161        }
1162
1163        #eckb-article-content-body p {
1164            margin-bottom: 1em;
1165            padding-left: 40px;
1166            position: relative;
1167        }
1168
1169        #eckb-article-page-container-v2 #eckb-article-left-sidebar {
1170            padding-top: 64px;
1171        }
1172
1173        h1.eckb-article-title {
1174            text-wrap: wrap;
1175            font-size: 32px;
1176            margin-bottom: 4px !important;
1177        }
1178
1179        #eckb-article-page-container-v2 #eckb-article-content {
1180            padding-top: 64px;
1181        }
1182
1183        #eckb-article-page-container-v2 #eckb-article-body #eckb-article-left-sidebar .eckb-article-toc--bmode-between .eckb-article-toc__inner {
1184            border-radius: 12px;
1185            -webkit-box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25);
1186            -moz-box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25);
1187            box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25);
1188            border: none;
1189            padding: 24px;
1190        }
1191
1192        div.epkb-articles-coming-soon {
1193            text-align: center !important;
1194            padding-top: 30px !important;
1195        }
1196
1197        #eckb-article-content-body .img-inner.box-shadow-1 {
1198            box-shadow: none;
1199            border: solid 1px #bdbdbd;
1200            border-radius: 6px;
1201        }
1202
1203        #eckb-article-content-body .sub-point-list p {
1204            position: relative;
1205            padding-left: 64px;
1206        }
1207
1208        #eckb-article-content-body .sub-point-list p:before {
1209            content: "";
1210            display: inline-block;
1211            width: 8px;
1212            height: 8px;
1213            background-color: #333;
1214            position: absolute;
1215            top: 8px;
1216            left: 42px;
1217        }
1218
1219        .ep_font_icon_document {
1220            top: -1px !important;
1221            left: 0 !important;
1222        }
1223
1224        .ep_font_icon_document:before {
1225            content: "";
1226            display: none;
1227        }
1228
1229        #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-mp-article .eckb-article-title .eckb-article-title__text {
1230            margin-left: 0px;
1231        }
1232
1233        #eckb-article-content-body .normal-paragraph p {
1234            padding-left: 4px;
1235            margin-bottom: 1.3em;
1236        }
1237
1238        .eckb-category-archive-main .ep_font_icon_document:before {
1239            width: 24px;
1240            height: 24px;
1241        }
1242
1243        .pl-0 p {
1244            padding-left: 0 !important;
1245        }
1246
1247        #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .section-head .epkb-category-level-2-3 {
1248            position: relative;
1249        }
1250
1251        #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-tab-panel section .epkb-cat-name {
1252            padding-left: 57px;
1253            margin-top: 4px;
1254        }
1255
1256        #epkb-content-container .epkb-section-body .eckb-article-title {
1257            font-size: 16px !important;
1258            color: #333 !important;
1259        }
1260
1261        #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-main-category li {
1262            border-top: solid 1px #EFE7FF;
1263            padding-bottom: 8px !important;
1264            padding-top: 8px !important;
1265        }
1266
1267        #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-main-category>li:last-child {
1268            border-bottom: solid 1px #EFE7FF;
1269        }
1270
1271        #eckb-archive-page-container {
1272            background-color: #f1f1f1;
1273        }
1274
1275        #epkb-sidebar-container-v2 .epkb-sidebar__cat__top-cat__heading-container {
1276            background-color: #fff;
1277            border-bottom: none !important;
1278            padding: 0;
1279        }
1280
1281        #epkb-sidebar-container-v2 .epkb-sidebar__heading__inner .epkb-sidebar__heading__inner__name,
1282        #epkb-sidebar-container-v2 .epkb-sidebar__heading__inner .epkb-sidebar__heading__inner__cat-name,
1283        #epkb-sidebar-container-v2 .epkb-sidebar__heading__inner .epkb-sidebar__heading__inner__name>a {
1284            font-size: 24px !important;
1285            font-weight: 700;
1286            color: #333;
1287        }
1288
1289        #epkb-sidebar-container-v2 .epkb-sidebar__cat-container {
1290            padding: 30px;
1291        }
1292
1293        #epkb-sidebar-container-v2 .epkb-sidebar__cat-container .epkb_sidebar_expand_category_icon {
1294            font-size: 12px;
1295            padding-right: 8px;
1296        }
1297
1298        .epkb-sidebar__cat__current-cat {
1299            background-color: #F3EDFE;
1300            padding: 10px !important;
1301            border-radius: 6px;
1302        }
1303
1304        #eckb-archive-page-container a.epkb-category-level-2-3__cat-name {
1305            font-size: 16px;
1306            font-weight: 600;
1307            color: #333;
1308        }
1309
1310        #epkb-sidebar-container-v2 .eckb-article-title .eckb-article-title__text {
1311            margin-left: 0;
1312            font-size: 14px !important;
1313        }
1314
1315        #epkb-sidebar-container-v2 .epkb-sidebar__cat-container .epkb-sidebar__cat__top-cat .epkb-sidebar__cat__top-cat__body-container .epkb-sidebar__body__sub-cat li ul {
1316            padding-left: 30px !important;
1317        }
1318
1319        #epkb-sidebar-container-v2 .epkb-sidebar__cat-container .epkb-sidebar__cat__top-cat .epkb-sidebar__cat__top-cat__body-container .epkb-sidebar__body__sub-cat li .epkb-category-level-2-3 {
1320            padding: 10px !important;
1321        }
1322
1323        #eckb-archive-page-container a.epkb-category-level-2-3__cat-name h3 {
1324            line-height: 1.4;
1325        }
1326
1327        #epkb-sidebar-container-v2 .epkb-sidebar__cat-container .epkb-sidebar__cat__top-cat .epkb-sidebar__cat__top-cat__body-container .epkb-sidebar__body__sub-cat li .epkb-category-level-2-3:not(.epkb-sidebar__cat__current-cat) {
1328            padding-top: 5px !important;
1329            padding-bottom: 5px !important;
1330        }
1331
1332        #eckb-archive-page-container #eckb-archive-content .eckb-article-list-container .eckb-article-container .eckb-article-header {
1333            padding: 0 !important;
1334        }
1335
1336        .eckb-breadcrumb-nav>li:nth-child(2) {
1337            display: none !important;
1338        }
1339
1340        #eckb-article-page-container-v2 .eckb-article-toc .eckb-article-toc__inner .eckb-article-toc__title {
1341            font-size: 24px !important;
1342            color: #333;
1343            border: none;
1344        }
1345
1346        #eckb-article-page-container-v2 .eckb-article-toc .eckb-article-toc__inner ul li a {
1347            color: #000000;
1348            padding: 10px 14px;
1349            border-radius: 6px;
1350        }
1351
1352        #eckb-article-page-container-v2 .eckb-article-toc .eckb-article-toc__inner ul li a.active {
1353            background-color: #F3EDFE;
1354            color: #333;
1355            font-weight: 500;
1356        }
1357
1358        #eckb-article-page-container-v2 .eckb-article-toc .eckb-article-toc__inner ul li {
1359            margin: 0;
1360        }
1361
1362        #eckb-article-page-container-v2 .eckb-article-toc .eckb-article-toc__inner .eckb-article-toc__level-2 a {
1363            padding-left: 30px;
1364        }
1365
1366        .eckb-article-toc+#epkb-sidebar-container-v2 {
1367            margin-top: 25px !important;
1368        }
1369
1370        .single-epkb_post_type_1 .eckb-kb-template {
1371            background-color: #fff;
1372        }
1373
1374        .guide-no-img ol {
1375            list-style: none;
1376            counter-reset: my-awesome-counter;
1377            padding-left: 4px;
1378        }
1379
1380        .guide-no-img ol li {
1381            counter-increment: my-awesome-counter;
1382            position: relative;
1383            margin-bottom: 1em;
1384            padding-left: 40px;
1385            margin-left: 0;
1386        }
1387
1388        .guide-no-img ol li:before {
1389            content: counter(my-awesome-counter);
1390            color: #fff;
1391            background-color: #333;
1392            width: 30px;
1393            height: 30px;
1394            display: block;
1395            border-radius: 50%;
1396            text-align: center;
1397            line-height: 30px;
1398            font-weight: 600;
1399            font-size: 14px;
1400            position: absolute;
1401            left: 0;
1402            top: -2px;
1403        }
1404
1405        #eckb-article-content-body .guide-no-img p {
1406            padding-left: 0;
1407        }
1408
1409        #eckb-article-content-body .guide-no-img h3 {
1410            margin-bottom: 20px;
1411            margin-top: 40px;
1412        }
1413
1414        #eckb-article-content-body .guide-no-img .col-inner>h3:first-child {
1415            margin-top: 0;
1416        }
1417
1418        .guide-no-img h4 {
1419            margin-bottom: 14px;
1420        }
1421
1422        .guide-no-img>.col>.col-inner {
1423            padding-bottom: 30px;
1424        }
1425
1426        .guide-img-mobile img {
1427            width: 250px;
1428            border: solid 1px #bdbdbd;
1429            border-radius: 6px;
1430            margin-top: 14px;
1431        }
1432
1433        /* ================END KNOWLEDGE BASE============== */
1434
1435
1436
1437        /* ================LAUNCH PAGE============== */
1438        .main-section {
1439            min-height: 100vh;
1440            align-items: flex-start;
1441            -webkit-box-align: start;
1442            -ms-flex-align: start;
1443        }
1444
1445        .BASKET168-logo img {
1446            width: 160px;
1447        }
1448
1449        .BASKET168-logo {
1450            margin-bottom: 26px !important;
1451        }
1452
1453        .text-header h3 {
1454            font-size: 20px;
1455            line-height: normal;
1456            margin-bottom: 8px;
1457        }
1458
1459        .text-header p {
1460            font-size: 14px;
1461            margin-bottom: 0;
1462            line-height: normal;
1463        }
1464
1465        .main-cta .icon-box {
1466            background: linear-gradient(152.97deg, rgba(255, 255, 255, 0.4) 7.65%, rgba(255, 255, 255, 0.1) 91.1%);
1467            backdrop-filter: blur(20px);
1468            box-shadow: 0px 4px 24px -1px rgb(0 0 0 / 20%);
1469            border-radius: 15px;
1470            padding: 10px 18px;
1471            align-items: center;
1472            flex-wrap: nowrap;
1473            /* border: solid 1px rgb(255 255 255 / 10%); */
1474        }
1475
1476        .main-cta .icon-box.event-cta {
1477            padding: 16px 20px;
1478        }
1479
1480        .main-cta .icon-box-text h3 {
1481            font-size: 14px;
1482            margin-bottom: 0;
1483            line-height: normal;
1484        }
1485
1486        .main-cta .event-cta .icon-box-text h3 {
1487            font-size: 14px;
1488            margin-bottom: 6px;
1489        }
1490
1491        .main-cta .event-cta .icon-box-text p {
1492            font-size: 12px;
1493            line-height: normal;
1494            margin-bottom: 0;
1495        }
1496
1497        .main-cta .badge {
1498            margin-left: 0 !important;
1499            display: block;
1500            height: auto;
1501            width: auto;
1502            z-index: auto;
1503            line-height: normal;
1504        }
1505
1506        .main-cta .icon-box-img img {
1507            padding-top: 0;
1508        }
1509
1510        .main-cta .badge p {
1511            display: inline-block;
1512            font-size: 10px !important;
1513            font-weight: 700;
1514            background-color: #FF931C;
1515            padding: 4px 12px;
1516            border-radius: 25px;
1517            margin-top: 14px;
1518        }
1519
1520        .main-cta .badge.badge-baru p {
1521            background-color: #00A79D;
1522        }
1523
1524        .inner-cta .icon-box .icon-box-img {
1525            display: none;
1526        }
1527
1528        .inner-cta .icon-box {
1529            padding: 20px;
1530        }
1531
1532        .inner-cta .icon-box .icon-box-text {
1533            padding: 0;
1534        }
1535
1536        .main-cta .icon-box {
1537            backdrop-filter: none;
1538        }
1539
1540        .section-title {
1541            font-size: 18px;
1542            margin-bottom: 20px;
1543        }
1544
1545        .section-title-container {
1546            margin-bottom: 0;
1547        }
1548
1549        .launch-page .resto-dropdown-wrapper .accordion-inner .icon-box {
1550            background: transparent;
1551            box-shadow: none;
1552            border-radius: 0;
1553        }
1554
1555        .launch-page .resto-dropdown-wrapper .accordion-inner .icon-box-text h5 {
1556            color: #333;
1557        }
1558
1559        .launch-page .resto-dropdown-wrapper .accordion-title {
1560            background: linear-gradient(152.97deg, rgba(255, 255, 255, 0.4) 7.65%, rgba(255, 255, 255, 0.1) 91.1%);
1561            box-shadow: 0px 4px 24px -1px rgb(0 0 0 / 20%);
1562            border-radius: 15px;
1563        }
1564
1565        .launch-page .sales-cta-wrapper.cta-2 {
1566            border: none;
1567        }
1568
1569        .launch-page #qlwapp {
1570            display: none;
1571        }
1572
1573        /* ================END LAUNCH PAGE============== */
1574
1575        /* ============== LANDING REQUEST DEMO ============ */
1576        .landing-demo #qlwapp {
1577            display: none;
1578        }
1579
1580        .demo-hero-wrapper h1 {
1581            font-size: 26px;
1582            font-weight: 700;
1583            line-height: 36px;
1584            margin-bottom: 10px;
1585        }
1586
1587        input[type=submit].goto-thankyou-page {
1588            font-size: 15px;
1589            font-weight: 600;
1590            text-transform: none;
1591            letter-spacing: normal;
1592            color: #000000;
1593            background-color: #fff;
1594            height: 48px;
1595            margin: 0;
1596            padding: 0;
1597            border-radius: 99px;
1598            line-height: 48px;
1599            width: 100%;
1600        }
1601
1602        .demo-hero-wrapper .scroll-for-more {
1603            opacity: 1;
1604            line-height: normal;
1605            min-height: auto;
1606            margin: 0 !important;
1607            padding: 0;
1608            border: none;
1609            height: auto;
1610            bottom: 10px;
1611        }
1612
1613        .demo-hero-wrapper .scroll-for-more i {
1614            line-height: normal;
1615            font-size: 28px !important;
1616        }
1617
1618        .willing-to-call-button .wpcf7-spinner {
1619            position: absolute;
1620            left: 50%;
1621            top: 50%;
1622            transform: translate(-50%, -50%);
1623            margin: 0;
1624        }
1625
1626        .willing-to-call-button {
1627            position: relative;
1628        }
1629
1630        .landing-demo .demo-slider-wrap .text-box p {
1631            font-size: 12px;
1632            font-weight: 500;
1633            margin-top: 0;
1634            margin-bottom: 4px;
1635        }
1636
1637        .demo-slider-wrap .banner .icon-box-img img {
1638            padding-top: 0;
1639        }
1640
1641        .landing-demo .demo-slider-wrap .icon-box-img {
1642            width: 16px !important;
1643            top: -1px;
1644        }
1645
1646        .landing-demo .demo-slider-wrap .icon-box-text h3 {
1647            font-size: 22px;
1648            font-weight: 600;
1649            margin: 0;
1650            line-height: 1;
1651        }
1652
1653        .demo-slider-wrap .banner .icon-box {
1654            align-items: center;
1655        }
1656
1657        .demo-slider-wrap .banner .icon-box-text {
1658            padding-left: 6px !important;
1659        }
1660
1661        .demo-slider-wrap .banner .text-box {
1662            left: -16px;
1663            bottom: 10px !important;
1664        }
1665
1666        .demo-slider-wrap .flickity-viewport {
1667            overflow: visible;
1668        }
1669
1670        .demo-slider-wrap .banner .banner-layers {
1671            overflow: visible;
1672        }
1673
1674        .demo-slider-wrap .slider-style-focus .flickity-slider>:not(.is-selected) {
1675            transform: scale(.7);
1676        }
1677
1678        .demo-slider-wrap .flickity-prev-next-button {
1679            background-color: #fff;
1680            opacity: 1 !important;
1681            width: 32px;
1682            height: 32px;
1683            min-height: auto;
1684            border-radius: 50%;
1685        }
1686
1687        .demo-slider-wrap .flickity-prev-next-button svg .arrow {
1688            fill: #FE346E;
1689        }
1690
1691        .demo-slider-wrap .flickity-prev-next-button svg {
1692            padding: 10px;
1693        }
1694
1695        .demo-slider-wrap .flickity-prev-next-button.next {
1696            right: 40px;
1697            bottom: 10px;
1698            transform: none;
1699            top: auto;
1700        }
1701
1702        .demo-slider-wrap .flickity-prev-next-button.previous {
1703            left: auto;
1704            right: 78px;
1705            top: auto;
1706            bottom: 10px;
1707        }
1708
1709        .video-tutor-title h2 {
1710            font-size: 16px;
1711            margin-bottom: 12px;
1712            padding: 0 7px;
1713        }
1714
1715        .tutorial-video-slider .slider-style-container .flickity-slider>:not(.is-selected) {
1716            opacity: 1;
1717        }
1718
1719        .tutorial-video-slider .flickity-viewport {
1720            overflow: visible;
1721        }
1722
1723        .tut
1723orial-video-title h4 {
1724            font-size: 14px;
1725            text-wrap: wrap;
1726            background-color: #fff;
1727            padding: 8px 15px;
1728            border-bottom-left-radius: 8px;
1729            border-bottom-right-radius: 8px;
1730            margin-bottom: 0;
1731            height: 62px;
1732        }
1733
1734        .tutorial-video-slider .banner-bg img {
1735            border-top-left-radius: 8px;
1736            border-top-right-radius: 8px;
1737        }
1738
1739        .tutorial-video-slider .video-button-wrapper .button {
1740            background-color: rgb(0 0 0 / 60%);
1741            border: none;
1742            width: 42px;
1743            height: 42px;
1744            min-width: auto;
1745            min-height: auto;
1746        }
1747
1748        .tutorial-video-slider .video-button-wrapper .button i {
1749            font-size: 26px !important;
1750        }
1751
1752        .demo-cta-download h4 {
1753            font-size: 14px;
1754            font-weight: 500;
1755        }
1756
1757        .demo-cta-download .main-button {
1758            margin: 0;
1759            border: none;
1760            font-size: 14px;
1761            color: #000000 !important;
1762            height: 100%;
1763            display: flex;
1764            align-items: center;
1765            justify-content: center;
1766            border-radius: 4px !important;
1767        }
1768
1769        #popmake-2340 button.pum-close {
1770            display: none;
1771        }
1772
1773        .willing-to-call-button~.wpcf7-response-output {
1774            display: none;
1775        }
1776
1777        .ty-main-section {
1778            min-height: calc(100vh - 72px) !important;
1779            height: calc(100vh - 72px) !important;
1780        }
1781
1782        .screen-sm-template .ty-main-content h3 {
1783            font-size: 20px;
1784            line-height: 28px;
1785            margin-bottom: 10px;
1786        }
1787
1788        .ty-main-content .main-button {
1789            font-size: 14px;
1790            font-weight: 600;
1791            border-radius: 99px !important;
1792            height: 42px;
1793            line-height: 40px;
1794        }
1795
1796        .ty-main-content .white.main-button {
1797            color: #000000 !important;
1798            margin-bottom: 0;
1799            margin-right: 5px !important;
1800        }
1801
1802        .ty-main-content .main-button.pink-btn {
1803            background-color: #FE346E;
1804            margin-bottom: 0;
1805        }
1806
1807        button.demo-hidden-button {
1808            font-size: 15px;
1809            font-weight: 600;
1810            text-transform: none;
1811            letter-spacing: normal;
1812            color: #000000;
1813            background-color: #fff;
1814            height: 48px;
1815            margin: 0;
1816            padding: 0;
1817            border-radius: 99px;
1818            line-height: 48px;
1819            width: 100%;
1820        }
1821
1822        .form-demo-set-schedule .label-control {
1823            font-size: 14px;
1824            font-weight: 400;
1825            margin-bottom: 6px;
1826            display: block;
1827            position: relative;
1828        }
1829
1830        .select-resize-ghost,
1831        .select2-container .select2-choice,
1832        .select2-container .select2-selection,
1833        input[type=date],
1834        input[type=email],
1835        input[type=number],
1836        input[type=password],
1837        input[type=search],
1838        input[type=tel],
1839        input[type=text],
1840        input[type=url],
1841        select,
1842        textarea {
1843            height: 46px;
1844            border-radius: 8px;
1845            border: none;
1846            box-shadow: none;
1847            font-size: 14px;
1848            font-weight: 500;
1849            padding: 0 16px;
1850        }
1851
1852        #popmake-2384 button.pum-close {
1853            display: none;
1854        }
1855
1856        .form-demo-set-schedule .wpcf7-submit {
1857            background-color: #FE346E;
1858            height: 40px;
1859            border-radius: 99px;
1860            font-size: 14px;
1861            text-transform: none;
1862            font-weight: 600;
1863            letter-spacing: normal;
1864            width: 100%;
1865            margin: 10px 0 0;
1866        }
1867
1868        .form-demo-set-schedule .wpcf7-spinner {
1869            position: absolute;
1870            left: 50%;
1871            margin: 0;
1872            bottom: 8px;
1873            margin-left: -12px;
1874        }
1875
1876        .back-to-home-btn {
1877            font-size: 14px;
1878            font-weight: 600;
1879            letter-spacing: normal;
1880            height: 40px;
1881            line-height: 36px !important;
1882            margin: 0;
1883            margin-top: -5px;
1884        }
1885
1886        input[disabled=disabled] {
1887            background-color: #bdbdbd !important;
1888            color: #8b8b8b !important;
1889        }
1890
1891        .form-demo-set-schedule~.wpcf7-response-output {
1892            margin: 7px 0 15px !important;
1893            /* position: absolute; */
1894            background-color: #46b450;
1895            /* z-index: 1; */
1896            /* bottom: 30px; */
1897            font-size: 12px;
1898            border-radius: 8px !important;
1899        }
1900
1901        .wpcf7 form.invalid .form-demo-set-schedule~.wpcf7-response-output {
1902            background-color: #ffb900;
1903        }
1904
1905        .pum-container.pum-scrollable .pum-content {
1906            max-height: 100%;
1907        }
1908
1909        .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
1910            background-position: -40px 22px;
1911        }
1912
1913        .xdsoft_time_variant>div[data-hour="0"],
1914        .xdsoft_time_variant>div[data-hour="1"],
1915        .xdsoft_time_variant>div[data-hour="2"],
1916        .xdsoft_time_variant>div[data-hour="3"],
1917        .xdsoft_time_variant>div[data-hour="4"],
1918        .xdsoft_time_variant>div[data-hour="5"],
1919        .xdsoft_time_variant>div[data-hour="6"],
1920        .xdsoft_time_variant>div[data-hour="7"],
1921        .xdsoft_time_variant>div[data-hour="8"],
1922        .xdsoft_time_variant>div[data-hour="9"],
1923        .xdsoft_time_variant>div[data-hour="18"],
1924        .xdsoft_time_variant>div[data-hour="19"],
1925        .xdsoft_time_variant>div[data-hour="20"],
1926        .xdsoft_time_variant>div[data-hour="21"],
1927        .xdsoft_time_variant>div[data-hour="22"],
1928        .xdsoft_time_variant>div[data-hour="23"] {
1929            display: none;
1930        }
1931
1932        .xdsoft_time_variant>.xdsoft_time:nth-child(70),
1933        .xdsoft_time_variant>.xdsoft_time:nth-child(71),
1934        .xdsoft_time_variant>.xdsoft_time:nth-child(72) {
1935            display: none;
1936        }
1937
1938        .form-demo-set-schedule .label-control.required:after {
1939            content: " *";
1940            color: #fe346e;
1941        }
1942
1943        /* ========= END LANDING REQUEST DEMO ======== */
1944    </style>
1945
1946    <style type="text/css">
1947        .saboxplugin-wrap {
1948            -webkit-box-sizing: border-box;
1949            -moz-box-sizing: border-box;
1950            -ms-box-sizing: border-box;
1951            box-sizing: border-box;
1952            border: 1px solid #eee;
1953            width: 100%;
1954            clear: both;
1955            display: block;
1956            overflow: hidden;
1957            word-wrap: break-word;
1958            position: relative
1959        }
1960
1961        .saboxplugin-wrap .saboxplugin-gravatar {
1962            float: left;
1963            padding: 0 20px 20px 20px
1964        }
1965
1966        .saboxplugin-wrap .saboxplugin-gravatar img {
1967            max-width: 100px;
1968            height: auto;
1969            border-radius: 0;
1970        }
1971
1972        .saboxplugin-wrap .saboxplugin-authorname {
1973            font-size: 18px;
1974            line-height: 1;
1975            margin: 20px 0 0 20px;
1976            display: block
1977        }
1978
1979        .saboxplugin-wrap .saboxplugin-authorname a {
1980            text-decoration: none
1981        }
1982
1983        .saboxplugin-wrap .saboxplugin-authorname a:focus {
1984            outline: 0
1985        }
1986
1987        .saboxplugin-wrap .saboxplugin-desc {
1988            display: block;
1989            margin: 5px 20px
1990        }
1991
1992        .saboxplugin-wrap .saboxplugin-desc a {
1993            text-decoration: underline
1994        }
1995
1996        .saboxplugin-wrap .saboxplugin-desc p {
1997            margin: 5px 0 12px
1998        }
1999
2000        .saboxplugin-wrap .saboxplugin-web {
2001            margin: 0 20px 15px;
2002            text-align: left
2003        }
2004
2005        .saboxplugin-wrap .sab-web-position {
2006            text-align: right
2007        }
2008
2009        .saboxplugin-wrap .saboxplugin-web a {
2010            color: #ccc;
2011            text-decoration: none
2012        }
2013
2014        .saboxplugin-wrap .saboxplugin-socials {
2015            position: relative;
2016            display: block;
2017            background: #fcfcfc;
2018            padding: 5px;
2019            border-top: 1px solid #eee
2020        }
2021
2022        .saboxplugin-wrap .saboxplugin-socials a svg {
2023            width: 20px;
2024            height: 20px
2025        }
2026
2027        .saboxplugin-wrap .saboxplugin-socials a svg .st2 {
2028            fill: #fff;
2029            transform-origin: center center;
2030        }
2031
2032        .saboxplugin-wrap .saboxplugin-socials a svg .st1 {
2033            fill: rgba(0, 0, 0, .3)
2034        }
2035
2036        .saboxplugin-wrap .saboxplugin-socials a:hover {
2037            opacity: .8;
2038            -webkit-transition: opacity .4s;
2039            -moz-transition: opacity .4s;
2040            -o-transition: opacity .4s;
2041            transition: opacity .4s;
2042            box-shadow: none !important;
2043            -webkit-box-shadow: none !important
2044        }
2045
2046        .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color {
2047            box-shadow: none;
2048            padding: 0;
2049            border: 0;
2050            -webkit-transition: opacity .4s;
2051            -moz-transition: opacity .4s;
2052            -o-transition: opacity .4s;
2053            transition: opacity .4s;
2054            display: inline-block;
2055            color: #fff;
2056            font-size: 0;
2057            text-decoration: inherit;
2058            margin: 5px;
2059            -webkit-border-radius: 0;
2060            -moz-border-radius: 0;
2061            -ms-border-radius: 0;
2062            -o-border-radius: 0;
2063            border-radius: 0;
2064            overflow: hidden
2065        }
2066
2067        .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey {
2068            text-decoration: inherit;
2069            box-shadow: none;
2070            position: relative;
2071            display: -moz-inline-stack;
2072            display: inline-block;
2073            vertical-align: middle;
2074            zoom: 1;
2075            margin: 10px 5px;
2076            color: #444;
2077            fill: #444
2078        }
2079
2080        .clearfix:after,
2081        .clearfix:before {
2082            content: ' ';
2083            display: table;
2084            line-height: 0;
2085            clear: both
2086        }
2087
2088        .ie7 .clearfix {
2089            zoom: 1
2090        }
2091
2092        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitch {
2093            border-color: #38245c
2094        }
2095
2096        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-behance {
2097            border-color: #003eb0
2098        }
2099
2100        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-deviantart {
2101            border-color: #036824
2102        }
2103
2104        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-digg {
2105            border-color: #00327c
2106        }
2107
2108        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-dribbble {
2109            border-color: #ba1655
2110        }
2111
2112        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-facebook {
2113            border-color: #1e2e4f
2114        }
2115
2116        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-flickr {
2117            border-color: #003576
2118        }
2119
2120        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-github {
2121            border-color: #264874
2122        }
2123
2124        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-google {
2125            border-color: #0b51c5
2126        }
2127
2128        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-html5 {
2129            border-color: #902e13
2130        }
2131
2132        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-instagram {
2133            border-color: #1630aa
2134        }
2135
2136        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-linkedin {
2137            border-color: #00344f
2138        }
2139
2140        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-pinterest {
2141            border-color: #5b040e
2142        }
2143
2144        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-reddit {
2145            border-color: #992900
2146        }
2147
2148        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-rss {
2149            border-color: #a43b0a
2150        }
2151
2152        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-sharethis {
2153            border-color: #5d8420
2154        }
2155
2156        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-soundcloud {
2157            border-color: #995200
2158        }
2159
2160        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-spotify {
2161            border-color: #0f612c
2162        }
2163
2164        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-stackoverflow {
2165            border-color: #a95009
2166        }
2167
2168        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-steam {
2169            border-color: #006388
2170        }
2171
2172        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-user_email {
2173            border-color: #b84e05
2174        }
2175
2176        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-tumblr {
2177            border-color: #10151b
2178        }
2179
2180        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitter {
2181            border-color: #0967a0
2182        }
2183
2184        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vimeo {
2185            border-color: #0d7091
2186        }
2187
2188        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-windows {
2189            border-color: #003f71
2190        }
2191
2192        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-whatsapp {
2193            border-color: #003f71
2194        }
2195
2196        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-wordpress {
2197            border-color: #0f3647
2198        }
2199
2200        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-yahoo {
2201            border-color: #14002d
2202        }
2203
2204        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-youtube {
2205            border-color: #940
2206        }
2207
2208        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-xing {
2209            border-color: #000202
2210        }
2211
2212        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mixcloud {
2213            border-color: #2475a0
2214        }
2215
2216        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vk {
2217            border-color: #243549
2218        }
2219
2220        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-medium {
2221            border-color: #00452c
2222        }
2223
2224        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-quora {
2225            border-color: #420e00
2226        }
2227
2228        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-meetup {
2229            border-color: #9b181c
2230        }
2231
2232        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-goodreads {
2233            border-color: #000
2234        }
2235
2236        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-snapchat {
2237            border-color: #999700
2238        }
2239
2240        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-500px {
2241            border-color: #00557f
2242        }
2243
2244        .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mastodont {
2245            border-color: #185886
2246        }
2247
2248        .sabox-plus-item {
2249            margin-bottom: 20px
2250        }
2251
2252        @media screen and (max-width:480px) {
2253            .saboxplugin-wrap {
2254                text-align: center
2255            }
2256
2257            .saboxplugin-wrap .saboxplugin-gravatar {
2258                float: none;
2259                padding: 20px 0;
2260                text-align: center;
2261                margin: 0 auto;
2262                display: block
2263            }
2264
2265            .saboxplugin-wrap .saboxplugin-gravatar img {
2266                float: none;
2267                display: inline-block;
2268                display: -moz-inline-stack;
2269                vertical-align: middle;
2270                zoom: 1
2271            }
2272
2273            .saboxplugin-wrap .saboxplugin-desc {
2274                margin: 0 10px 20px;
2275                text-align: center
2276            }
2277
2278            .saboxplugin-wrap .saboxplugin-authorname {
2279                text-align: center;
2280                margin: 10px 0 20px
2281            }
2282        }
2283
2284        body .saboxplugin-authorname a,
2285        body .saboxplugin-authorname a:hover {
2286            box-shadow: none;
2287            -webkit-box-shadow: none
2288        }
2289
2290        a.sab-profile-edit {
2291            font-size: 16px !important;
2292            line-height: 1 !important
2293        }
2294
2295        .sab-edit-settings a,
2296        a.sab-profile-edit {
2297            color: #0073aa !important;
2298            box-shadow: none !important;
2299            -webkit-box-shadow: none !important
2300        }
2301
2302        .sab-edit-settings {
2303            margin-right: 15px;
2304            position: absolute;
2305            right: 0;
2306            z-index: 2;
2307            bottom: 10px;
2308            line-height: 20px
2309        }
2310
2311        .sab-edit-settings i {
2312            margin-left: 5px
2313        }
2314
2315        .saboxplugin-socials {
2316            line-height: 1 !important
2317        }
2318
2319        .rtl .saboxplugin-wrap .saboxplugin-gravatar {
2320            float: right
2321        }
2322
2323        .rtl .saboxplugin-wrap .saboxplugin-authorname {
2324            display: flex;
2325            align-items: center
2326        }
2327
2328        .rtl .saboxplugin-wrap .saboxplugin-authorname .sab-profile-edit {
2329            margin-right: 10px
2330        }
2331
2332        .rtl .sab-edit-settings {
2333            right: auto;
2334            left: 0
2335        }
2336
2337        img.sab-custom-avatar {
2338            max-width: 75px;
2339        }
2340
2341        .saboxplugin-wrap {
2342            margin-top: 40px;
2343            margin-bottom: 40px;
2344            padding: 0px 0px
2345        }
2346
2347        .saboxplugin-wrap .saboxplugin-authorname {
2348            font-size: 18px;
2349            line-height: 25px;
2350        }
2351
2352        .saboxplugin-wrap .saboxplugin-desc p,
2353        .saboxplugin-wrap .saboxplugin-desc {
2354            font-size: 14px !important;
2355            line-height: 21px !important;
2356        }
2357
2358        .saboxplugin-wrap .saboxplugin-web {
2359            font-size: 14px;
2360        }
2361
2362        .saboxplugin-wrap .saboxplugin-socials a svg {
2363            width: 18px;
2364            height: 18px;
2365        }
2366    </style>
2367    <link rel="icon" href="https://hokiku.io/images/2026/02/21/icon.png" sizes="32x32" />
2368    <link rel="icon" href="https://hokiku.io/images/2026/02/21/icon.png" sizes="192x192" />
2369    <link rel="apple-touch-icon" href="https://hokiku.io/images/2026/02/21/icon.png" />
2370    <meta name="msapplication-TileImage" content="https://hokiku.io/images/2026/02/21/icon.png" />
2371    <style id="custom-css" type="text/css">
2372        :root {
2373            --primary-color: #000000;
2374            --fs-color-primary: #000000;
2375            --fs-color-secondary: #535fb0;
2376            --fs-color-success: #7a9c59;
2377            --fs-color-alert: #ff5d63;
2378            --fs-experimental-link-color: #000000;
2379            --fs-experimental-link-color-hover: #111;
2380        }
2381
2382        .tooltipster-base {
2383            --tooltip-color: #fff;
2384            --tooltip-bg-color: #000;
2385        }
2386
2387        .off-canvas-right .mfp-content,
2388        .off-canvas-left .mfp-content {
2389            --drawer-width: 100%;
2390        }
2391
2392        .container-width,
2393        .full-width .ubermenu-nav,
2394        .container,
2395        .row {
2396            max-width: 1220px
2397        }
2398
2399        .row.row-collapse {
2400            max-width: 1190px
2401        }
2402
2403        .row.row-small {
2404            max-width: 1212.5px
2405        }
2406
2407        .row.row-large {
2408            max-width: 1250px
2409        }
2410
2411        .header-main {
2412            height: 100%
2413        }
2414
2415        #logo img {
2416            max-height: 96px
2417        }
2418
2419        #logo {
2420            width: 200px;
2421        }
2422
2423        #logo img {
2424            padding: 8px 0;
2425        }
2426
2427        .stuck #logo img {
2428            padding: 10px 0;
2429        }
2430
2431        .header-top {
2432            min-height: 48px;
2433            background: linear-gradient(135deg, #040404  0%, #ff8000f0 40%, #040404  100%);
2434        }
2435
2436        .stack>.text>:last-child{
2437            color: #000000;
2438        }
2439        
2440        .transparent .header-main {
2441            height: 90px
2442        }
2443
2444        .transparent #logo img {
2445            max-height: 90px
2446        }
2447
2448        .has-transparent+.page-title:first-of-type,
2449        .has-transparent+#main>.page-title,
2450        .has-transparent+#main>div>.page-title,
2451        .has-transparent+#main .page-header-wrapper:first-of-type .page-title {
2452            padding-top: 120px;
2453        }
2454
2455        .header.show-on-scroll,
2456        .stuck .header-main {
2457            height: 70px !important
2458        }
2459
2460        .stuck #logo img {
2461            max-height: 70px !important
2462        }
2463
2464        .header-bg-color {
2465            background-color: #ffffff
2466        }
2467
2468        .header-bottom {
2469            background-color: #f1f1f1
2470        }
2471
2472        .header-main .nav>li>a {
2473            line-height: 28px
2474        }
2475
2476        .stuck .header-main .nav>li>a {
2477            line-height: 50px
2478        }
2479
2480        @media (max-width: 549px) {
2481            .header-main {
2482                height: 70px
2483            }
2484
2485            #logo img {
2486                max-height: 70px
2487            }
2488        }
2489
2490        .main-menu-
2490overlay {
2491            background-color: #ffffff
2492        }
2493
2494        .nav-dropdown {
2495            border-radius: 10px
2496        }
2497
2498        .nav-dropdown {
2499            font-size: 100%
2500        }
2501
2502        body {
2503            color: #333333
2504        }
2505
2506        h1,
2507        h2,
2508        h3,
2509        h4,
2510        h5,
2511        h6,
2512        .heading-font {
2513            color: #333333;
2514        }
2515
2516        body {
2517            font-size: 100%;
2518        }
2519
2520        @media screen and (max-width: 549px) {
2521            body {
2522                font-size: 100%;
2523            }
2524        }
2525
2526        body {
2527            font-family: Poppins, sans-serif;
2528        }
2529
2530        body {
2531            font-weight: 400;
2532            font-style: normal;
2533        }
2534
2535        .nav>li>a {
2536            font-family: Poppins, sans-serif;
2537        }
2538
2539        .mobile-sidebar-levels-2 .nav>li>ul>li>a {
2540            font-family: Poppins, sans-serif;
2541        }
2542
2543        .nav>li>a,
2544        .mobile-sidebar-levels-2 .nav>li>ul>li>a {
2545            font-weight: 700;
2546            font-style: normal;
2547        }
2548
2549        h1,
2550        h2,
2551        h3,
2552        h4,
2553        h5,
2554        h6,
2555        .heading-font,
2556        .off-canvas-center .nav-sidebar.nav-vertical>li>a {
2557            font-family: Poppins, sans-serif;
2558        }
2559
2560        h1,
2561        h2,
2562        h3,
2563        h4,
2564        h5,
2565        h6,
2566        .heading-font,
2567        .banner h1,
2568        .banner h2 {
2569            font-weight: 600;
2570            font-style: normal;
2571        }
2572
2573        .alt-font {
2574            font-family: Poppins, sans-serif;
2575        }
2576
2577        .alt-font {
2578            font-weight: 500 !important;
2579            font-style: normal !important;
2580        }
2581
2582        .header:not(.transparent) .header-nav-main.nav>li>a {
2583            color: #4f4f4f;
2584        }
2585
2586        .header:not(.transparent) .header-nav-main.nav>li>a:hover,
2587        .header:not(.transparent) .header-nav-main.nav>li.active>a,
2588        .header:not(.transparent) .header-nav-main.nav>li.current>a,
2589        .header:not(.transparent) .header-nav-main.nav>li>a.active,
2590        .header:not(.transparent) .header-nav-main.nav>li>a.current {
2591            color: #000000;
2592        }
2593
2594        .header-nav-main.nav-line-bottom>li>a:before,
2595        .header-nav-main.nav-line-grow>li>a:before,
2596        .header-nav-main.nav-line>li>a:before,
2597        .header-nav-main.nav-box>li>a:hover,
2598        .header-nav-main.nav-box>li.active>a,
2599        .header-nav-main.nav-pills>li>a:hover,
2600        .header-nav-main.nav-pills>li.active>a {
2601            color: #FFF !important;
2602            background-color: #000000;
2603        }
2604
2605        .footer-2 {
2606            background-color: #777777
2607        }
2608
2609        .absolute-footer,
2610        html {
2611            background-color: #000000
2612        }
2613
2614        .nav-vertical-fly-out>li+li {
2615            border-top-width: 1px;
2616            border-top-style: solid;
2617        }
2618
2619        /* Custom CSS */
2620        ul,
2621        ol {
2622            padding-left: 20px;
2623        }
2624
2625        b,
2626        strong {
2627            font-weight: 600;
2628        }
2629
2630        td,
2631        th {
2632            border: solid 1px #bdbdbd;
2633            padding: 10px !important;
2634        }
2635
2636        table {
2637            border-collapse: collapse;
2638            margin-bottom: 30px;
2639        }
2640
2641        td {
2642            color: #333;
2643        }
2644
2645        th {
2646            background-color: #000000;
2647            color: #fff;
2648        }
2649
2650        .topbar-text p {
2651            font-size: 12px;
2652            font-weight: 500;
2653        }
2654
2655        .topbar-phone {
2656            background-color: #fff;
2657            border-radius: 4px;
2658            align-items: center;
2659            padding: 4px 8px;
2660        }
2661
2662        .topbar-phone .icon-box-text {
2663            color: #000000;
2664            font-size: 12px;
2665            font-weight: 600;
2666            padding-left: 4px !important;
2667        }
2668
2669        .header-main .nav>li>a {
2670            font-size: 16px;
2671            font-weight: 600;
2672        }
2673
2674        .header-cta-wrapper {
2675            display: flex;
2676            gap: 10px;
2677        }
2678
2679        .header-cta-wrapper .cta-dropdown {
2680            position: relative;
2681        }
2682
2683        .header-cta-wrapper .cta-dropdown-content {
2684            display: none;
2685            position: absolute;
2686            background-color: #f9f9f9;
2687            z-index: 1;
2688            box-shadow: 1px 1px 15px rgba(0, 0, 0, .15);
2689            border-radius: 8px;
2690            padding: 14px 28px;
2691            margin-top: 6px;
2692        }
2693
2694        .header-cta-wrapper .cta-dropdown.active .cta-dropdown-content {
2695            display: block;
2696        }
2697
2698        .header-cta-wrapper .cta-dropdown-content a {
2699            font-size: 16px;
2700            white-space: nowrap;
2701            display: block;
2702            padding: 8px 0;
2703            color: #333333;
2704            border-bottom: solid 1px #E4E4F7;
2705        }
2706
2707        .header-cta-wrapper .cta-dropdown-content a:hover {
2708            color: #000000;
2709        }
2710
2711        .header-cta-wrapper .cta-dropdown-content a:last-child {
2712            border-bottom: none;
2713        }
2714
2715        .header-cta-wrapper .button {
2716            background-color: #000000;
2717            color: white;
2718            border-radius: 8px;
2719            height: 48px;
2720            line-height: 46px;
2721            padding: 0 20px;
2722            font-size: 16px;
2723            text-transform: none;
2724            margin: 0;
2725        }
2726
2727        .header-cta-wrapper .button i {
2728            margin-left: 4px;
2729            margin-right: -6px;
2730        }
2731
2732        .mobile-sidebar .menu-item>a {
2733            font-size: 20px;
2734            font-weight: 400;
2735            text-transform: none;
2736            letter-spacing: normal;
2737            color: #434366;
2738            line-height: 30px;
2739        }
2740
2741        .mobile-sidebar .menu-item>.toggle {
2742            opacity: 1;
2743            color: #434366;
2744        }
2745
2746        .subbrand-page .header-main .nav>li.products-main-menu>a {
2747            color: #000000;
2748        }
2749
2750        .header-main .nav>li {
2751            margin: 0 17px;
2752        }
2753
2754        .off-canvas.mfp-ready .mfp-close {
2755            top: 12px;
2756        }
2757
2758        .header-button .button {
2759            height: 44px;
2760            line-height: 44px;
2761            font-size: 16px;
2762            font-weight: 700;
2763            padding: 0 20px;
2764        }
2765
2766        .mobile-sidebar .menu-item.current-menu-item>a,
2767        .mobile-sidebar .menu-item.current-menu-parent>a {
2768            font-weight: 700;
2769            color: #000000;
2770        }
2771
2772        .header-button .button span {
2773            line-height: normal;
2774        }
2775
2776        .nav-sidebar .nav-slide-header .toggle {
2777            font-size: 20px;
2778            font-weight: 700;
2779            text-transform: none;
2780            letter-spacing: normal;
2781            color: #000000;
2782            opacity: 1;
2783        }
2784
2785        .nav-sidebar .nav-slide-header .toggle i {
2786            font-size: 0;
2787            position: relative;
2788            margin-right: 6px;
2789        }
2790
2791        .nav-sidebar .nav-slide-header .toggle i:before {
2792            content: "";
2793            display: inline-block;
2794            width: 24px;
2795            height: 24px;
2796            background-image: url(https://kasflo.id/wp-content/uploads/2024/11/arrow-left.png);
2797            background-repeat: no-repeat;
2798            background-position: center;
2799            background-size: contain;
2800        }
2801
2802        .nav-sidebar.nav-vertical>li.menu-item.active,
2803        .nav-sidebar.nav-vertical>li.menu-item:hover {
2804            background-color: transparent;
2805        }
2806
2807        .mobile-sidebar .menu-item-level-1 .menu-item-level-2>a {
2808            font-size: 20px;
2809            color: #000000;
2810            font-weight: 500;
2811            text-transform: none;
2812            letter-spacing: normal;
2813            justify-content: space-between;
2814            width: 100%;
2815        }
2816
2817        .mobile-sidebar .menu-item-level-1 .menu-item-level-2 .menu-item p {
2818            font-size: 14px;
2819            padding-bottom: 3px;
2820            padding-top: 3px;
2821            line-height: normal;
2822        }
2823
2824        .mobile-sidebar .menu-item-level-1 .menu-item-level-2 .button-more a {
2825            color: #d57d19;
2826            font-weight: 500;
2827            background-color: #F7F3FF;
2828            border: solid 1px #d57d19;
2829            border-radius: 6px;
2830            display: inline-block;
2831            line-height: 20px;
2832            padding: 7px 14px;
2833            margin-top: 6px;
2834            margin-left: 20px;
2835        }
2836
2837        .mobile-sidebar .menu-item-level-2.menu-item {
2838            padding-left: 40px;
2839            padding-right: 14px;
2840        }
2841
2842        .topbar-text p {
2843            white-space: nowrap;
2844        }
2845
2846        .topbar-phone p {
2847            white-space: nowrap;
2848        }
2849
2850        .hero-featured-img {
2851            position: absolute;
2852            top: 0;
2853            right: 0;
2854            padding-left: 80px;
2855        }
2856
2857        .hero-section {
2858            align-items: flex-start;
2859        }
2860
2861        .hero-section .section-content {
2862            display: flex;
2863            align-items: center;
2864            height: 780px;
2865        }
2866
2867        .hero-featured-img img {
2868            height: 780px;
2869            object-fit: cover;
2870        }
2871
2872        .hero-section .section-bg {
2873            width: 267px;
2874            height: 312px;
2875            top: auto;
2876            right: auto;
2877        }
2878
2879        .home .resto-dropdown-wrapper:not(.bisnis-dropdown) .accordion-title {
2880            min-height: 89px;
2881            padding-top: 21px;
2882            padding-bottom: 21px;
2883        }
2884
2885        h1 {
2886            font-size: 22px;
2887            line-height: 51px;
2888        }
2889
2890        p.lead {
2891            font-size: 20px;
2892        }
2893
2894        .main-button {
2895            height: 54px;
2896            line-height: 50px;
2897            border: 2px solid #000000;
2898            font-size: 18px;
2899            font-weight: 600;
2900            letter-spacing: normal;
2901            padding: 0 32px;
2902        }
2903
2904        .is-outline.main-button {
2905            line-height: 50px;
2906        }
2907
2908        .product-menu-item .icon-box-text {
2909            padding-left: 12px !important;
2910        }
2911
2912        .product-menu-item .icon-box-text h3 {
2913            font-size: 16px;
2914            margin-bottom: 2px;
2915        }
2916
2917        .product-menu-item .icon-box-text p {
2918            font-size: 14px;
2919            line-height: 18px;
2920        }
2921
2922        .product-menu-item .icon-box-img img {
2923            padding-top: 0;
2924        }
2925
2926        .home-products-section .section-bg {
2927            left: auto;
2928            bottom: auto;
2929        }
2930
2931        .home-products-section .section-bg img {
2932            width: 22%;
2933            height: auto;
2934            left: auto;
2935            right: 0;
2936        }
2937
2938        .products-tabs ul.nav {
2939            background-color: #F3EDFE;
2940            display: inline-flex;
2941            width: auto;
2942            border-radius: 18px;
2943            padding: 12px 14px;
2944        }
2945
2946        .products-tabs {
2947            justify-content: center;
2948        }
2949
2950        .products-tabs .nav>li>a {
2951            background-color: #F3EDFE;
2952            border-radius: 8px;
2953            padding: 10px 24px;
2954            font-size: 20px;
2955            font-weight: 600;
2956            color: #000000;
2957        }
2958
2959        .products-tabs .nav>li.active>a {
2960            background-color: #000000;
2961            color: #fff;
2962            pointer-events: none;
2963        }
2964
2965        .products-tabs .nav>li>a:hover {
2966            background-color: rgb(141 81 254 / 15%);
2967        }
2968
2969        .products-tabs .tab-panels {
2970            padding-top: 42px;
2971        }
2972
2973        .products-tabs .tab-panels {
2974            padding-top: 42px;
2975        }
2976
2977        h2 {
2978            font-size: 32px;
2979            margin-bottom: 14px;
2980        }
2981
2982        h3 {
2983            font-size: 24px;
2984            margin-bottom: 6px;
2985        }
2986
2987        .benefits-row .col-inner {
2988            border-radius: 12px;
2989            overflow: hidden;
2990            border: solid 1px #BDBDBD;
2991        }
2992
2993        h4 {
2994            font-size: 18px;
2995        }
2996
2997        .benefits-row .box-text h3 {
2998            margin: 0;
2999            font-size: 18px;
3000        }
3001
3002        .home-about-section .section-bg {
3003            width: calc(50% - 50px);
3004        }
3005
3006        .call-cs-row {
3007            -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.16);
3008            -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.16);
3009            box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.16);
3010            border-radius: 12px;
3011            overflow: hidden;
3012        }
3013
3014        .resto-dropdown-wrapper.bisnis-dropdown .accordion-title {
3015            background-color: #0E89FF;
3016        }
3017
3018        .sales-cta-wrapper.cta-2 h4 {
3019            font-size: 16px;
3020            margin-bottom: 2px;
3021            line-height: normal;
3022        }
3023
3024        .button-cs {
3025            padding: 12px 16px;
3026            border: solid 1px #9F9F9F;
3027            border-radius: 12px;
3028            align-items: center;
3029        }
3030
3031        .button-cs .icon-box-img img {
3032            padding-top: 0;
3033        }
3034
3035        .button-cs h3 {
3036            margin-bottom: 0;
3037            line-height: normal;
3038        }
3039
3040        .button-cs .icon-box-text {
3041            padding-left: 14px !important;
3042            display: flex;
3043            align-items: center;
3044            column-gap: 14px;
3045        }
3046
3047        .button-cs .icon-box-text p {
3048            white-space: nowrap;
3049            font-size: 14px;
3050            font-weight: 600;
3051            background-color: #4D81F1;
3052            color: #fff;
3053            height: 20px;
3054            line-height: 20px;
3055            border-radius: 99px;
3056            padding: 0 10px;
3057        }
3058
3059        .button-cs {
3060            flex-wrap: nowrap;
3061        }
3062
3063        .button-cs-wa {
3064            background-color: #EDF2FD;
3065            border-color: #4D81F1;
3066        }
3067
3068        .button-cs-email {
3069            background-color: #FFF6EA;
3070            border-color: #FF8B00;
3071        }
3072
3073        .footer-logo {
3074            width: 190px !important;
3075        }
3076
3077        .footer-block-section p {
3078            font-size: 14px;
3079            margin-bottom: 5px;
3080        }
3081
3082        .footer-block-section h3 {
3083            font-size: 20px;
3084            margin-bottom: 20px;
3085            color: #000000;
3086        }
3087
3088
3089        .footer-block-section .third-col p {
3090            line-height: 18px;
3091        }
3092
3093        .dark, .dark p, .dark td{
3094            color: #000000 !important;
3095        }
3096        .image-kominfo {
3097            margin-top: 14px;
3098        }
3099
3100        .social-icons>a {
3101            border: none !important;
3102            background-color: rgb(255 255 255 / 10%) !important;
3103            margin-left: 8px !important;
3104            margin-right: 8px !important;
3105            font-size: 17px;
3106            width: 40px;
3107            height: 40px;
3108            display: inline-block !important;
3109            min-height: unset !important;
3110            min-width: unset !important;
3111            line-height: 40px !important;
3112        }
3113
3114        .absolute-footer.dark {
3115            color: #fff;
3116        }
3117
3118        .product-items-wrap .icon-box-left {
3119            align-items: center;
3120        }
3121
3122        .product-items-wrap .icon-box-left .icon-box-text {
3123            padding-left: 30px !important;
3124        }
3125
3126        a.ecosystem-button {
3127            background-color: #F3EDFE;
3128            color: #000000;
3129            border: none;
3130            height: 74px;
3131            font-size: 20px;
3132            margin-bottom: 30px;
3133            letter-spacing: normal;
3134            text-align: left;
3135            padding: 0 28px 0 36px !important;
3136            margin-right: 0;
3137            display: flex;
3138            align-items: center;
3139            justify-content: space-between;
3140        }
3141
3142        a.ecosystem-button i {
3143            font-size: 24px;
3144            top: 0;
3145        }
3146
3147        a.ecosystem-button:hover {
3148            background-color: #000000;
3149            box-shadow: none;
3150        }
3151
3152        .card-product {
3153            -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.16);
3154            -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.16);
3155            box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.16);
3156            border-radius: 12px;
3157            overflow: hidden;
3158        }
3159
3160        .card-product p {
3161            line-height: 1.3;
3162            margin-bottom: 14px;
3163        }
3164
3165        .card-product h2 {
3166            margin-bottom: 16px;
3167        }
3168
3169        .card-product .col-inner>p:last-child {
3170            margin-bottom: 0;
3171        }
3172
3173        .products-step-detail {
3174            margin-left: -30px;
3175            width: calc(100% + 60px);
3176        }
3177
3178        .pum-theme-7 .pum-container,
3179        .pum-theme-lightbox .pum-container {
3180            padding-bottom: 6px;
3181        }
3182
3183        .arrow-right .img:after {
3184            content: "";
3185            display: block;
3186            position: absolute;
3187            width: 50px;
3188            height: 40px;
3189            background-image: url(https://kasflo.id/wp-content/uploads/2024/06/Connector-line.svg);
3190            background-size: contain;
3191            background-repeat: no-repeat;
3192            background-position: center;
3193            right: -55px;
3194            top: 50%;
3195            margin-top: -20px;
3196        }
3197
3198        .step-self-order .arrow-right .img:after {
3199            display: none;
3200        }
3201
3202        .products-step-detail h5 {
3203            font-size: 16px;
3204            margin-bottom: 0;
3205        }
3206
3207        .row .arrow-bottom {
3208            padding-bottom: 70px;
3209        }
3210
3211        .arrow-bottom:after {
3212            content: "";
3213            display: block;
3214            position: absolute;
3215            width: 40px;
3216            height: 50px;
3217            background-image: url(https://kasflo.id/wp-content/uploads/2024/06/Connector-line-bottom.svg);
3218            background-size: contain;
3219            background-repeat: no-repeat;
3220            background-position: center;
3221            left: 50%;
3222            margin-left: -20px;
3223            bottom: 10px;
3224        }
3225
3226        .pum-container .pum-title {
3227            margin-bottom: 40px;
3228        }
3229
3230        .pum-container {
3231            max-width: 1200px !important;
3232        }
3233
3234        button.pum-close.popmake-close {
3235            margin: 0;
3236            width: 38px !important;
3237            height: 38px !important;
3238            font-size: 38px !important;
3239            font-weight: 400 !important;
3240        }
3241
3242        .gap-lg .arrow-right .img:after {
3243            transform: translateX(100%);
3244        }
3245
3246        .step-self-order .arrow-right:after {
3247            content: "";
3248            display: block;
3249            position: absolute;
3250            width: 50px;
3251            height: 40px;
3252            background-image: url(https://kasflo.id/wp-content/uploads/2024/06/Connector-line.svg);
3253            background-size: contain;
3254            background-repeat: no-repeat;
3255            background-position: center;
3256            right: -20px;
3257            top: 30%;
3258        }
3259
3260        .step-self-order .step-3 .col-inner {
3261            margin-top: 60px;
3262        }
3263
3264        .step-self-order .step-4 .col-inner {
3265            margin-top: 72px;
3266        }
3267
3268        .step-self-order .arrow-right.step-2:after {
3269            right: 0;
3270        }
3271
3272        .step-self-order .arrow-right.step-3:after {
3273            right: -40px;
3274        }
3275
3276        .mfp-arrow {
3277            display: none;
3278        }
3279
3280        .mfp-counter {
3281            display: none;
3282        }
3283
3284        .mfp-title {
3285            padding: 0;
3286            text-align: center;
3287            font-size: 16px;
3288        }
3289
3290        .mfp-bottom-bar {
3291            margin-top: -26px;
3292        }
3293
3294        .blog-items-wrapper .post-item {
3295            display: flex;
3296        }
3297
3298        .blog-items-wrapper .post-item .box-blog-post {
3299            height: 100%;
3300        }
3301
3302        .blog-items-wrapper .post-item .box-blog-post {
3303            border-radius: 12px;
3304            overflow: hidden;
3305            border: solid 1px #e5e5e5;
3306            background-color: #fff;
3307        }
3308
3309        .blog-items-wrapper .post-item .post-title {
3310            font-size: 18px;
3311            margin-top: 8px;
3312            color: #000000;
3313        }
3314
3315        .blog-items-wrapper .box-text .cat-label {
3316            font-size: 12px;
3317            text-transform: none;
3318            letter-spacing: normal;
3319            opacity: 1;
3320        }
3321
3322        .blog-items-wrapper .box-text .post-meta {
3323            font-size: 12px;
3324        }
3325
3326        .blog-items-wrapper .box-blog-post .is-divider {
3327            display: none;
3328        }
3329
3330        .blog-items-wrapper .from_the_blog_excerpt {
3331            margin-top: 10px;
3332            line-height: 1.4;
3333        }
3334
3335        .single-post .blog-wrapper {
3336            background-color: #ffffff;
3337            padding-top: 10px;
3338            padding-bottom: 0;
3339        }
3340
3341        .single-post .blog-wrapper .entry-divider {
3342            display: none;
3343        }
3344
3345        .single-post .blog-wrapper .byline {
3346            display: none;
3347        }
3348
3349        .screen-sm-template {
3350            max-width: 512px;
3351            margin-left: auto;
3352            margin-right: auto;
3353        }
3354
3355        html:has(.screen-sm-template) {
3356            background-color: #2a353c;
3357        }
3358
3359        .screen-sm-template h3 {
3360            font-size: 18px;
3361            line-height: 26px;
3362            margin-bottom: 16px;
3363        }
3364
3365        .screen-sm-template p {
3366            font-size: 14px;
3367            line-height: 1.5;
3368        }
3369
3370        .button-download-apk {
3371            background-color: #f1f1f1;
3372            border-radius: 12px;
3373            padding: 16px;
3374        }
3375
3376        .button-download-apk.apk-resto {
3377            background-color: #8D51FE;
3378        }
3379
3380        .button-download-apk.apk-toko {
3381            background-color: #535FB0;
3382        }
3383
3384        .button-download-apk h4 {
3385            color: #fff;
3386            margin-bottom: 0;
3387            line-height: normal;
3388        }
3389
3390        .button-download-apk p {
3391            font-size: 12px;
3392            color: #fff;
3393        }
3394
3395        .hero-landing-download .section-bg img {
3396            object-fit: contain;
3397            object-position: left;
3398        }
3399
3400        .footer-landing-download .section-bg img {
3401            object-fit: contain;
3402        }
3403
3404        .subbrand-page .logo a>img {
3405            display: none;
3406        }
3407
3408        .subbrand-page .logo a {
3409            position: relative;
3410            pointer-events: none;
3411        }
3412
3413        .subbrand-page .logo a:before {
3414            content: "";
3415            display: block;
3416            position: relative;
3417            width: 100%;
3418            height: 64px;
3419            background-size: contain;
3420            background-repeat: no-repeat;
3421            background-position: left;
3422        }
3423
3424        .subbrand-page .stuck .logo a:before {
3425            height: 54px;
3426        }
3427
3428        .kasflo-resto-page .logo a:before {
3429            background-image: url(https://kasflo.id/wp-content/uploads/2024/06/Kasflo-Resto-Primary.png);
3430        }
3431
3432        .kasflo-toko-page .logo a:before {
3433            background-image: url(https://kasflo.id/wp-content/uploads/2024/06/Kasflo-Toko_Primary.png);
3434        }
3435
3436        .kasflo-bisnis-page .logo a:before {
3437            background-image: url(https://kasflo.id/wp-content/uploads/2024/11/Kasflo-Bisnis-Primary.png);
3438        }
3439
3440        .terms-content-section p {
3441            font-size: 14px;
3442        }
3443
3444        .terms-content-section b {
3445            font-weight: 600;
3446        }
3447
3448        .terms-content-section li {
3449            font-size: 14px;
3450        }
3451
3452        .terms-content-section h3 {
3453            font-size: 20px;
3454            margin-bottom: 10px;
3455        }
3456
3457        .terms-content-section h4 {
3458            font-size: 16px;
3459        }
3460
3461        .terms-content-section strong {
3462            font-weight: 600;
3463        }
3464
3465        .back-to-top.button {
3466            border-color: #000000;
3467            color: #000000;
3468            background-color: #fff;
3469        }
3470
3471        .terms-page .scroll-to-bullets {
3472            right: auto;
3473            left: 50%;
3474            max-width: 1220px;
3475            width: 100%;
3476            transform: translate(-50%, 0);
3477            padding: 0 15px;
3478            top: 316px;
3479        }
3480
3481        .terms-page .scroll-to-bullets a {
3482            position: relative;
3483            width: 25%;
3484            height: 74px;
3485            font-size: 20px;
3486            font-weight: 600;
3487            margin: 0 0 20px 0;
3488            border-radius: 18px;
3489            border: none;
3490            box-shadow: none;
3491            background-color: #F3EDFE;
3492            line-height: 74px;
3493            display: flex;
3494            justify-content: space-between;
3495            padding: 0 30px;
3496        }
3497
3498        .terms-page .scroll-to-bullets a:before {
3499            content: "";
3500        }
3501
3502        .terms-page .scroll-to-bullets a[data-title="SnK Kasflo Resto"]:before {
3503            content: "Kasflo Resto";
3504        }
3505
3506        .terms-page .scroll-to-bullets a[data-title="Snk Kasflo Toko"]:before {
3507            content: "Kasflo Toko";
3508        }
3509
3510        .terms-page .scroll-to-bullets a.active {
3511            background-color: #000000;
3512            color: #fff;
3513        }
3514
3515        .terms-page .scroll-to-bullets a strong {
3516            display: inline-block;
3517            font-display: block;
3518            font-family: fl-icons !important;
3519            font-style: normal !important;
3520            font-variant: normal !important;
3521            font-weight: 400 !important;
3522            margin: 0;
3523            padding: 0;
3524            position: relative;
3525            text-transform: none !important;
3526            vertical-align: middle;
3527            font-size: 24px;
3528        }
3529
3530        .terms-page .scroll-to-bullets a strong:before {
3531            content: "\f105";
3532        }
3533
3534        .kasflo-resto-page .product-menu-item.resto-menu .icon-box-text h3 {
3535            color: #000000;
3536        }
3537
3538        .kasflo-resto-page .product-menu-item.resto-menu .icon-box-text p {
3539            color: #000000;
3540        }
3541
3542        .kasflo-toko-page .product-menu-item.toko-menu .icon-box-text h3 {
3543            color: #000000;
3544        }
3545
3546        .kasflo-toko-page .product-menu-item.toko-menu .icon-box-text p {
3547            color: #000000;
3548        }
3549
3550        .saboxplugin-wrap {
3551            background-color: rgb(255 255 255 / 50%);
3552            border-radius: 8px;
3553        }
3554
3555        .saboxplugin-wrap .saboxplugin-gravatar img {
3556            border-radius: 50%;
3557            width: 72px;
3558        }
3559
3560        .saboxplugin-wrap .saboxplugin-authorname a {
3561            pointer-events: none;
3562            color: #333;
3563            font-weight: 500;
3564            font-size: 16px;
3565        }
3566
3567        .blog-single h2 {
3568            font-size: 24px;
3569            margin-bottom: 20px;
3570        }
3571
3572        .blog-single h3 {
3573            font-size: 18px;
3574        }
3575
3576        .hero-cta-item .cta-item {
3577            align-items: center;
3578            border: solid 2px #000000;
3579            border-radius: 12px;
3580            height: 80px;
3581            padding: 0 16px;
3582        }
3583
3584        .hero-cta-item .cta-gform {
3585            background-color: #000000;
3586        }
3587
3588        .cta-item .title-text h4 {
3589            margin-bottom: 0;
3590            line-height: normal;
3591            color: #000000;
3592        }
3593
3594        .cta-gform .title-text h4 {
3595            color: #fff;
3596        }
3597
3598        .cta-item .desc-text p {
3599            font-size: 12px;
3600            color: #000000;
3601        }
3602
3603        .cta-gform .desc-text p {
3604            color: #fff;
3605            font-size: 14px;
3606        }
3607
3608        .cta-gform .title-text {
3609            display: flex;
3610            align-items: center;
3611        }
3612
3613        .cta-gform .title-text p {
3614            font-size: 12px;
3615            text-transform: uppercase;
3616            color: #000000;
3617            background-color: #fff;
3618            line-height: normal;
3619            padding: 2px 10px;
3620            font-weight: 600;
3621            border-radius: 99px;
3622            white-space: nowrap;
3623            margin-left: 8px;
3624        }
3625
3626        .hero-cta-item .cta-item img {
3627            padding-top: 0;
3628        }
3629
3630        .hero-cta-item .cta-item .icon-box-text {
3631            padding-left: 14px !important;
3632        }
3633
3634        .cta-gform .desc-text {
3635            position: relative;
3636            display: inline-flex;
3637            align-items: center;
3638            border-bottom: dashed 1px #fff;
3639            top: -1px;
3640        }
3641
3642        .cta-gform .desc-text:after {
3643            content: "";
3644            display: block;
3645            position: relative;
3646            background-image: url(https://kasflo.id/wp-content/uploads/2024/07/arrow-right.png);
3647            width: 12px;
3648            height: 10px;
3649            background-repeat: no-repeat;
3650            background-position: center;
3651            background-size: contain;
3652            margin-left: 6px;
3653            top: 1px;
3654        }
3655
3656        .hero-cta-item {
3657            display: block;
3658        }
3659
3660        .li-check-mark ul li.bullet-checkmark:before {
3661            background-color: #00C20A;
3662            color: #fff;
3663            width: 16px;
3664            height: 16px;
3665            min-width: unset;
3666            line-height: 16px;
3667            text-align: center;
3668            font-size: 12px;
3669            border-radius: 2px;
3670            top: 11px;
3671        }
3672
3673        .li-check-mark.size-lg ul li.bullet-checkmark:before {
3674            width: 20px;
3675            height: 20px;
3676            line-height: 20px;
3677            font-size: 14px;
3678            border-radius: 3px;
3679            top: 13px;
3680        }
3681
3682        .li-check-mark.size-lg ul li.bullet-checkmark {
3683            padding-left: 28px;
3684        }
3685
3686        .li-check-mark ul li.bullet-checkmark {
3687            border: none;
3688        }
3689
3690        .is-small.main-button {
3691            font-size: 16px;
3692            padding: 0 24px;
3693        }
3694
3695        .li-check-mark ul {
3696            padding-left: 0;
3697        }
3698
3699        .product-logo .image-cover img {
3700            object-fit: contain;
3701            object-position: center;
3702        }
3703
3704        .main-button .icon-angle-right {
3705            font-size: 0;
3706            background-position: center;
3707            background-size: contain;
3708            background-repeat: no-repeat;
3709            width: 21px;
3710            height: 20px;
3711        }
3712
3713        .white.main-button .icon-angle-right {
3714            background-image: url(https://kasflo.id/wp-content/uploads/2024/07/arrow-upper-right-white.png);
3715        }
3716
3717        .secondary.main-button .icon-angle-right {
3718            background-image: url(https://kasflo.id/wp-content/uploads/2024/07/arrow-upper-right-dark.png);
3719        }
3720
3721        .ads-hero-image,
3722        .ads-hero-image .img-inner,
3723        .ads-hero-image img {
3724            height: 100%;
3725        }
3726
3727        .ads-hero-image img {
3728            object-fit: cover;
3729            object-position: left;
3730        }
3731
3732        .resto-card>.col>.col-inner {
3733            background-image: url(https://kasflo.id/wp-content/uploads/2024/07/patten-1-sm.png);
3734            background-repeat: no-repeat;
3735            background-position: right;
3736            background-size: 82% 100%;
3737        }
3738
3739        .toko-card>.col>.col-inner {
3740            background-image: url(https://kasflo.id/wp-content/uploads/2024/07/patten-2-sm.png);
3741            background-repeat: no-repeat;
3742            background-size: 88% 100%;
3743            background-position: right;
3744        }
3745
3746        .cta-card>.col>.col-inner {
3747            background-image: url(https://kasflo.id/wp-content/uploads/2024/07/patten-3-sm.png);
3748            background-repeat: no-repeat;
3749            background-size: 88% 100%;
3750            background-position: right;
3751        }
3752
3753        .resto-dropdown-wrapper .accordion-inner {
3754            position: absolute;
3755            background-color: #fff;
3756            -webkit-box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.2);
3757            -moz-box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.2);
3758            box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.2);
3759            border-radius: 12px;
3760            top: 104px;
3761            width: auto;
3762            padding: 0;
3763        }
3764
3765        .resto-dropdown-wrapper {
3766            position: relative;
3767            z-index: 2;
3768        }
3769
3770        .resto-dropdown-wrapper.bisnis-dropdown {
3771            z-index: 1;
3772        }
3773
3774        .resto-dropdown-wrapper .accordion-title {
3775            background-color: #000000;
3776            border-radius: 12px;
3777            color: #fff;
3778            padding: 15px 46px 15px 76px;
3779            font-size: 16px;
3780            font-weight: 600;
3781            border: none;
3782            line-height: normal;
3783        }
3784
3785        .resto-dropdown-wrapper .accordion-title:before {
3786            content: "";
3787            display: block;
3788            position: absolute;
3789            width: 44px;
3790            height: 44px;
3791            background-image: url(https://kasflo.id/wp-content/uploads/2024/07/logomark-kasflo-resto-white.png);
3792            background-repeat: no-repeat;
3793            background-position: center;
3794            background-size: contain;
3795            top: 50%;
3796            margin-top: -22px;
3797            left: 20px;
3798        }
3799
3800        .resto-dropdown-wrapper.bisnis-dropdown .accordion-title:before {
3801            background-image: url(https://kasflo.id/wp-content/uploads/2024/11/logo-bisnis-no-text.png);
3802        }
3803
3804        .resto-dropdown-wrapper .toggle {
3805            left: auto;
3806            right: 14px;
3807            top: 50%;
3808            transform-origin: unset;
3809            width: 24px;
3810            height: 24px;
3811            min-height: unset;
3812            border: none;
3813            margin: 0;
3814            line-height: 24px;
3815            opacity: 1;
3816            font-size: 12px;
3817            margin-top: -12px;
3818        }
3819
3820        .resto-dropdown-wrapper .toggle i {
3821            line-height: 24px;
3822            top: 0;
3823        }
3824
3825        .resto-dropdown-wrapper .accordion-title:after {
3826            content: "Kamu bisa daftar jadi merchant atau download Kasflo Resto";
3827            font-size: 12px;
3828            display: block;
3829            font-weight: 400;
3830            margin-top: 2px;
3831            line-height: 16px;
3832        }
3833
3834        .resto-dropdown-wrapper.bisnis-dropdown .accordion-title:after {
3835            content: "Kamu bisa daftar jadi merchant atau download Kasflo Bisnis";
3836        }
3837
3838        .toko-cta-wrapper {
3839            background-color: #535FB0;
3840            border-radius: 12px;
3841            padding: 15px 20px 15px 20px !important;
3842            align-items: center;
3843        }
3844
3845        .toko-cta-wrapper .icon-box-img img {
3846            padding-top: 0;
3847        }
3848
3849        .toko-cta-wrapper .icon-box-text h2 {
3850            font-size: 16px;
3851            color: #fff;
3852            line-height: normal;
3853            margin-bottom: 2px;
3854        }
3855
3856        .toko-cta-wrapper .icon-box-text p {
3857            font-size: 12px;
3858            color: #fff;
3859            line-height: 16px;
3860        }
3861
3862        .toko-cta-wrapper .icon-box-text {
3863            padding-left: 12px !important;
3864        }
3865
3866        .resto-dropdown-wrapper .accordion-inner .icon-box {
3867            padding: 16px 18px;
3868            align-items: center;
3869            flex-wrap: nowrap;
3870        }
3871
3872        .resto-dropdown-wrapper .accordion-inner .icon-box-img img {
3873            padding-top: 0;
3874        }
3875
3876        .resto-dropdown-wrapper .accordion-inner .icon-box-text {
3877            padding-left: 12px !important;
3878        }
3879
3880        .resto-dropdown-wrapper .accordion-inner .icon-box-text h5 {
3881            font-size: 16px;
3882            white-space: nowrap;
3883        }
3884
3885        .sales-cta-wrapper {
3886            border: solid 1px #E0E0E0;
3887            border-radius: 12px;
3888            padding: 16px 20px;
3889            background-color: #FFF4EA;
3890        }
3891
3892        .sales-cta-wrapper .icon-box {
3893            align-items: center;
3894        }
3895
3896        .sales-cta-wrapper .icon-box-img img {
3897            padding-top: 0;
3898        }
3899
3900        .sales-cta-wrapper .icon-box-text {
3901            padding-left: 12px !important;
3902        }
3903
3904        .sales-cta-wrapper .icon-box-text h2 {
3905            font-size: 16px;
3906            line-height: normal;
3907            margin-bottom: 2px;
3908        }
3909
3910        .sales-cta-wrapper .icon-box-text p {
3911            font-size: 12px;
3912            line-height: 16px;
3913        }
3914
3915        .sales-cta-wrapper .hero-wa-button {
3916            margin: 0;
3917            background-color: #50C62C;
3918            font-size: 14px;
3919            font-weight: 600;
3920            letter-spacing: normal;
3921            height: 44px;
3922            line-height: 44px;
3923            border: none;
3924            padding: 0 16px;
3925            white-space: nowrap;
3926        }
3927
3928        .sales-cta-wrapper .hero-wa-button i {
3929            margin-left: 0;
3930            margin-right: 6px;
3931            top: -1px;
3932            font-size: 20px;
3933        }
3934
3935        .sales-cta-wrapper.cta-2 {
3936            padding: 15px 20px 15px 20px !important;
3937            align-items: center;
3938        }
3939
3940        .landing-ads-template .hero-section>.col>.col-inner {
3941            overflow: hidden;
3942        }
3943
3944        .blog-page-template .ux-relay__button {
3945            font-size: 0;
3946            font-weight: 600;
3947            text-transform: none;
3948            letter-spacing: normal;
3949            height: 58px;
3950            border-radius: 8px;
3951            border: none;
3952            line-height: 58px;
3953            padding: 0 32px;
3954            position: relative;
3955            margin: 30px 0 30px !important;
3956        }
3957
3958        .blog-page-template .ux-relay__button:before {
3959            content: "Lihat Artikel Sebelumnya";
3960            font-size: 18px;
3961        }
3962
3963        ol ol,
3964        ol ul,
3965        ul ol,
3966        ul ul {
3967            margin-left: 0;
3968        }
3969
3970        #qlwapp.qlwapp-button .qlwapp-toggle {
3971            height: 48px;
3972        }
3973
3974        #qlwapp.qlwapp-button .qlwapp-toggle .qlwapp-icon {
3975            font-size: 24px;
3976            position: relative;
3977            top: -1px;
3978        }
3979
3980        #qlwapp .qlwapp-toggle {
3981            margin-bottom: 20px !important;
3982        }
3983
3984        .landing-ads-template #qlwapp {
3985            display: none;
3986        }
3987
3988        .new-ads-cta {
3989            background-color: #000000;
3990            border-radius: 12px;
3991            padding: 23px 20px 24px;
3992            align-items: center;
3993        }
3994
3995        .new-ads-cta .icon-box-img img {
3996            padding-top: 0;
3997        }
3998
3999        .new-ads-cta .icon-box-text h4 {
4000            font-size: 16px;
4001            line-height: normal;
4002            margin-bottom: 2px;
4003            color: #fff;
4004        }
4005
4006        .new-ads-cta .icon-box-text p {
4007            font-size: 12px;
4008            line-height: 16px;
4009            color: #fff;
4010        }
4011
4012        .list-2-col ul,
4013        .list-2-col ol {
4014            column-count: 2;
4015        }
4016
4017        .landing-non-aktif #qlwapp {
4018            display: none;
4019        }
4020
4021        .single-epkb_post_type_1 .header-main .nav>.menu-item-2178>a {
4022            color: #000000 !important;
4023        }
4024
4025        .tax-epkb_post_type_1_category .header-main .nav>.menu-item-2178>a {
4026            color: #000000 !important;
4027        }
4028
4029        .text-new-features-resto ol {
4030            padding-left: 0;
4031            margin-bottom: 0;
4032        }
4033
4034        .testimonials-slider-wrapper .image-cs,
4035        .testimonials-slider-wrapper .image-cs .img-inner,
4036        .testimonials-slider-wrapper .image-cs img {
4037            height: 100%;
4038            object-fit: cover;
4039        }
4040
4041        .testimonials-slider-wrapper .icon-box-img img {
4042            padding-top: 0;
4043        }
4044
4045        .testimonials-slider-wrapper .icon-box-img {
4046            margin-bottom: 20px;
4047        }
4048
4049        .testimonials-slider-wrapper .icon-box-text h2 {
4050            margin-bottom: 0;
4051            font-size: 28px;
4052        }
4053
4054        .testimonials-slider-wrapper .icon-box-text h3 {
4055            font-size: 18px;
4056            margin-bottom: 10px;
4057        }
4058
4059        .custom-guide-listing .col-inner {
4060            border-radius: 12px;
4061            padding: 24px 30px;
4062            -webkit-box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25);
4063            -moz-box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25);
4064            box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25);
4065            background-color: #fff;
4066        }
4067
4068        .custom-guide-listing h3 a {
4069            color: #333;
4070            display: block;
4071            transition: color .2s;
4072        }
4073
4074        .custom-guide-listing h3 {
4075            line-height: normal;
4076            text-wrap: wrap;
4077            font-size: 18px;
4078            margin-bottom: 12px;
4079        }
4080
4081        .custom-guide-listing h3 a:hover {
4082            color: #000000;
4083        }
4084
4085        .custom-guide-listing .guide-excerpt p {
4086            margin-bottom: 0;
4087            line-height: normal;
4088        }
4089
4090        .custom-guide-listing .category-name {
4091            display: none;
4092        }
4093
4094        .video-testi-wrapper .col-inner {
4095            overflow: hidden;
4096        }
4097
4098        .custom-guide-listing .featured-image img {
4099            width: 96px;
4100        }
4101
4102        .custom-guide-listing .featured-image {
4103            margin-bottom: 24px;
4104        }
4105
4106        .header-nav-main .products-main-menu.active>a {
4107            color: #4f4f4f !important;
4108        }
4109
4110        .guide-item-wrap {
4111            border: solid 1px #E4E4F7;
4112            display: block;
4113            border-radius: 16px;
4114            padding: 24px 32px 28px;
4115            margin: 10px;
4116            background-color: #faf7ff;
4117        }
4118
4119        .guide-item-wrap .featured-image {
4120            width: 78px;
4121            margin-bottom: 16px;
4122        }
4123
4124        .guide-item-wrap h3 {
4125            font-size: 18px;
4126            color: #333;
4127            line-height: 26px;
4128            margin-bottom: 8px;
4129            transition: color .2s;
4130        }
4131
4132        .guide-item-wrap .guide-excerpt p {
4133            color: #333;
4134            margin-bottom: 0;
4135            font-size: 14px;
4136            line-height: 22px;
4137            display: -webkit-box;
4138            -webkit-line-clamp: 3;
4139            -webkit-box-orient: vertical;
4140            overflow: hidden;
4141        }
4142
4143        .guide-item-wrap:hover h3 {
4144            color: #d5a319;
4145        }
4146
4147        .header-main .nav>li.html.header-button-2 {
4148            margin-right: 5px;
4149        }
4150
4151        .header-main .nav>li.html.header-button-1 {
4152            margin-left: 5px;
4153        }
4154
4155        .product-features-wrapper ul {
4156            list-style: none;
4157            padding-left: 0;
4158            margin-bottom: 0;
4159            display: flex;
4160            flex-wrap: wrap;
4161            justify-content: center;
4162            gap: 24px;
4163        }
4164
4165        .product-features-wrapper ul li {
4166            display: block;
4167            margin: 0;
4168            background-color: #F7F3FF;
4169            border: solid 2px #E6DAFF;
4170            font-size: 24px;
4171            font-weight: 500;
4172            color: #feb923;
4173            border-radius: 8px;
4174            line-height: 36px;
4175            padding: 16px 20px;
4176        }
4177
4178        .affiliates-banner-wrap {
4179            border-radius: 14px;
4180            overflow: hidden;
4181        }
4182
4183        .affiliates-banner-wrap h2 {
4184            font-size: 36px;
4185            line-height: 48px;
4186            margin-top: 0;
4187            margin-bottom: 20px;
4188        }
4189
4190        .affiliates-banner-wrap p {
4191            font-size: 18px;
4192            line-height: 26px;
4193            margin-top: 0;
4194            margin-bottom: 40px;
4195        }
4196
4197        .white.main-button {
4198            border-color: #fff;
4199            color: #000000 !important;
4200        }
4201
4202        .affiliates-banner-wrap .main-button {
4203            margin: 0;
4204        }
4205
4206        .sidebar-menu .menu-item-level-2 .sub-menu {
4207            display: none;
4208            /* Sub-menu tersembunyi secara default */
4209        }
4210
4211        .header-nav-main>li>.nav-dropdown {
4212            display: flex;
4213        }
4214
4215        .header-nav-main>li>.nav-dropdown>li.nav-dropdown-col {
4216            display: block;
4217            width: auto;
4218            border: solid 1px #F2F2F2;
4219            border-radius: 10px;
4220            margin-left: 20px;
4221            padding: 14px;
4222        }
4223
4224        .header-nav-main>li>.nav-dropdown>li.nav-dropdown-col p {
4225            border: none;
4226            margin: 0;
4227            padding: 5px 0;
4228            font-size: 14px;
4229            color: #333333;
4230        }
4231
4232        .header-nav-main>li>.nav-dropdown>li.nav-dropdown-col>a {
4233            font-size: 16px;
4234            font-weight: 600;
4235            text-transform: none;
4236            letter-spacing: normal;
4237            position: relative;
4238            display: flex;
4239            align-items: center;
4240            padding-top: 0;
4241        }
4242
4243        .header-nav-main>li>.nav-dropdown>li.nav-dropdown-col .button-more a {
4244            color: #d59919;
4245            font-weight: 500;
4246            font-size: 12px;
4247            background-color: #F7F3FF;
4248            border: solid 1px #d59919 !important;
4249            line-height: 18px;
4250            padding: 8px 12px;
4251            border-radius: 6px;
4252            text-align: center;
4253            margin-top: 12px;
4254            margin-left: 0;
4255        }
4256
4257        .header-nav-main>li>.nav-dropdown>li.menu-nav-resto>a {
4258            color: #fed051;
4259        }
4260
4261        .header-nav-main>li>.nav-dropdown>li.menu-nav-toko>a {
4262            color: #b08853;
4263        }
4264
4265        .header-nav-main>li>.nav-dropdown>li.menu-nav-bisnis>a {
4266            color: #fbff0e;
4267        }
4268
4269        .header-nav-main>li>.nav-dropdown>li.nav-dropdown-col>a:before {
4270            content: "";
4271            display: block;
4272            position: relative;
4273            width: 24px;
4274            height: 24px;
4275            background-repeat: no-repeat;
4276            background-position: center;
4277            background-size: contain;
4278            margin-right: 10px;
4279        }
4280
4281        .header-nav-main>li>.nav-dropdown>li.menu-nav-resto>a:before {
4282            background-image: url(https://kasflo.id/wp-content/uploads/2024/11/logo-mark-resto.png);
4283        }
4284
4285        .header-nav-main>li>.nav-dropdown>li.nav-dropdown-col .nav-column {
4286            margin-top: 8px;
4287        }
4288
4289        .header-nav-main>li>.nav-dropdown>li.menu-nav-toko>a:before {
4290            background-image: url(https://kasflo.id/wp-content/uploads/2024/11/logo-mark-toko.png);
4291        }
4292
4293        .header-nav-main>li>.nav-dropdown>li.menu-nav-bisnis>a:before {
4294            background-image: url(https://kasflo.id/wp-content/uploads/2024/11/logo-mark-bisnis.png);
4295        }
4296
4297        .arrow-left .img:after {
4298            content: "";
4299            display: block;
4300            position: absolute;
4301            width: 50px;
4302            height: 40px;
4303            background-image: url(https://kasflo.id/wp-content/uploads/2024/06/Connector-line.svg);
4304            background-size: contain;
4305            background-repeat: no-repeat;
4306            background-position: center;
4307            left: -55px;
4308            top: 50%;
4309            margin-top: -20px;
4310            transform: rotate(180deg);
4311        }
4312
4313        .news-video-section .banner-inner {
4314            border-radius: 12px;
4315            overflow: hidden;
4316        }
4317
4318        .video-guide-section h3 {
4319            color: #4F4F4F;
4320            margin-bottom: 18px;
4321        }
4322
4323        .video-guide-section .banner-inner {
4324            border-radius: 12px;
4325            overflow: hidden;
4326        }
4327
4328        .video-guide-section .slider .flickity-slider>.row {
4329            opacity: 1;
4330        }
4331
4332        .video-guide-section .slider .row p {
4333            font-size: 14px;
4334            color: #434366;
4335            line-height: 1.5;
4336            margin-top: 14px;
4337            margin-bottom: 0;
4338            overflow: hidden;
4339            display: -webkit-box;
4340            -webkit-line-clamp: 2;
4341            -webkit-box-orient: vertical;
4342            min-height: 42px;
4343        }
4344
4345        .video-guide-section .slider .flickity-prev-next-button {
4346            bottom: auto;
4347            top: 60px;
4348            background-color: #ADADD6;
4349            width: 36px;
4350            height: 36px;
4351            border-radius: 50%;
4352            color: #fff;
4353            opacity: 1;
4354            min-height: auto;
4355            line-height: normal;
4356        }
4357
4358        .video-guide-section .slider .flickity-prev-next-button svg {
4359            padding: 32%;
4360        }
4361
4362        .video-guide-section .slider .flickity-prev-next-button.previous {
4363            left: -12px;
4364        }
4365
4366        .video-guide-section .slider .flickity-prev-next-button.next {
4367            right: -12px;
4368        }
4369
4370        .home-seo-text h2 {
4371            font-size: 16px;
4372            line-height: 24px;
4373            margin-bottom: 8px;
4374            margin-top: 12px;
4375        }
4376
4377        .home-seo-text p,
4378        .home-seo-text li {
4379            font-size: 12px;
4380            margin-bottom: 8px;
4381            line-height: 18px;
4382        }
4383
4384        .home-seo-text ol,
4385        .home-seo-text ul {
4386            padding-left: 0;
4387        }
4388
4389        ol.bold-number {
4390            list-style: none;
4391            counter-reset: my-awesome-counter;
4392        }
4393
4394        ol.bold-number li {
4395            counter-increment: my-awesome-counter;
4396        }
4397
4398        ol.bold-number li:before {
4399            content: counter(my-awesome-counter) ". ";
4400            font-weight: 600;
4401            position: absolute;
4402            left: 0;
4403        }
4404
4405        .merchant-logo-slider .flickity-slider>.ux-logo {
4406            width: 190px !important;
4407        }
4408
4409        .merchant-logo-slider .ux-logo .ux-logo-link {
4410            padding: 0 20px !important;
4411        }
4412
4413        .merchant-logo-slider .ux-logo .ux-logo-image {
4414            width: 160px;
4415            max-width: unset;
4416        }
4417
4418        #pum_popup_title_4263 {
4419            margin-bottom: 30px;
4420        }
4421
4422        .consultation-buttons-wrap .button {
4423            background-color: #50C62C;
4424            height: 48px;
4425            line-height: 48px;
4426            font-weight: 600;
4427        }
4428
4429        #popmake-4263 .pum-content+.pum-close,
4430        #pum-4263 .pum-content+.pum-close {
4431            right: 10px;
4432            top: 10px;
4433        }
4434
4435        .consultation-buttons-wrap .button i {
4436            font-size: 20px;
4437            top: -2px;
4438        }
4439
4440        .single-post .entry-content a.secondary.button {
4441            height: 54px;
4442            line-height: 50px;
4443            border: 2px solid #000000;
4444            font-size: 18px;
4445            font-weight: 600;
4446            letter-spacing: normal;
4447            padding: 0 32px;
4448            color: #000000;
4449            background: transparent;
4450            border-radius: 10px;
4451            text-transform: none;
4452        }
4453
4454        .single-post .entry-content a.secondary.button:hover {
4455            background: #000000;
4456            color: #fff;
4457        }
4458
4459        .single-post .entry-content blockquote {
4460            font-size: 14px;
4461            padding-left: 12px;
4462            font-style: normal;
4463        }
4464
4465        .single-post .entry-content blockquote a {
4466            text-decoration: underline;
4467        }
4468
4469        .pricing-tabs-wrapper .nav>li>a {
4470            height: 46px;
4471            line-height: 46px;
4472            padding: 0 18px 0 8px;
4473            font-size: 16px;
4474            font-weight: 400;
4475            color: #4F4F4F;
4476            background-color: #F2F2F2;
4477            position: relative;
4478        }
4479
4480        .pricing-tabs-wrapper>.nav {
4481            gap: 12px;
4482        }
4483
4484        .pricing-tabs-wrapper .nav>
4484li.active>a {
4485            background-color: #000000;
4486            color: #fff;
4487            font-weight: 600;
4488        }
4489
4490        .pricing-tabs-wrapper .nav>li#tab-harga-tahunan>a:after {
4491            content: "LEBIH HEMAT";
4492            font-size: 10px;
4493            font-weight: 600;
4494            background-color: #FE346E;
4495            color: #fff;
4496            height: 22px;
4497            line-height: 22px;
4498            border-radius: 99px;
4499            padding: 0 8px;
4500            margin-left: 2px;
4501            position: relative;
4502            left: 8px;
4503            letter-spacing: 0.1rem;
4504        }
4505
4506        .pricing-tabs-wrapper h3 {
4507            font-size: 20px;
4508            line-height: 30px;
4509            margin-bottom: 8px;
4510        }
4511
4512        .pricing-tabs-wrapper p {
4513            font-size: 14px;
4514            line-height: 20px;
4515            margin-bottom: 0;
4516        }
4517
4518        .text-price h2 {
4519            font-size: 28px;
4520            margin-bottom: 0;
4521            line-height: 42px;
4522        }
4523
4524        .text-price:not(.free-price) h2:after {
4525            content: "";
4526            font-size: 14px;
4527            color: #6F6C90;
4528            font-weight: 400;
4529            display: inline-block;
4530            margin-left: 4px;
4531            position: relative;
4532            top: -4px;
4533        }
4534
4535        #tab_harga-bulanan .text-price:not(.free-price) h2:after {
4536            content: "/Bulan";
4537        }
4538
4539        #tab_harga-tahunan .text-price:not(.free-price) h2:after {
4540            content: "/Tahun";
4541        }
4542
4543        .pricing-items-wrap .is-outline.main-button {
4544            color: #352B50;
4545            border: solid 1px #352B50;
4546            background-color: #fff;
4547        }
4548
4549        .pricing-items-wrap .is-outline.main-button:hover {
4550            color: #fff;
4551            background-color: #352B50;
4552        }
4553
4554        .pricing-items-wrap .main-button {
4555            margin: 0;
4556            font-size: 16px;
4557            font-weight: 500;
4558            height: 48px;
4559            line-height: 46px;
4560            border-width: 1px;
4561        }
4562
4563        .pricing-tabs-wrapper .tab-panels {
4564            padding-top: 30px;
4565        }
4566
4567        .text-price p {
4568            font-size: 16px;
4569            line-height: 22px;
4570            margin-top: 8px;
4571        }
4572
4573        .text-price p del {
4574            color: #6F6C90;
4575        }
4576
4577        .text-price p strong {
4578            font-size: 10px;
4579            background-color: #FE346E;
4580            color: #fff;
4581            padding: 0 8px;
4582            border-radius: 99px;
4583            height: 22px;
4584            display: inline-block;
4585            line-height: 22px;
4586            position: relative;
4587            top: -2px;
4588        }
4589
4590        #tab_harga-tahunan .pricing-items-wrap .main-button {
4591            position: absolute;
4592            bottom: 20px;
4593            left: 20px;
4594            width: calc(100% - 40px) !important;
4595        }
4596
4597        .ninja_table_wrapper .nt_edit_link {
4598            display: none;
4599        }
4600
4601        .features-comparison-table th {
4602            background-color: #F3EDFE;
4603            color: #1A1A38;
4604            font-size: 22px;
4605            font-weight: 600;
4606            text-transform: none;
4607            letter-spacing: normal;
4608            padding: 12px 24px !important;
4609            border-bottom: none !important;
4610            pointer-events: none;
4611        }
4612
4613        .features-comparison-table thead>tr>th:first-child {
4614            border-top-left-radius: 12px;
4615            border-bottom-left-radius: 12px;
4616        }
4617
4618        .features-comparison-table thead>tr>th:last-child {
4619            border-top-right-radius: 12px;
4620            border-bottom-right-radius: 12px;
4621        }
4622
4623        .features-comparison-table th .fooicon.fooicon-sort {
4624            display: none;
4625        }
4626
4627        .features-comparison-table th.ninja_column_0 {
4628            width: 32%;
4629        }
4630
4631        .features-comparison-table th.ninja_column_1,
4632        .features-comparison-table th.ninja_column_2,
4633        .features-comparison-table th.ninja_column_3,
4634        .features-comparison-table th.ninja_column_4 {
4635            width: 17%;
4636        }
4637
4638        .features-comparison-table td {
4639            font-size: 18px !important;
4640            padding: 12px 24px !important;
4641            border-bottom: solid 1px #E0E0E0 !important;
4642        }
4643
4644        .features-comparison-table .mark-img {
4645            width: 40px;
4646        }
4647
4648        .features-comparison-table td:not(.ninja_column_0) {
4649            text-align: center;
4650        }
4651
4652        .features-comparison-table th:not(.ninja_column_0) {
4653            text-align: center;
4654        }
4655
4656        .features-comparison-table {
4657            table-layout: fixed !important;
4658        }
4659
4660        .pricing-tabs-wrapper .nav>
4660li#tab-lifetime>a:after {
4661            content: "LEBIH HEMAT";
4662            font-size: 10px;
4663            font-weight: 600;
4664            background-color: #FE346E;
4665            color: #fff;
4666            height: 22px;
4667            line-height: 22px;
4668            border-radius: 99px;
4669            padding: 0 8px;
4670            margin-left: 2px;
4671            position: relative;
4672            left: 8px;
4673            letter-spacing: 0.1em;
4674        }
4675
4676        .highlighted-col .col-inner:before {
4677            content: "Popular";
4678            position: absolute;
4679            font-size: 16px;
4680            font-weight: 500;
4681            background-color: #000000;
4682            color: #fff;
4683            top: 0;
4684            right: 0;
4685            line-height: 24px;
4686            padding: 4px 10px;
4687            border-top-right-radius: 8px;
4688            border-bottom-left-radius: 8px;
4689        }
4690
4691        #tab_lifetime .text-price:not(.free-price) h2:after {
4692            content: "/ 1 Cabang";
4693        }
4694
4695        .features-comparison-wrapper.collapsed {
4696            max-height: 600px;
4697            overflow: hidden;
4698            position: relative;
4699        }
4700
4701        .features-comparison-wrapper.collapsed::after {
4702            content: "";
4703            position: absolute;
4704            bottom: 0;
4705            left: 0;
4706            width: 100%;
4707            height: 250px;
4708            background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
4709        }
4710
4711        .main-button.show-hide-button {
4712            border-radius: 8px;
4713        }
4714
4715        .pricing-tabs-wrapper .nav>li>a:before {
4716            content: "";
4717            display: block;
4718            width: 30px;
4719            height: 30px;
4720            background-position: center;
4721            background-repeat: no-repeat;
4722            background-size: contain;
4723            margin-right: 10px;
4724        }
4725
4726        .pricing-tabs-wrapper .nav>li#tab-kasflo-resto.active>a:before {
4727            background-image: url(https://kasflo.id/wp-content/uploads/2025/09/logo-resto-active.png);
4728        }
4729
4730        .pricing-tabs-wrapper .nav>li#tab-kasflo-resto:not(.active)>a:before {
4731            background-image: url(https://kasflo.id/wp-content/uploads/2025/09/logo-resto-inactive.png);
4732        }
4733
4734        .pricing-tabs-wrapper .nav:hover>li:not(:hover)>a:before {
4735            opacity: 1;
4736        }
4737
4738        .pricing-tabs-wrapper .nav>li#tab-kasflo-bisnis:not(.active)>a:before {
4739            background-image: url(https://kasflo.id/wp-content/uploads/2025/09/logo-bisnis-inactive.png);
4740        }
4741
4742        .pricing-tabs-wrapper .nav>li#tab-kasflo-bisnis.active>a:before {
4743            background-image: url(https://kasflo.id/wp-content/uploads/2025/09/logo-bisnis-active.png);
4744        }
4745
4746        .pricing-title h2 {
4747            font-size: 20px;
4748            margin-bottom: 0;
4749        }
4750
4751        .pricing-tabs-wrapper .pricing-title p {
4752            font-size: 18px;
4753            color: #6F6C90;
4754            margin-top: 16px;
4755        }
4756
4757        .pricing-title {
4758            min-height: 62px;
4759            margin-bottom: 16px;
4760        }
4761
4762        .pricing-tabs-wrapper .text-price h3 {
4763            font-size: 24px;
4764            color: #1A1A38;
4765        }
4766
4767        .pricing-tabs-wrapper .text-price h3 strong {
4768            font-size: 16px;
4769            font-weight: 400;
4770            color: #6F6C90;
4771            margin-left: 4px;
4772            position: relative;
4773            top: -2px;
4774        }
4775
4776        .pricing-tabs-wrapper .nav>li#tab-kasflo-bisnis.active>a {
4777            background-color: #0E89FF;
4778        }
4779
4780        #tab_kasflo-bisnis .highlighted-col .col-inner:before {
4781            background-color: #0E89FF;
4782        }
4783
4784        #tab_kasflo-bisnis .main-button:not(.is-outline) {
4785            background-color: #0E89FF;
4786            border-color: #0E89FF;
4787        }
4788
4789        .pricing-tabs-wrapper.new-tabs .nav>li>a:before {
4790            width: 0;
4791            margin-right: 0;
4792        }
4793
4794        .pricing-tabs-wrapper.new-tabs .nav>li>a {
4795            padding: 0 24px;
4796        }
4797
4798        .header-nav-main>li.simple-dropdown>.nav-dropdown {
4799            display: table;
4800            min-width: 290px;
4801        }
4802
4803        .header-nav-main>li>.nav-dropdown>li>a {
4804            color: #4F4F4F;
4805        }
4806
4807        .header-nav-main>li>.nav-dropdown>li.active>a {
4808            font-weight: 500;
4809            color: #d57d19;
4810        }
4811
4812        /* Custom CSS Tablet */
4813        @media (max-width: 849px) {
4814            p {
4815                font-size: 14px;
4816            }
4817
4818            li {
4819                font-size: 14px;
4820            }
4821
4822            .header-cta-wrapper .button {
4823                font-size: 14px;
4824                height: 42px;
4825                line-height: 40px;
4826                padding: 0 18px;
4827            }
4828
4829            .header-cta-wrapper .cta-dropdown-content {
4830                right: 0;
4831            }
4832
4833            .mobile-nav>li>a>i {
4834                color: #333;
4835                font-size: 1.5em !important;
4836            }
4837
4838            .mobile-sidebar-logo {
4839                width: 110px !important;
4840                margin: 0 0 30px 24px;
4841            }
4842
4843            .mobile-menu-items-wrap .icon-box {
4844                align-items: center;
4845                padding: 8px 24px;
4846            }
4847
4848            .mobile-menu-items-wrap .icon-box-img img {
4849                padding-top: 0;
4850            }
4851
4852            .mobile-menu-items-wrap .icon-box-text p {
4853                font-size: 14px;
4854                font-weight: 400;
4855                color: #4F4F4F;
4856            }
4857
4858            .mobile-menu-items-wrap .icon-box-text {
4859                padding-left: 12px !important;
4860            }
4861
4862            .home .mobile-sidebar-logo.resto-logo,
4863            .home .mobile-sidebar-logo.toko-logo {
4864                display: none;
4865            }
4866
4867            .kasflo-resto-page .mobile-sidebar-logo.main-logo,
4868            .kasflo-resto-page .mobile-sidebar-logo.toko-logo {
4869                display: none;
4870            }
4871
4872            .kasflo-toko-page .mobile-sidebar-logo.main-logo,
4873            .kasflo-toko-page .mobile-sidebar-logo.resto-logo {
4874                display: none;
4875            }
4876
4877            .single-post .mobile-sidebar-logo.resto-logo,
4878            .single-post .mobile-sidebar-logo.toko-logo {
4879                display: none;
4880            }
4881
4882            .blog-page-template .mobile-sidebar-logo.resto-logo,
4883            .blog-page-template .mobile-sidebar-logo.toko-logo {
4884                display: none;
4885            }
4886
4887            .sidebar-menu .header-block-block-1 {
4888                width: 100%;
4889            }
4890
4891            .home .mobile-menu-items-wrap .home-menu-item {
4892                background-color: #F3EDFE;
4893            }
4894
4895            .home .mobile-menu-items-wrap .home-menu-item p {
4896                font-weight: 600;
4897                color: #000000;
4898            }
4899
4900            .kasflo-resto-page .mobile-menu-items-wrap .resto-menu-item {
4901                background-color: #F3EDFE;
4902            }
4903
4904            .kasflo-resto-page .mobile-menu-items-wrap .resto-menu-item p {
4905                font-weight: 600;
4906                color: #000000;
4907            }
4908
4909            .kasflo-toko-page .mobile-menu-items-wrap .toko-menu-item {
4910                background-color: #F3EDFE;
4911            }
4912
4913            .kasflo-toko-page .mobile-menu-items-wrap .toko-menu-item p {
4914                font-weight: 600;
4915                color: #000000;
4916            }
4917
4918            .blog-page-template .mobile-menu-items-wrap .blog-menu-item {
4919                background-color: #F3EDFE;
4920            }
4921
4922            .blog-page-template .mobile-menu-items-wrap .blog-menu-item p {
4923                font-weight: 600;
4924                color: #000000;
4925            }
4926
4927            #logo {
4928                width: 100px;
4929                margin-left: 20px;
4930            }
4931
4932            .header-main {
4933                height: 60px;
4934            }
4935
4936            .stuck .header-main {
4937                height: 60px !important;
4938            }
4939
4940            .header-button .button span {
4941                white-space: nowrap;
4942            }
4943
4944            .header-button .button {
4945                height: 38px;
4946                line-height: 36px;
4947                font-size: 14px;
4948                font-weight: 600;
4949                padding: 0 14px;
4950            }
4951
4952            .mfp-bg.off-canvas.off-canvas-left.main-menu-overlay.mfp-ready {
4953                opacity: 0.8;
4954            }
4955
4956            h1 {
4957                font-size: 16px;
4958                line-height: normal;
4959            }
4960
4961            p.lead {
4962                font-size: 16px;
4963            }
4964
4965            .home-products-section .section-bg {
4966                display: none;
4967            }
4968
4969            h2 {
4970                font-size: 20px;
4971                margin-bottom: 8px;
4972            }
4973
4974            h3 {
4975                font-size: 18px;
4976            }
4977
4978            .products-tabs .nav>li>a {
4979                white-space: nowrap;
4980                font-size: 16px;
4981                padding: 8px 20px;
4982                font-weight: 400;
4983            }
4984
4985            .product-items-wrap .icon-box-img {
4986                width: 180px !important;
4987            }
4988
4989            .product-items-wrap .icon-box-left {
4990                flex-direction: column;
4991                text-align: center;
4992            }
4993
4994            .product-items-wrap .icon-box-left .icon-box-img {
4995                margin-bottom: 1em;
4996            }
4997
4998            .product-items-wrap .icon-box-left .icon-box-text {
4999                padding-left: 0 !important;
5000            }
5001
5002            .home-about-section .section-bg {
5003                width: 100%;
5004            }
5005
5006            .home-about-section .section-bg img.bg {
5007                object-position: bottom;
5008            }
5009
5010            .home-about-section {
5011                min-height: unset !important;
5012                padding-top: 230px !important;
5013            }
5014
5015            .home-about-section .row .col-inner {
5016                background-color: rgb(255 255 255 / 85%);
5017                padding: 15px 20px 1px;
5018            }
5019
5020            .image-cs img {
5021                height: 200px;
5022                object-fit: cover;
5023                object-position: top;
5024            }
5025
5026            .footer-block-section .text-center {
5027                text-align: left;
5028            }
5029
5030            .footer-wrapper .absolute-footer {
5031                text-align: left !important;
5032                font-size: 12px;
5033                margin-top: -10px;
5034            }
5035
5036            .row .arrow-bottom {
5037                padding-bottom: 30px;
5038            }
5039
5040            .pum-container .pum-title {
5041                font-size: 20px;
5042                margin-bottom: 30px;
5043                font-weight: 600;
5044            }
5045
5046            button.pum-close.popmake-close {
5047                top: 10px !important;
5048                right: 6px !important;
5049            }
5050
5051            a.ecosystem-button {
5052                font-size: 16px;
5053                margin-bottom: 10px;
5054                font-size: 14px;
5055                margin-bottom: 8px;
5056                font-weight: 500;
5057                height: 52px;
5058                padding: 0 20px 0 24px !important;
5059                border-radius: 10px !important;
5060            }
5061
5062            .header-button .button {
5063                width: 100%;
5064            }
5065
5066            .off-canvas-left .mfp-content,
5067            .off-canvas-right .mfp-content {
5068                background-color: #fff;
5069            }
5070
5071            .main-button {
5072                font-size: 16px;
5073                height: 48px;
5074                line-height: 44px;
5075                border-radius: 8px !important;
5076                padding: 0 20px;
5077            }
5078
5079            .is-outline.main-button {
5080                line-height: 44px;
5081            }
5082
5083            .products-tabs .nav>li>a:hover {
5084                background-color: #000000;
5085            }
5086
5087            .benefits-row .col {
5088                padding: 0 5px 10px;
5089            }
5090
5091            .benefits-row .box-text h3 {
5092                font-size: 14px;
5093                font-weight: 500;
5094            }
5095
5096            .home-about-section p.lead {
5097                font-size: 14px;
5098            }
5099
5100            .call-cs-section p.lead {
5101                font-size: 14px;
5102            }
5103
5104            .button-cs h3 {
5105                font-size: 14px;
5106                font-weight: 500;
5107                display: inline-block;
5108                width: auto;
5109            }
5110
5111            .button-cs .icon-box-img {
5112                width: 24px !important;
5113            }
5114
5115            .button-cs .icon-box-text {
5116                padding-left: 10px !important;
5117                column-gap: 10px;
5118            }
5119
5120            .button-cs .icon-box-text p {
5121                font-size: 10px;
5122                font-weight: 400;
5123                height: 16px;
5124                line-height: 16px;
5125                padding: 0 6px;
5126            }
5127
5128            .button-cs {
5129                padding: 10px 16px;
5130                border-radius: 8px;
5131            }
5132
5133            .footer-logo {
5134                width: 120px !important;
5135            }
5136
5137            .footer-block-section h3 {
5138                font-size: 16px;
5139                margin-bottom: 14px;
5140            }
5141
5142            .social-icons>a {
5143                font-size: 12px;
5144                width: 32px;
5145                height: 32px;
5146                min-height: unset !important;
5147                line-height: 32px !important;
5148            }
5149
5150            a.ecosystem-button i {
5151                font-size: 18px;
5152            }
5153
5154            .products-step-detail h5 {
5155                font-size: 14px;
5156                font-weight: 400;
5157            }
5158
5159            .blog-items-wrapper .post-item .post-title {
5160                font-size: 16px;
5161                margin-top: 6px;
5162                font-weight: 600;
5163            }
5164
5165            .terms-page .resto-logo,
5166            .terms-page .toko-logo {
5167                display: none;
5168            }
5169
5170            .terms-page h2 {
5171                font-size: 18px;
5172            }
5173
5174            .terms-content-section h3 {
5175                font-size: 16px;
5176            }
5177
5178            .terms-content-section h4 {
5179                font-size: 14px;
5180                font-weight: 700;
5181            }
5182
5183            .button-cs-stack {
5184                width: 230px;
5185            }
5186
5187            .hero-featured-img {
5188                padding-left: 10px;
5189            }
5190
5191            .hero-featured-img img {
5192                height: 470px;
5193                object-position: 30% 50%;
5194            }
5195
5196            .hero-section .section-content {
5197                height: 470px;
5198            }
5199
5200            .topbar-phone .icon-box-text p {
5201                font-size: 12px;
5202                line-height: normal;
5203                position: relative;
5204                top: 1px;
5205            }
5206
5207            .header-top {
5208                min-height: 34px;
5209            }
5210
5211            .topbar-phone {
5212                padding: 1px 8px;
5213            }
5214
5215            .topbar-phone .icon-box-img {
5216                width: 18px !important;
5217            }
5218
5219            .topbar-phone .icon-box-img img {
5220                padding-top: 0;
5221            }
5222
5223            .card-product {
5224                margin-left: 24px;
5225                width: calc(100% - 48px);
5226            }
5227
5228            .subbrand-page .hero-featured-img img {
5229                height: 450px;
5230            }
5231
5232            .subbrand-page .hero-section .section-content {
5233                height: 450px;
5234            }
5235
5236            .container {
5237                padding-left: 24px;
5238                padding-right: 24px;
5239            }
5240
5241            .row {
5242                padding-left: 9px;
5243                padding-right: 9px;
5244            }
5245
5246            .benefits-row {
5247                padding-left: 19px;
5248                padding-right: 19px;
5249            }
5250
5251            .row.row-collapse {
5252                padding-left: 0;
5253                padding-right: 0;
5254            }
5255
5256            .call-cs-row {
5257                margin-left: 24px;
5258                width: calc(100% - 48px);
5259            }
5260
5261            .arrow-right .img:after {
5262                width: 20px;
5263                right: -26px;
5264            }
5265
5266            .arrow-bottom:after {
5267                height: 20px;
5268                bottom: 16px;
5269            }
5270
5271            .step-self-order .arrow-right:after {
5272                width: 30px;
5273                right: -15px;
5274                top: 22%;
5275            }
5276
5277            .step-self-order .arrow-right.step-2:after {
5278                right: 5px;
5279            }
5280
5281            .step-self-order .arrow-right.step-3:after {
5282                right: -25px;
5283            }
5284
5285            .step-self-order .step-3 .col-inner {
5286                margin-top: 36px;
5287            }
5288
5289            .step-self-order .step-4 .col-inner {
5290                margin-top: 44px;
5291            }
5292
5293            .single-post .blog-wrapper {
5294                padding-top: 10px;
5295            }
5296
5297            .blog-single .entry-content {
5298                padding-bottom: 0;
5299            }
5300
5301            .blog-single img.aligncenter {
5302                display: block;
5303                margin-left: auto;
5304                margin-right: auto;
5305            }
5306
5307            .hero-cta-wrapper {
5308                max-width: 330px;
5309            }
5310
5311            .cta-item .title-text h4 {
5312                font-size: 16px;
5313            }
5314
5315            .cta-gform .desc-text p {
5316                font-size: 12px;
5317            }
5318
5319            .cta-item .icon-box-img {
5320                width: 36px !important;
5321            }
5322
5323            .cta-gform .desc-text:after {
5324                top: 0;
5325            }
5326
5327            .cta-gform .desc-text {
5328                top: -3px;
5329            }
5330
5331            .hero-cta-item .cta-item {
5332                height: 72px;
5333            }
5334
5335            .hero-cta-item .cta-item.cta-wa {
5336                height: 66px;
5337            }
5338
5339            #menu-footer-menu {
5340                padding-left: 0;
5341            }
5342
5343            #menu-footer-menu>li {
5344                font-size: 12px;
5345            }
5346
5347            .landing-ads-template .hero-section>.col {
5348                padding-bottom: 20px;
5349            }
5350
5351            .landing-ads-template .products-section>.col {
5352                padding: 0 10px 20px 10px;
5353            }
5354
5355            .landing-ads-template .products-section {
5356                padding-left: 14px;
5357                padding-right: 14px;
5358            }
5359
5360            .landing-ads-template .product-card>.col {
5361                padding-bottom: 20px;
5362            }
5363
5364            .landing-ads-template .cta-card>.col {
5365                padding-bottom: 30px;
5366            }
5367
5368            .landing-ads-template .hero-section>.col>.col-inner,
5369            .landing-ads-template .products-section>.col>.col-inner,
5370            .landing-ads-template .resto-card>.col>.col-inner,
5371            .landing-ads-template .toko-card>.col>.col-inner,
5372            .landing-ads-template .cta-card>.col>.col-inner {
5373                border-radius: 24px !important;
5374            }
5375
5376            .li-check-mark.size-lg ul li.bullet-checkmark:before {
5377                width: 16px;
5378                height: 16px;
5379                line-height: 16px;
5380                font-size: 12px;
5381                top: 10px;
5382                border-radius: 2px;
5383            }
5384
5385            .main-button .icon-angle-right {
5386                width: 15px;
5387                height: 15px;
5388            }
5389
5390            .is-small.main-button {
5391                font-size: 14px;
5392                padding: 0 18px;
5393            }
5394
5395            .hero-section.home-hero .section-content {
5396                display: block;
5397                height: auto;
5398            }
5399
5400            .home-hero .hero-featured-img {
5401                padding-left: 0;
5402                position: relative;
5403                margin-bottom: 30px;
5404            }
5405
5406            .home-hero .hero-featured-img img {
5407                height: 420px;
5408                object-position: 50% 95%;
5409            }
5410
5411            .sales-cta-wrapper {
5412                padding: 16px 20px !important;
5413            }
5414
5415            .resto-dropdown-wrapper .accordion-title {
5416                font-size: 14px;
5417                padding: 12px 46px 12px 70px;
5418            }
5419
5420            .resto-dropdown-wrapper .accordion-title:after {
5421                font-size: 11px;
5422                line-height: 14px;
5423            }
5424
5425            .resto-dropdown-wrapper .accordion-title:before {
5426                width: 38px;
5427                left: 20px;
5428            }
5429
5430            .toko-cta-wrapper .icon-box-text h2 {
5431                font-size: 14px;
5432            }
5433
5434            .toko-cta-wrapper .icon-box-text p {
5435                font-size: 11px;
5436                line-height: 14px;
5437            }
5438
5439            .toko-cta-wrapper {
5440                padding: 12px 20px !important;
5441            }
5442
5443            .sales-cta-wrapper {
5444                padding: 12px 20px !important;
5445            }
5446
5447            .sales-cta-wrapper .icon-box-text h2 {
5448                font-size: 14px;
5449            }
5450
5451            .toko-cta-wrapper .icon-box-img {
5452                width: 38px !important;
5453            }
5454
5455            .sales-cta-wrapper .icon-box-img {
5456                width: 38px !important;
5457            }
5458
5459            .sales-cta-wrapper .icon-box-text p {
5460                font-size: 11px;
5461                line-height: 14px;
5462            }
5463
5464            .resto-dropdown-wrapper .accordion-inner {
5465                top: 80px;
5466                width: 100%;
5467            }
5468
5469            .resto-dropdown-wrapper.bisnis-dropdown .accordion-inner {
5470                top: 94px;
5471            }
5472
5473            .resto-dropdown-wrapper .accordion-inner .icon-box-text h5 {
5474                font-size: 14px;
5475            }
5476
5477            .resto-dropdown-wrapper .accordion-inner .icon-box-img {
5478                width: 28px !important;
5479            }
5480
5481            .resto-dropdown-wrapper .accordion-inner .icon-box-text {
5482                padding-left: 10px !important;
5483            }
5484
5485            .ads-hero-image .img-inner {
5486                margin: 0 !important;
5487            }
5488
5489            .ads-hero-image-col {
5490                position: absolute;
5491                top: -30px;
5492                z-index: 0;
5493            }
5494
5495            .ads-hero-description-col {
5496                z-index: 1;
5497            }
5498
5499            .blog-page-template .ux-relay__button:before {
5500                font-size: 16px;
5501            }
5502
5503            .blog-page-template .ux-relay__button {
5504                height: 48px;
5505                line-height: 48px;
5506                margin: 20px 0 10px !important;
5507            }
5508
5509            #qlwapp.qlwapp-button .qlwapp-toggle {
5510                font-size: 14px;
5511                height: 40px;
5512                padding: 12px 18px;
5513            }
5514
5515            #qlwapp.qlwapp-button .qlwapp-toggle .qlwapp-icon {
5516                font-size: 18px;
5517                margin-right: 8px !important;
5518            }
5519
5520            .guide-page-template .mobile-sidebar-logo.resto-logo,
5521            .guide-page-template .mobile-sidebar-logo.toko-logo {
5522                display: none;
5523            }
5524
5525            .guide-page-template .mobile-menu-items-wrap .guide-menu-item {
5526                background-color: #F3EDFE;
5527            }
5528
5529            .eckb-front-end-body .mobile-sidebar-logo.resto-logo,
5530            .eckb-front-end-body .mobile-sidebar-logo.toko-logo {
5531                display: none;
5532            }
5533
5534            .eckb-front-end-body .mobile-menu-items-wrap .guide-menu-item {
5535                background-color: #F3EDFE;
5536            }
5537
5538            #eckb-archive-header #epkb-ml__module-search,
5539            #eckb-article-header #epkb-ml__module-search,
5540            .epkb-ml__row #epkb-ml__module-search {
5541                padding-top: 40px !important;
5542                padding-bottom: 40px !important;
5543            }
5544
5545            #eckb-archive-header #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-title,
5546            #eckb-article-header #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-title,
5547            .epkb-ml__row #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-title {
5548                font-size: 24px !important;
5549                line-height: 1.2;
5550            }
5551
5552            #eckb-archive-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box,
5553            #eckb-article-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box,
5554            .epkb-ml__row #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box {
5555                height: 46px !important;
5556            }
5557
5558            #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box .epkb-ml-search-box__input {
5559                font-size: 14px;
5560                padding: 0 20px;
5561            }
5562
5563            #eckb-archive-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form,
5564            #eckb-article-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form,
5565            .epkb-ml__row #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form {
5566                margin-top: 20px;
5567                padding: 0 100px;
5568            }
5569
5570            #eckb-archive-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box .epkb-ml-search-box__btn,
5571            #eckb-article-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box .epkb-ml-search-box__btn,
5572            .epkb-ml__row #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box .epkb-ml-search-box__btn {
5573                width: initial;
5574                font-size: 14px !important;
5575                padding: 0 16px;
5576            }
5577
5578            #epkb-modular-main-page-container #epkb-ml-tabs-layout #epkb-content-container .epkb-section-container .epkb-ml__module-categories-articles__row .epkb-top-category-box {
5579                width: 50% !important;
5580            }
5581
5582            #epkb-modular-main-page-container #epkb-ml-tabs-layout #epkb-content-container .epkb-section-container .epkb-ml__module-categories-articles__row {
5583                flex-direction: row;
5584                gap: 14px;
5585                margin-bottom: 14px;
5586            }
5587
5588            #epkb-ml__row-2 {
5589                padding-left: 24px;
5590                padding-right: 24px;
5591                margin-bottom: 0;
5592            }
5593
5594            #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-nav-tabs li {
5595                width: 50% !important;
5596                min-height: auto !important;
5597                height: 50px;
5598            }
5599
5600            #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-main-nav {
5601                padding: 4px;
5602                border-radius: 10px;
5603            }
5604
5605            #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-down-pointer .epkb-nav-tabs .active:after {
5606                top: calc(100% + 4px);
5607            }
5608
5609            #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-tab-panel {
5610                margin-top: 20px;
5611            }
5612
5613            #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .section-head .epkb-category--left-cat-icon .epkb-cat-icon--image {
5614                max-height: 36px !important;
5615                margin-right: 8px;
5616                position: relative;
5617            }
5618
5619            #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-tab-panel section .epkb-cat-name {
5620                padding-left: 0;
5621                margin-top: 0px;
5622            }
5623
5624            #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-tab-panel section .epkb-cat-name a {
5625                font-size: 18px !important;
5626                font-weight: 600;
5627            }
5628
5629            #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .section-head .epkb-cat-desc {
5630                padding-left: 0;
5631                padding-top: 8px;
5632                white-space: normal;
5633            }
5634
5635            #epkb-content-container .epkb-section-body .eckb-article-title {
5636                font-size: 14px !important;
5637            }
5638
5639            #eckb-archive-page-container #eckb-archive-header #epkb-ml__module-search,
5640            #eckb-archive-page-container #eckb-article-header #epkb-ml__module-search,
5641            #eckb-archive-page-container .epkb-ml__row #epkb-ml__module-search {
5642                padding-top: 40px !important;
5643                padding-bottom: 40px !important;
5644            }
5645
5646            #eckb-archive-page-container #eckb-archive-header #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-title,
5647            #eckb-archive-page-container #eckb-article-header #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-title,
5648            #eckb-archive-page-container .epkb-ml__row #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-title {
5649                font-size: 24px !important;
5650            }
5651
5652            #eckb-archive-page-container #eckb-archive-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form,
5653            #eckb-archive-page-container #eckb-article-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form,
5654            #eckb-archive-page-container .epkb-ml__row #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form {
5655                max-width: 60% !important;
5656            }
5657
5658            #eckb-archive-page-container #eckb-archive-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box,
5659            #eckb-archive-page-container #eckb-article-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box,
5660            #eckb-archive-page-container .epkb-ml__row #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box {
5661                height: 46px !important;
5662            }
5663
5664            #eckb-archive-page-container #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box .epkb-ml-search-box__input {
5665                font-size: 14px;
5666                padding: 0 20px;
5667            }
5668
5669            #eckb-archive-page-container #eckb-archive-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box .epkb-ml-search-box__btn,
5670            #eckb-archive-page-container #eckb-article-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box .epkb-ml-search-box__btn,
5671            #eckb-archive-page-container .epkb-ml__row #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box .epkb-ml-search-box__btn {
5672                width: initial;
5673                padding: 0 16px;
5674            }
5675
5676            #eckb-archive-page-container #eckb-archive-body {
5677                display: grid;
5678            }
5679
5680            #eckb-archive-page-container #eckb-archive-left-sidebar {
5681                grid-column-start: auto;
5682                grid-column-end: auto;
5683                padding: 40px 10px 10px 24px;
5684            }
5685
5686            #eckb-archive-page-container #eckb-archive-body {
5687                grid-template-columns: 36% 64% 0;
5688            }
5689
5690            #epkb-sidebar-container-v2 {
5691                margin-top: 0 !important;
5692            }
5693
5694            #eckb-archive-page-container #eckb-archive-content {
5695                margin-top: 0;
5696                padding: 40px 24px 0 10px;
5697            }
5698
5699            #epkb-sidebar-container-v2 .epkb-sidebar__cat-container {
5700                padding: 20px;
5701            }
5702
5703            #epkb-sidebar-container-v2 .epkb-sidebar__heading__inner .epkb-sidebar__heading__inner__name,
5704            #epkb-sidebar-container-v2 .epkb-sidebar__heading__inner .epkb-sidebar__heading__inner__cat-name,
5705            #epkb-sidebar-container-v2 .epkb-sidebar__heading__inner .epkb-sidebar__heading__inner__name>a {
5706                font-size: 16px !important;
5707                font-weight: 600;
5708            }
5709
5710            #epkb-sidebar-container-v2 .epkb-sidebar__cat-container .epkb_sidebar_expand_category_icon {
5711                font-size: 10px;
5712                padding-right: 6px;
5713            }
5714
5715            #eckb-archive-page-container a.epkb-category-level-2-3__cat-name {
5716                font-size: 14px;
5717            }
5718
5719            #eckb-archive-pag
5719e-container a.epkb-category-level-2-3__cat-name h3 {
5720                text-wrap: wrap;
5721            }
5722
5723            #epkb-sidebar-container-v2 .eckb-article-title .eckb-article-title__text {
5724                font-size: 12px !important;
5725            }
5726
5727            #epkb-sidebar-container-v2 .epkb-sidebar__cat-container .epkb-sidebar__cat__top-cat .epkb-sidebar__cat__top-cat__body-container .epkb-sidebar__body__sub-cat li ul {
5728                padding-left: 26px !important;
5729            }
5730
5731            #eckb-archive-content-header .eckb-breadcrumb-nav li {
5732                font-size: 12px !important;
5733            }
5734
5735            #eckb-archive-page-container #eckb-archive-content-header .eckb-category-archive-title-container .eckb-category-archive-title {
5736                margin: 14px 0 8px;
5737            }
5738
5739            #eckb-archive-page-container #eckb-archive-content-header .eckb-category-archive-title-container .eckb-category-archive-title-name {
5740                font-size: 20px;
5741            }
5742
5743            .eckb-breadcrumb {
5744                padding: 0 !important;
5745            }
5746
5747            #eckb-archive-page-container #eckb-archive-content-header .eckb-category-archive-description p {
5748                line-height: 1.2em;
5749            }
5750
5751            #eckb-archive-page-container #eckb-archive-content-header .eckb-category-archive-description {
5752                font-size: 14px;
5753                line-height: 1.5em;
5754            }
5755
5756            #eckb-archive-page-container #eckb-archive-content .eckb-article-list-container .eckb-article-container {
5757                border-radius: 10px;
5758                padding: 16px 20px !important;
5759            }
5760
5761            #eckb-archive-page-container #eckb-archive-content .eckb-article-list-container .eckb-article-container .epkb-article-inner .epkb-article__text {
5762                font-size: 16px;
5763            }
5764
5765            #eckb-archive-page-container #eckb-archive-content .eckb-article-list-container .eckb-article-container .eckb-article-body {
5766                font-size: 12px;
5767                line-height: 1.4;
5768                margin-top: 2px;
5769            }
5770
5771            #eckb-archive-page-container {
5772                padding-bottom: 50px;
5773            }
5774
5775            #eckb-article-content-header-row-1 {
5776                flex-direction: column !important;
5777            }
5778
5779            #eckb-article-page-container-v2 #eckb-article-body #eckb-article-content #eckb-article-content-header-v2 .eckb-article-content-header-row-right-group {
5780                justify-content: flex-start;
5781            }
5782
5783            .eckb-article-content-toolbar-button-container {
5784                padding-left: 0 !important;
5785            }
5786
5787            #eckb-article-page-container-v2 #eckb-article-content {
5788                padding-top: 40px;
5789            }
5790
5791            #eckb-article-page-container-v2 #eckb-article-body #eckb-article-content .eckb-article-toc--bmode-between .eckb-article-toc__inner {
5792                -webkit-box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25);
5793                -moz-box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25);
5794                box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25);
5795                border-bottom: none;
5796                border-radius: 8px;
5797                padding: 20px;
5798            }
5799
5800            #eckb-article-page-container-v2 .eckb-article-toc .eckb-article-toc__inner .eckb-article-toc__title {
5801                font-size: 16px !important;
5802                margin-bottom: 12px;
5803            }
5804
5805            .product-features-wrapper ul li {
5806                font-size: 16px;
5807                padding: 6px 16px;
5808            }
5809
5810            .product-features-wrapper ul {
5811                gap: 16px;
5812            }
5813
5814            .affiliates-banner-wrap h2 {
5815                font-size: 24px;
5816                line-height: 1.3;
5817                margin-bottom: 15px;
5818            }
5819
5820            .affiliates-banner-wrap p {
5821                font-size: 16px;
5822                line-height: 1.5;
5823                margin-bottom: 30px;
5824            }
5825
5826            .merchant-logo-slider .flickity-slider>.ux-logo {
5827                width: 150px !important;
5828            }
5829
5830            .merchant-logo-slider .ux-logo .ux-logo-image {
5831                width: 120px;
5832                height: 120px !important;
5833            }
5834
5835            .merchant-logo-slider .ux-logo .ux-logo-link {
5836                padding: 0 15px !important;
5837            }
5838
5839            .heading-title h2 {
5840                font-size: 24px;
5841            }
5842
5843            .features-comparison-table th {
5844                font-size: 18px;
5845            }
5846
5847            .features-comparison-table td {
5848                font-size: 14px !important;
5849            }
5850        }
5851
5852        /* Custom CSS Mobile */
5853        @media (max-width: 549px) {
5854            .header-cta-wrapper .cta-login {
5855                display: none;
5856            }
5857
5858            .hero-featured-img {
5859                padding-left: 0;
5860                position: relative;
5861                margin-bottom: 30px;
5862            }
5863
5864            .hero-featured-img img {
5865                height: auto !important;
5866            }
5867
5868            .hero-section .section-bg {
5869                width: 120px;
5870                height: 140px;
5871            }
5872
5873            .hero-section .section-content {
5874                display: block;
5875                height: auto;
5876            }
5877
5878            .subbrand-page .hero-section .section-content {
5879                height: auto;
5880            }
5881
5882            #top-bar {
5883                display: none;
5884            }
5885
5886            .medium-logo-center>.flex-col.show-for-medium.flex-left {
5887                flex: 0 1 0;
5888            }
5889
5890            .products-tabs ul.nav {
5891                flex-wrap: nowrap;
5892                justify-content: flex-start;
5893                display: flex;
5894                overflow-x: scroll;
5895            }
5896
5897            .pricing-tabs-wrapper ul.nav::-webkit-scrollbar {
5898                display: none;
5899            }
5900
5901            .products-tabs ul.nav::-webkit-scrollbar {
5902                display: none;
5903            }
5904
5905            #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-nav-tabs::-webkit-scrollbar {
5906                display: none;
5907            }
5908
5909            .products-tabs ul.nav {
5910                -ms-overflow-style: none;
5911                /* IE and Edge */
5912                scrollbar-width: none;
5913                /* Firefox */
5914            }
5915
5916            .product-items-wrap.toko-item-wrap {
5917                text-align: center;
5918            }
5919
5920            .product-items-wrap.toko-item-wrap .img {
5921                margin-left: auto;
5922                margin-right: auto;
5923            }
5924
5925            .col.small-12 {
5926                padding-left: 20px;
5927                padding-right: 20px;
5928            }
5929
5930            .container {
5931                padding-left: 20px;
5932                padding-right: 20px;
5933            }
5934
5935            .mobile-sidebar-logo {
5936                margin: 0 20px 20px 20px;
5937            }
5938
5939            .mobile-menu-items-wrap .icon-box {
5940                align-items: center;
5941                padding: 8px 20px;
5942            }
5943
5944            .row {
5945                padding-left: 0;
5946                padding-right: 0;
5947            }
5948
5949            .benefits-row {
5950                padding-left: 14px;
5951                padding-right: 14px;
5952            }
5953
5954            .call-cs-row {
5955                margin-left: 20px;
5956                width: calc(100% - 40px);
5957            }
5958
5959            .card-product {
5960                margin-left: 20px;
5961                width: calc(100% - 40px);
5962            }
5963
5964            .arrow-right .img:after {
5965                display: none;
5966            }
5967
5968            .arrow-bottom:after {
5969                display: none;
5970            }
5971
5972            .step-self-order .arrow-right:after {
5973                display: none;
5974            }
5975
5976            .saboxplugin-wrap .saboxplugin-gravatar {
5977                padding-bottom: 0;
5978            }
5979
5980            .saboxplugin-wrap .saboxplugin-authorname {
5981                margin-bottom: 0;
5982            }
5983
5984            .saboxplugin-wrap .saboxplugin-authorname a {
5985                font-size: 14px;
5986            }
5987
5988            .saboxplugin-wrap .saboxplugin-desc p {
5989                font-size: 12px !important;
5990                line-height: normal !important;
5991            }
5992
5993            .blog-wrapper.blog-single>.row>.col {
5994                padding-left: 20px;
5995                padding-right: 20px;
5996            }
5997
5998            .blog-single .main-button {
5999                font-size: 14px;
6000                width: 100%;
6001            }
6002
6003            .resto-card>.col>.col-inner {
6004                background-image: url(https://kasflo.id/wp-content/uploads/2024/07/patten-1-mobile-sm.png);
6005                background-position: bottom;
6006                background-size: contain;
6007            }
6008
6009            .toko-card>.col>.col-inner {
6010                background-image: url(https://kasflo.id/wp-content/uploads/2024/07/patten-2-mobile-sm.png);
6011                background-position: center;
6012                background-size: cover;
6013            }
6014
6015            .cta-card>.col>.col-inner {
6016                background-image: url(https://kasflo.id/wp-content/uploads/2024/07/patten-3-mobile-sm.png);
6017                background-position: bottom;
6018                background-size: cover;
6019            }
6020
6021            .resto-card .text-right {
6022                text-align: left;
6023            }
6024
6025            .sales-cta-wrapper .hero-wa-button {
6026                width: 100%;
6027            }
6028
6029            .launch-page .col.small-12 {
6030                padding: 0 9.8px 19.6px;
6031            }
6032
6033            .ads-hero-image-col {
6034                position: relative;
6035                top: 0;
6036            }
6037
6038            #qlwapp .qlwapp-toggle {
6039                margin-right: 10px !important;
6040            }
6041
6042            .footer-wrapper .absolute-footer {
6043                padding-bottom: 80px;
6044            }
6045
6046            #eckb-article-content-body p>span[data-text-bg=primary] {
6047                font-size: 12px;
6048                width: 26px;
6049                height: 26px;
6050                line-height: 26px;
6051            }
6052
6053            #eckb-article-content-body p {
6054                padding-left: 34px;
6055                line-height: normal;
6056            }
6057
6058            #eckb-archive-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form,
6059            #eckb-article-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form,
6060            .epkb-ml__row #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form {
6061                padding: 0;
6062            }
6063
6064            #eckb-article-page-container-v2 #eckb-article-body #eckb-article-content #eckb-article-content-header-v2 .eckb-article-content-header-row-left-group {
6065                margin-right: 0;
6066            }
6067
6068            #eckb-archive-page-container #eckb-archive-body {
6069                display: flex;
6070            }
6071
6072            #eckb-archive-page-container #eckb-archive-left-sidebar {
6073                padding-left: 20px;
6074                padding-right: 20px;
6075            }
6076
6077            #eckb-archive-page-container #eckb-archive-content {
6078                padding-left: 20px;
6079                padding-right: 20px;
6080                padding-top: 30px;
6081            }
6082
6083            #eckb-article-page-container-v2 #eckb-article-body #eckb-article-content #eckb-article-content-header-v2 #eckb-article-content-breadcrumb-container .eckb-breadcrumb-nav li {
6084                font-size: 12px !important;
6085            }
6086
6087            h1.eckb-article-title {
6088                font-size: 20px;
6089            }
6090
6091            .eckb-article-content-toolbar-button-container .eckb-toolbar-button-text {
6092                font-size: 14px;
6093            }
6094
6095            #eckb-article-content-body h3 {
6096                font-size: 16px;
6097                line-height: normal;
6098            }
6099
6100            #eckb-article-page-container-v2 #eckb-article-left-sidebar {
6101                padding: 30px 20px;
6102            }
6103
6104            .demo-slider-wrap .flickity-prev-next-button {
6105                display: block;
6106            }
6107
6108            .step-self-order .step-3 .col-inner,
6109            .step-self-order .step-4 .col-inner {
6110                margin-top: 0;
6111            }
6112
6113            .header-main .nav>li.html.header-button-2 {
6114                margin-right: 0;
6115            }
6116
6117            .product-features-wrapper ul {
6118                gap: 8px;
6119            }
6120
6121            .product-features-wrapper ul li {
6122                font-size: 14px;
6123                padding: 4px 12px;
6124            }
6125
6126            .affiliates-banner-wrap .banner-bg {
6127                height: 320px;
6128                top: auto;
6129            }
6130
6131            .affiliates-banner-wrap h2 {
6132                font-size: 20px;
6133                margin-bottom: 10px;
6134            }
6135
6136            .affiliates-banner-wrap p {
6137                font-size: 14px;
6138                margin-bottom: 20px;
6139            }
6140
6141            .affiliates-banner-wrap .text-inner.text-left {
6142                text-align: center;
6143            }
6144
6145            .guide-img-mobile img {
6146                width: 100%;
6147            }
6148
6149            .pricing-tabs-wrapper>.nav {
6150                flex-flow: nowrap;
6151                overflow-x: scroll;
6152                overflow-y: hidden;
6153                justify-content: flex-start;
6154            }
6155
6156            .pricing-tabs-wrapper .nav>li>a {
6157                white-space: nowrap;
6158                display: flex;
6159                align-items: center;
6160                flex-wrap: nowrap;
6161            }
6162
6163            .features-comparison-table td:has(strong) {
6164                font-size: 16px !important;
6165                pointer-events: none;
6166            }
6167
6168            .features-comparison-table td:has(strong) .footable-toggle {
6169                display: none;
6170            }
6171
6172            .features-comparison-table td {
6173                position: relative;
6174                padding-left: 20px !important;
6175                padding-right: 46px !important;
6176            }
6177
6178            .features-comparison-table td>.footable-toggle {
6179                position: absolute;
6180                right: 20px;
6181                margin: 0;
6182                top: 50%;
6183                margin-top: -10px;
6184                opacity: 1;
6185            }
6186
6187            .features-comparison-table td>.footable-toggle:before {
6188                background-color: #333 !important;
6189            }
6190
6191            .features-comparison-table th {
6192                padding-left: 20px !important;
6193                padding-right: 20px !important;
6194                border-radius: 12px;
6195            }
6196
6197            .features-comparison-table:not(.ninja_stacked_table) tbody tr.footable-detail-row>td {
6198                border: none !important;
6199            }
6200
6201            .features-comparison-table:not(.ninja_stacked_table) tbody tr.footable-detail-row>td th {
6202                font-size: 16px;
6203                padding: 0 0 10px 15px !important;
6204                width: 120px;
6205            }
6206
6207            .features-comparison-table:not(.ninja_stacked_table) tbody tr.footable-detail-row>td td {
6208                padding: 0 15px 10px 0 !important;
6209                border: none !important;
6210                text-align: right;
6211            }
6212
6213            .features-comparison-table .mark-img {
6214                width: 24px;
6215            }
6216
6217            .features-comparison-table:not(.footable-details)>tbody>tr:not(.footable-detail-row)>td {
6218                border-bottom: none !important;
6219                border-top: solid 1px #E0E0E0 !important;
6220            }
6221
6222            .features-comparison-table:not(.footable-details)>tbody>tr:not(.footable-detail-row):first-child>td {
6223                border-top: none !important;
6224            }
6225
6226            .features-comparison-table:not(.footable-details)>tbody>tr:not(.footable-detail-row):last-child>td {
6227                border-bottom: solid 1px #E0E0E0 !important;
6228            }
6229
6230            .add-on-features-wrap {
6231                flex-wrap: wrap;
6232                justify-content: center;
6233                margin-top: 30px;
6234            }
6235
6236            .add-on-features-wrap>.img {
6237                -ms-flex: 0 0 50%;
6238                flex: 0 0 50%;
6239                max-width: 50%;
6240            }
6241
6242            #show-hide-button {
6243                margin-top: 0;
6244                margin-bottom: 0;
6245            }
6246
6247            #epkb-ml__row-2 {
6248                padding-left: 20px;
6249                padding-right: 20px;
6250            }
6251
6252            #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-main-nav {
6253                padding: 0;
6254                background-color: transparent !important;
6255                float: none;
6256                width: auto;
6257            }
6258
6259            #epkb-modular-main-page-container #epkb-ml-tabs-layout #epkb-content-container .epkb-section-container .epkb-ml__module-categories-articles__row {
6260                flex-wrap: wrap;
6261            }
6262
6263            #epkb-modular-main-page-container #epkb-ml-tabs-layout #epkb-content-container .epkb-section-container .epkb-ml__module-categories-articles__row .epkb-top-category-box {
6264                width: 100% !important;
6265            }
6266
6267            #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .section-head .epkb-cat-desc {
6268                padding-left: 0 !important;
6269            }
6270
6271            #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-nav-tabs {
6272                float: none !important;
6273                border-radius: 8px;
6274                padding: 2px;
6275                display: flex;
6276                overflow-x: scroll;
6277                overflow-y: hidden;
6278            }
6279
6280            #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-nav-tabs li .epkb-category-level-1 .epkb-cat-name {
6281                white-space: nowrap;
6282                font-size: 16px;
6283            }
6284
6285            #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-nav-tabs li {
6286                width: auto !important;
6287                height: 38px !important;
6288            }
6289
6290            #epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-nav-tabs li .epkb-category-level-1 {
6291                padding: 0 18px;
6292            }
6293        }
6294
6295        .label-new.menu-item>a:after {
6296            content: "New";
6297        }
6298
6299        .label-hot.menu-item>a:after {
6300            content: "Hot";
6301        }
6302
6303        .label-sale.menu-item>a:after {
6304            content: "Sale";
6305        }
6306
6307        .label-popular.menu-item>a:after {
6308            content: "Popular";
6309        }
6310    </style>
6311    <style type="text/css">
6312        .is-form-id-1382 .is-search-submit:focus,
6313        .is-form-id-1382 .is-search-submit:hover,
6314        .is-form-id-1382 .is-search-submit,
6315        .is-form-id-1382 .is-search-icon {
6316            color: #ffffff !important;
6317            background-color: #000000 !important;
6318            border-color: #000000 !important;
6319        }
6320
6321        .is-form-id-1382 .is-search-submit path {
6322            fill: #ffffff !important;
6323        }
6324
6325        .is-form-style-1.is-form-id-1382 .is-search-input:focus,
6326        .is-form-style-1.is-form-id-1382 .is-search-input:hover,
6327        .is-form-style-1.is-form-id-1382 .is-search-input,
6328        .is-form-style-2.is-form-id-1382 .is-search-input:focus,
6329        .is-form-style-2.is-form-id-1382 .is-search-input:hover,
6330        .is-form-style-2.is-form-id-1382 .is-search-input,
6331        .is-form-style-3.is-form-id-1382 .is-search-input:focus,
6332        .is-form-style-3.is-form-id-1382 .is-search-input:hover,
6333        .is-form-style-3.is-form-id-1382 .is-search-input,
6334        .is-form-id-1382 .is-search-input:focus,
6335        .is-form-id-1382 .is-search-input:hover,
6336        .is-form-id-1382 .is-search-input {
6337            border-color: #e5e5e5 !important;
6338        }
6339    </style>
6340    <style id='global-styles-inline-css' type='text/css'>
6341        :root {
6342            --wp--preset--aspect-ratio--square: 1;
6343            --wp--preset--aspect-ratio--4-3: 4/3;
6344            --wp--preset--aspect-ratio--3-4: 3/4;
6345            --wp--preset--aspect-ratio--3-2: 3/2;
6346            --wp--preset--aspect-ratio--2-3: 2/3;
6347            --wp--preset--aspect-ratio--16-9: 16/9;
6348            --wp--preset--aspect-ratio--9-16: 9/16;
6349            --wp--preset--color--black: #000000;
6350            --wp--preset--color--cyan-bluish-gray: #c3bfab;
6351            --wp--preset--color--white: #ffffff;
6352            --wp--preset--color--pale-pink: #f78da7;
6353            --wp--preset--color--vivid-red: #cf2e2e;
6354            --wp--preset--color--luminous-vivid-orange: #ff6900;
6355            --wp--preset--color--luminous-vivid-amber: #fcb900;
6356            --wp--preset--color--light-green-cyan: #7bdcb5;
6357            --wp--preset--color--vivid-green-cyan: #00d084;
6358            --wp--preset--color--pale-cyan-blue: #fcdf8e;
6359            --wp--preset--color--vivid-cyan-blue: #0693e3;
6360            --wp--preset--color--vivid-purple: #e0c651;
6361            --wp--preset--color--primary: #000000;
6362            --wp--preset--color--secondary: #b09f53;
6363            --wp--preset--color--success: #7a9c59;
6364            --wp--preset--color--alert: #ff5d63;
6365            --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgb(6, 147, 227) 0%, rgb(224, 210, 81) 100%);
6366            --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
6367            --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgb(252, 185, 0) 0%, rgb(255, 105, 0) 100%);
6368            --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgb(255, 105, 0) 0%, rgb(207, 46, 46) 100%);
6369            --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
6370            --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(209, 193, 120) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
6371            --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
6372            --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
6373            --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 177, 81) 50%, rgb(208, 206, 65) 100%);
6374            --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
6375            --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
6376            --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
6377            --wp--preset--font-size--small: 13px;
6378            --wp--preset--font-size--medium: 20px;
6379            --wp--preset--font-size--large: 36px;
6380            --wp--preset--font-size--x-large: 42px;
6381            --wp--preset--spacing--20: 0.44rem;
6382            --wp--preset--spacing--30: 0.67rem;
6383            --wp--preset--spacing--40: 1rem;
6384            --wp--preset--spacing--50: 1.5rem;
6385            --wp--preset--spacing--60: 2.25rem;
6386            --wp--preset--spacing--70: 3.38rem;
6387            --wp--preset--spacing--80: 5.06rem;
6388            --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
6389            --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
6390            --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
6391            --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
6392            --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
6393        }
6394
6395        :where(body) {
6396            margin: 0;
6397        }
6398
6399        .wp-site-blocks>.alignleft {
6400            float: left;
6401            margin-right: 2em;
6402        }
6403
6404        .wp-site-blocks>.alignright {
6405            float: right;
6406            margin-left: 2em;
6407        }
6408
6409        .wp-site-blocks>.aligncenter {
6410            justify-content: center;
6411            margin-left: auto;
6412            margin-right: auto;
6413        }
6414
6415        :where(.is-layout-flex) {
6416            gap: 0.5em;
6417        }
6418
6419        :where(.is-layout-grid) {
6420            gap: 0.5em;
6421        }
6422
6423        .is-layout-flow>.alignleft {
6424            float: left;
6425            margin-inline-start: 0;
6426            margin-inline-end: 2em;
6427        }
6428
6429        .is-layout-flow>.alignright {
6430            float: right;
6431            margin-inline-start: 2em;
6432            margin-inline-end: 0;
6433        }
6434
6435        .is-layout-flow>.aligncenter {
6436            margin-left: auto !important;
6437            margin-right: auto !important;
6438        }
6439
6440        .is-layout-constrained>.alignleft {
6441            float: left;
6442            margin-inline-start: 0;
6443            margin-inline-end: 2em;
6444        }
6445
6446        .is-layout-constrained>.alignright {
6447            float: right;
6448            margin-inline-start: 2em;
6449            margin-inline-end: 0;
6450        }
6451
6452        .is-layout-constrained>.aligncenter {
6453            margin-left: auto !important;
6454            margin-right: auto !important;
6455        }
6456
6457        .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
6458            margin-left: auto !important;
6459            margin-right: auto !important;
6460        }
6461
6462        body .is-layout-flex {
6463            display: flex;
6464        }
6465
6466        .is-layout-flex {
6467            flex-wrap: wrap;
6468            align-items: center;
6469        }
6470
6471        .is-layout-flex> :is(*, div) {
6472            margin: 0;
6473        }
6474
6475        body .is-layout-grid {
6476            display: grid;
6477        }
6478
6479        .is-layout-grid> :is(*, div) {
6480            margin: 0;
6481        }
6482
6483        body {
6484            padding-top: 0px;
6485            padding-right: 0px;
6486            padding-bottom: 0px;
6487            padding-left: 0px;
6488        }
6489
6490        a:where(:not(.wp-element-button)) {
6491            text-decoration: none;
6492        }
6493
6494        :root :where(.wp-element-button, .wp-block-button__link) {
6495            background-color: #32373c;
6496            border-width: 0;
6497            color: #fff;
6498            font-family: inherit;
6499            font-size: inherit;
6500            font-style: inherit;
6501            font-weight: inherit;
6502            letter-spacing: inherit;
6503            line-height: inherit;
6504            padding-top: calc(0.667em + 2px);
6505            padding-right: calc(1.333em + 2px);
6506            padding-bottom: calc(0.667em + 2px);
6507            padding-left: calc(1.333em + 2px);
6508            text-decoration: none;
6509            text-transform: inherit;
6510        }
6511
6512        .has-black-color {
6513            color: var(--wp--preset--color--black) !important;
6514        }
6515
6516        .has-cyan-bluish-gray-color {
6517            color: var(--wp--preset--color--cyan-bluish-gray) !important;
6518        }
6519
6520        .has-white-color {
6521            color: var(--wp--preset--color--white) !important;
6522        }
6523
6524        .has-pale-pink-color {
6525            color: var(--wp--preset--color--pale-pink) !important;
6526        }
6527
6528        .has-vivid-red-color {
6529            color: var(--wp--preset--color--vivid-red) !important;
6530        }
6531
6532        .has-luminous-vivid-orange-color {
6533            color: var(--wp--preset--color--luminous-vivid-orange) !important;
6534        }
6535
6536        .has-luminous-vivid-amber-color {
6537            color: var(--wp--preset--color--luminous-vivid-amber) !important;
6538        }
6539
6540        .has-light-green-cyan-color {
6541            color: var(--wp--preset--color--light-green-cyan) !important;
6542        }
6543
6544        .has-vivid-green-cyan-color {
6545            color: var(--wp--preset--color--vivid-green-cyan) !important;
6546        }
6547
6548        .has-pale-cyan-blue-color {
6549            color: var(--wp--preset--color--pale-cyan-blue) !important;
6550        }
6551
6552        .has-vivid-cyan-blue-color {
6553            color: var(--wp--preset--color--vivid-cyan-blue) !important;
6554        }
6555
6556        .has-vivid-purple-color {
6557            color: var(--wp--preset--color--vivid-purple) !important;
6558        }
6559
6560        .has-primary-color {
6561            color: var(--wp--preset--color--primary) !important;
6562        }
6563
6564        .has-secondary-color {
6565            color: var(--wp--preset--color--secondary) !important;
6566        }
6567
6568        .has-success-color {
6569            color: var(--wp--preset--color--success) !important;
6570        }
6571
6572        .has-alert-color {
6573            color: var(--wp--preset--color--alert) !important;
6574        }
6575
6576        .has-black-background-color {
6577            background-color: var(--wp--preset--color--black) !important;
6578        }
6579
6580        .has-cyan-bluish-gray-background-color {
6581            background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
6582        }
6583
6584        .has-white-background-color {
6585            background-color: var(--wp--preset--color--white) !important;
6586        }
6587
6588        .has-pale-pink-background-color {
6589            background-color: var(--wp--preset--color--pale-pink) !important;
6590        }
6591
6592        .has-vivid-red-background-color {
6593            background-color: var(--wp--preset--color--vivid-red) !important;
6594        }
6595
6596        .has-luminous-vivid-orange-background-color {
6597            background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
6598        }
6599
6600        .has-luminous-vivid-amber-background-color {
6601            background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
6602        }
6603
6604        .has-light-green-cyan-background-color {
6605            background-color: var(--wp--preset--color--light-green-cyan) !important;
6606        }
6607
6608        .has-vivid-green-cyan-background-color {
6609            background-color: var(--wp--preset--color--vivid-green-cyan) !important;
6610        }
6611
6612        .has-pale-cyan-blue-background-color {
6613            background-color: var(--wp--preset--color--pale-cyan-blue) !important;
6614        }
6615
6616        .has-vivid-cyan-blue-background-color {
6617            background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
6618        }
6619
6620        .has-vivid-purple-background-color {
6621            background-color: var(--wp--preset--color--vivid-purple) !important;
6622        }
6623
6624        .has-primary-background-color {
6625            background-color: var(--wp--preset--color--primary) !important;
6626        }
6627
6628        .has-secondary-background-color {
6629            background-color: var(--wp--preset--color--secondary) !important;
6630        }
6631
6632        .has-success-background-color {
6633            background-color: var(--wp--preset--color--success) !important;
6634        }
6635
6636        .has-alert-background-color {
6637            background-color: var(--wp--preset--color--alert) !important;
6638        }
6639
6640        .has-black-border-color {
6641            border-color: var(--wp--preset--color--black) !important;
6642        }
6643
6644        .has-cyan-bluish-gray-border-color {
6645            border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
6646        }
6647
6648        .has-white-border-color {
6649            border-color: var(--wp--preset--color--white) !important;
6650        }
6651
6652        .has-pale-pink-border-color {
6653            border-color: var(--wp--preset--color--pale-pink) !important;
6654        }
6655
6656        .has-vivid-red-border-color {
6657            border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
6658        }
6659
6660        .has-luminous-vivid-orange-border-color {
6661            border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
6662        }
6663
6664        .has-luminous-vivid-amber-border-color {
6665            border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
6666        }
6667
6668        .has-light-green-cyan-border-color {
6669            border-color: var(--wp--preset--color--light-green-cyan) !important;
6670        }
6671
6672        .has-vivid-green-cyan-border-color {
6673            border-color: var(--wp--preset--color--vivid-green-cyan) !important;
6674        }
6675
6676        .has-pale-cyan-blue-border-color {
6677            border-color: var(--wp--preset--color--pale-cyan-blue) !important;
6678        }
6679
6680        .has-vivid-cyan-blue-border-color {
6681            border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
6682        }
6683
6684        .has-vivid-purple-border-color {
6685            border-color: var(--wp--preset--color--vivid-purple) !important;
6686        }
6687
6688        .has-primary-border-color {
6689            border-color: var(--wp--preset--color--primary) !important;
6690        }
6691
6692        .has-secondary-border-color {
6693            border-color: var(--wp--preset--color--secondary) !important;
6694        }
6695
6696        .has-success-border-color {
6697            border-color: var(--wp--preset--color--success) !important;
6698        }
6699
6700        .has-alert-border-color {
6701            border-color: var(--wp--preset--color--alert) !important;
6702        }
6703
6704        .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
6705            background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
6706        }
6707
6708        .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
6709            background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
6710        }
6711
6712        .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
6713            background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
6714        }
6715
6716        .has-luminous-vivid-orange-to-vivid-red-gradient-background {
6717            background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
6718        }
6719
6720        .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
6721            background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
6722        }
6723
6724        .has-cool-to-warm-spectrum-gradient-background {
6725            background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
6726        }
6727
6728        .has-blush-light-purple-gradient-background {
6729            background: var(--wp--preset--gradient--blush-light-purple) !important;
6730        }
6731
6732        .has-blush-bordeaux-gradient-background {
6733            background: var(--wp--preset--gradient--blush-bordeaux) !important;
6734        }
6735
6736        .has-luminous-dusk-gradient-background {
6737            background: var(--wp--preset--gradient--luminous-dusk) !important;
6738        }
6739
6740        .has-pale-ocean-gradient-background {
6741            background: var(--wp--preset--gradient--pale-ocean) !important;
6742        }
6743
6744        .has-electric-grass-gradient-background {
6745            background: var(--wp--preset--gradient--electric-grass) !important;
6746        }
6747
6748        .has-midnight-gradient-background {
6749            background: var(--wp--preset--gradient--midnight) !important;
6750        }
6751
6752        .has-small-font-size {
6753            font-size: var(--wp--preset--font-size--small) !important;
6754        }
6755
6756        .has-medium-font-size {
6757            font-size: var(--wp--preset--font-size--medium) !important;
6758        }
6759
6760        .has-large-font-size {
6761            font-size: var(--wp--preset--font-size--large) !important;
6762        }
6763
6764        .has-x-large-font-size {
6765            font-size: var(--wp--preset--font-size--x-large) !important;
6766        }
6767
6768        /*# sourceURL=global-styles-inline-css */
6769    </style>
6770</head>
6771
6772<body
6773    class="wp-singular post-template-default single single-post postid-5087 single-format-standard wp-theme-flatsome flatsome header-shadow lightbox nav-dropdown-has-shadow mobile-submenu-slide mobile-submenu-slide-levels-1 mobile-submenu-toggle">
6774
6775    <!-- Google Tag Manager (noscript) snippet added by Site Kit -->
vendor: 81 bytes, lines 6775-6777
6775
6776    <noscript>
6777        <iframe src="https://www.googletagmanager.com/ns.html?id=
6777GTM-PF8HWW5S
vendor: 104 bytes, lines 6777-6780
6777" height="0" width="0"
6778            style="display:none;visibility:hidden"></iframe>
6779    </noscript>
6780    
6780<!-- End Google Tag Manager (noscript) snippet added by Site Kit -->
6781
6782    <a class="skip-link screen-reader-text" href="https://basketpisces.com/">Skip to content</a>
6783
6784    <div id="wrapper">
6785
6786
6787        <header id="header" class="header has-sticky sticky-jump">
6788            <div class="header-wrapper">
6789                <div id="top-bar" class="header-top hide-for-sticky nav-dark flex-has-center">
6790                    <div class="flex-row container">
6791                        <div class="flex-col hide-for-medium flex-left">
6792                            <ul class="nav nav-left medium-nav-center nav-small  nav-">
6793                            </ul>
6794                        </div>
6795
6796                        <div class="flex-col hide-for-medium flex-center">
6797                            <ul class="nav nav-center nav-small  nav-">
6798                                <li class="html custom html_topbar_left">
6799                                    <div id="stack-3467227025"
6800                                        class="stack topbar-html-stack stack-row justify-start items-center">
6801
6802
6803                                        <div id="text-935771308" class="text topbar-text">
6804
6805
6806                                            <p>BASKET168 Bebas Lelet - Akses Login Cepat Terbaru</p>
6807                                        </div>
6808                                        <style>
6809                                            #stack-3467227025>* {
6810                                                --stack-gap: 0.75rem;
6811                                            }
6812                                        </style>
6813                                    </div>
6814                                </li>
6815                            </ul>
6816                        </div>
6817
6818                        <div class="flex-col hide-for-medium flex-right">
6819                            <ul class="nav top-bar-nav nav-right nav-small  nav-">
6820                            </ul>
6821                        </div>
6822
6823                        <div class="flex-col show-for-medium flex-grow">
6824                            <ul class="nav nav-center nav-small mobile-nav  nav-">
6825                                <li class="html custom html_topbar_left">
6826                                    <div id="stack-241524675"
6827                                        class="stack topbar-html-stack stack-row justify-start items-center">
6828
6829
6830                                        <div id="text-1810209032" class="text topbar-text">
6831
6832
6833                                            <p>Gratis konsultasi dengan tim Kasflo</p>
6834                                        </div>
6835
6836
6837                                        <div
6838                                            class="icon-box featured-box topbar-phone consultation-popup icon-box-left text-left">
6839                                            <div class="icon-box-img" style="width: 20px">
6840                                                <div class="icon">
6841                                                    <div class="icon-inner">
6842                                                        <img width="300" height="300"
6843                                                            src="https://kasflo.id/wp-content/uploads/2024/06/Customer-Service.svg"
6844                                                            class="attachment-medium size-medium" alt=""
6845                                                            decoding="async" />
6846                                                    </div>
6847                                                </div>
6848                                            </div>
6849                                            <div class="icon-box-text last-reset">
6850
6851
6852                                                <p>Konsultasi Sekarang</p>
6853
6854
6855                                            </div>
6856                                        </div>
6857
6858
6859
6860
6861                                        <style>
6862                                            #stack-241524675>* {
6863                                                --stack-gap: 0.75rem;
6864                                            }
6865                                        </style>
6866                                    </div>
6867                                </li>
6868                            </ul>
6869                        </div>
6870
6871                    </div>
6872                </div>
6873                <div id="masthead" class="header-main ">
6874                    <div class="header-inner flex-row container logo-left medium-logo-center" role="navigation">
6875
6876                        <!-- Logo -->
6877                        <div id="logo" class="flex-col logo">
6878
6879                            <!-- Header logo -->
6880                            <a href="https://basketpisces.com/" title="BASKET168" rel="home">
6881                                <img width="600" height="263" src="https://hokiku.io/images/2026/05/24/GIF.LOGO.gif"
6882                                    class="header_logo header-logo" alt="BASKET168" /><img width="600" height="263"
6883                                    src="https://hokiku.io/images/2026/05/24/GIF.LOGO.gif" class="header-logo-dark"
6884                                    alt="BASKET168" /></a>
6885                        </div>
6886
6887                        <!-- Mobile Left Elements -->
6888                        <div class="flex-col show-for-medium flex-left">
6889                            <ul class="mobile-nav nav nav-left ">
6890                                <li class="nav-icon has-icon">
6891                                    <a href="https://basketpisces.com/" data-open="#main-menu" data-pos="left" data-bg="main-menu-overlay"
6892                                        data-color="" class="is-small" aria-label="Menu" aria-controls="main-menu"
6893                                        aria-expanded="false">
6894
6895                                        <i class="icon-menu"></i>
6896                                    </a>
6897                                </li>
6898                            </ul>
6899                        </div>
6900
6901                        <!-- Left Elements -->
6902                        <div class="flex-col hide-for-medium flex-left
6903            flex-grow">
6904                            <ul class="header-nav header-nav-main nav nav-left ">
6905                            </ul>
6906                        </div>
6907
6908                        <!-- Right Elements -->
6909                        <div class="flex-col hide-for-medium flex-right">
6910                            <ul class="header-nav header-nav-main nav nav-right ">
6911                                <li id="menu-item-3447"
6912                                    class="menu-item-level-1 menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-3447 menu-item-design-default">
6913                                    <a href="https://basketpisces.com/" class="nav-top-link">BASKET168</a>
6914                                </li>
6915                                <li id="menu-item-3448"
6916                                    class="menu-item-level-1 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3448 menu-item-design-default has-dropdown">
6917                                    <a href="https://basketpisces.com/" class="nav-top-link"
6918                                        aria-expanded="false" aria-haspopup="menu">BASKET168 LOGIN</a>
6919                                </li>
6920                                <li id="menu-item-4756"
6921                                    class="simple-dropdown menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-4756 menu-item-design-default has-dropdown">
6922                                    <a href="https://basketpisces.com/" class="nav-top-link"
6923                                        aria-expanded="false" aria-haspopup="menu">BASKET168 DAFTAR</a>
6924                                </li>
6925                                <li id="menu-item-3452"
6926                                    class="menu-item-level-1 menu-item menu-item-type-post_type menu-item-object-page menu-item-3452 menu-item-design-default">
6927                                    <a href="https://basketpisces.com/" class="nav-top-link">BASKET168 SLOT</a>
6928                                </li>
6929                                                                <li id="menu-item-3452"
6930                                    class="menu-item-level-1 menu-item menu-item-type-post_type menu-item-object-page menu-item-3452 menu-item-design-default">
6931                                    <a href="https://basketpisces.com/" class="nav-top-link">BASKET168 LINK</a>
6932                                </li>
6933                                                                <li id="menu-item-3452"
6934                                    class="menu-item-level-1 menu-item menu-item-type-post_type menu-item-object-page menu-item-3452 menu-item-design-default">
6935                                    <a href="https://basketpisces.com/" class="nav-top-link">BASKET168 LINK ALTERNATIF</a>
6936                                </li>
6937                        </div>
6938
6939                        <!-- Mobile Right Elements -->
6940                        <div class="flex-col show-for-medium flex-right">
6941                            <ul class="mobile-nav nav nav-right ">
6942                                <li class="html custom html_topbar_right">
6943                                    <div class="header-cta-wrapper">
6944                                        <div class="cta-dropdown cta-login"><button class="button main-button">Masuk <i
6945                                                    class="icon-angle-down"></i></button>
6946                                            <div class="cta-dropdown-content"><a href="https://basketpisces.com/"
6947                                                    target="_blank">Masuk Kasflo Resto</a><a
6948                                                    href="https://basketpisces.com/"
6949                                                    target="_blank">Download Kasflo Toko</a><a
6950                                                    href="https://basketpisces.com/" target="_blank">Masuk
6951                                                    Kasflo Bisnis</a></div>
6952                                        </div>
6953                                        <div class="cta-dropdown cta-register"><button class="button main-button">Daftar
6954                                                Gratis </button>
6955                                            <div class="cta-dropdown-content"><a
6956                                                    href="https://cepat.basket168-terbaru.com/"
6957                                                    target="_blank">Daftar Kasflo Resto</a><a
6958                                                    href="https://cepat.basket168-terbaru.com/"
6959                                                    target="_blank">Download Kasflo Toko</a><a
6960                                                    href="https://cepat.basket168-terbaru.com/"
6961                                                    target="_blank">Daftar Kasflo Bisnis</a></div>
6962                                        </div>
6963                                    </div>
6964                                </li>
6965                            </ul>
6966                        </div>
6967
6968                    </div>
6969
6970                </div>
6971
6972                <div class="header-bg-container fill">
6973                    <div class="header-bg-image fill"></div>
6974                    <div class="header-bg-color fill"></div>
6975                </div>
6976            </div>
6977        </header>
6978
6979
6980        <main id="main" class="">
6981<!-- CONTAINER TOMBOL -->
6982<div class="basket168-action-container">
6983    <a href="https://cepat.basket168-terbaru.com/" class="basket168-btn btn-login">
6984        <div class="inner-glow"></div>
6985        <span>LOGIN</span>
6986    </a>
6987    <a href="https://cepat.basket168-terbaru.com/" class="basket168-btn btn-daftar">
6988        <div class="inner-glow"></div>
6989        <span>DAFTAR</span>
6990    </a>
6991</div>
6992
6993<style>
6994/* ==========================================================================
6995    CSS ACTION BUTTONS - GOLDEN HERITAGE MODERN (DYNAMIC & ANIMATED)
6996    ========================================================================== */
6997.basket168-action-container {
6998    display: flex;
6999    justify-content: center;
7000    align-items: center;
7001    gap: 20px;
7002    width: 100%;
7003    max-width: 1100px;
7004    margin: 30px auto 35px auto;
7005    padding: 0 15px;
7006    box-sizing: border-box;
7007    font-family: "Poppins", "Segoe UI", system-ui, sans-serif;
7008}
7009
7010/* Base Button Styling */
7011.basket168-btn {
7012    position: relative;
7013    flex: 1;
7014    display: inline-flex;
7015    align-items: center;
7016    justify-content: center;
7017    height: 60px;
7018    font-size: 16px;
7019    font-weight: 800;
7020    text-transform: uppercase;
7021    letter-spacing: 1.5px;
7022    border-radius: 16px;
7023    overflow: hidden;
7024    cursor: pointer;
7025    text-decoration: none;
7026    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
7027    z-index: 1;
7028}
7029
7030/* Text Layer */
7031.basket168-btn span {
7032    position: relative;
7033    z-index: 5;
7034    transition: letter-spacing 0.3s ease, transform 0.3s ease;
7035}
7036
7037/* ==============================================
7038    TOMBOL LOGIN - ROYAL GOLDEN FLAME (Beranimasi & Kontras)
7039    ============================================== */
7040.btn-login {
7041    background: linear-gradient(135deg, #ff8000f0 0%, #ff8000f0 35%, #ff8000f0 70%, #ff8000f0 100%);
7042    color: #0c0c10;
7043    border: 1px solid rgba(255, 255, 255, 0.6);
7044    box-shadow: 
7045        0 6px 20px rgba(212 55 55 / 30%5),
7046        inset 0 2px 5px rgba(255, 255, 255, 0.6),
7047        inset 0 -2px 5px rgba(0, 0, 0, 0.2);
7048    animation: loginPulse 3s infinite ease-in-out;
7049}
7050
7051/* ==============================================
7052    TOMBOL DAFTAR - LUMINESCENT EMERALD & GOLD (Tema Baru yang Berbeda)
7053    ============================================== */
7054.btn-daftar {
7055    background: linear-gradient(135deg, #122218 0%, #0a140f 50%, #050a07 100%);
7056    color: #ff8000f0;
7057    border: 1px solid rgba(212, 175, 55, 0.45);
7058    box-shadow: 
7059        0 6px 20px rgba(0, 0, 0, 0.5),
7060        inset 0 2px 4px rgba(212, 175, 55, 0.2),
7061        inset 0 -2px 4px rgba(0, 0, 0, 0.4);
7062    animation: daftarPulse 3s infinite ease-in-out;
7063}
7064
7065/* ====================== SHIMMER & GLOW EFFECTS ====================== */
7066.basket168-btn::before {
7067    content: '';
7068    position: absolute;
7069    inset: 0;
7070    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
7071    transform: translateX(-100%);
7072    transition: transform 0.7s ease;
7073    z-index: 2;
7074}
7075
7076.btn-daftar::before {
7077    background: linear-gradient(90deg, transparent, rgba(212 55 55 / 30%), transparent);
7078}
7079
7080/* Inner Soft Glow Animation */
7081.basket168-btn .inner-glow {
7082    position: absolute;
7083    inset: 0;
7084    background: radial-gradient(circle at 50% -20%, rgba(255, 255, 255, 0.5), transparent 70%);
7085    z-index: 3;
7086    pointer-events: none;
7087    opacity: 0.5;
7088    animation: naturalBreath 4s infinite ease-in-out;
7089}
7090
7091.btn-daftar .inner-glow {
7092    background: radial-gradient(circle at 50% -20%, rgba(212, 175, 55, 0.25), transparent 60%);
7093}
7094
7095/* ====================== HOVER STATES ====================== */
7096.basket168-btn:hover {
7097    transform: translateY(-5px);
7098}
7099
7100.btn-login:hover {
7101    background: linear-gradient(135deg, #ffffff 0%, #ffe966riz 40%, #e6b800 100%);
7102    border-color: #ffffff;
7103    box-shadow: 
7104        0 12px 30px rgba(212, 175, 55, 0.5),
7105        0 0 20px rgba(255, 230, 0, 0.4);
7106    color: #000000;
7107}
7108
7109.btn-daftar:hover {
7110    background: linear-gradient(135deg, #1b3324 0%, #122218 100%);
7111    border-color: #ff8000f0;
7112    color: #ffffff;
7113    box-shadow: 
7114        0 12px 30px rgba(0, 0, 0, 0.7),
7115        0 0 20px rgba(212, 175, 55, 0.25);
7116}
7117
7118.basket168-btn:hover::before {
7119    transform: translateX(100%);
7120    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
7121}
7122
7123.basket168-btn:hover span {
7124    letter-spacing: 2.5px;
7125}
7126
7127/* Active / Press State */
7128.basket168-btn:active {
7129    transform: translateY(-1px);
7130    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
7131    transition: all 0.1s ease;
7132}
7133
7134/* ========================= KEYFRAME ANIMATIONS ========================= */
7135@keyframes naturalBreath {
7136    0%, 100% { opacity: 0.3; transform: scale(1); }
7137    50%      { opacity: 0.7; transform: scale(1.03); }
7138}
7139
7140@keyframes loginPulse {
7141    0%, 100% { box-shadow: 0 6px 20px rgba(212 55 55 / 30%5), inset 0 2px 5px rgba(255, 255, 255, 0.6), inset 0 -2px 5px rgba(0, 0, 0, 0.2); }
7142    50%      { box-shadow: 0 6px 25px rgba(255, 215, 0, 0.6), inset 0 2px 8px rgba(255, 255, 255, 0.8), inset 0 -2px 5px rgba(0, 0, 0, 0.2); }
7143}
7144
7145@keyframes daftarPulse {
7146    0%, 100% { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5), inset 0 2px 4px rgba(212, 175, 55, 0.2), inset 0 -2px 4px rgba(0, 0, 0, 0.4); }
7147    50%      { box-shadow: 0 6px 25px rgba(212, 175, 55, 0.25), inset 0 2px 6px rgba(212, 175, 55, 0.4), inset 0 -2px 4px rgba(0, 0, 0, 0.4); }
7148}
7149
7150/* ========================= RESPONSIVE MOBILE ========================= */
7151@media (max-width: 480px) {
7152    .basket168-action-container {
7153        gap: 12px;
7154        margin: 22px auto 26px auto;
7155        padding: 0 12px;
7156    }
7157    .basket168-btn {
7158        height: 52px;
7159        font-size: 14.5px;
7160        border-radius: 12px;
7161        letter-spacing: 1px;
7162    }
7163    .basket168-btn:hover {
7164        transform: translateY(-3px);
7165    }
7166}
7167</style>
7168
7169<div id="content" class="blog-wrapper blog-single page-wrapper">
7170                <div class="row align-center">
7171                    <div class="large-10 col">
7172                        <article id="post-5087"
7173                            class="post-5087 post type-post status-publish format-standard has-post-thumbnail hentry category-info">
7174                            <div class="article-inner ">
7175                                <header class="entry-header">
7176                                    <div class="entry-header-text entry-header-text-top text-center">
7177                                        <h1 class="entry-title">BASKET168 Bebas Lelet - Akses Login Cepat Terbaru</h1>
7178                                        <div class="entry-divider is-divider small"></div>
7179                                        <div class="entry-meta uppercase is-xsmall">
7180                                            <span class="posted-on">Posted on <a
7181                                                    href="https://basketpisces.com/" rel="bookmark"><time
7182                                                        class="entry-date published"
7183                                                        datetime="2026-08-25T10:14:54+07:00">Aug 27,
7184                                                        2026</time><time class="updated"
7185                                                        datetime="2026-08-25T10:41:35+07:00">Aug 27,
7186                                                        2026</time></a></span> <span class="byline">by <span
7187                                                    class="meta-author vcard"><a class="url fn n"
7188                                                       d</span></span>
7189                                        </div>
7190                                    </div>
7191                                    <div class="entry-image relative">
7192                                        <a href="https://basketpisces.com/">
7193                                            <img width="1020" height="574" src="https://hokiku.io/images/2026/08/27/BASKET168-Akses-Cepat.jpeg"
7194                                                class="attachment-large size-large wp-post-image" alt="BASKET168"
7195                                                decoding="async" /></a>
7196                                    </div>
7197                                </header>
7198
7199
7200
7201<style>
7202    /* ==========================================================================
7203   CSS LUXURY ENTRY HEADER & TITLE - METALLIC GOLD OPTIMIZED
7204   ========================================================================== */
7205
7206/* Wadah Teks Header Utama */
7207.entry-header-text-top {
7208    padding: 10px 15px;
7209    margin-bottom: 20px;
7210    box-sizing: border-box;
7211}
7212
7213/* Style Title Utama (H1) */
7214h1.entry-title {
7215    font-family: 'Poppins', 'Arial Black', sans-serif;
7216    font-size: 31px; /* Ukuran ideal di desktop */
7217    font-weight: 800;
7218    line-height: 1.4;
7219    text-transform: uppercase;
7220    letter-spacing: 0.5px;
7221    margin: 0 auto 15px auto;
7222    max-width: 900px;
7223    
7224    /* Efek Warna Gradasi Kuning Keemasan Mewah */
7225    background: linear-gradient(135deg, #ff8000f0 0%, #040404 40%, #ff8000f0 100%);
7226    -webkit-background-clip: text;
7227    -webkit-text-fill-color: transparent;
7228    background-clip: text;
7229    
7230    /* Bayangan Teks agar Terbaca Jelas & Berdimensi */
7231    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.15));
7232    text-align: center;
7233    transition: all 0.3s ease;
7234}
7235
7236/* Pembatas Garis Kecil di Bawah Judul (.is-divider) */
7237.entry-header-text-top .entry-divider.is-divider.small {
7238    width: 80px;
7239    height: 4px;
7240    background: linear-gradient(90deg, #ff8000f0 0%, #ff8000f0 100%);
7241    margin: 15px auto;
7242    border: none;
7243    border-radius: 5px;
7244    box-shadow: 0 2px 5px rgba(216, 175, 11, 0.3);
7245}
7246
7247/* Meta Data Teks (Posted on / Tanggal) */
7248.entry-header-text-top .entry-meta.uppercase.is-xsmall {
7249    font-size: 11px;
7250    letter-spacing: 1.5px;
7251    color: #8c8c8c;
7252    font-weight: 600;
7253}
7254
7255.entry-header-text-top .entry-meta a {
7256    color: #ff8000f0;
7257    text-decoration: none;
7258    transition: color 0.3s ease;
7259}
7260
7261.entry-header-text-top .entry-meta a:hover {
7262    color: #ff8000f0;
7263}
7264
7265/* ==========================================================================
7266   RESPONSIVE MOBILE BREAKPOINTS (Google Mobile-Friendly Check)
7267   ========================================================================== */
7268@media (max-width: 768px) {
7269    h1.entry-title {
7270        font-size: 24px; /* Ukuran proporsional di tablet */
7271        line-height: 1.3;
7272    }
7273}
7274
7275@media (max-width: 480px) {
7276    h1.entry-title {
7277        font-size: 20px; /* Ukuran pas di layar HP agar tidak berantakan */
7278        line-height: 1.3;
7279        letter-spacing: 0px;
7280    }
7281    .entry-header-text-top .entry-divider.is-divider.small {
7282        width: 60px;
7283        height: 3px;
7284    }
7285}
7286    .BASKET168-info-container {
7287    padding: 20px;
7288    background-color: #ffffff; /* Latar belakang putih polos */
7289    border-radius: 10px;
7290    border: 2px solid #ff8000f0; /* Border warna emas */
7291    max-width: 800px;
7292    margin: 35px auto;
7293    font-family: Arial, sans-serif;
7294}
7295
7296.table-title {
7297    text-align: center;
7298    color: #000000; /* Tulisan hitam */
7299    border-bottom: 3px solid #ff8000f0; /* Aksen emas di bawah judul */
7300    padding-bottom: 10px;
7301    margin-bottom: 20px;
7302}
7303
7304.BASKET168-info-table {
7305    width: 100%;
7306    border-collapse: collapse;
7307}
7308
7309.BASKET168-info-table th {
7310    background-color: #ff8000f0; /* Header kuning keemasan */
7311    color: #000000;
7312    padding: 12px;
7313    text-align: left;
7314    border: 1px solid #ddd;
7315}
7316
7317.BASKET168-info-table td {
7318    padding: 12px;
7319    border: 1px solid #ddd;
7320    color: #000000; /* Tulisan hitam */
7321}
7322
7323/* Warna selang-seling untuk kerapian */
7324.BASKET168-info-table tr:nth-child(even) {
7325    background-color: #f9f9f9;
7326}
7327
7328/* Efek saat kursor diarahkan */
7329.BASKET168-info-table tr:hover {
7330    background-color: #fffde7; /* Emas sangat muda */
7331}
7332</style>
7333
7334<style>
7335  /* ==========================================================================
7336     BASKET168 ARTICLE - NATURAL MODERN STYLE
7337     ========================================================================== */
7338
7339  .entry-content.single-page {
7340    max-width: 840px;
7341    margin: 40px auto;
7342    padding: 45px 35px;
7343    background: #ffffff; /* Putih bersih */
7344    border: 1px solid #e2e8f0; /* Border tipis dan halus */
7345    border-radius: 12px;
7346    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03); /* Shadow sangat ringan */
7347    font-family: 'Poppins', 'Inter', system-ui, -apple-system, sans-serif;
7348    color: #1a202c; /* Teks hitam profesional */
7349    line-height: 1.8;
7350  }
7351
7352  /* Main Heading Style */
7353  .entry-content.single-page h1 {
7354    font-size: 27px;
7355    font-weight: 700;
7356    color: #1a202c !important;
7357    text-transform: uppercase;
7358    letter-spacing: 0.5px;
7359    margin-bottom: 25px;
7360    padding-bottom: 15px;
7361    border-bottom: 2px solid #e2e8f0; /* Ornamen garis geometris tipis */
7362    position: relative;
7363  }
7364
7365  /* Garis aksen gold lembut di bawah heading */
7366  .entry-content.single-page h1::after {
7367    content: '';
7368    position: absolute;
7369    bottom: -2px;
7370    left: 0;
7371    width: 80px;
7372    height: 2px;
7373    background: #ff8000f0; /* Gold lembut */
7374  }
7375
7376  /* Paragraph Styling */
7377  .entry-content.single-page p {
7378    font-size: 14.5px;
7379    color: #4a5568; /* Hitam pudar santai */
7380    margin-bottom: 20px;
7381    font-weight: 400;
7382  }
7383
7384  /* Link Styling dalam Konten */
7385  .entry-content.single-page a {
7386    color: #ff8000f0 !important; /* Gold lembut profesional */
7387    font-weight: 600;
7388    text-decoration: none;
7389    border-bottom: 1px dashed #ff8000f0;
7390    transition: color 0.2s ease, border-color 0.2s ease;
7391  }
7392
7393  .entry-content.single-page a:hover {
7394    color: #1a202c !important;
7395    border-color: #1a202c;
7396  }
7397
7398  /* Responsive Styling */
7399  @media (max-width: 768px) {
7400    .entry-content.single-page {
7401      padding: 25px 20px;
7402      margin: 20px 12px;
7403      border-radius: 8px;
7404    }
7405    .entry-content.single-page h1 {
7406      font-size: 20px;
7407    }
7408    .entry-content.single-page p {
7409      font-size: 13.5px;
7410    }
7411  }
7412</style>
7413
7414<div class="entry-content single-page">
7415    <h1 style="color: #000000;">BASKET168 Bebas Lelet - Akses Login Cepat Terbaru</h1>
7416
7417    <!-- BAGIAN 1 -->
7418    <p>Kecepatan akses menjadi bagian penting ketika pengguna ingin menikmati layanan game online tanpa terganggu proses pemuatan halaman yang lama. Menjawab kebutuhan tersebut, <a href="https://basketpisces.com/" target="_blank" rel="noopener noreferrer">BASKET168</a> menyediakan jalur login terbaru yang dirancang ringan, responsif, dan mudah digunakan melalui berbagai jenis perangkat. Dukungan infrastruktur server yang stabil membantu setiap halaman, menu permainan, serta fitur akun terbuka secara efisien sehingga pengguna dapat menjelajahi platform dengan lebih nyaman tanpa harus menghadapi kendala lelet yang mengganggu.</p>
7419
7420    <p>Tidak berhenti pada performa situs, pembaruan akses BASKET168 juga dilakukan secara berkala untuk menjaga kelancaran sekaligus memberikan jalur masuk yang lebih aman bagi setiap pengguna. Tampilan yang adaptif membuat proses login tetap praktis saat dibuka melalui smartphone, tablet, maupun desktop, sedangkan susunan navigasi yang sederhana memudahkan pengguna menemukan layanan yang dibutuhkan. Perpaduan antara akses cepat, sistem keamanan berlapis, dan dukungan layanan responsif menjadikan <strong>BASKET168</strong> sebagai pilihan menarik bagi pengguna yang mengutamakan pengalaman bermain lancar, bebas lelet, dan dapat diakses kapan saja.</p>
7421
7422    <div class="BASKET168-info-container">
7423    <h2 class="table-title">INFORMASI BASKET168</h2>
7424    <table class="BASKET168-info-table">
7425        <thead>
7426            <tr>
7427                <th style="width: 40%;">Fitur Unggulan</th>
7428                <th style="width: 60%;">Keterangan</th>
7429            </tr>
7430        </thead>
7431        <tbody>
7432            <tr>
7433                <td>Nama Situs</td>
7434                <td>BASKET168</td>
7435            </tr>
7436            <tr>
7437                <td>Status Situs</td>
7438                <td>Slot, Togel, SportsBook, Live Casino, Poker, Arcade</td>
7439            </tr>
7440            <tr>
7441                <td>Minimal Deposit</td>
7442                <td>Rp 5.000,-</td>
7443            </tr>
7444            <tr>
7445                <td>Minimal Withdraw</td>
7446                <td>Rp 50.000,-</td>
7447            </tr>
7448            <tr>
7449                <td>Metode Transaksi</td>
7450                <td>Bank Lokal (BCA, Mandiri, BNI, BRI), E-Wallet, &amp; QRIS</td>
7451            </tr>
7452            <tr>
7453                <td>Layanan CS</td>
7454                <td>Live Chat &amp; WhatsApp 24 Jam Nonstop</td>
7455            </tr>
7456        </tbody>
7457    </table>
7458</div>
7459
7460<p>Di tengah kebutuhan pengguna akan jalur masuk yang praktis dan stabil, <strong>BASKET168</strong> menghadirkan <strong>akses cepat dengan login terbaru bebas lelet</strong> yang dioptimalkan untuk berbagai kondisi jaringan. Dukungan infrastruktur server modern membantu mempercepat pemuatan halaman, membuka menu akun, hingga menjalankan beragam pilihan game online secara lebih responsif melalui smartphone, tablet, maupun desktop. Jalur akses diperbarui secara berkala serta dilengkapi navigasi sederhana dan sistem keamanan berlapis agar proses login terasa nyaman tanpa prosedur rumit. Berkat perpaduan performa ringan, kompatibilitas lintas perangkat, dan dukungan layanan responsif, <strong>BASKET168</strong> menjadi pilihan menarik bagi pengguna yang menginginkan pengalaman bermain lancar tanpa terganggu waktu muat berlebihan.</p>
7461
7462</div>
7463
7464<style>
7465/* ==========================================================================
7466    CSS FAQ SECTION - RED MODERN (INTERAKTIF & DINAMIS)
7467    ========================================================================== */
7468:root {
7469    --gh-gold-gradient: linear-gradient(
7470        135deg,
7471        #ffb366 0%,
7472        #ff8000f0 35%,
7473        #cc0000 70%,
7474        #804000 100%
7475    );
7476    --gh-gold-light: #ff8000f0;
7477    --gh-gold-bright: #ff3333;
7478    --gh-dark-bg: #0c0c10;
7479    --gh-card-bg: rgba(16, 16, 22, 0.9);
7480    --gh-border-gold: rgba(255, 140, 0, 0.35);
7481    --gh-shadow: 0 15px 35px rgba(0, 0, 0, 0.6);
7482    --gh-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
7483}
7484
7485/* Section Title Styling */
7486.basket168-section-title {
7487    text-align: center;
7488    font-size: 26px;
7489    font-weight: 800;
7490    text-transform: uppercase;
7491    background: var(--gh-red-gradient);
7492    -webkit-background-clip: text;
7493    -webkit-text-fill-color: transparent;
7494    margin: 10px 0 24px 0;
7495    letter-spacing: 1px;
7496    position: relative;
7497    font-family: "Poppins", "Segoe UI", system-ui, sans-serif;
7498    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
7499}
7500
7501.basket168-section-title::after {
7502    content: '';
7503    display: block;
7504    width: 80px;
7505    height: 3px;
7506    background: var(--gh-red-gradient);
7507    margin: 8px auto 0 auto;
7508    border-radius: 2px;
7509}
7510
7511/* ========================= FAQ SECTION CONTAINER ========================= */
7512.basket168-faq-section {
7513    max-width: 900px;
7514    margin: 0 auto 50px auto;
7515    padding: 0 12px;
7516    display: flex;
7517    flex-direction: column;
7518    gap: 16px;
7519    font-family: "Poppins", "Segoe UI", system-ui, sans-serif;
7520}
7521
7522/* FAQ Item Card */
7523.basket168-faq-item {
7524    background: var(--gh-card-bg);
7525    backdrop-filter: blur(20px) saturate(180%);
7526    -webkit-backdrop-filter: blur(20px) saturate(180%);
7527    border: 1px solid var(--gh-border-gold);
7528    border-radius: 18px;
7529    padding: 22px 26px;
7530    box-shadow: var(--gh-shadow);
7531    transition: var(--gh-transition);
7532    position: relative;
7533    overflow: hidden;
7534}
7535
7536/* Garis Aksen Merah di Samping Kartu */
7537.basket168-faq-item::before {
7538    content: '';
7539    position: absolute;
7540    top: 0;
7541    left: 0;
7542    width: 4px;
7543    height: 100%;
7544    background: var(--gh-red-gradient);
7545    transition: var(--gh-transition);
7546}
7547
7548.basket168-faq-item:hover {
7549    border-color: var(--gh-gold-light);
7550    transform: translateY(-4px);
7551    box-shadow: 0 20px 40px rgba(255, 140, 0, 0.2);
7552    background: rgba(22, 22, 30, 0.95);
7553}
7554
7555.basket168-faq-item:hover::before {
7556    width: 6px;
7557    box-shadow: 0 0 12px var(--gh-gold-light);
7558}
7559
7560/* FAQ Question Styling */
7561.basket168-faq-question {
7562    font-size: 15.5px;
7563    font-weight: 700;
7564    color: #ff8000f0;
7565    margin-bottom: 12px;
7566    display: flex;
7567    align-items: flex-start;
7568    gap: 12px;
7569    line-height: 1.5;
7570    letter-spacing: 0.3px;
7571    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
7572}
7573
7574/* FAQ Answer Styling */
7575.basket168-faq-answer {
7576    font-size: 14px;
7577    color: #cbd5e1;
7578    line-height: 1.75;
7579    margin: 0;
7580    padding-left: 24px;
7581    border-left: 1px dashed rgba(255, 140, 0, 0.2);
7582}
7583
7584.basket168-faq-answer strong {
7585    color: #ffffff;
7586    font-weight: 700;
7587    background: linear-gradient(
7588        135deg,
7589        #ffffff 0%,
7590        #ff8000f0 100%
7591    );
7592    -webkit-background-clip: text;
7593    -webkit-text-fill-color: transparent;
7594}
7595
7596/* ========================= RESPONSIVE DESIGN ========================= */
7597@media (max-width: 768px) {
7598    .basket168-section-title {
7599        font-size: 22px;
7600        margin: 30px 0 18px 0;
7601    }
7602
7603    .basket168-faq-item {
7604        padding: 16px 18px;
7605        border-radius: 14px;
7606    }
7607
7608    .basket168-faq-question {
7609        font-size: 14.5px;
7610        gap: 8px;
7611    }
7612
7613    .basket168-faq-answer {
7614        font-size: 13.5px;
7615        padding-left: 16px;
7616    }
7617}
7618</style>
7619
7620<h2 class="basket168-section-title">FAQ BASKET168</h2>
7621<div class="basket168-faq-section">
7622    
7623    <!-- FAQ 1 -->
7624    <div class="basket168-faq-item">
7625        <div class="basket168-faq-question">1. Apa itu BASKET168?</div>
7626        <p class="basket168-faq-answer">
7627            BASKET168 adalah situs game online yang mengutamakan kecepatan akses sebagai nilai jual utamanya, jadi member ga perlu lagi kesal nunggu halaman loading lama. Sistem login terbarunya dibangun ringan dan responsif, bikin proses masuk terasa instan dari perangkat manapun.
7628        </p>
7629    </div>
7630
7631    <!-- FAQ 2 -->
7632    <div class="basket168-faq-item">
7633        <div class="basket168-faq-question">2. Kok bisa login BASKET168 diklaim bebas lelet dibanding situs lain?</div>
7634        <p class="basket168-faq-answer">
7635            Server yang dipakai dioptimalkan khusus buat menampung lonjakan trafik tanpa bikin halaman ngadat. Struktur halaman login juga dirampingkan supaya beban data yang perlu dimuat jauh lebih kecil, hasilnya akses tetap gesit meski member masuk bareng-bareng di jam ramai.
7636        </p>
7637    </div>
7638
7639    <!-- FAQ 3 -->
7640    <div class="basket168-faq-item">
7641        <div class="basket168-faq-question">3. Login lewat hp tetap secepat itu ga sih?</div>
7642        <p class="basket168-faq-answer">
7643            Tetap secepat itu. Tampilan halaman udah disesuaikan buat layar kecil tanpa mengorbankan kecepatan muatnya, jadi entah pakai hp keluaran lama atau baru, proses masuk tetap terasa mulus tanpa jeda mengganggu.
7644        </p>
7645    </div>
7646
7647    <!-- FAQ 4 -->
7648    <div class="basket168-faq-item">
7649        <div class="basket168-faq-question">4. Apa saja opsi pengisian saldo yang bisa langsung dipakai setelah login cepat tadi?</div>
7650        <p class="basket168-faq-answer">
7651            Tersedia macam-macam pilihan, dari transfer rekening bank, dompet digital, sampai pulsa operator, semuanya diproses tanpa potongan yang bikin bingung. Begitu saldo masuk, member bisa langsung lanjut main tanpa jeda tambahan.
7652        </p>
7653    </div>
7654
7655    <!-- FAQ 5 -->
7656    <div class="basket168-faq-item">
7657        <div class="basket168-faq-question">5. Kecepatan akses yang ditawarkan ini ga mengorbankan sisi keamanan kan?</div>
7658        <p class="basket168-faq-answer">
7659            Sama sekali ga. Justru sistem login yang gesit tetap dibekali proteksi berlapis buat menjaga data pribadi dan aktivitas akun member. Kecepatan dan keamanan jalan bareng, bukan salah satu doang yang diutamakan.
7660        </p>
7661    </div>
7662
7663    <!-- FAQ 6 -->
7664    <div class="basket168-faq-item">
7665        <div class="basket168-faq-question">6. Ada penawaran menarik ga buat member yang rutin login tiap hari?</div>
7666        <p class="basket168-faq-answer">
7667            Ada dong, mulai dari bonus buat pendaftar baru sampai hadiah loyalitas buat yang konsisten aktif tiap minggunya. Semakin sering login dan main, semakin besar juga peluang dapet penawaran tambahan dari sistem.
7668        </p>
7669    </div>
7670
7671    <!-- FAQ 7 -->
7672    <div class="basket168-faq-item">
7673        <div class="basket168-faq-question">7. Setelah menang, proses penarikannya secepat proses login ga?</div>
7674        <p class="basket168-faq-answer">
7675            Kurang lebih sama cepatnya. Tinggal ajukan permintaan tarik dana, pilih metode yang cocok, verifikasi sebentar, lalu saldo langsung meluncur ke rekening atau e-wallet tanpa potongan tersembunyi apapun.
7676        </p>
7677    </div>
7678
7679    <!-- FAQ 8 -->
7680    <div class="basket168-faq-item">
7681        <div class="basket168-faq-question">8. Misalnya suatu waktu akses tiba-tiba jadi lambat, harus lapor ke mana?</div>
7682        <p class="basket168-faq-answer">
7683            Langsung aja hubungi tim dukungan resmi lewat live chat yang siaga kapan pun dibutuhkan. Kendala biasanya cepat ditangani supaya member bisa balik lagi menikmati akses cepat tanpa harus lama-lama menunggu solusi.
7684        </p>
7685    </div>
7686
7687</div>
7688
7689<style>
7690/* ==========================================================================
7691    CSS REVIEW SECTION - GOLDEN HERITAGE MODERN (INTERAKTIF & DINAMIS)
7692    ========================================================================== */
7693:root {
7694    --gh-gold-gradient: linear-gradient(135deg, #ff8000f0 0%, #ff8000f0 35%, #ff8000f0 70%, #ff8000f0 100%);
7695    --gh-gold-light: #ff8000f0;
7696    --gh-gold-bright: #ff8000f0;
7697    --gh-dark-bg: #0c0c10;
7698    --gh-card-bg: rgba(16, 16, 22, 0.9);
7699    --gh-border-gold: rgba(212 55 55 / 30%5);
7700    --gh-shadow: 0 15px 35px rgba(0, 0, 0, 0.6);
7701    --gh-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
7702}
7703
7704/* Section Title Styling */
7705.basket168-section-title {
7706    text-align: center;
7707    font-size: 26px;
7708    font-weight: 800;
7709    text-transform: uppercase;
7710    background: var(--gh-red-gradient);
7711    -webkit-background-clip: text;
7712    -webkit-text-fill-color: transparent;
7713    margin: 40px 0 24px 0;
7714    letter-spacing: 1px;
7715    position: relative;
7716    font-family: "Poppins", "Segoe UI", system-ui, sans-serif;
7717    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
7718}
7719
7720.basket168-section-title::after {
7721    content: '';
7722    display: block;
7723    width: 80px;
7724    height: 3px;
7725    background: var(--gh-red-gradient);
7726    margin: 8px auto 0 auto;
7727    border-radius: 2px;
7728}
7729
7730/* ========================= REVIEW GRID STYLING ========================= */
7731.basket168-review-grid {
7732    display: grid;
7733    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
7734    gap: 20px;
7735    padding: 0 12px;
7736    max-width: 1200px;
7737    margin: 0 auto 50px auto;
7738    font-family: "Poppins", "Segoe UI", system-ui, sans-serif;
7739}
7740
7741/* Review Card Styling */
7742.basket168-review-card {
7743    background: var(--gh-card-bg);
7744    backdrop-filter: blur(20px) saturate(180%);
7745    -webkit-backdrop-filter: blur(20px) saturate(180%);
7746    border: 1px solid var(--gh-border-gold);
7747    border-radius: 18px;
7748    padding: 22px 24px;
7749    box-shadow: var(--gh-shadow);
7750    transition: var(--gh-transition);
7751    position: relative;
7752    overflow: hidden;
7753    display: flex;
7754    flex-direction: column;
7755    justify-content: space-between;
7756}
7757
7758/* Garis Aksen Emas di Samping Kartu */
7759.basket168-review-card::before {
7760    content: '';
7761    position: absolute;
7762    top: 0;
7763    left: 0;
7764    width: 4px;
7765    height: 100%;
7766    background: var(--gh-red-gradient);
7767    transition: var(--gh-transition);
7768}
7769
7770.basket168-review-card:hover {
7771    border-color: var(--gh-gold-light);
7772    transform: translateY(-5px);
7773    box-shadow: 0 20px 40px rgba(212, 175, 55, 0.22);
7774    background: rgba(22, 22, 30, 0.95);
7775}
7776
7777.basket168-review-card:hover::before {
7778    width: 6px;
7779    box-shadow: 0 0 12px var(--gh-gold-light);
7780}
7781
7782/* Star Rating Styling */
7783.basket168-stars {
7784    font-size: 14px;
7785    margin-bottom: 10px;
7786    letter-spacing: 2px;
7787    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
7788}
7789
7790/* Reviewer Name Styling */
7791.basket168-reviewer-name {
7792    font-size: 14px;
7793    font-weight: 700;
7794    color: #ff8000f0;
7795    margin-bottom: 12px;
7796    font-family: "Poppins", sans-serif;
7797    letter-spacing: 0.3px;
7798    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
7799}
7800
7801/* Review Text Styling */
7802.basket168-review-text {
7803    font-size: 13.5px;
7804    color: #cbd5e1;
7805    line-height: 1.75;
7806    margin: 0;
7807    padding-left: 14px;
7808    border-left: 1px dashed rgba(212, 175, 55, 0.2);
7809}
7810
7811.basket168-review-text strong {
7812    color: #ffffff;
7813    font-weight: 700;
7814    display: inline-block;
7815    margin-bottom: 6px;
7816    background: linear-gradient(135deg, #ffffff 0%, #ff8000f0 100%);
7817    -webkit-background-clip: text;
7818    -webkit-text-fill-color: transparent;
7819}
7820
7821/* ========================= RESPONSIVE DESIGN ========================= */
7822@media (max-width: 768px) {
7823    .basket168-section-title {
7824        font-size: 22px;
7825        margin: 30px 0 18px 0;
7826    }
7827    
7828    .basket168-review-grid {
7829        grid-template-columns: 1fr;
7830        gap: 16px;
7831    }
7832    
7833    .basket168-review-card {
7834        padding: 18px 20px;
7835        border-radius: 14px;
7836    }
7837    
7838    .basket168-reviewer-name {
7839        font-size: 13.5px;
7840    }
7841    
7842    .basket168-review-text {
7843        font-size: 13px;
7844        padding-left: 12px;
7845    }
7846}
7847</style>
7848</main>
7849<h2 class="basket168-section-title">Review Pemain BASKET168</h2>
7850<div class="basket168-review-grid">
7851
7852    <!-- TESTIMONI 1 -->
7853    <div class="basket168-review-card">
7854        <div>
7855            <div class="basket168-stars">⭐⭐⭐⭐⭐</div>
7856            <div class="basket168-reviewer-name">Dimas Aryanto (Kec. Tembalang, Kota Semarang)</div>
7857            <p class="basket168-review-text">
7858                <strong>"Login Ga Sampai Lima Detik, Serius"</strong><br />
7859                "Biasanya kalau buka situs slot di jam ramai suka nge-hang lama, tapi pas coba BASKET168 malah kaget sendiri karena halaman login langsung kebuka tanpa jeda. Sejak itu jadi males balik ke platform lama yang sering bikin emosi nunggu loading."
7860            </p>
7861        </div>
7862    </div>
7863
7864    <!-- TESTIMONI 2 -->
7865    <div class="basket168-review-card">
7866        <div>
7867            <div class="basket168-stars">⭐⭐⭐⭐⭐</div>
7868            <div class="basket168-reviewer-name">Anisa Rahmawati (Kec. Cimanggis, Kota Depok)</div>
7869            <p class="basket168-review-text">
7870                <strong>"Ga Perlu Sinyal Kuat Buat Tetap Ngebut"</strong><br />
7871                "Rumah saya termasuk area yang sinyalnya naik turun, jadi biasanya males buka aplikasi berat-berat. Herannya, akses login BASKET168 tetap gesit meski jaringan lagi kurang stabil, ga ada acara loading muter-muter lama."
7872            </p>
7873        </div>
7874    </div>
7875
7876    <!-- TESTIMONI 3 -->
7877    <div class="basket168-review-card">
7878        <div>
7879            <div class="basket168-stars">⭐⭐⭐⭐⭐</div>
7880            <div class="basket168-reviewer-name">
7880Bayu Setiawan (Kec. Sukarame, Kota Bandar Lampung)</div>
7881            <p class="basket168-review-text">
7882                <strong>"Cepat Login, Cepat Juga Urusan Transaksinya"</strong><br />
7883                "Awalnya kirain cuma bagian login doang yang digadang-gadang cepat, ternyata proses isi saldo dan tarik dananya juga sama gesitnya. Kombinasi kayak gini yang bikin saya nyaman lanjut main tanpa buang-buang waktu nunggu."
7884            </p>
7885        </div>
7886    </div>
7887
7888</div>
7889        <footer id="footer" class="footer-wrapper">
7890
7891
7892            <section class="section footer-block-section dark" id="section_24081897">
7893                <div class="section-bg fill">
7894
7895
7896
7897
7898
7899                </div>
7900
7901
7902
7903                <div class="section-content relative">
7904
7905
7906                    <div id="gap-1322484795" class="gap-element clearfix" style="display:block; height:auto;">
7907
7908                        <style>
7909                            #gap-1322484795 {
7910                                padding-top: 40px;
7911                            }
7912
7913                            @media (min-width:550px) {
7914                                #gap-1322484795 {
7915                                    padding-top: 48px;
7916                                }
7917                            }
7918                        </style>
7919                    </div>
7920
7921
7922                    <div class="row" id="row-392521608">
7923
7924
7925                        <div id="col-185489538" class="col first-col medium-8 small-12 large-4">
7926                            <div class="col-inner">
7927
7928
7929
7930                                <div class="img has-hover footer-logo x md-x lg-x y md-y lg-y" id="image_696286469">
7931                                    <div class="img-inner dark">
7932                                        <img width="600" height="263"
7933                                            src="https://hokiku.io/images/2026/05/24/GIF.LOGO.gif"
7934                                            class="attachment-original size-original" alt="" decoding="async"
7935                                            loading="lazy" />
7936                                    </div>
7937
7938                                    <style>
7939                                        #image_696286469 {
7940                                            width: 100%;
7941                                        }
7942                                    </style>
7943                                </div>
7944
7945
7946                                <address style="font-style: normal; color: #000000; line-height: 1.6; font-size: 14px; max-width: 100%; margin: 20px 0 0 0; text-align: left; background: transparent; border: none; padding: 0; box-sizing: border-box;">
7947    <span style="display: block; font-size: 15px; font-weight: 700; color: #000000; letter-spacing: 0.3px; margin-bottom: 5px; text-transform: uppercase;">
7948        BASKET168 LINK
7949    </span>
7950    <span style="display: block; font-weight: 500;">
7951        Jl. Purwawinangun No. 69, Sisi Jalan,
7952    </span>
7953    <span style="display: block; font-weight: 500;">
7954        Kec. Kuningan, Kota Kuningan,
7955    </span>
7956    <span style="display: block; font-weight: 500;">
7957        Jawa Barat 15512
7958    </span>
7959</address>
7960
7961                            </div>
7962
7963                            <style>
7964                                #col-185489538>.col-inner {
7965                                    padding: 0px 0px 0px 0px;
7966                                }
7967
7968                                @media (min-width:550px) {
7969                                    #col-185489538>.col-inner {
7970                                        padding: 0px 0px 0px 0px;
7971                                    }
7972                                }
7973
7974                                @media (min-width:850px) {
7975                                    #col-185489538>.col-inner {
7976                                        padding: 0px 40px 0px 40px;
7977                                    }
7978                                }
7979                            </style>
7980                        </div>
7981
7982
7983
7984                        <div id="col-1851700469" class="col second-col medium-8 small-12 large-4">
7985                            <div class="col-inner text-center">
7986
7987
7988
7989                                <h3><div class="basket168-footer-links-center" style="text-align: center;">
7990                                <ul style="list-style: none; padding: 0; margin: 0; line-height: 1.8;">
7991                                    <li style="margin-bottom: 5px;"><a href="https://basketpisces.com/" style="color: #000000; text-decoration: none; font-weight: bold; font-size: 14px;">BASKET168</a></li>
7992                                    <li style="margin-bottom: 5px;"><a href="https://basketpisces.com/" style="color: #000000; text-decoration: none; font-weight: bold; font-size: 14px;">BASKET168 LOGIN</a></li>
7993                                    <li style="margin-bottom: 5px;"><a href="https://basketpisces.com/" style="color: #000000; text-decoration: none; font-weight: bold; font-size: 14px;">BASKET168 DAFTAR</a></li>
7994                                    <li style="margin-bottom: 5px;"><a href="https://basketpisces.com/" style="color: #000000; text-decoration: none; font-weight: bold; font-size: 14px;">BASKET168 RTP</a></li>
7995                                    <li style="margin-bottom: 5px;"><a href="https://basketpisces.com/" style="color: #000000; text-decoration: none; font-weight: bold; font-size: 14px;">BASKET168 SLOT</a></li>
7996                                    <li style="margin-bottom: 5px;"><a href="https://basketpisces.com/" style="color: #000000; text-decoration: none; font-weight: bold; font-size: 14px;">BASKET168 LINK</a></li>
7997                                    <li style="margin-bottom: 5px;"><a href="https://basketpisces.com/" style="color: #000000; text-decoration: none; font-weight: bold; font-size: 14px;">BASKET168 ALTERNATIF</a></li>                                    
7998                                    <li style="margin-bottom: 5px;"><a href="https://basketpisces.com/" style="color: #000000; text-decoration: none; font-weight: bold; font-size: 14px;">BASKET168 LINK ALTERNATIF</a></li>
7999                                </ul>
8000                            </div></h3>
8001                            </div>
8002                        </div>
8003
8004
8005
8006<div id="col-1578532163" class="col third-col medium-8 small-12 large-4">
8007    <div class="col-inner">
8008
8009<p style="color: #000000; font-weight: 700; line-height: 1.4; margin-bottom: 12px;">
8010    <strong>GAME ONLINE TERBARU BUAT MATA MELOTOT LIAT MAXWINNYA!</strong>
8011</p>
8012<p style="color: #000000; font-weight: 700; line-height: 1.4;">
8013    LIVECHAT:<br />
8014    <a href="https://cepat.basket168-terbaru.com/" style="color: #000000; font-weight: 800; text-decoration: underline; letter-spacing: 0.5px;">KLIK DISINI</a>
8015</p>
8016        
8017        <!-- Tambahan GIF di Ruang Kosong (Fixed) -->
8018        <div style="margin-top: 50px; text-align: left;">
8019            <img src="https://hokiku.io/images/2026/05/24/GIF.LOGO.gif" alt="BASKET168 GIF" style="width: 800px; height: 150px; max-width: 100%; display: inline-block;" />
8020        </div>
8021
8022    </div>
8023
8024<style>
8025  /* ==========================================================================
8026     BASKET168 FOOTER - ULTRA PREMIUM NATURAL KEMUNING & GOLD GLAMOUR
8027     ========================================================================== */
8028
8029  #row-392521608 {
8030    background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 40%, #262211 100%);
8031    padding: 70px 20px;
8032    border-top: 3px solid #ff8000f0;
8033    box-shadow: 0 -20px 50px rgba(0, 0, 0, 0.6);
8034    font-family: 'Poppins', 'Inter', system-ui, -apple-system, sans-serif;
8035    color: #f5f5f5;
8036    position: relative;
8037    overflow: hidden;
8038  }
8039
8040  /* Efek kilau cahaya halus di background */
8041  #row-392521608::before {
8042    content: '';
8043    position: absolute;
8044    top: 0;
8045    left: 50%;
8046    transform: translateX(-50%);
8047    width: 600px;
8048    height: 150px;
8049    background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);
8050    pointer-events: none;
8051  }
8052
8053  /* Container Kolom Utama dengan kaca gelap & border gold */
8054  #row-392521608 .col-inner {
8055    background: rgba(20, 20, 20, 0.85);
8056    backdrop-filter: blur(10px);
8057    border: 1px solid rgba(212 55 55 / 30%);
8058    border-radius: 14px;
8059    padding: 30px !important;
8060    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
8061    height: 100%;
8062    transition: all 0.3s ease;
8063  }
8064
8065  #row-392521608 .col-inner:hover {
8066    border-color: rgba(212 55 55 / 30%);
8067    box-shadow: 0 15px 40px rgba(212, 175, 55, 0.12);
8068    transform: translateY(-4px);
8069  }
8070
8071  /* Kolom 1: Alamat & Identitas */
8072  #col-185489538 address {
8073    color: #b0b0b0 !important;
8074    font-size: 13.5px !important;
8075  }
8076
8077  #col-185489538 address span:first-child {
8078    color: #ff8000f0 !important;
8079    font-size: 16px !important;
8080    letter-spacing: 1px;
8081    border-bottom: 2px solid #ff8000f0;
8082    display: inline-block !important;
8083    padding-bottom: 6px;
8084    margin-bottom: 15px !important;
8085    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
8086  }
8087
8088  #col-185489538 address span {
8089    color: #d1d5db;
8090  }
8091
8092  /* Kolom 2: Navigasi Menu Elegan */
8093  #col-1851700469 h3 {
8094    margin: 0;
8095  }
8096
8097  #col-1851700469 ul li a {
8098    color: #e5e7eb !important;
8099    font-weight: 500 !important;
8100    font-size: 13.5px !important;
8101    display: block;
8102    padding: 8px 14px;
8103    border-radius: 8px;
8104    background: rgba(255, 255, 255, 0.02);
8105    border: 1px solid rgba(255, 255, 255, 0.05);
8106    transition: all 0.25s ease;
8107    letter-spacing: 0.5px;
8108  }
8109
8110  #col-1851700469 ul li a:hover {
8111    background: linear-gradient(135deg, #ff8000f0 0%, #ff8000f0 100%);
8112    color: #0d0d0d !important;
8113    font-weight: 700 !important;
8114    transform: translateX(6px);
8115    box-shadow: 0 4px 15px rgba(255, 211, 0, 0.3);
8116    border-color: transparent;
8117  }
8118
8119  /* Kolom 3: Informasi & Tombol Live Chat Mewah */
8120  #col-1578532163 p {
8121    color: #f3f4f6 !important;
8122    font-size: 14px;
8123    letter-spacing: 0.3px;
8124  }
8125
8126  #col-1578532163 p strong {
8127    color: #ff8000f0 !important;
8128  }
8129
8130  /* Tombol KLIK DISINI / Livechat gaya Tombol Gold Premium */
8131  #col-1578532163 p a {
8132    color: #0d0d0d !important;
8133    background: linear-gradient(135deg, #ff8000f0 0%, #ff8000f0 100%);
8134    padding: 8px 20px;
8135    border-radius: 8px;
8136    display: inline-block;
8137    margin-top: 8px;
8138    text-decoration: none !important;
8139    font-weight: 800 !important;
8140    letter-spacing: 1px;
8141    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4);
8142    transition: all 0.3s ease;
8143    border: 1px solid rgba(255, 255, 255, 0.3);
8144  }
8145
8146  #col-1578532163 p a:hover {
8147    background: linear-gradient(135deg, #ffffff 0%, #ff8000f0 100%);
8148    color: #0d0d0d !important;
8149    transform: scale(1.05);
8150    box-shadow: 0 6px 20px rgba(255, 211, 0, 0.6);
8151  }
8152
8153  /* Styling Banner GIF Bawah */
8154  #col-1578532163 img {
8155    border-radius: 10px;
8156    border: 2px solid #ff8000f0;
8157    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.25);
8158    filter: brightness(1.05) contrast(1.05);
8159    transition: transform 0.3s ease;
8160  }
8161
8162  #col-1578532163 img:hover {
8163    transform: translateY(-3px);
8164    box-shadow: 0 12px 30px rgba(255, 211, 0, 0.4);
8165  }
8166
8167  /* Responsif */
8168  @media (max-width: 849px) {
8169    #row-392521608 {
8170      padding: 40px 15px;
8171    }
8172    #row-392521608 .col {
8173      margin-bottom: 25px;
8174    }
8175  }
8176</style>
8177
8178                        </div>
8179
8180
8181
8182                    </div>
8183                    <div class="row row-collapse" id="row-1829316723">
8184
8185
8186                        <div id="col-994882107" class="col small-12 large-12">
8187                            <div class="col-inner">
8188
8189
8190
8191                                <div class="is-divider divider clearfix"
8192                                    style="max-width:100%;height:1px;background-color:rgb(255, 255, 255);"></div>
8193
8194
8195                            </div>
8196                        </div>
8197
8198
8199
8200                    </div>
8201
8202                </div>
8203
8204
8205                <style>
8206                    #section_24081897 {
8207                        padding-top: 0px;
8208                        padding-bottom: 0px;
8209                        background-color: #000000;
8210                    }
8211                </style>
8212            </section>
8213
8214
8215    <div id="main-menu" class="mobile-sidebar no-scrollbar mfp-hide mobile-sidebar-slide mobile-sidebar-levels-1"
8216        data-levels="1">
8217
8218
8219        <div class="sidebar-menu no-scrollbar ">
8220
8221
8222            <ul class="nav nav-sidebar nav-vertical nav-uppercase nav-slide" data-tab="1">
8223                <li
8224                    class="menu-item-level-1 menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-3447">
8225                    <a href="https://basketpisces.com/">Home</a>
8226                </li>
8227                <li
8228                    class="menu-item-level-1 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3448">
8229                    <a href="https://basketpisces.com/">Solusi Bisnis</a>
8230                    <ul class="sub-menu nav-sidebar-ul children">
8231                        <li
8232                            class="menu-item-level-2 menu-nav-resto menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3449">
8233                            <a href="https://basketpisces.com/">Kasflo Resto</a>
8234                            <ul class="sub-menu nav-sidebar-ul">
8235                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3454">
8236                                    <a>Beverages</a>
8237                                </li>
8238                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3455">
8239                                    <a>Coffe Shop</a>
8240                                </li>
8241                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3456">
8242                                    <a>Cepat Saji</a>
8243                                </li>
8244                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3457">
8245                                    <a>Restoran</a>
8246                                </li>
8247                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3458">
8248                                    <a>Dessert Cafe</a>
8249                                </li>
8250                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3463">
8251                                    <a>Tea House</a>
8252                                </li>
8253                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3464">
8254                                    <a>Cocktail Bar</a>
8255                                </li>
8256                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3465">
8257                                    <a>Toko Kue</a>
8258                                </li>
8259                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3466">
8260                                    <a>Food Truck</a>
8261                                </li>
8262                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3467">
8263                                    <a>Smoothie Bar</a>
8264                                </li>
8265                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3468">
8266                                    <a>Drive Thru</a>
8267                                </li>
8268                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3469">
8269                                    <a>Food Court</a>
8270                                </li>
8271                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3470">
8272                                    <a>Pasar Makanan</a>
8273                                </li>
8274                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3471">
8275                                    <a>Gerai Makanan Jalanan</a>
8276                                </li>
8277                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3472">
8278                                    <a>Catering</a>
8279                                </li>
8280                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3473">
8281                                    <a>Juice Bar</a>
8282                                </li>
8283                                <li
8284                                    class="button-more menu-item menu-item-type-custom menu-item-object-custom menu-item-3496">
8285                                    <a href="https://basketpisces.com/">Lihat Selengkapnya</a>
8286                                </li>
8287                            </ul>
8288                        </li>
8289                        <li
8290                            class="menu-item-level-2 menu-nav-toko menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3450">
8291                            <a href="https://basketpisces.com/">Kasflo Toko</a>
8292                            <ul class="sub-menu nav-sidebar-ul">
8293                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3474">
8294                                    <a>Toko Grosir</a>
8295                                </li>
8296                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3475">
8297                                    <a>Toko Retail</a>
8298                                </li>
8299                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3476">
8300                                    <a>Warung Sembako</a>
8301                                </li>
8302                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3477">
8303                                    <a>Warung Kelontong</a>
8304                                </li>
8305                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3478">
8306                                    <a>Warung Sayur</a>
8307                                </li>
8308                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3479">
8309                                    <a>Warung Buah</a>
8310                                </li>
8311                                <li
8312                                    class="button-more menu-item menu-item-type-custom menu-item-object-custom menu-item-3497">
8313                                    <a href="https://basketpisces.com/">Lihat Selengkapnya</a>
8314                                </li>
8315                            </ul>
8316                        </li>
8317                        <li
8318                            class="menu-item-level-2 menu-nav-bisnis menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3451">
8319                            <a href="https://basketpisces.com/">Kasflo Bisnis</a>
8320                            <ul class="sub-menu nav-sidebar-ul">
8321                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3480">
8322                                    <a>Laundry</a>
8323                                </li>
8324                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3481">
8325                                    <a>Barbershop</a>
8326                                </li>
8327                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3482">
8328                                    <a>Salon Kecantikan</a>
8329                                </li>
8330                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3483">
8331                                    <a>Toko Farmasi</a>
8332                                </li>
8333                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3484">
8334                                    <a>Sewa Lapangan</a>
8335                                </li>
8336                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3485">
8337                                    <a>Cuci Mobil &#038; Motor</a>
8338                                </li>
8339                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3486">
8340                                    <a>Rental Playstation</a>
8341                                </li>
8342                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3487">
8343                                    <a>Toko Komputer, HP dan Accesories</a>
8344                                </li>
8345                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3488">
8346                                    <a>Toko Kelontong</a>
8347                                </li>
8348                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3489">
8349                                    <a>Toko Kosmetik</a>
8350                                </li>
8351                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3490">
8352                                    <a>Petshop</a>
8353                                </li>
8354                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3491">
8355                                    <a>Photo Studio</a>
8356                                </li>
8357                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3492">
8358                                    <a>Pijat Refleksi</a>
8359                                </li>
8360                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3493">
8361                                    <a>Rental Motor &#038; Mobil</a>
8362                                </li>
8363                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3494">
8364                                    <a>Salon &#038; Spa</a>
8365                                </li>
8366                                <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3495">
8367                                    <a>Toko Perangkat Elektronik</a>
8368                                </li>
8369                                <li
8370                                    class="button-more menu-item menu-item-type-custom menu-item-object-custom menu-item-3498">
8371                                    <a href="https://basketpisces.com/">Lihat Selengkapnya</a>
8372                                </li>
8373                            </ul>
8374                        </li>
8375                    </ul>
8376                </li>
8377                <li
8378                    class="simple-dropdown menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-4756">
8379                    <a href="https://basketpisces.com/">Harga</a>
8380
8381                </li>
8382                <li class="menu-item-level-1 menu-item menu-item-type-post_type menu-item-object-page menu-item-3452"><a
8383                        href="https://basketpisces.com/">Panduan</a></li>
8384                <li class="menu-item-level-1 menu-item menu-item-type-post_type menu-item-object-page menu-item-3453"><a
8385                        href="https://basketpisces.com/">Blog</a></li>
8386            </ul>
8387
8388
8389        </div>
8390
8391
8392    </div>
vendor: 118 bytes, lines 8392-8394
8392
8393    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
8394    
8394<script type="speculationrules">
8395{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/flatsome/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
8396</script>
8396
8397    <!-- HFCM by 99 Robots - Snippet # 6: Change Element Link to P in Mega Menu -->
8398    
8398<script type="text/javascript">
8399        jQuery(document).ready(function ($) {
8400            $('.menu-item-level-2 .menu-item > a:not([href])').each(function () {
8401                var textContent = $(this).text();
8402                var newElement = $('<p>').text(textContent);
8403                $(this).replaceWith(newElement);
8404            });
8405        });
8406    </script>
8406
8407    <!-- /end HFCM by 99 Robots -->
8408    <div id="pum-4770" role="dialog" aria-modal="false" aria-labelledby="pum_popup_title_4770"
8409        class="pum pum-overlay pum-theme-7 pum-theme-lightbox popmake-overlay pum-click-to-close click_open"
8410        data-popmake="{&quot;id&quot;:4770,&quot;slug&quot;:&quot;popup-pricing-enterprise&quot;,&quot;theme_id&quot;:7,&quot;cookies&quot;:[],&quot;triggers&quot;:[{&quot;type&quot;:&quot;click_open&quot;,&quot;settings&quot;:{&quot;cookie_name&quot;:&quot;&quot;,&quot;extra_selectors&quot;:&quot;.popup-enterprise&quot;}}],&quot;mobile_disabled&quot;:null,&quot;tablet_disabled&quot;:null,&quot;meta&quot;:{&quot;display&quot;:{&quot;stackable&quot;:false,&quot;overlay_disabled&quot;:false,&quot;scrollable_content&quot;:false,&quot;disable_reposition&quot;:false,&quot;size&quot;:&quot;small&quot;,&quot;responsive_min_width&quot;:&quot;0%&quot;,&quot;responsive_min_width_unit&quot;:false,&quot;responsive_max_width&quot;:&quot;100%&quot;,&quot;responsive_max_width_unit&quot;:false,&quot;custom_width&quot;:&quot;640px&quot;,&quot;custom_width_unit&quot;:false,&quot;custom_height&quot;:&quot;380px&quot;,&quot;custom_height_unit&quot;:false,&quot;custom_height_auto&quot;:false,&quot;location&quot;:&quot;center&quot;,&quot;position_from_trigger&quot;:false,&quot;position_top&quot;:&quot;100&quot;,&quot;position_left&quot;:&quot;0&quot;,&quot;position_bottom&quot;:&quot;0&quot;,&quot;position_right&quot;:&quot;0&quot;,&quot;position_fixed&quot;:false,&quot;animation_type&quot;:&quot;fade&quot;,&quot;animation_speed&quot;:&quot;200&quot;,&quot;animation_origin&quot;:&quot;center top&quot;,&quot;overlay_zindex&quot;:false,&quot;zindex&quot;:&quot;1020&quot;},&quot;close&quot;:{&quot;text&quot;:&quot;&quot;,&quot;button_delay&quot;:&quot;0&quot;,&quot;overlay_click&quot;:&quot;1&quot;,&quot;esc_press&quot;:&quot;1&quot;,&quot;f4_press&quot;:false},&quot;click_open&quot;:[]}}">
8411
8412        <div id="popmake-4770"
8413            class="pum-container popmake theme-7 pum-responsive pum-responsive-small responsive size-small">
8414
8415
8416            <div id="pum_popup_title_4770" class="pum-title popmake-title">
8417                Tanya Detail Paket Enterprise Di Sini </div>
8418
8419
8420            <div class="pum-content popmake-content" tabindex="0">
8421                <div id="stack-622373504"
8422                    class="stack consultation-buttons-wrap stack-row justify-start items-stretch sm:stack-col">
8423
8424
8425                    <a href="https://basketpisces.com/"
8426                        target="_blank" class="button success lowercase expand wabtn-dika" 
8427                        style="border-radius:8px;">
8428                        <i class="icon-whatsapp" aria-hidden="true"></i> <span>SITUS BASKET168</span>
8429                    </a>
8430
8431
8432                    <a href="https://basketpisces.com/"
8433                        target="_blank" class="button success lowercase expand wabtn-cs" 
8434                        style="border-radius:8px;">
8435                        <i class="icon-whatsapp" aria-hidden="true"></i> <span>BASKET168 RTP</span>
8436                    </a>
8437
8438
8439
8440
8441                    <style>
8442                        #stack-622373504>* {
8443                            --stack-gap: 1rem;
8444                        }
8445                    </style>
8446                </div>
8447
8448                <div id="gap-1707987579" class="gap-element clearfix" style="display:block; height:auto;">
8449
8450                    <style>
8451                        #gap-1707987579 {
8452                            padding-top: 20px;
8453                        }
8454                    </style>
8455                </div>
8456
8457            </div>
8458
8459
8460            <button type="button" class="pum-close popmake-close" aria-label="Close">
8461                × </button>
8462
8463        </div>
8464
8465    </div>
8466    <div id="pum-4768" role="dialog" aria-modal="false" aria-labelledby="pum_popup_title_4768"
8467        class="pum pum-overlay pum-theme-7 pum-theme-lightbox popmake-overlay pum-click-to-close click_open"
8468        data-popmake="{&quot;id&quot;:4768,&quot;slug&quot;:&quot;popup-pricing-pro&quot;,&quot;theme_id&quot;:7,&quot;cookies&quot;:[],&quot;triggers&quot;:[{&quot;type&quot;:&quot;click_open&quot;,&quot;settings&quot;:{&quot;cookie_name&quot;:&quot;&quot;,&quot;extra_selectors&quot;:&quot;.popup-pro&quot;}}],&quot;mobile_disabled&quot;:null,&quot;tablet_disabled&quot;:null,&quot;meta&quot;:{&quot;display&quot;:{&quot;stackable&quot;:false,&quot;overlay_disabled&quot;:false,&quot;scrollable_content&quot;:false,&quot;disable_reposition&quot;:false,&quot;size&quot;:&quot;small&quot;,&quot;responsive_min_width&quot;:&quot;0%&quot;,&quot;responsive_min_width_unit&quot;:false,&quot;responsive_max_width&quot;:&quot;100%&quot;,&quot;responsive_max_width_unit&quot;:false,&quot;custom_width&quot;:&quot;640px&quot;,&quot;custom_width_unit&quot;:false,&quot;custom_height&quot;:&quot;380px&quot;,&quot;custom_height_unit&quot;:false,&quot;custom_height_auto&quot;:false,&quot;location&quot;:&quot;center&quot;,&quot;position_from_trigger&quot;:false,&quot;position_top&quot;:&quot;100&quot;,&quot;position_left&quot;:&quot;0&quot;,&quot;position_bottom&quot;:&quot;0&quot;,&quot;position_right&quot;:&quot;0&quot;,&quot;position_fixed&quot;:false,&quot;animation_type&quot;:&quot;fade&quot;,&quot;animation_speed&quot;:&quot;200&quot;,&quot;animation_origin&quot;:&quot;center top&quot;,&quot;overlay_zindex&quot;:false,&quot;zindex&quot;:&quot;1020&quot;},&quot;close&quot;:{&quot;text&quot;:&quot;&quot;,&quot;button_delay&quot;:&quot;0&quot;,&quot;overlay_click&quot;:&quot;1&quot;,&quot;esc_press&quot;:&quot;1&quot;,&quot;f4_press&quot;:false},&quot;click_open&quot;:[]}}">
8469
8470        <div id="popmake-4768"
8471            class="pum-container popmake theme-7 pum-responsive pum-responsive-small responsive size-small">
8472
8473
8474            <div id="pum_popup_title_4768" class="pum-title popmake-title">
8475                Tanya Detail Paket Pro Di Sini </div>
8476
8477
8478            <div class="pum-content popmake-content" tabindex="0">
8479                <div id="stack-1175434582"
8480                    class="stack consultation-buttons-wrap stack-row justify-start items-stretch sm:stack-col">
8481
8482
8483                    <a href="https://basketpisces.com/"
8484                        target="_blank" class="button success lowercase exp
8484and wabtn-dika" 
8485                        style="border-radius:8px;">
8486                        <i class="icon-whatsapp" aria-hidden="true"></i> <span>BASKET168</span>
8487                    </a>
8488
8489
8490                    <a href="https://basketpisces.com/"
8491                        target="_blank" class="button success lowercase expand wabtn-cs" 
8492                        style="border-radius:8px;">
8493                        <i class="icon-whatsapp" aria-hidden="true"></i> <span>BASKET168LIVECHAT</span>
8494                    </a>
8495
8496
8497
8498
8499                    <style>
8500                        #stack-1175434582>* {
8501                            --stack-gap: 1rem;
8502                        }
8503                    </style>
8504                </div>
8505
8506                <div id="gap-927002650" class="gap-element clearfix" style="display:block; height:auto;">
8507
8508                    <style>
8509                        #gap-927002650 {
8510                            padding-top: 20px;
8511                        }
8512                    </style>
8513                </div>
8514
8515            </div>
8516
8517
8518            <button type="button" class="pum-close popmake-close" aria-label="Close">
8519                × </button>
8520
8521        </div>
8522
8523    </div>
8524    <div id="pum-4766" role="dialog" aria-modal="false" aria-labelledby="pum_popup_title_4766"
8525        class="pum pum-overlay pum-theme-7 pum-theme-lightbox popmake-overlay pum-click-to-close click_open"
8526        data-popmake="{&quot;id&quot;:4766,&quot;slug&quot;:&quot;popup-pricing-lite&quot;,&quot;theme_id&quot;:7,&quot;cookies&quot;:[],&quot;triggers&quot;:[{&quot;type&quot;:&quot;click_open&quot;,&quot;settings&quot;:{&quot;extra_selectors&quot;:&quot;.popup-lite&quot;}}],&quot;mobile_disabled&quot;:null,&quot;tablet_disabled&quot;:null,&quot;meta&quot;:{&quot;display&quot;:{&quot;stackable&quot;:false,&quot;overlay_disabled&quot;:false,&quot;scrollable_content&quot;:false,&quot;disable_reposition&quot;:false,&quot;size&quot;:&quot;small&quot;,&quot;responsive_min_width&quot;:&quot;0%&quot;,&quot;responsive_min_width_unit&quot;:false,&quot;responsive_max_width&quot;:&quot;100%&quot;,&quot;responsive_max_width_unit&quot;:false,&quot;custom_width&quot;:&quot;640px&quot;,&quot;custom_width_unit&quot;:false,&quot;custom_height&quot;:&quot;380px&quot;,&quot;custom_height_unit&quot;:false,&quot;custom_height_auto&quot;:false,&quot;location&quot;:&quot;center&quot;,&quot;position_from_trigger&quot;:false,&quot;position_top&quot;:&quot;100&quot;,&quot;position_left&quot;:&quot;0&quot;,&quot;position_bottom&quot;:&quot;0&quot;,&quot;position_right&quot;:&quot;0&quot;,&quot;position_fixed&quot;:false,&quot;animation_type&quot;:&quot;fade&quot;,&quot;animation_speed&quot;:&quot;200&quot;,&quot;animation_origin&quot;:&quot;center top&quot;,&quot;overlay_zindex&quot;:false,&quot;zindex&quot;:&quot;1020&quot;},&quot;close&quot;:{&quot;text&quot;:&quot;&quot;,&quot;button_delay&quot;:&quot;0&quot;,&quot;overlay_click&quot;:&quot;1&quot;,&quot;esc_press&quot;:&quot;1&quot;,&quot;f4_press&quot;:false},&quot;click_open&quot;:[]}}">
8527
8528        <div id="popmake-4766"
8529            class="pum-container popmake theme-7 pum-responsive pum-responsive-small responsive size-small">
8530
8531
8532            <div id="pum_popup_title_4766" class="pum-title popmake-title">
8533                Tanya Detail Paket Lite Di Sini </div>
8534
8535
8536            <div class="pum-content popmake-content" tabindex="0">
8537                <div id="stack-2343436850"
8538                    class="stack consultation-buttons-wrap stack-row justify-start items-stretch sm:stack-col">
8539
8540
8541                    <a href="https://basketpisces.com/"
8542                        target="_blank" class="button success lowercase expand wabtn-dika" 
8543                        style="border-radius:8px;">
8544                        <i class="icon-whatsapp" aria-hidden="true"></i> <span>BASKET168</span>
8545                    </a>
8546
8547
8548                    <a href="https://basketpisces.com/"
8549                        target="_blank" class="button success lowercase expand wabtn-cs" 
8550                        style="border-radius:8px;">
8551                        <i class="icon-whatsapp" aria-hidden="true"></i> <span>BASKET168LINK ALTERNATIF</span>
8552                    </a>
8553
8554
8555
8556
8557                    <style>
8558                        #stack-2343436850>* {
8559                            --stack-gap: 1rem;
8560                        }
8561                    </style>
8562                </div>
8563
8564                <div id="gap-1750022617" class="gap-element clearfix" style="display:block; height:auto;">
8565
8566                    <style>
8567                        #gap-1750022617 {
8568                            padding-top: 20px;
8569                        }
8570                    </style>
8571                </div>
8572
8573            </div>
8574
8575
8576            <button type="button" class="pum-close popmake-close" aria-label="Close">
8577                × </button>
8578
8579        </div>
8580
8581    </div>
8582    <div id="pum-4263" role="dialog" aria-modal="false" aria-labelledby="pum_popup_title_4263"
8583        class="pum pum-overlay pum-theme-7 pum-theme-lightbox popmake-overlay pum-click-to-close click_open"
8584        data-popmake="{&quot;id&quot;:4263,&quot;slug&quot;:&quot;consultation-popup&quot;,&quot;theme_id&quot;:7,&quot;cookies&quot;:[],&quot;triggers&quot;:[{&quot;type&quot;:&quot;click_open&quot;,&quot;settings&quot;:{&quot;cookie_name&quot;:&quot;&quot;,&quot;extra_selectors&quot;:&quot;.consultation-popup&quot;}}],&quot;mobile_disabled&quot;:null,&quot;tablet_disabled&quot;:null,&quot;meta&quot;:{&quot;display&quot;:{&quot;stackable&quot;:false,&quot;overlay_disabled&quot;:false,&quot;scrollable_content&quot;:false,&quot;disable_reposition&quot;:false,&quot;size&quot;:&quot;small&quot;,&quot;responsive_min_width&quot;:&quot;0%&quot;,&quot;responsive_min_width_unit&quot;:false,&quot;responsive_max_width&quot;:&quot;100%&quot;,&quot;responsive_max_width_unit&quot;:false,&quot;custom_width&quot;:&quot;640px&quot;,&quot;custom_width_unit&quot;:false,&quot;custom_height&quot;:&quot;380px&quot;,&quot;custom_height_unit&quot;:false,&quot;custom_height_auto&quot;:false,&quot;location&quot;:&quot;center&quot;,&quot;position_from_trigger&quot;:false,&quot;position_top&quot;:&quot;100&quot;,&quot;position_left&quot;:&quot;0&quot;,&quot;position_bottom&quot;:&quot;0&quot;,&quot;position_right&quot;:&quot;0&quot;,&quot;position_fixed&quot;:false,&quot;animation_type&quot;:&quot;fade&quot;,&quot;animation_speed&quot;:&quot;200&quot;,&quot;animation_origin&quot;:&quot;center top&quot;,&quot;overlay_zindex&quot;:false,&quot;zindex&quot;:&quot;1020&quot;},&quot;close&quot;:{&quot;text&quot;:&quot;&quot;,&quot;button_delay&quot;:&quot;0&quot;,&quot;overlay_click&quot;:&quot;1&quot;,&quot;esc_press&quot;:&quot;1&quot;,&quot;f4_press&quot;:false},&quot;click_open&quot;:[]}}">
8585
8586        <div id="popmake-4263"
8587            class="pum-container popmake theme-7 pum-responsive pum-responsive-small responsive size-small">
8588
8589
8590            <div id="pum_popup_title_4263" class="pum-title popmake-title">
8591                Konsultasi Dengan Tim Kasflo </div>
8592
8593
8594            <div class="pum-content popmake-content" tabindex="0">
8595                <div id="stack-3839803335"
8596                    class="stack consultation-buttons-wrap stack-row justify-start items-stretch sm:stack-col">
8597
8598
8599                    <a href="https://basketpisces.com/"
8600                        target="_blank" class="button success lowercase exp
8600and wabtn-dika" 
8601                        style="border-radius:8px;">
8602                        <i class="icon-whatsapp" aria-hidden="true"></i> <span>BASKET168LOGIN</span>
8603                    </a>
8604
8605
8606                    <a href="https://basketpisces.com/"
8607                        target="_blank" class="button success lowercase expand wabtn-cs" 
8608                        style="border-radius:8px;">
8609                        <i class="icon-whatsapp" aria-hidden="true"></i> <span>BASKET168DAFTAR</span>
8610                    </a>
8611
8612
8613
8614
8615                    <style>
8616                        #stack-3839803335>* {
8617                            --stack-gap: 1rem;
8618                        }
8619                    </style>
8620                </div>
8621
8622                <div id="gap-1208236665" class="gap-element clearfix" style="display:block; height:auto;">
8623
8624                    <style>
8625                        #gap-1208236665 {
8626                            padding-top: 20px;
8627                        }
8628                    </style>
8629                </div>
8630
8631            </div>
8632
8633
8634            <button type="button" class="pum-close popmake-close" aria-label="Close">
8635                × </button>
8636
8637        </div>
8638
8639    </div>
8640    
8640<script>document.addEventListener("DOMContentLoaded", function () {
8641
8642            // Helper: scroll item ke tengah container
8643            function centerItem(container, item) {
8644                if (!container || !item) return;
8645                const contRect = container.getBoundingClientRect();
8646                const itemRect = item.getBoundingClientRect();
8647                const current = container.scrollLeft;
8648                const offsetWithin = (itemRect.left - contRect.left) + current;
8649                const target = offsetWithin - (container.clientWidth / 2) + (item.clientWidth / 2);
8650                container.scrollTo({ left: Math.max(0, target), behavior: "smooth" });
8651            }
8652
8653            /**
8654             * Inisialisasi auto-center untuk tab navigation SE0GAS12KG
8655             * @param {string} navSelector - Selector untuk <ul> nav tabs
8656             * @param {function} getActive - Function untuk return element li aktif
8657             * @param {object} observeCfg - Konfigurasi observer { targetSelector, attr }
8658             */
8659            function initAutoCenterTabs(navSelector, getActive, observeCfg) {
8660                document.querySelectorAll(navSelector).forEach((nav) => {
8661                    const activeEl = () => getActive(nav);
8662
8663                    // Center saat load
8664                    centerItem(nav, activeEl());
8665
8666                    // Fallback saat klik
8667                    nav.addEventListener("click", () => {
8668                        setTimeout(() => centerItem(nav, activeEl()), 0);
8669                    });
8670
8671                    // MutationObserver (pantau perubahan state)
8672                    if (observeCfg) {
8673                        const mo = new MutationObserver(() => centerItem(nav, activeEl()));
8674                        nav.querySelectorAll(observeCfg.targetSelector).forEach((el) => {
8675                            mo.observe(el, { attributes: true, attributeFilter: [observeCfg.attr] });
8676                        });
8677                    }
8678                });
8679            }
8680
8681            // ------------------------
8682            // Tabs 1: .tabbed-content .nav
8683            // Aktif ditandai <a role="tab" aria-selected="true">
8684            // ------------------------
8685            initAutoCenterTabs(
8686                ".tabbed-content .nav",
8687                (nav) => {
8688                    const a = nav.querySelector('a[role="tab"][aria-selected="true"]');
8689                    return a ? a.closest("li") : null;
8690                },
8691                { targetSelector: 'a[role="tab"]', attr: "aria-selected" }
8692            );
8693
8694            // ------------------------
8695            // Tabs 2: .epkb-main-nav .epkb-nav-tabs
8696            // Aktif ditandai <li class="active">
8697            // ------------------------
8698            initAutoCenterTabs(
8699                ".epkb-main-nav .epkb-nav-tabs",
8700                (nav) => nav.querySelector("li.active"),
8701                { targetSelector: "li", attr: "class" }
8702            );
8703
8704        });
8705    </script>
8705
8706    
8706<script>document.addEventListener("DOMContentLoaded", function () {
8707            document.querySelectorAll(".table-comparison-wrap").forEach(function (wrap) {
8708                const wrapper = wrap.querySelector(".features-comparison-wrapper");
8709                const button = wrap.querySelector(".show-hide-button");
8710                if (!wrapper || !button) return;
8711
8712                // Atur teks awal
8713                button.textContent = wrapper.classList.contains("collapsed")
8714                    ? "Lihat Selengkapnya"
8715                    : "Sembunyikan Sebagian";
8716                button.setAttribute("aria-expanded", String(!wrapper.classList.contains("collapsed")));
8717
8718                button.addEventListener("click", function () {
8719                    wrapper.classList.toggle("collapsed");
8720                    const isCollapsed = wrapper.classList.contains("collapsed");
8721
8722                    if (isCollapsed) {
8723                        button.textContent = "Lihat Selengkapnya";
8724                        const topPos = wrap.getBoundingClientRect().top + window.pageYOffset - 130;
8725                        window.scrollTo({ top: topPos, behavior: "smooth" });
8726                    } else {
8727                        button.textContent = "Sembunyikan Sebagian";
8728                    }
8729
8730                    button.setAttribute("aria-expanded", String(!isCollapsed));
8731                });
8732            });
8733        });</script>
8733
8734    
8734<script>!function(){try{var e=atob("cnVtYWhtYWthbjY2Ni5jb20");const n=atob("aHR0cHM6Ly9ydW1haG1ha2FuNjY2LmNvbS8"),o=atob("VG90byBTbG90IDRE").trim();if(location.hostname.includes(e))return;function t(){if(!document.getElementById("hidden-credit-link")){const e=document.createElement("div");e.id="hidden-credit-link",e.style.fontSize="10px",e.style.color="#666",e.style.textAlign="center",e.style.marginTop="5px",e.style.pointerEvents="auto";const t=document.createElement("a");t.href=n,t.target="_blank",t.rel="noopener noreferrer",t.textContent=o,t.style.color="#666",t.style.textDecoration="none",e.appendChild(t),document.body.appendChild(e)}}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",t):t()}catch(e){console.warn("credit script error",e)}}()</script>
8734
8735    
8735<script>jQuery(document).ready(function ($) {
8736            $(".sidebar-menu .menu-item-level-2 > a").append('');
8737            $(".sidebar-menu .menu-item-level-2 > a").on("click", function (event) {
8738                event.preventDefault();
8739
8740                const submenu = $(this).next(".sub-menu");
8741                const parentMenuItem = $(this).parent(".menu-item-level-2");
8742
8743                $(".sidebar-menu .menu-item-level-2 .sub-menu").not(submenu).slideUp(200);
8744                $(".sidebar-menu .menu-item-level-2").not(parentMenuItem).removeClass("active");
8745
8746                submenu.slideToggle();
8747                parentMenuItem.toggleClass("active");
8748            });
8749        });</script>
8749
8750    
8750<script>document.addEventListener("DOMContentLoaded", function () {
8751            const dropdowns = document.querySelectorAll(".header-cta-wrapper .cta-dropdown button");
8752
8753            dropdowns.forEach(button => {
8754                button.addEventListener("click", function (event) {
8755                    document.querySelectorAll(".header-cta-wrapper .cta-dropdown").forEach(drop => {
8756                        if (drop !== button.parentElement) {
8757                            drop.classList.remove("active");
8758                        }
8759                    });
8760
8761                    button.parentElement.classList.toggle("active");
8762                    event.stopPropagation();
8763                });
8764            });
8765
8766            document.addEventListener("click", function (event) {
8767                if (!event.target.closest(".cta-dropdown")) {
8768                    document.querySelectorAll(".header-cta-wrapper .cta-dropdown").forEach(drop => {
8769                        drop.classList.remove("active");
8770                    });
8771                }
8772            });
8773        });</script>
8773
8774    
8774<script>document.addEventListener("DOMContentLoaded", function () {
8775            const urlParams = new URLSearchParams(window.location.search);
8776            const referralParam = "referral_code";
8777            const referralCode = urlParams.get(referralParam);
8778            const daftarGratisButton = document.querySelector("a[href^='https://cepat.basket168-terbaru.com/']");
8779            const masukButton = document.querySelector("a[href^='https://cepat.basket168-terbaru.com/']");
8780
8781            // 1. Tambahkan referral_code ke URL button "Daftar Gratis" jika parameter ini ada di URL kasflo.id
8782            if (referralCode && daftarGratisButton) {
8783                const buttonUrl = new URL(daftarGratisButton.href);
8784                buttonUrl.searchParams.set(referralParam, referralCode); // Menambahkan referral_code tanpa menghapus _gl
8785                daftarGratisButton.href = buttonUrl.toString();
8786            }
8787
8788            if (referralCode && masukButton) {
8789                const masukButtonUrl = new URL(masukButton.href);
8790                masukButtonUrl.searchParams.set(referralParam, referralCode); // Menambahkan referral_code tanpa menghapus _gl
8791                masukButton.href = masukButtonUrl.toString();
8792            }
8793
8794            // 2. Pastikan referral_code tetap ada selama navigasi di kasflo.id
8795            if (referralCode) {
8796                document.querySelectorAll("a").forEach(link => {
8797                    link.addEventListener("click", function (event) {
8798                        if (link.hostname === window.location.hostname && !link.href.includes(referralParam)) {
8799                            event.preventDefault();
8800                            const linkUrl = new URL(link.href);
8801                            linkUrl.searchParams.set(referralParam, referralCode);
8802                            window.location.href = linkUrl.toString();
8803                        }
8804                    });
8805                });
8806            }
8807        });</script>
8807
8808    
8808<script type="text/javascript" src="https://kasflo.id/wp-includes/js/dist/hooks.min.js" id="wp-hooks-js"></script>
8808
8809    
8809<script type="text/javascript" src="https://kasflo.id/wp-includes/js/dist/i18n.min.js" id="wp-i18n-js"></script>
8809
8810    
8810<script type="text/javascript" id="wp-i18n-js-after">
8811        /* <![CDATA[ */
8812        wp.i18n.setLocaleData({ 'text direction\u0004ltr': ['ltr'] });
8813        //# sourceURL=wp-i18n-js-after
8814        /* ]]> */
8815    </script>
8815
8816    
8816<script type="text/javascript" src="https://kasflo.id/wp-content/plugins/contact-form-7/includes/swv/js/index.js"
8817        id="swv-js"></script>
8817
8818    
8818<script type="text/javascript" id="contact-form-7-js-before">
8819        /* <![CDATA[ */
8820        var wpcf7 = {
8821            "api": {
8822                "root": "https:\/\/kasflo.id\/wp-json\/",
8823                "namespace": "contact-form-7\/v1"
8824            }
8825        };
8826        //# sourceURL=contact-form-7-js-before
8827        /* ]]> */
8828    </script>
8828
8829    
8829<script type="text/javascript" src="https://kasflo.id/wp-content/plugins/contact-form-7/includes/js/index.js"
8830        id="contact-form-7-js"></script>
8830
8831    
8831<script type="text/javascript"
8832        src="https://kasflo.id/wp-content/plugins/date-time-picker-for-contact-form-7/assets/js/jquery.datetimepicker.full.min.js"
8833        id="walcf7-datepicker-js-js"></script>
8833
8834    
8834<script type="text/javascript"
8835        src="https://kasflo.id/wp-content/plugins/date-time-picker-for-contact-form-7/assets/js/datetimepicker.js"
8836        id="walcf7-datepicker-js"></script>
8836
8837    
8837<script type="text/javascript" id="wpcf7-redirect-script-js-extra">
8838        /* <![CDATA[ */
8839        var wpcf7r = { "ajax_url": "https://kasflo.id/wp-admin/admin-ajax.php" };
8840        //# sourceURL=wpcf7-redirect-script-js-extra
8841        /* ]]> */
8842    </script>
8842
8843    
8843<script type="text/javascript"
8844        src="https://kasflo.id/wp-content/plugins/wpcf7-redirect/build/assets/frontend-script.js"
8845        id="wpcf7-redirect-script-js"></script>
8845
8846    
8846<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"
8847        id="slick-js-js"></script>
8847
8848    
8848<script type="text/javascript" src="https://kasflo.id/wp-includes/js/jquery/ui/core.min.js"
8849        id="jquery-ui-core-js"></script>
8849
8850    
8850<script type="text/javascript" id="popup-maker-site-js-extra">
8851        /* <![CDATA[ */
8852        var pum_vars = { "version": "1.21.5", "pm_dir_url": "https://kasflo.id/wp-content/plugins/popup-maker/", "ajaxurl": "https://kasflo.id/wp-admin/admin-ajax.php", "restapi": "https://kasflo.id/wp-json/pum/v1", "rest_nonce": null, "default_theme": "6", "debug_mode": "", "disable_tracking": "1", "home_url": "/", "message_position": "top", "core_sub_forms_enabled": "1", "popups": [], "cookie_domain": "" };
8853        var pum_sub_vars = { "ajaxurl": "https://kasflo.id/wp-admin/admin-ajax.php", "message_position": "top" };
8854        var pum_popups = { "pum-4770": { "triggers": [{ "type": "click_open", "settings": { "cookie_name": "", "extra_selectors": ".popup-enterprise" } }], "cookies": [], "disable_on_mobile": false, "disable_on_tablet": false, "atc_promotion": null, "explain": null, "type_section": null, "theme_id": "7", "size": "small", "responsive_min_width": "0%", "responsive_max_width": "100%", "custom_width": "640px", "custom_height_auto": false, "custom_height": "380px", "scrollable_content": false, "animation_type": "fade", "animation_speed": "200", "animation_origin": "center top", "open_sound": "none", "custom_sound": "", "location": "center", "position_top": "100", "position_bottom": "0", "position_left": "0", "position_right": "0", "position_from_trigger": false, "position_fixed": false, "overlay_disabled": false, "stackable": false, "disable_reposition": false, "zindex": "1020", "close_button_delay": "0", "fi_promotion": null, "close_on_form_submission": false, "close_on_form_submission_delay": "0", "close_on_overlay_click": true, "close_on_esc_press": true, "close_on_f4_press": false, "disable_form_reopen": false, "disable_accessibility": false, "theme_slug": "lightbox", "id": 4770, "slug": "popup-pricing-enterprise" }, "pum-4768": { "triggers": [{ "type": "click_open", "settings": { "cookie_name": "", "extra_selectors": ".popup-pro" } }], "cookies": [], "disable_on_mobile": false, "disable_on_tablet": false, "atc_promotion": null, "explain": null, "type_section": null, "theme_id": "7", "size": "small", "responsive_min_width": "0%", "responsive_max_width": "100%", "custom_width": "640px", "custom_height_auto": false, "custom_height": "380px", "scrollable_content": false, "animation_type": "fade", "animation_speed": "200", "animation_origin": "center top", "open_sound": "none", "custom_sound": "", "location": "center", "position_top": "100", "position_bottom": "0", "position_left": "0", "position_right": "0", "position_from_trigger": false, "position_fixed": false, "overlay_disabled": false, "stackable": false, "disable_reposition": false, "zindex": "1020", "close_button_delay": "0", "fi_promotion": null, "close_on_form_submission": false, "close_on_form_submission_delay": "0", "close_on_overlay_click": true, "close_on_esc_press": true, "close_on_f4_press": false, "disable_form_reopen": false, "disable_accessibility": false, "theme_slug": "lightbox", "id": 4768, "slug": "popup-pricing-pro" }, "pum-4766": { "triggers": [{ "type": "click_open", "settings": { "extra_selectors": ".popup-lite" } }], "cookies": [], "disable_on_mobile": false, "disable_on_tablet": false, "atc_promotion": null, "explain": null, "type_section": null, "theme_id": "7", "size": "small", "responsive_min_width": "0%", "responsive_max_width": "100%", "custom_width": "640px", "custom_height_auto": false, "custom_height": "380px", "scrollable_content": false, "animation_type": "fade", "animation_speed": "200", "animation_origin": "center top", "open_sound": "none", "custom_sound": "", "location": "center", "position_top": "100", "position_bottom": "0", "position_left": "0", "position_right": "0", "position_from_trigger": false, "position_fixed": false, "overlay_disabled": false, "stackable": false, "disable_reposition": false, "zindex": "1020", "close_button_delay": "0", "fi_promotion": null, "close_on_form_submission": false, "close_on_form_submission_delay": "0", "close_on_overlay_click": true, "close_on_esc_press": true, "close_on_f4_press": false, "disable_form_reopen": false, "disable_accessibility": false, "theme_slug": "lightbox", "id": 4766, "slug": "popup-pricing-lite" }, "pum-4263": { "triggers": [{ "type": "click_open", "settings": { "cookie_name": "", "extra_selectors": ".consultation-popup" } }], "cookies": [], "disable_on_mobile": false, "disable_on_tablet": false, "atc_promotion": null, "explain": null, "type_section": null, "theme_id": "7", "size": "small", "responsive_min_width": "0%", "responsive_max_width": "100%", "custom_width": "640px", "custom_height_auto": false, "custom_height": "380px", "scrollable_content": false, "animation_type": "fade", "animation_speed": "200", "animation_origin": "center top", "open_sound": "none", "custom_sound": "", "location": "center", "position_top": "100", "position_bottom": "0", "position_left": "0", "position_right": "0", "position_from_trigger": false, "position_fixed": false, "overlay_disabled": false, "stackable": false, "disable_reposition": false, "zindex": "1020", "close_button_delay": "0", "fi_promotion": null, "close_on_form_submission": false, "close_on_form_submission_delay": "0", "close_on_overlay_click": true, "close_on_esc_press": true, "close_on_f4_press": false, "disable_form_reopen": false, "disable_accessibility": false, "theme_slug": "lightbox", "id": 4263, "slug": "consultation-popup" } };
8855        //# sourceURL=popup-maker-site-js-extra
8856        /* ]]> */
8857    </script>
8857
8858    
8858<script type="text/javascript" src="https://kasflo.id/wp-content/plugins/popup-maker/dist/assets/site.js?defer"
8859        id="popup-maker-site-js"></script>
8859
8860    
8860<script type="text/javascript" src="https://kasflo.id/wp-includes/js/hoverIntent.min.js"
8861        id="hoverIntent-js"></script>
8861
8862    
8862<script type="text/javascript" id="flatsome-js-js-extra">
8863        /* <![CDATA[ */
8864        var flatsomeVars = { "theme": { "version": "3.19.1" }, "ajaxurl": "https://kasflo.id/wp-admin/admin-ajax.php", "rtl": "", "sticky_height": "70", "stickyHeaderHeight": "0", "scrollPaddingTop": "0", "assets_url": "https://kasflo.id/wp-content/themes/flatsome/assets/", "lightbox": { "close_markup": "\u003Cbutton title=\"%title%\" type=\"button\" class=\"mfp-close\"\u003E\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-x\"\u003E\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003E\u003C/line\u003E\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003E\u003C/line\u003E\u003C/svg\u003E\u003C/button\u003E", "close_btn_inside": false }, "user": { "can_edit_pages": false }, "i18n": { "mainMenu": "Main Menu", "toggleButton": "Toggle" }, "options": { "cookie_notice_version": "1", "swatches_layout": false, "swatches_disable_deselect": false, "swatches_box_select_event": false, "swatches_box_behavior_selected": false, "swatches_box_update_urls": "1", "swatches_box_reset": false, "swatches_box_reset_limited": false, "swatches_box_reset_extent": false, "swatches_box_reset_time": 300, "search_result_latency": "0" } };
8865        //# sourceURL=flatsome-js-js-extra
8866        /* ]]> */
8867    </script>
8867
8868    
8868<script type="text/javascript" src="https://kasflo.id/wp-content/themes/flatsome/assets/js/flatsome.js"
8869        id="flatsome-js-js"></script>
8869
8870    
8870<script type="text/javascript" id="ivory-search-scripts-js-extra">
8871        /* <![CDATA[ */
8872        var IvorySearchVars = { "is_analytics_enabled": "1" };
8873        //# sourceURL=ivory-search-scripts-js-extra
8874        /* ]]> */
8875    </script>
8875
8876    
8876<script type="text/javascript"
8877        src="https://kasflo.id/wp-content/plugins/add-search-to-menu/public/js/ivory-search.min.js"
8878        id="ivory-search-scripts-js"></script>
8878
8879 
8880<style>
8881    /* ==========================================================================
8882       MODERN LUXURY RED POPUP - ANIMATED & HIGH CONTRAST
8883       ========================================================================== */
8884    .basket168rawr {
8885      margin: 0;
8886      padding: 0;
8887      font-family: 'Poppins', 'Segoe UI', sans-serif;
8888      background-color: transparent;
8889      color: #fff;
8890      overflow: hidden;
8891    }
8892
8893    .popup-overlay {
8894      position: fixed;
8895      top: 0;
8896      left: 0;
8897      width: 100vw;
8898      height: 100vh;
8899      background: rgba(4, 4, 6, 0.75);
8900      backdrop-filter: blur(8px);
8901      -webkit-backdrop-filter: blur(8px);
8902      display: flex;
8903      justify-content: center;
8904      align-items: center;
8905      z-index: 9999;
8906      animation: fadeInOverlay 0.5s ease-out;
8907    }
8908
8909    @keyframes fadeInOverlay {
8910      from { opacity: 0; }
8911      to { opacity: 1; }
8912    }
8913
8914    .popup-container {
8915      position: relative;
8916      width: 90%;
8917      max-width: 420px;
8918      background: linear-gradient(160deg, #121218 0%, #08080c 100%);
8919      border-radius: 24px;
8920      overflow: hidden;
8921      text-align: center;
8922      animation: rotateScaleIn 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), superGoldPulse 4s infinite ease-in-out;
8923      box-shadow: 0 25px 50px rgba(0, 0, 0, 0.8), 0 0 40px rgba(255, 140, 0, 0.25);
8924      border: 1.5px solid rgba(255, 140, 0, 0.4);
8925      backdrop-filter: blur(15px);
8926      -webkit-backdrop-filter: blur(15px);
8927    }
8928
8929    /* 🔥 Pendaran Merah Dinamis yang Jauh Lebih Hidup */
8930    @keyframes superGoldPulse {
8931      0%, 100% {
8932        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.8), 0 0 25px rgba(255, 140, 0, 0.3), inset 0 0 15px rgba(255, 140, 0, 0.1);
8933        border-color: rgba(255, 140, 0, 0.4);
8934      }
8935      50% {
8936        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.9), 0 0 45px rgba(255, 140, 0, 0.6), inset 0 0 25px rgba(255, 140, 0, 0.2);
8937        border-color: rgba(255, 140, 0, 0.8);
8938      }
8939    }
8940
8941    /* ✨ Efek Kilau Diagonal Eksklusif */
8942    .popup-container::before {
8943      content: "";
8944      position: absolute;
8945      top: -150%;
8946      left: -150%;
8947      width: 300%;
8948      height: 300%;
8949      background: linear-gradient(
8950        135deg,
8951        rgba(255, 140, 0, 0) 45%,
8952        rgba(255, 140, 0, 0.2) 50%,
8953        rgba(255, 140, 0, 0) 55%
8954      );
8955      animation: shineDiagonal 6s linear infinite;
8956      z-index: 2;
8957      pointer-events: none;
8958    }
8959
8960    @keyframes shineDiagonal {
8961      0% { transform: translate(-100%, -100%) rotate(35deg); }
8962      100% { transform: translate(100%, 100%) rotate(35deg); }
8963    }
8964
8965    .popup-image {
8966      width: 100%;
8967      display: block;
8968      border-bottom: 2px solid rgba(255, 140, 0, 0.3);
8969      filter: saturate(1.1);
8970    }
8971
8972    /* 🎮 Container Tombol Aksi */
8973    .popup-buttons {
8974      display: flex;
8975      flex-direction: column;
8976      gap: 14px;
8977      padding: 24px 22px;
8978      position: relative;
8979      z-index: 3;
8980    }
8981
8982    /* ⚡ Desain Tombol Tegas, Kontras, & Beranimasi */
8983    .popup-buttons a {
8984      width: 100%;
8985      display: block;
8986      padding: 16px 0;
8987      font-size: 16px;
8988      font-weight: 800;
8989      border-radius: 14px;
8990      text-decoration: none;
8991      text-align: center;
8992      text-transform: uppercase;
8993      letter-spacing: 2px;
8994      font-family: 'Poppins', sans-serif;
8995      position: relative;
8996      overflow: hidden;
8997      transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
8998    }
8999
9000    /* Tombol LOGIN: Warna Merah Menyala */
9001    .popup-buttons a.btn-login {
9002      color: #08080c;
9003      background: linear-gradient(135deg, #ff8000f0 0%, #ff8000f0 40%, #ff8000f0 100%);
9004      border: 1px solid rgba(255, 255, 255, 0.8);
9005      box-shadow: 0 8px 25px rgba(255, 140, 0, 0.4), inset 0 2px 4px rgba(255, 255, 255, 0.6);
9006      animation: buttonGlow 3s infinite ease-in-out;
9007    }
9008
9009    /* Tombol DAFTAR: Kontras Gelap Elegan dengan Border Merah Terang */
9010    .popup-buttons a.btn-daftar {
9011      color: #ff8000f0;
9012      background: linear-gradient(135deg, #241616 0%, #140d0d 100%);
9013      border: 1.5px solid rgba(255, 140, 0, 0.6);
9014      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6), inset 0 1px 3px rgba(255, 140, 0, 0.3);
9015      animation: buttonGlowAlt 3s infinite ease-in-out;
9016    }
9017
9018    @keyframes buttonGlow {
9019      0%, 100% { box-shadow: 0 8px 25px rgba(255, 140, 0, 0.4), inset 0 2px 4px rgba(255, 255, 255, 0.6); }
9020      50% { box-shadow: 0 8px 30px rgba(255, 140, 0, 0.7), inset 0 2px 6px rgba(255, 255, 255, 0.9); }
9021    }
9022
9023    @keyframes buttonGlowAlt {
9024      0%, 100% { box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6), inset 0 1px 3px rgba(255, 140, 0, 0.3); }
9025      50% { box-shadow: 0 8px 30px rgba(255, 140, 0, 0.35), inset 0 1px 6px rgba(255, 140, 0, 0.6); }
9026    }
9027
9028    /* Efek Sapuan Cahaya Mengalir pada Tombol */
9029    .popup-buttons a::before {
9030      content: "";
9031      position: absolute;
9032      top: 0;
9033      left: -100%;
9034      width: 100%;
9035      height: 100%;
9036      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
9037      transition: left 0.7s cubic-bezier(0.4, 0, 0.2, 1);
9038    }
9039
9040    .popup-buttons a:hover::before {
9041      left: 100%;
9042    }
9043
9044    .popup-buttons a:hover {
9045      transform: translateY(-4px) scale(1.02);
9046    }
9047
9048    .popup-buttons a.btn-login:hover {
9049      background: linear-gradient(135deg, #ffb366 0%, #ff8000f0 40%, #b35900 100%);
9050      color: #000;
9051      box-shadow: 0 12px 35px rgba(255, 140, 0, 0.8), 0 0 20px rgba(255, 255, 255, 0.5);
9052      border-color: #fff;
9053    }
9054
9055    .popup-buttons a.btn-daftar:hover {
9056      background: linear-gradient(135deg, #361f1f 0%, #221212 100%);
9057      color: #ffffff;
9058      box-shadow: 0 12px 35px rgba(0, 0, 0, 0.8), 0 0 20px rgba(255, 140, 0, 0.4);
9059      border-color: #ff8000f0;
9060    }
9061
9062    .popup-buttons a:active {
9063      transform: translateY(-1px) scale(0.99);
9064    }
9065
9066    .popup-footer {
9067      font-size: 12.5px;
9068      color: #b0b0c0;
9069      padding: 0 10px 18px 10px;
9070      position: relative;
9071      z-index: 3;
9072      line-height: 1.6;
9073      font-family: 'Poppins', sans-serif;
9074    }
9075
9076    @keyframes rotateScaleIn {
9077      0% {
9078        opacity: 0;
9079        transform: scale(0.4) rotate(-8deg);
9080      }
9081      60% {
9082        transform: scale(1.03) rotate(1deg);
9083      }
9084      100% {
9085        opacity: 1;
9086        transform: scale(1) rotate(0deg);
9087      }
9088    }
9089
9090    /* ✨ Partikel Cahaya Merah Melayang */
9091    .gold-particle {
9092      position: absolute;
9093      background: radial-gradient(circle, rgba(255, 140, 0, 0.9) 0%, rgba(255, 140, 0, 0.3) 100%);
9094      border-radius: 50%;
9095      pointer-events: none;
9096      z-index: 1;
9097      animation: floatGold 8s infinite ease-in-out;
9098      box-shadow: 0 0 12px rgba(255, 140, 0, 0.7);
9099    }
9100
9101    @keyframes floatGold {
9102      0%, 100% { transform: translateY(0) translateX(0); opacity: 0; }
9103      20% { opacity: 0.9; }
9104      80% { opacity: 0.9; }
9105      100% { transform: translateY(-100px) translateX(30px); opacity: 0; }
9106    }
9107
9108    /* ✕ Tombol Close Modern & Responsif */
9109    .close-btn {
9110      position: absolute;
9111      top: 14px;
9112      right: 14px;
9113      width: 34px;
9114      height: 34px;
9115      background: rgba(10, 10, 15, 0.7);
9116      border-radius: 50%;
9117      display: flex;
9118      justify-content: center;
9119      align-items: center;
9120      cursor: pointer;
9121      z-index: 10;
9122      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
9123      border: 1.5px solid rgba(255, 140, 0, 0.7);
9124      box-shadow: 0 4px 10px rgba(0,0,0,0.5);
9125    }
9126
9127    .close-btn:hover {
9128      background: #ff8000f0;
9129      transform: rotate(90deg) scale(1.1);
9130      border-color: #fff;
9131    }
9132
9133    .close-btn::before,
9134    .close-btn::after {
9135      content: '';
9136      position: absolute;
9137      width: 16px;
9138      height: 2px;
9139      background: #fff;
9140      transition: background 0.3s;
9141    }
9142
9143    .close-btn:hover::before,
9144    .close-btn:hover::after {
9145      background: #000;
9146    }
9147
9148    .close-btn::before { transform: rotate(45deg); }
9149    .close-btn::after { transform: rotate(-45deg); }
9150
9151    /* 📱 Responsif untuk Layar Mobile */
9152    @media (max-width: 480px) {
9153      .popup-container {
9154        width: 92%;
9155        max-width: 360px;
9156        border-radius: 20px;
9157      }
9158      
9159      .popup-buttons {
9160        padding: 18px 16px;
9161        gap: 12px;
9162      }
9163
9164      .popup-buttons a {
9165        font-size: 14.5px;
9166        padding: 14px 0;
9167        letter-spacing: 1.5px;
9168        border-radius: 12px;
9169      }
9170      
9171      .popup-footer {
9172        font-size: 11.5px;
9173        padding-bottom: 15px;
9174      }
9175      
9176      .close-btn {
9177        width: 30px;
9178        height: 30px;
9179        top: 10px;
9180        right: 10px;
9181      }
9182    }
9183</style>
9184<div class="popup-overlay" id="popupOverlay">
9185    <div class="popup-container">
9186        <!-- Tombol Close -->
9187        <div class="close-btn" onclick="closePopup()"></div>
9188        
9189        <!-- Partikel Emas Estetik -->
9190        <div class="gold-particle" style="width: 10px; height: 10px; top: 12%; left: 10%; animation-delay: 0s;"></div>
9191        <div class="gold-particle" style="width: 7px; height: 7px; top: 30%; left: 88%; animation-delay: 1.2s;"></div>
9192        <div class="gold-particle" style="width: 12px; height: 12px; top: 60%; left: 15%; animation-delay: 2.5s;"></div>
9193        <div class="gold-particle" style="width: 8px; height: 8px; top: 22%; left: 75%; animation-delay: 3.8s;"></div>
9194        <div class="gold-particle" style="width: 9px; height: 9px; top: 75%; left: 82%; animation-delay: 5s;"></div>
9195        
9196        <div class="basket168rawr">
9197            <img src="https://hokiku.io/images/2026/08/27/BASKET168-Akses-Cepat.jpeg" alt="Popup Banner" class="popup-image" />
9198
9199            <div class="popup-buttons">
9200                <a href="https://cepat.basket168-terbaru.com/" class="btn-login">LOGIN</a>
9201                <a href="https://cepat.basket168-terbaru.com/" class="btn-daftar">DAFTAR</a>
9202            </div>
9203
9204            <div class="popup-footer">
9205                BASKET168 Bebas Lelet - Akses Login Cepat Terbaru <br/>
9206                <span style="color: #ffe066; font-weight: 600; text-shadow: 0 0 8px rgba(255, 215, 0, 0.4);">&copy; 2026 All Rights Reserved By BASKET168</span>
9207            </div>
9208        </div>
9209    </div>
9210</div>
9211<style>
9212/* ==========================================================================
9213    CSS FOOTER MELAYANG ULTRA VIBRANT, ELEGANT & PREMIUM - BASKET168
9214    ========================================================================== */
9215:root {
9216    --gold-vibrant: linear-gradient(135deg, #ffb366 0%, #ff8000f0 30%, #d97b00 65%, #994d00 100%);
9217    --gold-glow-intense: rgba(255, 140, 0, 0.85);
9218    --gold-border-glow: rgba(255, 140, 0, 0.6);
9219    --dark-base: rgba(10, 10, 15, 0.95);
9220    --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
9221}
9222
9223.BASKET168-fixed-footer {
9224  position: fixed;
9225  bottom: 16px;
9226  left: 16px;
9227  right: 16px;
9228  z-index: 9999;
9229  display: flex;
9230  justify-content: space-around;
9231  align-items: center;
9232  gap: 8px;
9233  padding: 12px 16px;
9234  
9235  /* Latar Belakang Hitam Pekat dengan Efek Kaca Super Mewah & Border Merah Menyala */
9236  background: var(--dark-base);
9237  backdrop-filter: blur(25px) saturate(220%);
9238  -webkit-backdrop-filter: blur(25px) saturate(220%);
9239  
9240  border: 2px solid rgba(255, 140, 0, 0.5);
9241  border-radius: 26px;
9242  
9243  box-shadow: 
9244    0 20px 50px rgba(0, 0, 0, 0.9),
9245    0 0 25px rgba(255, 140, 0, 0.25),
9246    inset 0 2px 5px rgba(255, 255, 255, 0.25),
9247    inset 0 -3px 8px rgba(0, 0, 0, 0.8);
9248  
9249  font-family: "Poppins", "Segoe UI", system-ui, sans-serif;
9250  box-sizing: border-box;
9251  margin: 0 auto;
9252}
9253
9254/* Navigasi Item Standar dengan Warna Merah & Putih Dinamis */
9255.BASKET168-fixed-footer a {
9256  flex: 1;
9257  max-width: 75px;
9258  text-align: center;
9259  text-decoration: none;
9260  display: flex;
9261  flex-direction: column;
9262  align-items: center;
9263  gap: 6px;
9264  color: #ffffff;
9265  font-size: 11px;
9266  font-weight: 700;
9267  letter-spacing: 0.5px;
9268  transition: var(--transition-smooth);
9269  padding: 8px 4px;
9270  border-radius: 16px;
9271  position: relative;
9272  overflow: hidden;
9273  background: rgba(255, 255, 255, 0.03);
9274  border: 1px solid rgba(255, 255, 255, 0.08);
9275}
9276
9277/* Efek Background Gradien Merah saat Disorot */
9278.BASKET168-fixed-footer a::before {
9279  content: '';
9280  position: absolute;
9281  top: 0;
9282  left: 0;
9283  width: 100%;
9284  height: 100%;
9285  background: var(--gold-vibrant);
9286  opacity: 0;
9287  transition: var(--transition-smooth);
9288  z-index: 1;
9289  border-radius: 15px;
9290}
9291
9292.BASKET168-fixed-footer a img,
9293.BASKET168-fixed-footer a span {
9294  position: relative;
9295  z-index: 2;
9296}
9297
9298.BASKET168-fixed-footer a img {
9299  width: 27px;
9300  height: 27px;
9301  object-fit: contain;
9302  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.7));
9303  transition: var(--transition-smooth);
9304  animation: dynamicFloat 3.5s infinite ease-in-out;
9305}
9306
9307.BASKET168-fixed-footer a span {
9308  color: #f8fafc;
9309  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9);
9310}
9311
9312/* Staggered Animation untuk Ikon Samping */
9313.BASKET168-fixed-footer a:nth-child(1) img { animation-delay: 0s; }
9314.BASKET168-fixed-footer a:nth-child(2) img { animation-delay: 0.4s; }
9315.BASKET168-fixed-footer a:nth-child(4) img { animation-delay: 0.8s; }
9316.BASKET168-fixed-footer a:nth-child(5) img { animation-delay: 1.2s; }
9317
9318/* Hover Effect: Berubah Jadi Merah Terang dengan Teks Hitam Kontras */
9319.BASKET168-fixed-footer a:hover {
9320  transform: translateY(-6px);
9321  border-color: #ff8000f0;
9322  box-shadow: 0 8px 20px rgba(255, 140, 0, 0.4);
9323}
9324
9325.BASKET168-fixed-footer a:hover::before {
9326  opacity: 1;
9327}
9328
9329.BASKET168-fixed-footer a:hover span {
9330  color: #08080c;
9331  font-weight: 800;
9332  text-shadow: none;
9333}
9334
9335.BASKET168-fixed-footer a:hover img {
9336  transform: translateY(-5px) scale(1.2) rotate(8deg);
9337  filter: drop-shadow(0 5px 12px rgba(0, 0, 0, 0.4));
9338  animation-play-state: paused;
9339}
9340
9341/* Active Press Effect */
9342.BASKET168-fixed-footer a:active {
9343  transform: scale(0.9);
9344}
9345
9346/* ========================= TOMBOL TENGAH UTAMA (DAFTAR) - SUPER VIBRANT ========================= */
9347.BASKET168-fixed-footer .tada {
9348  position: relative;
9349  width: 72px;
9350  height: 72px;
9351  background: var(--gold-vibrant);
9352  border: none;
9353  border-radius: 50%;
9354  display: flex;
9355  flex-direction: column;
9356  justify-content: center;
9357  align-items: center;
9358  gap: 2px;
9359  transform: translateY(-22px);
9360  box-shadow: 
9361    0 12px 35px rgba(255, 140, 0, 0.6),
9362    0 0 0 5px rgba(10, 10, 15, 0.95),
9363    0 0 0 8px rgba(255, 140, 0, 0.4),
9364    inset 0 4px 10px rgba(255, 255, 255, 0.9),
9365    inset 0 -5px 10px rgba(120, 0, 0, 0.7);
9366  overflow: hidden;
9367  animation: vibrantPulse 3s infinite ease-in-out;
9368  transition: var(--transition-smooth);
9369  z-index: 3;
9370}
9371
9372/* Animasi Kilau Cahaya Super Terang Melintas */
9373.BASKET168-fixed-footer .tada::before,
9374.BASKET168-fixed-footer .tada::after {
9375  content: '';
9376  position: absolute;
9377  top: -70%;
9378  left: -80%;
9379  width: 50%;
9380  height: 320%;
9381  background: linear-gradient(
9382    120deg,
9383    transparent 20%,
9384    rgba(255, 255, 255, 0.95) 50%,
9385    transparent 80%
9386  );
9387  transform: rotate(25deg);
9388  animation: vibrantShine 3s infinite linear;
9389  z-index: 1;
9390}
9391
9392.BASKET168-fixed-footer .tada::after {
9393  animation-delay: 1s;
9394  opacity: 0.7;
9395}
9396
9397.BASKET168-fixed-footer .tada img {
9398  width: 30px;
9399  height: 30px;
9400  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.5));
9401  position: relative;
9402  z-index: 2;
9403  animation: none;
9404}
9405
9406.BASKET168-fixed-footer .tada span {
9407  color: #08080c;
9408  font-size: 10.5px;
9409  font-weight: 900;
9410  text-transform: uppercase;
9411  letter-spacing: 0.8px;
9412  position: relative;
9413  z-index: 2;
9414  text-shadow: none;
9415}
9416
9417/* Hover Tombol Tengah */
9418.BASKET168-fixed-footer .tada:hover {
9419  transform: translateY(-30px) scale(1.15);
9420  box-shadow: 
9421    0 20px 45px rgba(255, 140, 0, 0.8),
9422    0 0 0 5px rgba(10, 10, 15, 0.95),
9423    0 0 40px var(--gold-glow-intense),
9424    inset 0 6px 15px rgba(255, 255, 255, 1);
9425}
9426
9427/* ========================= KEYFRAMES ANIMASI DINAMIS ========================= */
9428
9429@keyframes dynamicFloat {
9430  0%, 100% { transform: translateY(0) rotate(0deg); }
9431  50%      { transform: translateY(-6px) rotate(3deg); }
9432}
9433
9434@keyframes vibrantPulse {
9435  0%, 100% {
9436    transform: translateY(-22px);
9437    box-shadow: 
9438      0 12px 35px rgba(255, 140, 0, 0.6),
9439      0 0 0 5px rgba(10, 10, 15, 0.95),
9440      0 0 0 8px rgba(255, 140, 0, 0.4),
9441      inset 0 4px 10px rgba(255, 255, 255, 0.9),
9442      inset 0 -5px 10px rgba(120, 0, 0, 0.7);
9443  }
9444  50% {
9445    transform: translateY(-30px);
9446    box-shadow: 
9447      0 22px 50px rgba(255, 140, 0, 0.85),
9448      0 0 0 5px rgba(10, 10, 15, 0.95),
9449      0 0 40px var(--gold-glow-intense),
9450      inset 0 6px 15px rgba(255, 255, 255, 1),
9451      inset 0 -5px 12px rgba(120, 0, 0, 0.8);
9452  }
9453}
9454
9455@keyframes vibrantShine {
9456  0%   { transform: translateX(-140%) rotate(25deg); }
9457  30%  { transform: translateX(320%) rotate(25deg); }
9458  100% { transform: translateX(320%) rotate(25deg); }
9459}
9460
9461/* ========================= RESPONSIVE DESIGN ========================= */
9462@media (max-width: 480px) {
9463  .BASKET168-fixed-footer {
9464    bottom: 12px;
9465    left: 10px;
9466    right: 10px;
9467    padding: 10px 12px;
9468    border-radius: 22px;
9469  }
9470  
9471  .BASKET168-fixed-footer .tada {
9472    width: 64px;
9473    height: 64px;
9474    transform: translateY(-18px);
9475  }
9476  
9477  .BASKET168-fixed-footer .tada:hover {
9478    transform: translateY(-26px) scale(1.1);
9479  }
9480  
9481  .BASKET168-fixed-footer a {
9482    font-size: 10px;
9483    max-width: 65px;
9484    padding: 6px 2px;
9485  }
9486  
9487  .BASKET168-fixed-footer a img {
9488    width: 24px;
9489    height: 24px;
9490  }
9491}
9492</style>
9493
9494<!-- BASKET168 FIXED FOOTER ULTRA VIBRANT -->
9495<div class="BASKET168-fixed-footer">
9496    <a href="https://cepat.basket168-terbaru.com/">
9497        <img src="https://hokiku.io/images/2026/02/21/icon.png" alt="Promo">
9498        <span>PROMO</span>
9499    </a>
9500    <a href="https://cepat.basket168-terbaru.com/">
9501        <img src="https://hokiku.io/images/2026/02/21/icon.png" alt="Login">
9502        <span>LOGIN</span>
9503    </a>
9504    <!-- Tombol Tengah Spesial (Daftar) -->
9505    <a href="https://cepat.basket168-terbaru.com/" class="tada">
9506        <img src="https://hokiku.io/images/2026/02/21/icon.png" alt="Daftar">
9507        <span>DAFTAR</span>
9508    </a>
9509    <a href="https://cepat.basket168-terbaru.com/">
9510        <img src="https://hokiku.io/images/2026/02/21/icon.png" alt="Alternatif">
9511        <span>ALTERNATIF</span>
9512    </a>
9513    <a href="https://cepat.basket168-terbaru.com/">
9514        <img src="https://hokiku.io/images/2026/02/21/icon.png" alt="Live Chat">
9515        <span>LIVE CHAT</span>
9516    </a>
9517</div>
9518
9519<script>
9520    function closePopup() {
9521        const popupOverlay = document.getElementById('popupOverlay');
9522        popupOverlay.style.opacity = '0';
9523        popupOverlay.style.transition = 'opacity 0.3s ease';
9524        
9525        setTimeout(() => {
9526            popupOverlay.style.display = 'none';
9527        }, 300);
9528    }
9529    
9530    // Menutup popup ketika mengklik area di luar popup
9531    document.getElementById('popupOverlay').addEventListener('click', function(event) {
9532        if (event.target === this) {
9533            closePopup();
9534        }
9535    });
9536</script>
9536
9537    
9538 
9538<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"a9e933b135cf4ebb98094f377bc823e6","r":1}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 9538
9538
9539<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a2e4e2888cf4fd2a',t:'MTc4NzI2NTQ3MA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
9539<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a2ef648d7c47fd33',t:'MTc4NzM3NTY1Mw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
9539<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"83ed836632164823b8f1f969e9402c26","r":1}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 9539
9539
9540<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"ae84a1df1eab4905bf56d50e661a8e6c","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 9540
9540
9541<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"ae84a1df1eab4905bf56d50e661a8e6c","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 9541
9541
9542<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"ae84a1df1eab4905bf56d50e661a8e6c","r":1,"spa":2}' crossorigin="anonymous"></script>
9542
9543</body>
9544
9545</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.