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&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, & QRIS</td> 7451 </tr> 7452 <tr> 7453 <td>Layanan CS</td> 7454 <td>Live Chat & 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 & 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 & Mobil</a> 8362 </li> 8363 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3494"> 8364 <a>Salon & 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="{"id":4770,"slug":"popup-pricing-enterprise","theme_id":7,"cookies":[],"triggers":[{"type":"click_open","settings":{"cookie_name":"","extra_selectors":".popup-enterprise"}}],"mobile_disabled":null,"tablet_disabled":null,"meta":{"display":{"stackable":false,"overlay_disabled":false,"scrollable_content":false,"disable_reposition":false,"size":"small","responsive_min_width":"0%","responsive_min_width_unit":false,"responsive_max_width":"100%","responsive_max_width_unit":false,"custom_width":"640px","custom_width_unit":false,"custom_height":"380px","custom_height_unit":false,"custom_height_auto":false,"location":"center","position_from_trigger":false,"position_top":"100","position_left":"0","position_bottom":"0","position_right":"0","position_fixed":false,"animation_type":"fade","animation_speed":"200","animation_origin":"center top","overlay_zindex":false,"zindex":"1020"},"close":{"text":"","button_delay":"0","overlay_click":"1","esc_press":"1","f4_press":false},"click_open":[]}}"> 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="{"id":4768,"slug":"popup-pricing-pro","theme_id":7,"cookies":[],"triggers":[{"type":"click_open","settings":{"cookie_name":"","extra_selectors":".popup-pro"}}],"mobile_disabled":null,"tablet_disabled":null,"meta":{"display":{"stackable":false,"overlay_disabled":false,"scrollable_content":false,"disable_reposition":false,"size":"small","responsive_min_width":"0%","responsive_min_width_unit":false,"responsive_max_width":"100%","responsive_max_width_unit":false,"custom_width":"640px","custom_width_unit":false,"custom_height":"380px","custom_height_unit":false,"custom_height_auto":false,"location":"center","position_from_trigger":false,"position_top":"100","position_left":"0","position_bottom":"0","position_right":"0","position_fixed":false,"animation_type":"fade","animation_speed":"200","animation_origin":"center top","overlay_zindex":false,"zindex":"1020"},"close":{"text":"","button_delay":"0","overlay_click":"1","esc_press":"1","f4_press":false},"click_open":[]}}"> 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="{"id":4766,"slug":"popup-pricing-lite","theme_id":7,"cookies":[],"triggers":[{"type":"click_open","settings":{"extra_selectors":".popup-lite"}}],"mobile_disabled":null,"tablet_disabled":null,"meta":{"display":{"stackable":false,"overlay_disabled":false,"scrollable_content":false,"disable_reposition":false,"size":"small","responsive_min_width":"0%","responsive_min_width_unit":false,"responsive_max_width":"100%","responsive_max_width_unit":false,"custom_width":"640px","custom_width_unit":false,"custom_height":"380px","custom_height_unit":false,"custom_height_auto":false,"location":"center","position_from_trigger":false,"position_top":"100","position_left":"0","position_bottom":"0","position_right":"0","position_fixed":false,"animation_type":"fade","animation_speed":"200","animation_origin":"center top","overlay_zindex":false,"zindex":"1020"},"close":{"text":"","button_delay":"0","overlay_click":"1","esc_press":"1","f4_press":false},"click_open":[]}}"> 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="{"id":4263,"slug":"consultation-popup","theme_id":7,"cookies":[],"triggers":[{"type":"click_open","settings":{"cookie_name":"","extra_selectors":".consultation-popup"}}],"mobile_disabled":null,"tablet_disabled":null,"meta":{"display":{"stackable":false,"overlay_disabled":false,"scrollable_content":false,"disable_reposition":false,"size":"small","responsive_min_width":"0%","responsive_min_width_unit":false,"responsive_max_width":"100%","responsive_max_width_unit":false,"custom_width":"640px","custom_width_unit":false,"custom_height":"380px","custom_height_unit":false,"custom_height_auto":false,"location":"center","position_from_trigger":false,"position_top":"100","position_left":"0","position_bottom":"0","position_right":"0","position_fixed":false,"animation_type":"fade","animation_speed":"200","animation_origin":"center top","overlay_zindex":false,"zindex":"1020"},"close":{"text":"","button_delay":"0","overlay_click":"1","esc_press":"1","f4_press":false},"click_open":[]}}"> 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);">© 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.