1<!DOCTYPE html> 2<html dir="ltr" lang="en-US" prefix="og: https://ogp.me/ns#" class="loading-site no-js"> 3<head> 4 <meta charset="UTF-8" /> 5 <link rel="profile" href="https://gmpg.org/xfn/11" /> 6 <link rel="pingback" href="https://kasflo.id/xmlrpc.php" /> 7 8
8<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>
8 9<title>Kasflo: Aplikasi Kasir Gratis #PastiLebihBaik</title> 10<link data-rocket-preload as="style" href="https://fonts.googleapis.com/css?family=Inter%3Aregular%2C700%2Cregular%2C600%2C500&display=swap" rel="preload"> 11<link href="https://fonts.googleapis.com/css?family=Inter%3Aregular%2C700%2Cregular%2C600%2C500&display=swap" media="print" onload="this.media='all'" rel="stylesheet"> 12<noscript data-wpr-hosted-gf-parameters=""><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter%3Aregular%2C700%2Cregular%2C600%2C500&display=swap"></noscript> 13 14 <!-- All in One SEO 5.0.2 - aioseo.com --> 15 <meta name="description" content="Kelola usaha hanya dari gadgetmu! Dari menu, penjualan, pelanggan, karyawan, hingga kantor cabang bisa kamu kendali hanya dalam satu genggaman." /> 16 <meta name="robots" content="max-image-preview:large" /> 17 <link rel="canonical" href="https://kasflo.id/" /> 18 <meta name="generator" content="All in One SEO (AIOSEO) 5.0.2" /> 19 <meta property="og:locale" content="en_US" /> 20 <meta property="og:site_name" content="Kasflo | #PastiLebihBaik" /> 21 <meta property="og:type" content="website" /> 22 <meta property="og:title" content="Kasflo: Aplikasi Kasir Gratis #PastiLebihBaik" /> 23 <meta property="og:description" content="Kelola usaha hanya dari gadgetmu! Dari menu, penjualan, pelanggan, karyawan, hingga kantor cabang bisa kamu kendali hanya dalam satu genggaman." /> 24 <meta property="og:url" content="https://kasflo.id/" /> 25 <meta property="og:image" content="https://kasflo.id/wp-content/uploads/2024/06/meta-image.jpg" /> 26 <meta property="og:image:secure_url" content="https://kasflo.id/wp-content/uploads/2024/06/meta-image.jpg" /> 27 <meta property="og:image:width" content="500" /> 28 <meta property="og:image:height" content="261" /> 29 <meta name="twitter:card" content="summary_large_image" /> 30 <meta name="twitter:title" content="Kasflo: Aplikasi Kasir Gratis #PastiLebihBaik" /> 31 <meta name="twitter:description" content="Kelola usaha hanya dari gadgetmu! Dari menu, penjualan, pelanggan, karyawan, hingga kantor cabang bisa kamu kendali hanya dalam satu genggaman." /> 32 <meta name="twitter:image" content="https://kasflo.id/wp-content/uploads/2024/06/meta-image.jpg" /> 33
33<script type="application/ld+json" class="aioseo-schema"> 34 {"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/kasflo.id\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/kasflo.id\/#listItem","position":1,"name":"Home"}]},{"@type":"Organization","@id":"https:\/\/kasflo.id\/#organization","name":"Kasflo - Aplikasi POS dan Kasir Gratis","description":"Aplikasi POS (Point of Sale) dan kasir gratis yang dirancang untuk membantu pemilik usaha Restoran, Kafe, dan juga UMKM lainnya.","url":"https:\/\/kasflo.id\/","logo":{"@type":"ImageObject","url":"https:\/\/kasflo.id\/wp-content\/uploads\/2024\/08\/Kasflo-Primary-Logo-powered.png","@id":"https:\/\/kasflo.id\/#organizationLogo","width":600,"height":263},"image":{"@id":"https:\/\/kasflo.id\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/kasflo.id","https:\/\/www.instagram.com\/kasflo.id\/","https:\/\/www.tiktok.com\/@kasflo.id","https:\/\/www.youtube.com\/@Kasflo_id"]},{"@type":"WebPage","@id":"https:\/\/kasflo.id\/#webpage","url":"https:\/\/kasflo.id\/","name":"Kasflo: Aplikasi Kasir Gratis #PastiLebihBaik","description":"Kelola usaha hanya dari gadgetmu! Dari menu, penjualan, pelanggan, karyawan, hingga kantor cabang bisa kamu kendali hanya dalam satu genggaman.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/kasflo.id\/#website"},"breadcrumb":{"@id":"https:\/\/kasflo.id\/#breadcrumblist"},"datePublished":"2026-08-04T11:20:58+07:00","dateModified":"2026-10-01T10:13:48+07:00"},{"@type":"WebSite","@id":"https:\/\/kasflo.id\/#website","url":"https:\/\/kasflo.id\/","name":"Kasflo: Aplikasi Kasir Gratis #PastiLebihBaik","alternateName":"Kasflo #PastiLebihBaik","description":"#PastiLebihBaik","inLanguage":"en-US","publisher":{"@id":"https:\/\/kasflo.id\/#organization"}}]} 35 </script>
35 36 <!-- All in One SEO --> 37 38<meta name="viewport" content="width=device-width, initial-scale=1" /><link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> 39<link rel='dns-prefetch' href='//www.googletagmanager.com' /> 40<link rel='dns-prefetch' href='//fonts.googleapis.com' /> 41<link href='https://fonts.gstatic.com' crossorigin rel='preconnect' /> 42<link rel='prefetch' href='https://kasflo.id/wp-content/themes/flatsome/assets/js/flatsome.js?ver=51d1c732cb1803d92751' /> 43<link rel='prefetch' href='https://kasflo.id/wp-content/themes/flatsome/assets/js/chunk.slider.js?ver=3.19.1' /> 44<link rel='prefetch' href='https://kasflo.id/wp-content/themes/flatsome/assets/js/chunk.popups.js?ver=3.19.1' /> 45<link rel='prefetch' href='https://kasflo.id/wp-content/themes/flatsome/assets/js/chunk.tooltips.js?ver=3.19.1' /> 46<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://kasflo.id/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fkasflo.id%2F" /> 47<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://kasflo.id/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fkasflo.id%2F&format=xml" /> 48<style id="wp-img-auto-sizes-contain-inline-css"> 49img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 50/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 51</style> 52 53<style id="global-styles-inline-css"> 54:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--primary: #5e01d0;--wp--preset--color--secondary: #535fb0;--wp--preset--color--success: #7a9c59;--wp--preset--color--alert: #ff5d63;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
54--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: none;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-success-color{color: var(--wp--preset--color--success) !important;}.has-alert-color{color: var(--wp--preset--color--alert) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-success-background-color{background-color: var(--wp--preset--color--success) !important;}.has-alert-background-color{background-color: var(--wp--preset--color--alert) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-success-border-color{border-color: var(--wp--preset--color--success) !important;}.has-alert-border-color{border-color: var(--wp--preset--color--alert) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
54.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 55/*# sourceURL=global-styles-inline-css */ 56</style> 57 58<link rel='stylesheet' id='walcf7-datepicker-css-css' href='https://kasflo.id/wp-content/plugins/date-time-picker-for-contact-form-7/assets/css/jquery.datetimepicker.min.css' media='all' /> 59<link data-minify="1" rel='stylesheet' id='contact-form-7-css' href='https://kasflo.id/wp-content/cache/min/1/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=1790737158' media='all' /> 60<link data-minify="1" rel='stylesheet' id='wpcf7-redirect-script-frontend-css' href='https://kasflo.id/wp-content/cache/min/1/wp-content/plugins/wpcf7-redirect/build/assets/frontend-script.css?ver=1790737158' media='all' /> 61<link data-minify="1" rel='stylesheet' id='slick-css-css' href='https://kasflo.id/wp-content/cache/min/1/npm/[email protected]/slick/slick.css?ver=1790737158' media='all' /> 62<link data-minify="1" rel='stylesheet' id='slick-theme-css-css' href='https://kasflo.id/wp-content/cache/min/1/npm/[email protected]/slick/slick-theme.css?ver=1790737158' media='all' /> 63<link rel='stylesheet' id='ivory-search-styles-css' href='https://kasflo.id/wp-content/plugins/add-search-to-menu/public/css/ivory-search.min.css' media='all' /> 64<link data-minify="1" rel='stylesheet' id='tablepress-default-css' href='https://kasflo.id/wp-content/cache/min/1/wp-content/plugins/tablepress/css/build/default.css?ver=1790737158' media='all' /> 65<link data-minify="1" rel='stylesheet' id='flatsome-main-css' href='https://kasflo.id/wp-content/cache/min/1/wp-content/themes/flatsome/assets/css/flatsome.css?ver=1790737158' media='all' /> 66<style id="flatsome-main-inline-css"> 67@font-face { 68 font-family: "fl-icons"; 69 font-display: block; 70 src: url(https://kasflo.id/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot?v=3.19.1); 71 src: 72 url(https://kasflo.id/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot#iefix?v=3.19.1) format("embedded-opentype"), 73 url(https://kasflo.id/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff2?v=3.19.1) format("woff2"), 74 url(https://kasflo.id/wp-content/themes/flatsome/assets/css/icons/fl-icons.ttf?v=3.19.1) format("truetype"), 75 url(https://kasflo.id/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff?v=3.19.1) format("woff"), 76 url(https://kasflo.id/wp-content/themes/flatsome/assets/css/icons/fl-icons.svg?v=3.19.1#fl-icons) format("svg"); 77 } 78/*# sourceURL=flatsome-main-inline-css */ 79</style> 80
81<script id="jquery-core-js" src="https://kasflo.id/wp-includes/js/jquery/jquery.min.js"></script>
81 82 83<!-- Google tag (gtag.js) snippet added by Site Kit --> 84<!-- Google Analytics snippet added by Site Kit -->
vendor: 80 bytes, lines 84-85
84 85<script id="google_gtagjs-js" src="https://www.googletagmanager.com/gtag/js?id=
85GT-NBXS73SS
vendor: 18 bytes, line 85
85" async></script>
86<script id="google_gtagjs-js-after"> 87window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} 88gtag("set","linker",{"domains":["kasflo.id"]}); 89gtag("js", new Date()); 90gtag("set", "developer_id.dZTNiMT", true); 91gtag("config", "GT-NBXS73SS"); 92 window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.throttledEvents = []; window._googlesitekit.gtagEvent = (name, data) => { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); }; 93//# sourceURL=google_gtagjs-js-after 94</script>
94 95<link rel="https://api.w.org/" href="https://kasflo.id/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://kasflo.id/wp-json/wp/v2/pages/5942" /><link rel='shortlink' href='https://kasflo.id/' /> 96<meta name="generator" content="Site Kit by Google 1.188.0" /><style class="wpcode-css-snippet">:root{ 97 --crop: 2px; 98 --fade: 130px; 99 --bg: #ffffff; 100} 101 102.video-container { 103 position: relative; 104 width: 100%; 105 overflow: hidden; 106 height: 716px; 107 border-radius: 20px; 108} 109 110.video-fallback { 111 width: 100%; 112 height: auto; 113 display: block; 114} 115 116.smart-video{ 117 width:calc(100% + (var(--crop) * 2)); 118/* height:calc(100% + (var(--crop) * 2)); */ 119 height: auto; 120 margin:calc(var(--crop) * -1); 121 pointer-events: none; 122} 123 124.video-container::before{ 125 content:''; 126 position:absolute; 127 inset:0; 128 pointer-events:none; 129 z-index:3; 130 131 background: 132 linear-gradient(to bottom,var(--bg),transparent) top; 133 134 background-size: 135 100% var(--fade); 136 137 background-repeat:no-repeat; 138} 139 140/* image tampil dulu */ 141.video-fallback { 142 position: relative; 143 z-index: 1; 144 transition: opacity .4s ease; 145} 146 147/* video sudah ada di DOM tapi tidak terlihat */ 148.smart-video { 149 position: absolute; 150 inset: 0; 151 z-index: 2; 152 153 opacity: 0; 154 pointer-events: none; 155 156 transition: opacity .4s ease; 157} 158 159/* video siap ditampilkan */ 160.smart-video.is-ready { 161 opacity: 1; 162} 163 164/* sembunyikan image */ 165.video-fallback.is-hidden { 166 opacity: 0; 167}</style><style class="wpcode-css-snippet">.heading-title h1 { 168 font-size: 44px; 169 line-height: normal; 170 margin-bottom: 14px; 171} 172.heading-title h1 strong { 173 position: relative; 174} 175.heading-title h1 strong:before { 176 content: ""; 177 display: block; 178 position: absolute; 179 width: 100%; 180 height: 8px; 181 background-color: #FE346E; 182 left: 0; 183 bottom: 6px; 184 z-index: -1; 185} 186.new-button { 187 height: 48px; 188 font-size: 16px; 189 font-weight: 600; 190 line-height: 46px; 191 letter-spacing: normal; 192 margin-right: 0; 193 margin-bottom: 0; 194 padding-left: 14px; 195 padding-right: 10px; 196} 197.white.new-button { 198 color: #5E01D0 !important; 199} 200.white.new-button .icon-angle-right { 201 background-image: url(/wp-content/uploads/2026/08/ic-arrow-right-circle-sm.png); 202} 203.new-button .icon-angle-right { 204 background-repeat: no-repeat; 205 background-size: contain; 206 background-position: center; 207 margin-left: 8px !important; 208 margin-right: 0 !important; 209 font-size: 0; 210 width: 28px; 211 height: 28px; 212 line-height: normal; 213} 214.hero-entity--logo .img-inner { 215 width: 154px; 216 height: 154px; 217 background-color: #fff; 218 border-radius: 20px; 219 padding: 14px; 220} 221.hero-entity--business .box-image { 222 width: 154px; 223 height: 154px; 224 border: solid 1px #FFFFFF; 225 border-radius: 20px; 226} 227.hero-entity--business .box-text { 228 position: absolute; 229 z-index: 1; 230 background-color: #7E14FE; 231 font-size: 14px; 232 width: auto; 233 left: 50%; 234 transform: translateX(-50%); 235 border-radius: 99px; 236 padding: 3px 10px; 237 font-weight: 600; 238 bottom: -15px; 239} 240.hero-entity--business.label-secondary .box-text { 241 background-color: #FE346E; 242} 243.hero-connector { 244 width: 538px !important; 245 pointer-events: none; 246} 247.hero-entity--business.entity-small .box-image { 248 width: 110px; 249 height: 110px; 250} 251.hero-entity--dashboard .slider-wrapper { 252 width: 261px; 253 background-color: #fff; 254 padding: 8px; 255 border-radius: 20px; 256} 257.hero-entity--dashboard .slider .row .img .img-inner, .hero-entity--dashboard .slider .flickity-viewport { 258 border-radius: 12px; 259} 260.hero-entity--dashboard .slider .row h3 { 261 font-size: 16px; 262 color: #300168; 263 font-weight: 600; 264 margin-bottom: 4px; 265} 266.hero-entity--dashboard .slider .row .img { 267 margin-bottom: 0; 268} 269.hero-entity--dashboard .slider .row p { 270 font-size: 12px; 271 color: #4B4B4B; 272 line-height: 1.4; 273 margin-bottom: 0; 274} 275.hero-entity--dashboard .flickity-page-dots { 276 left: 0; 277 right: 0; 278 bottom: 4px;
279} 280.hero-entity--dashboard .flickity-page-dots .dot { 281 width: 6px; 282 height: 6px; 283 margin: 0 3px; 284 background-color: #D9D9D9; 285 opacity: 1 !important; 286 border: none; 287} 288.hero-entity--dashboard .flickity-page-dots .dot.is-selected { 289 background-color: #5E01D0; 290} 291.hero-entity { 292 position: absolute; 293} 294.hero-entity--logo { 295 width: auto !important; 296 margin-bottom: 0 !important; 297 left: 165px; 298 top: 110px; 299} 300.hero-entity--laundry { 301 top: -34px; 302 left: 13px; 303} 304.hero-entity--business { 305 width: auto; 306} 307.hero-entity--barber { 308 left: 317px; 309 top: -34px; 310} 311.hero-entity--restaurant { 312 right: 36px; 313 top: -100px; 314} 315.hero-entity--carwash { 316 left: -104px; 317 bottom: -50px; 318} 319.hero-entity--business .box-text p { 320 white-space: nowrap; 321} 322.hero-entity--spa { 323 bottom: 32px; 324 left: 15px; 325} 326.hero-entity--dashboard { 327 right: 30px; 328 bottom: -60px; 329} 330.new-merchant-slider .slider-style-container .flickity-slider>:not(.is-selected) { 331 opacity: 1; 332} 333.icon-box-img img, .icon-box-img svg { 334 padding-top: 0; 335} 336.statistic-item-wrap { 337 background-color: #fff; 338 border-radius: 20px; 339 padding: 24px; 340 border: solid 1px #E1E1E1; 341} 342.statistic-item-wrap .icon-box-text p { 343 font-weight: 500; 344 margin-bottom: 5px; 345} 346.statistic-item-wrap .icon-box-text h2 { 347 font-size: 40px; 348 color: #060606; 349} 350.solution-item-logo { 351 position: absolute; 352 top: 0; 353 z-index: 3; 354 width: 150px !important; 355 left: 50%; 356 margin-left: -75px; 357 margin-bottom: 0 !important; 358 top: 30px; 359} 360.solution-item-description { 361 position: absolute; 362 bottom: 30px; 363 z-index: 3; 364 width: 100%; 365 left: 0; 366 padding-left: 10px; 367 padding-right: 10px; 368 text-align: center; 369} 370.video-container:after { 371 content: ""; 372 display: block; 373 position: absolute; 374 left: 0; 375 bottom: 0; 376 width: 100%; 377 height: 48%; 378 background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); 379 z-index: 3; 380} 381.solution-item-description h3 { 382 font-weight: 600; 383 margin-bottom: 4px; 384} 385.solution-item-description p { 386 font-weight: 600; 387 margin-bottom: 14px; 388} 389.solution-item-description ul { 390 list-style: none; 391 display: flex; 392 justify-content: center; 393 flex-wrap: wrap; 394 padding: 0; 395 column-gap: 6px; 396 row-gap: 2px; 397 margin-bottom: 30px !important; 398} 399.solution-item-description ul li { 400 margin: 0; 401 position: relative; 402} 403.solution-item-description ul li:before { 404 content: "•"; 405 margin-right: 6px; 406} 407.solution-item-description ul > li:first-child:before { 408 content: ""; 409} 410.new-button.no-icon { 411 padding-right: 16px; 412 padding-left: 16px; 413} 414.white.is-outline.new-button { 415 color: #fff; 416} 417.is-outline.new-button { 418 border-width: 1px; 419 line-height: 46px; 420} 421.is-outline.new-button:hover { 422 color: #5E01D0 !important; 423} 424.heading-title h2 { 425 font-size: 44px; 426 font-weight: 600; 427} 428.new-home-benefit-row .box { 429 background-color: #fff; 430 border-radius: 20px; 431 padding: 24px; 432 height: 100%; 433} 434.new-home-benefit-row .benefit-qris .box-image { 435 width: 435px; 436} 437.new-home-benefit-row .benefit-self-order .box-image, .new-home-benefit-row .benefit-free .box-image { 438 width: 250px; 439 margin-left: 0; 440} 441.new-home-benefit-row .benefit-billing .box-image { 442 width: 245px; 443 margin-left: 0; 444} 445.new-home-benefit-row .benefit-flexible .box-image { 446 width: 184px; 447 margin-left: 0; 448} 449.new-home-benefit-row .box-text h3 {font-weight: 600;margin-top: 0;margin-bottom: 6px;line-height: normal;} 450 451.new-home-benefit-row .box-text p { 452 margin-top: 0; 453 margin-bottom: 0; 454} 455.new-home-benefit-row .box-text { 456 position: absolute; 457 bottom: 0; 458 left: 0; 459 padding: 0 24px 24px 24px; 460} 461.new-home-benefit-row .box.benefit-self-order, .new-home-benefit-row .box.benefit-free { 462 padding-bottom: 134px; 463} 464.new-home-benefit-row .box.benefit-billing, .new-home-benefit-row .box.benef
464it-flexible { 465 padding-bottom: 144px; 466} 467.new-home-benefit-row .benefit-qris { 468 height: calc(100% - 20px); 469} 470.guide-feature-row .all-fitur-col .icon-box { 471 display: flex; 472 flex-direction: column; 473 height: 100%; 474 justify-content: center; 475} 476.guide-feature-row .col:not(.all-fitur-col) .icon-box { 477 border: solid 1px #E1E1E1; 478 border-radius: 20px; 479 padding: 24px; 480 height: 100%; 481} 482.guide-feature-row .all-fitur-col .icon-box { 483 background-color: #F7F3FF; 484 border-radius: 20px; 485} 486.guide-feature-row .icon-box-text h3 { 487 font-size: 20px; 488 font-weight: 600; 489 line-height: 1.4; 490 text-wrap: auto; 491 margin-bottom: 10px; 492} 493.guide-feature-row .icon-box-text p { 494 font-size: 14px; 495 line-height: 1.5; 496} 497.guide-feature-row .all-fitur-col .icon-box-text h3 { 498 margin-bottom: 0; 499} 500.tabs-has-icon > ul > li > a { 501 position: relative; 502 font-size: 20px; 503 font-weight: 500; 504 color: #262645; 505 padding-bottom: 12px; 506 line-height: 24px; 507} 508.tabs-has-icon > ul > li > a:after { 509 content: ""; 510 position: absolute; 511 display: block; 512 width: 36px; 513 height: 36px; 514 background-size: contain; 515 background-position: center; 516 background-repeat: no-repeat; 517 left: 50%; 518 transform: translateX(-50%); 519 bottom: 44px; 520 transition: all .2s; 521} 522.tabs-has-icon > ul > li.active > a:after { 523 width: 48px; 524 height: 48px; 525} 526.tabs-has-icon > ul > li#tab-panduan-kasflo-resto > a:after { 527 background-image: url(/wp-content/uploads/2026/08/logomark-resto.png); 528} 529.tabs-has-icon > ul > li#tab-panduan-kasflo-bisnis > a:after { 530 background-image: url(/wp-content/uploads/2026/08/logomark-bisnis.png); 531} 532.tabs-has-icon > ul > li#tab-panduan-kasflo-toko > a:after { 533 background-image: url(/wp-content/uploads/2026/08/logomark-toko.png); 534} 535.tabs-has-icon > ul > li { 536 margin: 0; 537} 538.tabs-has-icon > ul > li > a { 539 padding-left: 30px; 540 padding-right: 30px; 541} 542.tabs-has-icon > ul.nav:before { 543 content: ""; 544 display: block; 545 position: absolute; 546 width: 100%; 547 height: 4px; 548 background-color: #FFF0F5; 549} 550.tabs-has-icon > ul.nav { 551 width: auto; 552 margin-left: auto; 553 margin-right: auto; 554} 555.tabs-has-icon > ul > li > a:before { 556 height: 4px; 557 background-color: #FE346E; 558} 559.guide-video-tabs .tab-panels { 560 padding-top: 50px; 561} 562.guide-items-wrap.grid-layout .banner { 563 border-radius: 20px; 564 overflow: hidden; 565} 566.guide-items-wrap h3 { 567 font-size: 28px; 568 font-weight: 600; 569 margin-bottom: 0; 570 line-height: 1.3; 571} 572.guide-items-wrap h4 { 573 font-size: 16px; 574 font-weight: 500; 575 line-height: 1.3; 576 text-wrap: auto; 577 margin-bottom: 0; 578} 579.guide-items-wrap.row-layout .banner { 580 border-radius: 12px; 581 overflow: hidden; 582} 583.guide-items-wrap.row-layout h4 { 584 font-size: 16px; 585 font-weight: 600; 586} 587.sims-demo-tabs.tabs-has-icon > ul.nav { 588 margin-left: 0; 589} 590.tabs-has-icon > ul > li#tab-kasflo-resto > a:after { 591 background-image: url(/wp-content/uploads/2026/08/logomark-resto.png); 592} 593.tabs-has-icon > ul > li#tab-kasflo-bisnis > a:after { 594 background-image: url(/wp-content/uploads/2026/08/logomark-bisnis.png); 595} 596.dark .tabs-has-icon > ul > li > a { 597 color: #fff; 598} 599.sims-demo-tabs .tab-panels { 600 padding-top: 46px; 601} 602.sims-demo-row .img-inner { 603 border-radius: 20px; 604} 605.sims-demo-row h3 { 606 font-weight: 600; 607 line-height: 1.3; 608 margin-bottom: 20px; 609} 610.new-home-about-section .section-bg { 611 right: auto; 612 width: calc(50% - 55px); 613} 614.new-testi-row > .col > .col-inner { 615 border: solid 1px #E2E2E2; 616 border-radius: 20px; 617 overflow: hidden; 618} 619.new-home-video-news .banner { 620 border-radius: 20px; 621 overflow: hidden; 622} 623.heading-title-sm h2 { 624 font-size: 30px; 625} 626.new-cs-row { 627 border: solid 1px #E2E2E2; 628 border-radius: 20px; 629 overflow: hidden; 630} 631.heading-title-md h2 { 632 font-size: 40px; 633 font-weight: 600; 634} 635.heading-title h3 { 636 font-size: 16px; 637 font-weight: 600; 638 margin-bottom: 10px; 639} 640.new-cs-button { 641 font-size: 20px; 642 font-weight: 500; 643 letter-spacing: normal; 644 color: #333 !important; 645 border-width: 1px !important; 646 height: 60px; 647 line-height: 58px !important; 648 margin: 0; 649 position: relative; 650 padding-left: 12px; 651 padding-right: 48px; 652} 653.new-cs-button.cs-button-wa { 654 border-color: #41CC94; 655} 656.new-cs-button i { 657 font-size: 0; 658 width: 36px; 659 height: 36px; 660 background-repeat: no-repeat; 661 background-position: center; 662 background-size: contain; 663 margin-right: 6px !important; 664} 665.new-cs-button i.icon-whatsapp { 666 background-image: url(/wp-content/uploads/2026/08/ic-wa-2x.png); 667} 668.new-cs-button:after { 669 content: ""; 670 display: block; 671 position: absolute; 672 width: 24px; 673 height: 24px; 674 background-image: url(/wp-content/uploads/2026/08/arrow-up-right.png); 675 background-size: contain; 676 background-position: center; 677 background-repeat: no-repeat; 678 right: 12px; 679 top: 50%; 680 margin-top: -12px; 681} 682.new-cs-button.cs-button-wa:hover { 683 background-color: #E6FAF2; 684 border-color: #41CC94; 685} 686.new-cs-button i.icon-envelop { 687 background-image: url(/wp-content/uploads/2026/08/ic-email-2x.png); 688} 689.new-cs-button.cs-button-mail {
690 border-color: #8D51FE; 691} 692.new-cs-button.cs-button-mail:hover { 693 background-color: #F7F3FF; 694 border-color: #8D51FE; 695} 696.new-cs-image, .new-cs-image .img-inner { 697 height: 100%; 698} 699.new-cs-image .img-inner img { 700 object-fit: cover; 701 height: calc(100% + 2px); 702} 703.new-faq-wrapper .accordion-title { 704 border: none; 705 position: unset; 706 padding: 24px 84px 24px 20px; 707 font-size: 20px; 708 font-weight: 600; 709} 710.new-faq-wrapper .accordion-item { 711 background-color: #fff; 712 border-radius: 12px; 713 margin-bottom: 20px; 714 position: relative; 715} 716.new-faq-wrapper .accordion-title.active { 717 background: transparent; 718 color: currentColor; 719} 720.new-faq-wrapper .accordion-title button.toggle { 721 line-height: normal; 722 left: auto; 723 right: 20px; 724 margin: 0; 725 border: solid 1px #E2E2E2; 726 border-radius: 8px; 727 top: 50%; 728 width: 44px; 729 height: 44px; 730 margin-top: -22px; 731 transform-origin: unset; 732 font-size: 20px; 733 min-height: auto; 734 color: #626289; 735 opacity: 1; 736} 737.new-faq-wrapper .accordion-title button.toggle i { 738 line-height: normal; 739 font-size: 1em; 740} 741.new-faq-wrapper .accordion-inner { 742 padding: 0px 84px 20px 20px; 743 color: #939393; 744 line-height: 1.5; 745 margin-top: -12px; 746} 747.new-faq-wrapper .accordion-inner p { 748 margin-bottom: 0; 749} 750.primary.new-button .icon-angle-right { 751 background-image: url(/wp-content/uploads/2026/08/ic-arrow-right-circle-white-sm.png); 752} 753.new-faq-wrapper > .col.large-4 > .col-inner { 754 position: sticky; 755 top: 110px; 756} 757.new-footer-bottom .new-footer-menu-row h3 { 758 font-size: 16px; 759 font-weight: 500; 760 margin-bottom: 0; 761 line-height: 24px; 762 margin-bottom: 20px; 763} 764.new-footer-bottom .new-footer-menu-row .ux-menu-title { 765 font-size: 12px; 766 text-transform: none; 767 color: #fff; 768 font-weight: 500; 769 min-height: auto; 770 line-height: 24px; 771 padding: 0; 772} 773.new-footer-bottom .new-footer-menu-row .ux-menu-link__link { 774 font-size: 12px; 775 color: #fff; 776 opacity: .6; 777 min-height: auto; 778} 779.ux-menu-link+.ux-menu-title {margin-top: 20px !important;} 780.new-footer-bottom .new-footer-menu-row .ux-menu-link__link:hover { 781 opacity: 1; 782} 783.new-footer-small-text p { 784 font-size: 12px; 785 color: #fff; 786 opacity: .6; 787} 788.new-footer-bottom h3 { 789 font-size: 16px; 790 font-weight: 500; 791 margin-bottom: 12px; 792} 793.new-footer-address-row h4 { 794 font-size: 14px; 795 font-weight: 500; 796} 797.new-footer-address-row p { 798 font-size: 14px; 799} 800.new-footer-copyright-row p { 801 font-size: 14px; 802 margin-bottom: 0; 803} 804.new-footer-copyright-row .ux-menu { 805 flex-direction: row; 806 column-gap: 32px; 807 justify-content: center; 808 font-size: 14px; 809} 810.new-footer-copyright-row .ux-menu-link__link { 811 text-decoration: underline; 812} 813.dark, .dark p, .dark td { 814 color: #fff; 815} 816.new-social-icon-col .col-inner { 817 text-align: right; 818} 819.new-social-icon-col .social-icons > a { 820 margin-bottom: 0; 821} 822.hero-product-logo { 823 width: 140px !important; 824 margin-bottom: 0 !important; 825} 826.new-resto-hero-section .section-bg { 827 height: 140%; 828 top: 50%; 829 transform: translateY(-50%); 830} 831.new-resto-hero-section { 832 overflow: hidden; 833} 834.new-resto-hero-section .section-bg .bg { 835 object-position: left; 836} 837.ecosystem-guide-row .col-inner:before { 838 content: ""; 839 display: block; 840 position: absolute; 841 width: 378px; 842 height: 411px; 843 background-image: url(/wp-content/uploads/2026/08/bg-book.png); 844 right: -66px; 845 bottom: -62px; 846 background-repeat: no-repeat; 847 background-position: center; 848 background-size: contain; 849 z-index: 0; 850} 851.ecosystem-guide-row .col-inner { 852 overflow: hidden; 853} 854.ecosystem-guide-row .col-inner .icon-box { 855 position: relative; 856} 857.ecosystem-guide-row .icon-box-text h4 { 858 font-size: 20px; 859 font-weight: 400; 860 margin-bottom: 8px; 861} 862.ecosystem-guide-row .icon-box-text h3 { 863 font-size: 32px; 864 font-weight: 600; 865 line-height: 1.3; 866} 867.tabs-has-icon > ul > li.active > a { 868 font-weight: 600; 869} 870.tabs-has-icon > ul > li#tab-backoffice > a:after { 871 background-image: url(/wp-content/uploads/2026/08/ic-backoffice.png); 872} 873.tabs-has-icon > ul > li#tab-point-of-sales > a:after { 874 background-image: url(/wp-content/uploads/2026/08/ic-pos.png); 875} 876.tabs-has-icon > ul > li#tab-self-order > a:after { 877 background-image: url(/wp-content/uploads/2026/08/ic-self-order.png); 878} 879.resto-features-tabs .tab-panels { 880 padding-top: 44px; 881} 882.resto-feature-items { 883 border: solid 1px #E1E1E1; 884 border-radius: 20px; 885} 886.resto-features-tabs .heading-title h2 { 887 margin-bottom: 36px; 888} 889.resto-feature-items.row-solid .col-inner { 890 padding: 24px; 891} 892.resto-feature-items .icon-box-text h3 { 893 font-size: 20px; 894 font-weight: 600; 895} 896.resto-feature-items .icon-box-text p { 897 font-size: 14px; 898 color: #8383AD; 899} 900.resto-feature-items .icon-box-text ul { 901 list-style: none; 902 font-weight: 600; 903 padding-left: 0; 904 display: flex; 905 flex-wrap: wrap; 906 justify-content: flex-start; 907 column-gap: 16px; 908 row-gap: 14px; 909} 910.resto-feature-items .icon-box-text ul li { 911 margin-left: 0; 912 margin-bottom: 0; 913 position: relative; 914 padding-left: 30px; 915} 916.resto-feature-items .icon-box-text ul li:before { 917 content: ""; 918 display: block; 919 position: absolute; 920 width: 24px; 921 height: 24px; 922 background-image: url(/wp-content/uploads/2026/08/ic-check.png); 923 background-repeat: no-repeat; 924 background-size: contain; 925 left: 0; 926 top: 50%; 927 margin-top: -12px; 928} 929.product-benefits-row .icon-box { 930 border: solid 1px #E1E1E1; 931 border-radius: 20px; 932 padding: 20px;
933 align-items: center; 934} 935.product-benefits-row .icon-box-text h3 { 936 font-size: 20px; 937 font-weight: 600; 938} 939.hero-product-image.product-bisnis .img-inner { 940 height: 600px; 941} 942.primary.new-button.button-bisnis { 943 background-color: #0E89FF; 944} 945.primary.new-button.button-bisnis .icon-angle-right { 946 background-image: url(/wp-content/uploads/2026/09/ic-arrow-right-bisnis-white.png); 947} 948.white.new-button.button-bisnis { 949 color: #0E89FF !important; 950} 951.white.new-button.button-bisnis .icon-angle-right { 952 background-image: url(/wp-content/uploads/2026/09/ic-arrow-right-bisnis-blue.png); 953} 954.new-bisnis-hero-section .section-bg { 955 height: 140%; 956 top: 50%; 957 transform: translateY(-50%); 958} 959.new-bisnis-hero-section .section-bg .bg { 960 object-position: left; 961} 962.new-bisnis-hero-section { 963 overflow: hidden; 964} 965.new-toko-hero-section { 966 overflow: hidden; 967} 968.new-toko-hero-section .section-bg { 969 height: 140%; 970 top: 50%; 971 transform: translateY(-50%); 972} 973.new-toko-hero-section .section-bg .bg { 974 object-position: 20% 50%; 975} 976.primary.new-button.button-toko { 977 background-color: #535FB0; 978} 979.primary.new-button.button-toko .icon-angle-right { 980 background-image: url(/wp-content/uploads/2026/09/ic-arrow-right-toko-white.png); 981} 982.white.new-button.button-toko { 983 color: #535FB0 !important; 984} 985.white.new-button.button-toko .icon-angle-right { 986 background-image: url(/wp-content/uploads/2026/09/ic-arrow-right-toko-navy.png); 987} 988.ecosystem-slider-wrapper .img { 989 margin-bottom: 0 !important; 990} 991.ecosystem-slider-wrapper .img .img-inner { 992 border: solid 1px #E4E4F7; 993 border-radius: 20px; 994} 995.ecosystem-slider-wrapper .flickity-slider > .row { 996 opacity: 1; 997} 998.ecosystem-slider-wrapper { 999 margin-bottom: 36px !important; 1000} 1001.ecosystem-slider-wrapper h3 { 1002 font-weight: 600; 1003} 1004.pricing-tabs-wrapper .subscription-items .col-lite .price-title h3 { 1005 font-size: 20px; 1006 font-weight: 600; 1007} 1008.pricing-tabs-wrapper .subscription-items .price-title h3 { 1009 font-size: 22px; 1010 font-weight: 600; 1011} 1012.snk-fee-trigger { 1013 display: inline-flex;
1014 align-items: center; 1015 justify-content: center; 1016 width: 18px; 1017 height: 18px; 1018 margin-left: 6px; 1019 border-radius: 50%; 1020 background: #fff; 1021 color: #747474; 1022 font-size: 12px; 1023 font-weight: 600; 1024 line-height: 1; 1025 cursor: help; 1026 vertical-align: middle; 1027} 1028.snk-fee-trx-tooltip { 1029 position: fixed; 1030 width: 700px; 1031 max-width: calc(100vw - 32px); 1032 box-sizing: border-box; 1033 padding: 18px 20px; 1034 background: #fff; 1035 color: #333; 1036 border: 1px solid #e5e5e5; 1037 border-radius: 8px; 1038 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); 1039 font-size: 13px; 1040 font-weight: 400; 1041 line-height: 1.55; 1042 text-align: left; 1043 opacity: 0; 1044 visibility: hidden; 1045 transform: translateY(5px); 1046 transition: 1047 opacity 0.2s ease, 1048 transform 0.2s ease, 1049 visibility 0.2s ease; 1050 z-index: 999999; 1051 pointer-events: none; 1052} 1053.snk-fee-trx-tooltip.is-visible { 1054 opacity: 1; 1055 visibility: visible; 1056 transform: translateY(0); 1057 pointer-events: auto; 1058} 1059.snk-fee-trx-tooltip .snk-fee-trx-wrap { 1060 margin: 0; 1061 padding: 0; 1062} 1063.snk-fee-trx-tooltip h4 { 1064 margin: 0 0 12px; 1065 padding: 0; 1066 font-size: 16px; 1067 font-weight: 600; 1068 line-height: 1.3; 1069} 1070.snk-fee-trx-tooltip ol { 1071 margin: 0; 1072 padding-left: 20px; 1073} 1074.snk-fee-trx-tooltip li { 1075 margin: 0 0 9px; 1076 padding: 0; 1077} 1078.snk-fee-trx-tooltip li:last-child { 1079 margin-bottom: 0; 1080} 1081.enterprise-plus-txt h3 { 1082 font-size: 20px; 1083 font-weight: 600; 1084 display: inline-block; 1085 width: auto; 1086 background-color: rgb(94 1 208 / 20%); 1087 border: solid 1px #5f1cb9; 1088 border-radius: 99px; 1089 padding: 8px 16px; 1090 line-height: 24px; 1091 margin: 0; 1092} 1093.enterprise-plus-txt h2 { 1094 font-size: 42px; 1095 line-height: 1.3; 1096} 1097.enterprise-plus-banner { 1098 border-radius: 14px; 1099 overflow: hidden; 1100} 1101.enterprise-plus-features .icon-box { 1102 align-items: center; 1103 background-color: rgb(94 1 208 / 15%); 1104 border: solid 1px #5f1cb9; 1105 border-radius: 12px; 1106 padding: 12px; 1107 backdrop-filter: blur(10px); 1108} 1109.enterprise-plus-features .icon-box-text h3 { 1110 margin-top: 0; 1111 font-size: 14px; 1112 font-weight: 600 !important; 1113 margin-bottom: 5px; 1114} 1115.enterprise-plus-features .icon-box-text p { 1116 font-size: 12px; 1117 margin: 0; 1118 line-height: 1.3; 1119} 1120.enterprise-plus-features .icon-box { 1121 height: 100%; 1122} 1123.testimonials-slider-wrapper .flickity-button { 1124 opacity: 1; 1125 -webkit-box-shadow: 0px 4px 6px -2px rgba(16,24,40,0.03), 0px 12px 16px -4px rgba(16,24,40,0.1); 1126 box-shadow: 0px 4px 6px -2px rgba(16,24,40,0.03), 0px 12px 16px -4px rgba(16,24,40,0.1); 1127 width: 70px; 1128 height: 70px; 1129 border-radius: 50%; 1130 min-height: auto; 1131 line-height: 70px; 1132 text-align: center; 1133 background-color: #fff; 1134} 1135.testimonials-slider-wrapper .flickity-button svg { 1136 display: none; 1137} 1138.testimonials-slider-wrapper .flickity-button:before { 1139 content: ""; 1140 display: block; 1141 position: relative; 1142 width: 50px; 1143 height: 50px; 1144 background-image: url(https://kasflo.id/wp-content/uploads/2026/09/ic-arrow-slider.png); 1145 background-repeat: no-repeat; 1146 background-size: contain; 1147 background-position: center; 1148 margin-left: auto; 1149 margin-right: auto; 1150} 1151.testimonials-slider-wrapper .flickity-button.previous {margin-right: -35px;} 1152.testimonials-slider-wrapper .flickity-button.previous:before { 1153 transform: rotate(180deg); 1154} 1155.testimonials-slider-wrapper .flickity-button.next { 1156 margin-left: -35px; 1157} 1158.testimonials-slider-wrapper .flickity-button:hover { 1159 -webkit-box-shadow: 0px 4px 6px -2px rgba(16,24,40,0.03), 0px 12px 16px -4px rgba(16,24,40,0.1); 1160 box-shadow: 0px 4px 6px -2px rgba(16,24,40,0.03), 0px 12px 16px -4px rgba(16,24,40,0.1); 1161} 1162.absolute-footer { 1163 display: none; 1164} 1165.subscription-items .col .is-outline.main-button { 1166 background: transparent; 1167 line-height: 44px; 1168 border: solid 2px; 1169}
1170.subscription-items .col-lite .is-outline.main-button { 1171 border-color: #7C7C7C; 1172} 1173.subscription-items .col-basic .is-outline.main-button { 1174 border-color: #7B54E3; 1175} 1176.subscription-items .col-pro .is-outline.main-button { 1177 border-color: #0E89FF; 1178} 1179.subscription-items .col-enterprise .is-outline.main-button { 1180 border-color: #FB8900; 1181} 1182.white.is-outline.new-button .icon-angle-right { 1183 background-image: url(/wp-content/uploads/2026/08/ic-arrow-right-circle-white-sm.png); 1184} 1185.white.is-outline.new-button:hover .icon-angle-right { 1186 background-image: url(/wp-content/uploads/2026/08/ic-arrow-right-circle-sm.png); 1187} 1188 1189/* ========================================== 1190 RUNNING INDUSTRY WRAPPER 1191========================================== */ 1192 1193.running-industry-wrapper { 1194 width: 100%; 1195 overflow: hidden; 1196 position: relative; 1197} 1198 1199 1200/* ========================================== 1201 RUNNING ROW 1202========================================== */ 1203 1204.industry-items-wrappper { 1205 display: flex; 1206 flex-wrap: nowrap; 1207 width: max-content; 1208 gap: 20px; 1209 margin-bottom: 20px; 1210 will-change: transform; 1211} 1212 1213 1214/* ========================================== 1215 INDUSTRY CARD 1216========================================== */ 1217 1218.industry-item-wrap { 1219 flex: 0 0 400px; 1220 width: 400px; 1221 height: 480px; 1222} 1223 1224 1225/* ========================================== 1226 INDUSTRY INNER 1227========================================== */ 1228 1229.industry-inner { 1230 position: relative; 1231 width: 100%; 1232 height: 100%; 1233 overflow: hidden; 1234 border-radius: 20px; 1235} 1236 1237 1238/* ========================================== 1239 IMAGE 1240========================================== */ 1241 1242.industry-inner img { 1243 display: block; 1244 width: 100%; 1245 height: 100%; 1246 object-fit: cover; 1247} 1248 1249 1250/* ========================================== 1251 TITLE 1252========================================== */ 1253 1254.industry-inner h3 { 1255 position: absolute; 1256 left: 0; 1257 right: 0; 1258 bottom: 40px; 1259 margin: 0; 1260 padding: 0 24px; 1261 text-align: center; 1262 color: #fff; 1263 font-weight: 600; 1264} 1265 1266 1267/* ========================================== 1268 ROW 1 - RUNNING LEFT 1269========================================== */ 1270 1271.industry-items-wrappper.running-to-left { 1272 animation: industry-running-left 30s linear infinite; 1273} 1274 1275 1276/* ========================================== 1277 ROW 2 - RUNNING RIGHT 1278========================================== */ 1279 1280.industry-items-wrappper.running-to-right { 1281 animation: industry-running-right 30s linear infinite; 1282} 1283 1284 1285/* ========================================== 1286 ANIMATION LEFT 1287========================================== */ 1288 1289@keyframes industry-running-left { 1290 1291 from { 1292 transform: translate3d(0, 0, 0); 1293 } 1294 1295 to { 1296 transform: translate3d(-50%, 0, 0); 1297 } 1298 1299} 1300 1301 1302/* ========================================== 1303 ANIMATION RIGHT 1304========================================== */ 1305 1306@keyframes industry-running-right { 1307 1308 from { 1309 transform: translate3d(-50%, 0, 0); 1310 } 1311 1312 to { 1313 transform: translate3d(0, 0, 0); 1314 } 1315 1316} 1317 1318 1319/* ========================================== 1320 LAST ROW 1321========================================== */ 1322 1323.industry-items-wrappper:last-child { 1324 margin-bottom: 0; 1325} 1326 1327/* ========================================== 1328 NEW STYLES 1329========================================== */ 1330 1331.industry-inner:before { 1332 content: ""; 1333 display: block; 1334 position: absolute; 1335 bottom: 0; 1336 left: 0; 1337 width: 100%; 1338 height: 160px; 1339 background: #000000; 1340 background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); 1341 z-index: 0; 1342} 1343 1344@media (max-width: 767px) { 1345 .snk-fee-trx-tooltip { 1346 width: calc(100vw - 32px); 1347 max-width: none; 1348 padding: 16px; 1349 font-size: 13px; 1350 } 1351 .snk-fee-trx-tooltip h4 { 1352 font-size: 15px; 1353 } 1354 .hero-entity--dashboard { 1355 position: relative; 1356 bottom: auto; 1357 right: auto; 1358 margin-bottom: 30px; 1359 } 1360 .hero-entity--dashboard .slider-wrapper { 1361 margin-left: auto; 1362 margin-right: auto; 1363 } 1364 .heading-title h1 { 1365 font-size: 24px; 1366 text-wrap: auto; 1367 } 1368 .heading-title h1 strong:before { 1369 height: 4px; 1370 } 1371 .statistic-item-wrap { 1372 display: flex; 1373 align-items: center; 1374 } 1375 .statistic-item-wrap .icon-box-img { 1376 margin-bottom: 0; 1377 width: 80px !important; 1378 } 1379 .statistic-item-wrap .icon-box-text { 1380 padding-left: 16px; 1381 } 1382 .statistic-item-wrap .icon-box-text p { 1383 margin-bottom: 0; 1384 } 1385 .video-container { 1386 height: auto; 1387 } 1388 .new-home-benefit-row .box-text { 1389 position: relative; 1390 padding: 0; 1391 margin-top: 20px; 1392 } 1393 .new-home-benefit-row .benefit-qris .box-image { 1394 width: auto; 1395 } 1396 .new-home-benefit-row .benefit-qris { 1397 height: auto; 1398 }
1399 .new-home-benefit-row .box.benefit-self-order, .new-home-benefit-row .box.benefit-free { 1400 padding-bottom: 24px; 1401 } 1402 .new-home-benefit-row .box.benefit-billing, .new-home-benefit-row .box.benefit-flexible { 1403 padding-bottom: 24px; 1404 } 1405 .guide-feature-row .all-fitur-col .icon-box { 1406 flex-direction: row-reverse; 1407 align-items: center; 1408 column-gap: 20px; 1409 padding: 24px; 1410 } 1411 .guide-feature-row .all-fitur-col .icon-box .icon-box-img { 1412 margin: 0; 1413 width: 32px !important; 1414 } 1415 .guide-feature-row .all-fitur-col .icon-box .icon-box-text { 1416 margin-left: 0; 1417 margin-right: 0; 1418 } 1419 .tabs-has-icon ul.nav { 1420 flex-wrap: nowrap; 1421 justify-content: flex-start; 1422 display: flex; 1423 overflow-x: scroll; 1424 -ms-overflow-style: none; 1425 scrollbar-width: none; 1426 column-gap: 16px; 1427 } 1428 .tabs-has-icon ul.nav > li > a { 1429 white-space: nowrap; 1430 font-size: 14px; 1431 padding-left: 44px; 1432 padding-right: 16px; 1433 } 1434 .tabs-has-icon > ul > li > a:after { 1435 bottom: auto; 1436 top: 50%; 1437 margin-top: -18px; 1438 left: 0; 1439 transform: none; 1440 } 1441 .tabs-has-icon > ul > li.active > a:after { 1442 width: 36px; 1443 height: 36px; 1444 } 1445 .industry-item-wrap {flex: 0 0 240px;width: 240px;height: 280px;} 1446 .guide-items-wrap-mobile .slider .banner { 1447 border-radius: 20px; 1448 overflow: hidden; 1449 } 1450 .guide-video-tabs .tab-panels { 1451 padding-top: 30px; 1452 } 1453 .guide-items-wrap-mobile .slider h3 { 1454 font-size: 16px; 1455 margin-bottom: 0; 1456 } 1457 .guide-items-wrap-mobile .slider .flickity-page-dots { 1458 bottom: -16px; 1459 } 1460 .guide-items-wrap-mobile .slider .flickity-page-dots .dot { 1461 width: 8px; 1462 height: 8px; 1463 border: none; 1464 background-color: #D9D9D9; 1465 opacity: 1; 1466 margin: 0 3px; 1467 } 1468 .guide-items-wrap-mobile .slider .flickity-page-dots .dot.is-selected { 1469 background-color: #5E01D0; 1470 } 1471 .new-home-about-section .section-bg { 1472 width: 100%; 1473 height: 430px; 1474 } 1475 .new-cs-row {margin-left: 20px;width: calc(100% - 40px);} 1476 .heading-title-sm h2 { 1477 font-size: 20px; 1478 } 1479 .heading-title-md h2 { 1480 font-size: 24px; 1481 } 1482 .new-cs-row .new-cs-button { 1483 width: 100%; 1484 } 1485 .new-home-benefit-row > .col.large-7 { 1486 padding-left: 10px; 1487 padding-right: 10px; 1488 } 1489 .guide-video-tabs { 1490 margin-bottom: 40px; 1491 } 1492 .new-faq-wrapper .accordion-title { 1493 font-size: 16px; 1494 padding: 18px 68px 18px 16px; 1495 line-height: normal; 1496 } 1497 .new-faq-wrapper .accordion-title button.toggle { 1498 width: 32px; 1499 height: 32px; 1500 margin-top: -16px; 1501 font-size: 16px; 1502 } 1503 .new-faq-wrapper .accordion-inner { 1504 padding: 0px 68px 20px 16px; 1505 margin-top: -10px; 1506 } 1507 .new-resto-hero-section .section-bg { 1508 height: 100%; 1509 top: auto; 1510 transform: none; 1511 } 1512 .new-resto-hero-section .section-bg .bg {object-position: 28% 50%;} 1513 .hero-product-image .img-inner { 1514 margin-right: 0 !important; 1515 } 1516 .resto-features-tabs .tab-panels { 1517 padding-top: 30px; 1518 } 1519 .resto-features-tabs .heading-title h2 { 1520 font-size: 22px; 1521 margin-bottom: 20px; 1522 } 1523 .resto-feature-items { 1524 margin-left: 0 !important; 1525 margin-right: 0 !important; 1526 } 1527 .resto-feature-items > .col { 1528 padding: 0 !important; 1529 } 1530 .product-ecosystem-title .icon-box-img { 1531 width: 100px !important; 1532 } 1533 .product-benefits-row .icon-box-text h3 { 1534 font-size: 16px; 1535 } 1536 .ecosystem-guide-row .icon-box .icon-box-img { 1537 width: 44px !important; 1538 } 1539 .ecosystem-guide-row .icon-box-text h4 { 1540 font-size: 16px; 1541 margin-bottom: 4px; 1542 } 1543 .ecosystem-guide-row .icon-box-text h3 { 1544 font-size: 28px; 1545 } 1546 .new-bisnis-hero-section .section-bg { 1547 height: 100%; 1548 top: auto; 1549 transform: none; 1550 } 1551 .new-bisnis-hero-section .section-bg .bg {object-position: 50% 50%;} 1552 .hero-product-image.product-bisnis .img-inner { 1553 margin-left: 0 !important; 1554 height: 350px; 1555 } 1556 .new-toko-hero-section .section-bg { 1557 height: 100%; 1558 top: auto; 1559 transform: none; 1560 } 1561 .new-toko-hero-section .section-bg .bg { 1562 object-position: 45% 50%; 1563 } 1564 .hero-product-image .img-inner { 1565 margin-bottom: -150px !important; 1566 } 1567 .new-footer-top .new-button { 1568 width: 100%; 1569 } 1570 .new-footer-copyright-row { 1571 text-align: center; 1572 } 1573 .new-social-icon-col .col-inner { 1574 text-align: center; 1575 } 1576 .enterprise-plus-txt h2 { 1577 font-size: 24px; 1578 } 1579 .enterprise-plus-txt h3 { 1580 font-size: 16px; 1581 padding: 6px 16px; 1582 } 1583}</style><style class="wpcode-css-snippet">/* ================KNOWLEDGE BASE============== */ 1584#epkb-ml__module-search #epkb-ml-search-results { 1585 z-index: 10; 1586} 1587#epkb-ml__module-search { 1588 background-image: url(https://kasflo.id/wp-content/uploads/2024/07/hero-panduan.jpg); 1589 background-repeat: no-repeat; 1590 background-size: cover; 1591 background-position: center; 1592 position: relative; 1593} 1594.eckb-kb-template { 1595 background-color: #f1f1f1; 1596 margin-bottom: 0 !important; 1597} 1598#epkb-ml-search-classic-layout { 1599 max-width: 1190px; 1600 margin-left: auto !important; 1601 margin-right: auto !important; 1602} 1603#epkb-ml__module-search #epkb-ml-search-classic-layout h1.epkb-ml-search-title { 1604 font-size: 42px !important; 1605 font-weight: 600 !important; 1606} 1607#epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box { 1608 box-shadow: none !important; 1609 padding: 0 !important; 1610 border-radius: 99px !important; 1611 overflow: hidden; 1612} 1613#epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box .epkb-ml-search-box__input { 1614 border-top-left-radius: 99px; 1615 border-bottom-left-radius: 99px; 1616} 1617#epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box .epkb-ml-search-box__input:focus-visible { 1618 box-shadow: inset 0 0 0 2px #dfcdff; 1619} 1620#epkb-ml__row-2.epkb-ml__row { 1621 max-width: 1190px; 1622} 1623#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-main-nav { 1624 padding: 12px 14px; 1625 border-radius: 18px;
1626} 1627#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-nav-tabs { 1628 border-bottom: none !important; 1629 position: relative; 1630} 1631#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-nav-tabs li { 1632 min-height: 60px !important; 1633 border-radius: 6px; 1634 height: 60px; 1635} 1636#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-nav-tabs li .epkb-category-level-1 { 1637 padding: 0 24px; 1638 margin: 0; 1639 font-size: 18px; 1640 font-weight: 600; 1641 line-height: normal; 1642 height: 100%; 1643 display: flex; 1644 align-items: center; 1645} 1646#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-nav-tabs li .epkb-category-level-1 .epkb-cat-name { 1647 line-height: 26px; 1648} 1649#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-down-pointer .epkb-nav-tabs .active:after { 1650 top: calc(100% + 12px); 1651 border-top-color: #5E01D0 !important; 1652} 1653#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-down-pointer .epkb-nav-tabs .active:before { 1654 display: none; 1655} 1656#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-tab-panel .epkb-top-category-box { 1657 overflow: hidden; 1658 border-radius: 12px !important; 1659 padding-bottom: 0; 1660 -webkit-box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25); 1661 -moz-box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25); 1662 box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25); 1663} 1664#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .section_divider { 1665 border-bottom: none; 1666 padding: 20px 26px !important; 1667 position: relative; 1668} 1669#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .section-head .epkb-cat-desc { 1670 white-space: nowrap; 1671 overflow: hidden; 1672 text-overflow: ellipsis; 1673 padding-top: 5px; 1674 font-size: 12px !important; 1675 color: #535353 !important; 1676 padding-left: 67px !important; 1677} 1678#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-tab-panel section .epkb-cat-name a { 1679 font-size: 20px !important; 1680 font-weight: 700; 1681} 1682#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .section-head .epkb-category--left-cat-icon .epkb-cat-icon--image { 1683 margin-right: 12px; 1684 position: absolute; 1685 left: 0; 1686 top: 0; 1687} 1688#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-tab-panel section .epkb-section-body { 1689 padding: 3px 26px 28px !important; 1690 min-height: auto !important; 1691} 1692#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-tab-panel section .epkb-section-body ul { 1693 padding-left: 0 !important; 1694} 1695#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 { 1696 box-shadow: inset 0 0 0 2px #dfcdff; 1697} 1698#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 { 1699 border-top-left-radius: 99px; 1700 border-bottom-left-radius: 99px; 1701} 1702.eckb-breadcrumb-nav li a span { 1703 color: #5e01d0 !important; 1704} 1705.eckb-breadcrumb-link span[aria-current=page] { 1706 color: #333 !important; 1707} 1708#eckb-archive-page-container #eckb-archive-content-header .eckb-category-archive-title-container .eckb-category-archive-title-icon { 1709 display: none; 1710} 1711#eckb-archive-page-container #eckb-archive-content-header .eckb-category-archive-title-container .eckb-category-archive-title-name { 1712 font-size: 32px; 1713 font-weight: 600; 1714} 1715#eckb-archive-page-container #eckb-archive-content-header .eckb-category-archive-title-container .eckb-category-archive-title { 1716 margin: 40px 0 12px 0; 1717} 1718#epkb-sidebar-container-v2.epkb-sidebar--medium-shadow { 1719 -webkit-box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25); 1720 -moz-box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25); 1721 box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25); 1722} 1723#epkb-sidebar-container-v2 { 1724 background-color: #fff; 1725 border-radius: 8px; 1726 overflow: hidden; 1727 margin-top: 54px !important; 1728 min-height: auto; 1729} 1730#eckb-archive-page-container #eckb-archive-content .eckb-article-list-container .eckb-article-container { 1731 border-radius: 12px; 1732 padding: 24px 26px !important; 1733 -webkit-box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25); 1734 -moz-box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25); 1735 box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25); 1736 background-color: #fff; 1737} 1738#eckb-archive-page-container #eckb-archive-content .eckb-article-list-container { 1739 row-gap: 20px; 1740 margin-bottom: 0; 1741 padding: 10px 0 0 0; 1742} 1743#eckb-archive-page-container #eckb-archive-content .eckb-article-list-container .eckb-article-container .epkb-article-inner { 1744 color: #5E01D0 !important; 1745 font-size: 18px; 1746} 1747#eckb-archive-page-container #eckb-archive-content .eckb-article-list-container .eckb-article-container .epkb-article-inner .epkb-article__text { 1748 font-weight: 600; 1749 margin-left: 0; 1750 font-size: 20px; 1751 color: #333; 1752} 1753#eckb-archive-page-container #eckb-archive-content .eckb-article-list-container .eckb-article-container .eckb-article-body { 1754 color: #7d7d7d; 1755 margin-top: 6px; 1756} 1757#eckb-archive-page-container #eckb-archive-content { 1758 margin-top: 56px; 1759 background: transparent; 1760} 1761.epkb_top_categories .epkb-cat-desc { 1762 display: none; 1763} 1764#eckb-article-content-body h3 { 1765 font-size: 20px; 1766 margin-bottom: 30px; 1767 background-color: #333; 1768 color: #fff; 1769 padding: 8px 20px; 1770 border-radius: 6px; 1771} 1772#eckb-article-content-body p > span[data-text-bg=primary] {color: #fff;font-weight: 600;font-size: 14px;display: inline-block;width: 30px;height: 30px;border-radius: 99px;text-align: center;line-height: 30px;margin-right: 5px;position: absolute;
1772left: 0;top: -2px; background-color: #333;} 1773#eckb-article-content-body p { 1774 margin-bottom: 1em; 1775 padding-left: 40px; 1776 position: relative; 1777} 1778#eckb-article-page-container-v2 #eckb-article-left-sidebar { 1779 padding-top: 64px; 1780} 1781h1.eckb-article-title { 1782 text-wrap: wrap; 1783 font-size: 32px; 1784 margin-bottom: 4px !important; 1785} 1786#eckb-article-page-container-v2 #eckb-article-content { 1787 padding-top: 64px; 1788} 1789#eckb-article-page-container-v2 #eckb-article-body #eckb-article-left-sidebar .eckb-article-toc--bmode-between .eckb-article-toc__inner { 1790 border-radius: 12px; 1791 -webkit-box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25); 1792 -moz-box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25); 1793 box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25); 1794 border: none; 1795 padding: 24px; 1796} 1797div.epkb-articles-coming-soon { 1798 text-align: center !important; 1799 padding-top: 30px !important; 1800} 1801#eckb-article-content-body .img-inner.box-shadow-1 { 1802 box-shadow: none; 1803 border: solid 1px #bdbdbd; 1804 border-radius: 6px; 1805} 1806#eckb-article-content-body .sub-point-list p { 1807 position: relative; 1808 padding-left: 64px; 1809} 1810#eckb-article-content-body .sub-point-list p:before { 1811 content: ""; 1812 display: inline-block; 1813 width: 8px; 1814 height: 8px; 1815 background-color: #333; 1816 position: absolute; 1817 top: 8px; 1818 left: 42px; 1819} 1820.ep_font_icon_document { 1821 top: -1px !important; 1822 left: 0 !important; 1823} 1824.ep_font_icon_document:before { 1825 content: ""; 1826 display: none; 1827} 1828#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-mp-article .eckb-article-title .eckb-article-title__text { 1829 margin-left: 0px; 1830} 1831#eckb-article-content-body .normal-paragraph p { 1832 padding-left: 4px; 1833 margin-bottom: 1.3em; 1834} 1835.eckb-category-archive-main .ep_font_icon_document:before { 1836 width: 24px; 1837 height: 24px; 1838} 1839.pl-0 p { 1840 padding-left: 0 !important; 1841} 1842#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .section-head .epkb-category-level-2-3 { 1843 position: relative; 1844} 1845#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-tab-panel section .epkb-cat-name { 1846 padding-left: 57px; 1847 margin-top: 4px; 1848} 1849#epkb-content-container .epkb-section-body .eckb-article-title { 1850 font-size: 16px !important; 1851 color: #333 !important; 1852} 1853#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-main-category li { 1854 border-top: solid 1px #EFE7FF; 1855 padding-bottom: 8px !important; 1856 padding-top: 8px !important; 1857} 1858#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-main-category > li:last-child { 1859 border-bottom: solid 1px #EFE7FF; 1860} 1861#eckb-archive-page-container { 1862 background-color: #f1f1f1; 1863} 1864#epkb-sidebar-container-v2 .epkb-sidebar__cat__top-cat__heading-container { 1865 background-color: #fff; 1866 border-bottom: none !important; 1867 padding: 0; 1868} 1869#epkb-sidebar-container-v2 .epkb-sidebar__heading__inner .epkb-sidebar__heading__inner__name, #epkb-sidebar-container-v2 .epkb-sidebar__heading__inner .epkb-sidebar__heading__inner__cat-name, #epkb-sidebar-container-v2 .epkb-sidebar__heading__inner .epkb-sidebar__heading__inner__name>a { 1870 font-size: 24px !important; 1871 font-weight: 700; 1872 color: #333; 1873} 1874#epkb-sidebar-container-v2 .epkb-sidebar__cat-container { 1875 padding: 30px; 1876} 1877#epkb-sidebar-container-v2 .epkb-sidebar__cat-container .epkb_sidebar_expand_category_icon { 1878 font-size: 12px; 1879 padding-right: 8px; 1880} 1881.epkb-sidebar__cat__current-cat { 1882 background-color: #F3EDFE; 1883 padding: 10px !important; 1884 border-radius: 6px; 1885} 1886#eckb-archive-page-container a.epkb-category-level-2-3__cat-name { 1887 font-size: 16px; 1888 font-weight: 600; 1889 color: #333; 1890} 1891#epkb-sidebar-container-v2 .eckb-article-title .eckb-article-title__text { 1892 margin-left: 0; 1893 font-size: 14px !important; 1894} 1895#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 { 1896 padding-left: 30px !important; 1897} 1898#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 { 1899 padding: 10px !important; 1900} 1901#eckb-archive-page-container a.epkb-category-level-2-3__cat-name h3 { 1902 line-height: 1.4; 1903} 1904#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) { 1905 padding-top: 5px !important; 1906 padding-bottom: 5px !important; 1907} 1908#eckb-archive-page-container #eckb-archive-content .eckb-article-list-container .eckb-article-container .eckb-article-header { 1909 padding: 0 !important; 1910} 1911.eckb-breadcrumb-nav > li:nth-child(2) { 1912 display: none !important; 1913} 1914#eckb-article-page-container-v2 .eckb-article-toc .eckb-article-toc__inner .eckb-article-toc__title { 1915 font-size: 24px !important; 1916 color: #333; 1917 border: none; 1918} 1919#eckb-article-page-container-v2 .eckb-article-toc .eckb-article-toc__inner ul li a {color: #5E01D0;padding: 10px 14px;border-radius: 6px;} 1920#eckb-article-page-container-v2 .eckb-article-toc .eckb-article-toc__inner ul li a.active { 1921 background-color: #F3EDFE; 1922 color: #333; 1923 font-weight: 500; 1924} 1925#eckb-article-page-container-v2 .eckb-article-toc .eckb-article-toc__inner ul li { 1926 margin: 0; 1927} 1928#eckb-article-page-container-v2 .eckb-article-toc .eckb-article-toc__inner .eckb-article-toc__level-2 a { 1929 padding-left: 30px; 1930} 1931.eckb-article-toc + #epkb-sidebar-container-v2 { 1932 margin-top: 25px !important; 1933} 1934.single-epkb_post_type_1 .eckb-kb-template { 1935 background-color: #fff; 1936} 1937.guide-no-img ol { 1938 list-style: none; 1939 counter-reset: my-awesome-counter; 1940 padding-left: 4px;
1941} 1942.guide-no-img ol li { 1943 counter-increment: my-awesome-counter; 1944 position: relative; 1945 margin-bottom: 1em; 1946 padding-left: 40px; 1947 margin-left: 0; 1948} 1949.guide-no-img ol li:before { 1950 content: counter(my-awesome-counter); 1951 color: #fff; 1952 background-color: #333; 1953 width: 30px; 1954 height: 30px; 1955 display: block; 1956 border-radius: 50%; 1957 text-align: center; 1958 line-height: 30px; 1959 font-weight: 600; 1960 font-size: 14px; 1961 position: absolute; 1962 left: 0; 1963 top: -2px; 1964} 1965#eckb-article-content-body .guide-no-img p { 1966 padding-left: 0; 1967} 1968#eckb-article-content-body .guide-no-img h3 { 1969 margin-bottom: 20px; 1970 margin-top: 40px; 1971} 1972#eckb-article-content-body .guide-no-img .col-inner > h3:first-child { 1973 margin-top: 0; 1974} 1975.guide-no-img h4 {margin-bottom: 14px;} 1976.guide-no-img > .col > .col-inner { 1977 padding-bottom: 30px; 1978} 1979.guide-img-mobile img { 1980 width: 250px; 1981 border: solid 1px #bdbdbd; 1982 border-radius: 6px; 1983 margin-top: 14px; 1984} 1985/* ================END KNOWLEDGE BASE============== */ 1986 1987 1988 1989/* ================LAUNCH PAGE============== */ 1990.main-section {min-height: 100vh;align-items: flex-start;-webkit-box-align: start;-ms-flex-align: start;} 1991.topindo-logo img { 1992 width: 160px; 1993} 1994.topindo-logo { 1995 margin-bottom: 26px !important; 1996} 1997.text-header h3 { 1998 font-size: 20px; 1999 line-height: normal; 2000 margin-bottom: 8px; 2001} 2002.text-header p { 2003 font-size: 14px; 2004 margin-bottom: 0; 2005 line-height: normal; 2006} 2007.main-cta .icon-box { 2008 background: linear-gradient( 2009152.97deg 2010, rgba(255, 255, 255, 0.4) 7.65%, rgba(255, 255, 255, 0.1) 91.1%); 2011 backdrop-filter: blur(20px); 2012 box-shadow: 0px 4px 24px -1px rgb(0 0 0 / 20%); 2013 border-radius: 15px; 2014 padding: 10px 18px; 2015 align-items: center; 2016 flex-wrap: nowrap; 2017 /* border: solid 1px rgb(255 255 255 / 10%); */ 2018} 2019.main-cta .icon-box.event-cta { 2020 padding: 16px 20px; 2021} 2022.main-cta .icon-box-text h3 { 2023 font-size: 14px; 2024 margin-bottom: 0; 2025 line-height: normal; 2026} 2027.main-cta .event-cta .icon-box-text h3 { 2028 font-size: 14px; 2029 margin-bottom: 6px; 2030} 2031.main-cta .event-cta .icon-box-text p { 2032 font-size: 12px; 2033 line-height: normal; 2034 margin-bottom: 0; 2035} 2036.main-cta .badge { 2037 margin-left: 0 !important; 2038 display: block; 2039 height: auto; 2040 width: auto; 2041 z-index: auto; 2042 line-height: normal; 2043} 2044.main-cta .icon-box-img img { 2045 padding-top: 0; 2046} 2047.main-cta .badge p { 2048 display: inline-block; 2049 font-size: 10px !important; 2050 font-weight: 700; 2051 background-color: #FF931C; 2052 padding: 4px 12px; 2053 border-radius: 25px; 2054 margin-top: 14px; 2055} 2056.main-cta .badge.badge-baru p { 2057 background-color: #00A79D; 2058} 2059.inner-cta .icon-box .icon-box-img { 2060 display: none; 2061} 2062.inner-cta .icon-box { 2063 padding: 20px; 2064} 2065.inner-cta .icon-box .icon-box-text { 2066 padding: 0; 2067} 2068.main-cta .icon-box { 2069 backdrop-filter: none; 2070} 2071.section-title { 2072 font-size: 18px; 2073 margin-bottom: 20px; 2074} 2075.section-title-container { 2076 margin-bottom: 0; 2077} 2078.launch-page .resto-dropdown-wrapper .accordion-inner .icon-box { 2079 background: transparent; 2080 box-shadow: none; 2081 border-radius: 0; 2082} 2083.launch-page .resto-dropdown-wrapper .accordion-inner .icon-box-text h5 { 2084 color: #333; 2085} 2086.launch-page .resto-dropdown-wrapper .accordion-title { 2087 background: linear-gradient(152.97deg, rgba(255, 255, 255, 0.4) 7.65%, rgba(255, 255, 255, 0.1) 91.1%); 2088 box-shadow: 0px 4px 24px -1px rgb(0 0 0 / 20%); 2089 border-radius: 15px; 2090} 2091.launch-page .sales-cta-wrapper.cta-2 { 2092 border: none; 2093} 2094.launch-page #qlwapp { 2095 display: none; 2096} 2097/* ================END LAUNCH PAGE============== */ 2098 2099/* ============== LANDING REQUEST DEMO ============ */ 2100.landing-demo #qlwapp { 2101 display: none; 2102} 2103.demo-hero-wrapper h1 { 2104 font-size: 26px; 2105 font-weight: 700; 2106 line-height: 36px; 2107 margin-bottom: 10px; 2108} 2109input[type=submit].goto-thankyou-page { 2110 font-size: 15px; 2111 font-weight: 600; 2112 text-transform: none; 2113 letter-spacing: normal; 2114 color: #5E01D0; 2115 background-color: #fff; 2116 height: 48px; 2117 margin: 0; 2118 padding: 0; 2119 border-radius: 99px; 2120 line-height: 48px; 2121 width: 100%; 2122} 2123.demo-hero-wrapper .scroll-for-more { 2124 opacity: 1;
2125 line-height: normal; 2126 min-height: auto; 2127 margin: 0 !important; 2128 padding: 0; 2129 border: none; 2130 height: auto; 2131 bottom: 10px; 2132} 2133.demo-hero-wrapper .scroll-for-more i { 2134 line-height: normal; 2135 font-size: 28px !important; 2136} 2137.willing-to-call-button .wpcf7-spinner { 2138 position: absolute; 2139 left: 50%; 2140 top: 50%; 2141 transform: translate(-50%, -50%); 2142 margin: 0; 2143} 2144.willing-to-call-button { 2145 position: relative; 2146} 2147.landing-demo .demo-slider-wrap .text-box p { 2148 font-size: 12px; 2149 font-weight: 500; 2150 margin-top: 0; 2151 margin-bottom: 4px; 2152} 2153.demo-slider-wrap .banner .icon-box-img img { 2154 padding-top: 0; 2155} 2156.landing-demo .demo-slider-wrap .icon-box-img { 2157 width: 16px !important; 2158 top: -1px; 2159} 2160.landing-demo .demo-slider-wrap .icon-box-text h3 { 2161 font-size: 22px; 2162 font-weight: 600; 2163 margin: 0; 2164 line-height: 1; 2165} 2166.demo-slider-wrap .banner .icon-box { 2167 align-items: center; 2168} 2169.demo-slider-wrap .banner .icon-box-text { 2170 padding-left: 6px !important; 2171} 2172.demo-slider-wrap .banner .text-box { 2173 left: -16px; 2174 bottom: 10px !important; 2175} 2176.demo-slider-wrap .flickity-viewport { 2177 overflow: visible; 2178} 2179.demo-slider-wrap .banner .banner-layers { 2180 overflow: visible; 2181} 2182.demo-slider-wrap .slider-style-focus .flickity-slider>:not(.is-selected) { 2183 transform: scale(.7); 2184} 2185.demo-slider-wrap .flickity-prev-next-button { 2186 background-color: #fff; 2187 opacity: 1 !important; 2188 width: 32px; 2189 height: 32px; 2190 min-height: auto; 2191 border-radius: 50%; 2192} 2193.demo-slider-wrap .flickity-prev-next-button svg .arrow { 2194 fill: #FE346E; 2195} 2196.demo-slider-wrap .flickity-prev-next-button svg { 2197 padding: 10px; 2198} 2199.demo-slider-wrap .flickity-prev-next-button.next { 2200 right: 40px; 2201 bottom: 10px; 2202 transform: none; 2203 top: auto; 2204} 2205.demo-slider-wrap .flickity-prev-next-button.previous { 2206 left: auto; 2207 right: 78px; 2208 top: auto; 2209 bottom: 10px; 2210} 2211.video-tutor-title h2 { 2212 font-size: 16px; 2213 margin-bottom: 12px; 2214 padding: 0 7px; 2215} 2216.tutorial-video-slider .slider-style-container .flickity-slider>:not(.is-selected) { 2217 opacity: 1; 2218} 2219.tutorial-video-slider .flickity-viewport { 2220 overflow: visible; 2221} 2222.tutorial-video-title h4 { 2223 font-size: 14px; 2224 text-wrap: wrap; 2225 background-color: #fff; 2226 padding: 8px 15px; 2227 border-bottom-left-radius: 8px; 2228 border-bottom-right-radius: 8px; 2229 margin-bottom: 0; 2230 height: 62px; 2231} 2232.tutorial-video-slider .banner-bg img { 2233 border-top-left-radius: 8px; 2234 border-top-right-radius: 8px; 2235} 2236.tutorial-video-slider .video-button-wrapper .button { 2237 background-color: rgb(0 0 0 / 60%); 2238 border: none; 2239 width: 42px; 2240 height: 42px; 2241 min-width: auto; 2242 min-height: auto; 2243} 2244.tutorial-video-slider .video-button-wrapper .button i { 2245 font-size: 26px !important; 2246} 2247.demo-cta-download h4 { 2248 font-size: 14px; 2249 font-weight: 500; 2250} 2251.demo-cta-download .main-button { 2252 margin: 0; 2253 border: none; 2254 font-size: 14px; 2255 color: #5E01D0 !important; 2256 height: 100%; 2257 display: flex;
2258 align-items: center; 2259 justify-content: center; 2260 border-radius: 4px !important; 2261} 2262#popmake-2340 button.pum-close { 2263 display: none; 2264} 2265.willing-to-call-button ~ .wpcf7-response-output { 2266 display: none; 2267} 2268.ty-main-section { 2269 min-height: calc(100vh - 72px) !important; 2270 height: calc(100vh - 72px) !important; 2271} 2272.screen-sm-template .ty-main-content h3 { 2273 font-size: 20px; 2274 line-height: 28px; 2275 margin-bottom: 10px; 2276} 2277.ty-main-content .main-button { 2278 font-size: 14px; 2279 font-weight: 600; 2280 border-radius: 99px !important; 2281 height: 42px; 2282 line-height: 40px; 2283} 2284.ty-main-content .white.main-button { 2285 color: #5E01D0 !important; 2286 margin-bottom: 0; 2287 margin-right: 5px !important; 2288} 2289.ty-main-content .main-button.pink-btn { 2290 background-color: #FE346E; 2291 margin-bottom: 0; 2292} 2293button.demo-hidden-button { 2294 font-size: 15px; 2295 font-weight: 600; 2296 text-transform: none; 2297 letter-spacing: normal; 2298 color: #5E01D0; 2299 background-color: #fff; 2300 height: 48px; 2301 margin: 0; 2302 padding: 0; 2303 border-radius: 99px; 2304 line-height: 48px; 2305 width: 100%; 2306} 2307.form-demo-set-schedule .label-control { 2308 font-size: 14px; 2309 font-weight: 400; 2310 margin-bottom: 6px; 2311 display: block; 2312 position: relative; 2313} 2314.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea { 2315 height: 46px; 2316 border-radius: 8px; 2317 border: none; 2318 box-shadow: none; 2319 font-size: 14px; 2320 font-weight: 500; 2321 padding: 0 16px; 2322} 2323#popmake-2384 button.pum-close { 2324 display: none; 2325} 2326.form-demo-set-schedule .wpcf7-submit { 2327 background-color: #FE346E; 2328 height: 40px; 2329 border-radius: 99px; 2330 font-size: 14px; 2331 text-transform: none; 2332 font-weight: 600; 2333 letter-spacing: normal; 2334 width: 100%; 2335 margin: 10px 0 0; 2336} 2337.form-demo-set-schedule .wpcf7-spinner { 2338 position: absolute; 2339 left: 50%; 2340 margin: 0; 2341 bottom: 8px; 2342 margin-left: -12px; 2343} 2344.back-to-home-btn { 2345 font-size: 14px; 2346 font-weight: 600; 2347 letter-spacing: normal; 2348 height: 40px; 2349 line-height: 36px !important; 2350 margin: 0; 2351 margin-top: -5px; 2352} 2353input[disabled=disabled] { 2354 background-color: #bdbdbd !important; 2355 color: #8b8b8b !important; 2356} 2357.form-demo-set-schedule ~ .wpcf7-response-output { 2358 margin: 7px 0 15px !important; 2359 /* position: absolute; */ 2360 background-color: #46b450; 2361 /* z-index: 1; */ 2362 /* bottom: 30px; */ 2363 font-size: 12px; 2364 border-radius: 8px !important; 2365} 2366.wpcf7 form.invalid .form-demo-set-schedule ~ .wpcf7-response-output { 2367 background-color: #ffb900; 2368} 2369.pum-container.pum-scrollable .pum-content { 2370 max-height: 100%; 2371} 2372.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { 2373 background-position: -40px 22px; 2374} 2375.xdsoft_time_variant > div[data-hour="0"], .xdsoft_time_variant > div[data-hour="1"], .xdsoft_time_variant > div[data-hour="2"], .xdsoft_time_variant > div[data-hour="3"], .xdsoft_time_variant > div[data-hour="4"], .xdsoft_time_variant > div[data-hour="5"], .xdsoft_time_variant > div[data-hour="6"], .xdsoft_time_variant > div[data-hour="7"], .xdsoft_time_variant > div[data-hour="8"], .xdsoft_time_variant > div[data-hour="9"], .xdsoft_time_variant > div[data-hour="18"], .xdsoft_time_variant > div[data-hour="19"], .xdsoft_time_variant > div[data-hour="20"], .xdsoft_time_variant > div[data-hour="21"], .xdsoft_time_variant > div[data-hour="22"], .xdsoft_time_variant > div[data-hour="23"] { 2376 display: none; 2377} 2378.xdsoft_time_variant > .xdsoft_time:nth-child(70), 2379.xdsoft_time_variant > .xdsoft_time:nth-child(71), 2380.xdsoft_time_variant > .xdsoft_time:nth-child(72) { 2381 display: none; 2382} 2383.form-demo-set-schedule .label-control.required:after { 2384 content: " *"; 2385 color: #fe346e; 2386} 2387/* ========= END LANDING REQUEST DEMO ======== */</style> 2388<!-- Google Tag Manager snippet added by Site Kit -->
2389<script>
vendor: 420 bytes, lines 2389-2398
2389 2390 ( function( w, d, s, l, i ) { 2391 w[l] = w[l] || []; 2392 w[l].push( {'gtm.start': new Date().getTime(), event: 'gtm.js'} ); 2393 var f = d.getElementsByTagName( s )[0], 2394 j = d.createElement( s ), dl = l != 'dataLayer' ? '&l=' + l : ''; 2395 j.async = true; 2396 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 2397 f.parentNode.insertBefore( j, f ); 2398 } )( window, document, 'script', 'dataLayer', '
2398GTM-PF8HWW5S
vendor: 9 bytes, lines 2398-2399
2398' ); 2399
2400</script>
2400 2401 2402<!-- End Google Tag Manager snippet added by Site Kit --> 2403<style type="text/css">.saboxplugin-wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #eee;width:100%;clear:both;display:block;overflow:hidden;word-wrap:break-word;position:relative}.saboxplugin-wrap .saboxplugin-gravatar{float:left;padding:0 20px 20px 20px}.saboxplugin-wrap .saboxplugin-gravatar img{max-width:100px;height:auto;border-radius:0;}.saboxplugin-wrap .saboxplugin-authorname{font-size:18px;line-height:1;margin:20px 0 0 20px;display:block}.saboxplugin-wrap .saboxplugin-authorname a{text-decoration:none}.saboxplugin-wrap .saboxplugin-authorname a:focus{outline:0}.saboxplugin-wrap .saboxplugin-desc{display:block;margin:5px 20px}.saboxplugin-wrap .saboxplugin-desc a{text-decoration:underline}.saboxplugin-wrap .saboxplugin-desc p{margin:5px 0 12px}.saboxplugin-wrap .saboxplugin-web{margin:0 20px 15px;text-align:left}.saboxplugin-wrap .sab-web-position{text-align:right}.saboxplugin-wrap .saboxplugin-web a{color:#ccc;text-decoration:none}.saboxplugin-wrap .saboxplugin-socials{position:relative;display:block;background:#fcfcfc;padding:5px;border-top:1px solid #eee}.saboxplugin-wrap .saboxplugin-socials a svg{width:20px;height:20px}.saboxplugin-wrap .saboxplugin-socials a svg .st2{fill:#fff; transform-origin:center center;}.saboxplugin-wrap .saboxplugin-socials a svg .st1{fill:rgba(0,0,0,.3)}.saboxplugin-wrap .saboxplugin-socials a:hover{opacity:.8;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;box-shadow:none!important;-webkit-box-shadow:none!important}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color{box-shadow:none;padding:0;border:0;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;display:inline-block;color:#fff;font-size:0;text-decoration:inherit;margin:5px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;overflow:hidden}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey{text-decoration:inherit;box-shadow:none;position:relative;display:-moz-inline-stack;display:inline-block;vertical-align:middle;zoom:1;margin:10px 5px;color:#444;fill:#444}.clearfix:after,.clearfix:before{content:' ';display:table;line-height:0;clear:both}.ie7 .clearfix{zoom:1}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitch{border-color:#38245c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-behance{border-color:#003eb0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-deviantart{border-color:#036824}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-digg{border-color:#00327c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-dribbble{border-color:#ba1655}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-facebook{border-color:#1e2e4f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-flickr{border-color:#003576}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-github{border-color:#264874}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-google{border-color:#0b51c5}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-html5{border-color:#902e13}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-instagram{border-color:#1630aa}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-linkedin{border-color:#00344f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-pinterest{border-color:#5b040e}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-reddit{border-color:#992900}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-rss{border-color:#a43b0a}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-sharethis{border-color:#5d8420}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-soundcloud{border-color:#995200}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-spotify{border-color:#0f612c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-stackoverflow{border-color:#a95009}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-steam{border-color:#006388}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-user_email{border-color:#b84e05}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-tumblr{border-color:#10151b}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitter{border-color:#0967a0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vimeo{border-color:#0d7091}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-windows{border-color:#003f71}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-whatsapp{border-color:#003f71}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-wordpress{border-color:#0f3647}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-yahoo{border-color:#14002d}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-youtube{border-color:#900}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-xing{border-color:#000202}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mixcloud{border-color:#2475a0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vk{border-color:#243549}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-medium{border-color:#00452c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-quora{border-color:#420e00}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-meetup{border-color:#9b181c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-goodreads{border-color:#000}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-snapchat{border-color:#999700}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-500px{border-color:#00557f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mastodont{border-color:#185886}.sabox-plus-item{margin-bottom:20px}@media screen and (max-width:480px){.saboxplugin-wrap{text-align:center}.saboxplugin-wrap .saboxplugin-gravatar{float:none;padding:20px 0;text-align:center;margin:0 auto;display:block}.saboxplugin-wrap .saboxplugin-gravatar img{float:none;display:inline-block;display:-moz-inline-stack;vertical-align:middle;zoom:1}.saboxplugin-wrap .saboxplugin-desc{margin:0 10px 20px;text-align:center}.saboxplugin-wrap .saboxplugin-authorname{text-align:center;margin:10px 0 20px}}body .saboxplugin-authorname a,body .saboxplugin-authorname a:hover{box-shadow:none;-webkit-box-shadow:none}a.sab-profile-edit{font-size:16px!important;line-height:1!important}.sab-edit-settings a,a.sab-profile-edit{color:#0073aa!important;box-shadow:none!important;-webkit-box-shadow:none!important}.sab-edit-settings{margin-right:15px;position:absolute;right:0;z-index:2;bottom:10px;line-height:20px}.sab-edit-settings i{margin-left:5px}.saboxplugin-socials{line-height:1!important}.rtl .saboxplugin-wrap .saboxplugin-gravatar{float:right}.rtl .saboxplugin-wrap .saboxplugin-authorname{display:flex;align-items:center}.rtl .saboxplugin-wrap .saboxplugin-authorname .sab-profile-edit{margin-right:10px}.rtl .sab-edit-settings{right:auto;left:0}img.sab-custom-avatar{max-width:75px;}.saboxplugin-wrap {margin-top:40px; margin-bottom:40px; padding: 0px 0px }.saboxplugin-wrap .saboxplugin-authorname {font-size:18px; line-height:25px;}.saboxplugin-wrap .saboxplugin-desc p, .saboxplugin-wrap .saboxplugin-desc {font-size:14px !important; line-height:21px !important;}.saboxplugin-wrap .saboxplugin-web {font-size:14px;}.saboxplugin-wrap .saboxplugin-socials a svg {width:18px;height:18px;}</style><link rel="icon" href="https://kasflo.id/wp-content/uploads/2024/06/Kasflo-1.png" sizes="32x32" /> 2404<link rel="icon" href="https://kasflo.id/wp-content/uploads/2024/06/Kasflo-1.png" sizes="192x192" /> 2405<link rel="apple-touch-icon" href="https://kasflo.id/wp-content/uploads/2024/06/Kasflo-1.png" /> 2406<meta name="msapplication-TileImage" content="https://kasflo.id/wp-content/uploads/2024/06/Kasflo-1.png" /> 2407<style id="custom-css" type="text/css">:root {--primary-color: #5e01d0;--fs-color-primary: #5e01d0;--fs-color-secondary: #535fb0;--fs-color-success: #7a9c59;--fs-color-alert: #ff5d63;--fs-experimental-link-color: #5e01d0;--fs-experimental-link-color-hover: #111;}.tooltipster-base {--tooltip-color: #fff;--tooltip-bg-color: #000;}.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {--drawer-width: 100%;}.container-width, .full-width .ubermenu-nav, .container, .row{max-width: 1280px}.row.row-collapse{max-width: 1250px}.row.row-small{max-width: 1272.5px}.row.row-large{max-width: 1310px}.header-main{height: 96px}#logo img{max-height: 96px}
2407#logo{width:200px;}#logo img{padding:8px 0;}.stuck #logo img{padding:10px 0;}.header-top{min-height: 48px}.transparent .header-main{height: 90px}.transparent #logo img{max-height: 90px}.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 90px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.header-bg-color {background-color: #ffffff}.header-bottom {background-color: #f1f1f1}.header-main .nav > li > a{line-height: 28px }.stuck .header-main .nav > li > a{line-height: 50px }@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}.main-menu-overlay{background-color: #ffffff}.nav-dropdown{border-radius:10px}.nav-dropdown{font-size:100%}body{color: #333333}h1,h2,h3,h4,h5,h6,.heading-font{color: #333333;}body{font-size: 100%;}@media screen and (max-width: 549px){body{font-size: 100%;}}body{font-family: Inter, sans-serif;}body {font-weight: 400;font-style: normal;}.nav > li > a {font-family: Inter, sans-serif;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: Inter, sans-serif;}.nav > li > a,.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-weight: 600;font-style: normal;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: Inter, sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {font-weight: 700;font-style: normal;}.alt-font{font-family: Inter, sans-serif;}.alt-font {font-weight: 500!important;font-style: normal!important;}.header:not(.transparent) .header-nav-main.nav > li > a {color: #4f4f4f;}.header:not(.transparent) .header-nav-main.nav > li > a:hover,.header:not(.transparent) .header-nav-main.nav > li.active > a,.header:not(.transparent) .header-nav-main.nav > li.current > a,.header:not(.transparent) .header-nav-main.nav > li > a.active,.header:not(.transparent) .header-nav-main.nav > li > a.current{color: #5e01d0;}.header-nav-main.nav-line-bottom > li > a:before,.header-nav-main.nav-line-grow > li > a:before,.header-nav-main.nav-line > li > a:before,.header-nav-main.nav-box > li > a:hover,.header-nav-main.nav-box > li.active > a,.header-nav-main.nav-pills > li > a:hover,.header-nav-main.nav-pills > li.active > a{color:#FFF!important;background-color: #5e01d0;}.footer-2{background-color: #777777}.absolute-footer, html{background-color: #5e01d0}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}/* Custom CSS */ul, ol {padding-left: 20px;}b, strong {font-weight: 600;}td, th {border: solid 1px #bdbdbd;padding: 10px !important;}table {border-collapse: collapse;margin-bottom: 30px;}td {color: #333;}th {background-color: #5E01D0;color: #fff;}.topbar-text p {font-size: 12px;font-weight: 500;}.topbar-phone {background-color: #fff;border-radius: 4px;align-items: center;padding: 4px 8px;}.topbar-phone .icon-box-text {color: #5e01d0;font-size: 12px;font-weight: 600;padding-left: 4px !important;}.header-main .nav > li > a {font-size: 16px;font-weight: 600;}.header-cta-wrapper {display: flex;gap: 10px;}.header-cta-wrapper .cta-dropdown {position: relative;}.header-cta-wrapper .cta-dropdown-content {display: none;position: absolute;background-color: #f9f9f9;z-index: 1;box-shadow: 1px 1px 15px rgba(0, 0, 0, .15);border-radius: 8px;padding: 14px 28px;margin-top: 6px;}.header-cta-wrapper .cta-dropdown.active .cta-dropdown-content {display: block;}.header-cta-wrapper .cta-dropdown-content a {font-size: 16px;white-space: nowrap;display: block;padding: 8px 0;color: #333333;border-bottom: solid 1px #E4E4F7;}.header-cta-wrapper .cta-dropdown-content a:hover {color: #5e01d0;}.header-cta-wrapper .cta-dropdown-content a:last-child {border-bottom: none;}.header-cta-wrapper .button {background-color: #5E01D0;color: white;border-radius: 8px;height: 48px;line-height: 46px;padding: 0 20px;font-size: 16px;text-transform: none;margin: 0;}.header-cta-wrapper .button i {margin-left: 4px;margin-right: -6px;}.mobile-sidebar .menu-item > a {font-size: 20px;font-weight: 400;text-transform: none;letter-spacing: normal;color: #434366;line-height: 30px;}.mobile-sidebar .menu-item > .toggle {opacity: 1;color: #434366;}.subbrand-page .header-main .nav > li.products-main-menu > a {color: #5E01D0;}.header-main .nav > li {margin: 0 17px;}.off-canvas.mfp-ready .mfp-close {top: 12px;}.header-button .button {height: 44px;line-height: 44px;font-size: 16px;font-weight: 700;padding: 0 20px;}.mobile-sidebar .menu-item.current-menu-item > a,.mobile-sidebar .menu-item.current-menu-parent > a {font-weight: 700;color: #5E01D0;}.header-button .button span {line-height: normal;}.nav-sidebar .nav-slide-header .toggle {font-size: 20px;font-weight: 700;text-transform: none;letter-spacing: normal;color: #5E01D0;opacity: 1;}.nav-sidebar .nav-slide-header .toggle i {font-size: 0;position: relative;margin-right: 6px;}
2407.nav-sidebar .nav-slide-header .toggle i:before {content: "";display: inline-block;width: 24px;height: 24px;background-image: url(/wp-content/uploads/2024/11/arrow-left.png);background-repeat: no-repeat;background-position: center;background-size: contain;}.nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover {background-color: transparent;}.mobile-sidebar .menu-item-level-1 .menu-item-level-2 > a {font-size: 20px;color: #5E01D0;font-weight: 500;text-transform: none;letter-spacing: normal;justify-content: space-between;width: 100%;}.mobile-sidebar .menu-item-level-1 .menu-item-level-2 .menu-item p {font-size: 14px;padding-bottom: 3px;padding-top: 3px;line-height: normal;}.mobile-sidebar .menu-item-level-1 .menu-item-level-2 .button-more a {color: #6D19D5;font-weight: 500;background-color: #F7F3FF;border: solid 1px #6D19D5;border-radius: 6px;display: inline-block;line-height: 20px;padding: 7px 14px;margin-top: 6px;margin-left: 20px;}.mobile-sidebar .menu-item-level-2.menu-item {padding-left: 40px;padding-right: 14px;}.topbar-text p {white-space: nowrap;}.topbar-phone p {white-space: nowrap;}.hero-featured-img {position: absolute;top: 0;right: 0;padding-left: 80px;}.hero-section {align-items: flex-start;}.hero-section .section-content {display: flex;align-items: center;height: 780px;}.hero-featured-img img {height: 780px;object-fit: cover;}.hero-section .section-bg {width: 267px;height: 312px;top: auto;right: auto;}.home .resto-dropdown-wrapper:not(.bisnis-dropdown) .accordion-title {min-height: 89px;padding-top: 21px;padding-bottom: 21px;}h1 {font-size: 42px;line-height: 51px;}p.lead {font-size: 20px;}.main-button {height: 54px;line-height: 50px;border: 2px solid #5E01D0;font-size: 18px;font-weight: 600;letter-spacing: normal;padding: 0 32px;}.is-outline.main-button {line-height: 50px;}.product-menu-item .icon-box-text {padding-left: 12px !important;}.product-menu-item .icon-box-text h3 {font-size: 16px;margin-bottom: 2px;}.product-menu-item .icon-box-text p {font-size: 14px;line-height: 18px;}.product-menu-item .icon-box-img img {padding-top: 0;}.home-products-section .section-bg {left: auto;bottom: auto;}.home-products-section .section-bg img {width: 22%;height: auto;left: auto;right: 0;}.products-tabs ul.nav {background-color: #F3EDFE;display: inline-flex;width: auto;border-radius: 18px;padding: 12px 14px;}.products-tabs {justify-content: center;}.products-tabs .nav > li > a {background-color: #F3EDFE;border-radius: 8px;padding: 10px 24px;font-size: 20px;font-weight: 600;color: #5E01D0;}.products-tabs .nav > li.active > a {background-color: #5E01D0;color: #fff;pointer-events: none;}.products-tabs .nav > li > a:hover {background-color: rgb(141 81 254 / 15%);}.products-tabs .tab-panels {padding-top: 42px;}.products-tabs .tab-panels {padding-top: 42px;}h2 {font-size: 32px;margin-bottom: 14px;}h3 {font-size: 24px;margin-bottom: 6px;}.benefits-row .col-inner {border-radius: 12px;overflow: hidden;border: solid 1px #BDBDBD;}h4 {font-size: 18px;}.benefits-row .box-text h3 {margin: 0;font-size: 18px;}.home-about-section .section-bg {width: calc(50% - 50px);}.call-cs-row {-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.16);-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.16);box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.16);border-radius: 12px;overflow: hidden;}.resto-dropdown-wrapper.bisnis-dropdown .accordion-title {background-color: #0E89FF;}.sales-cta-wrapper.cta-2 h4 {font-size: 16px;margin-bottom: 2px;line-height: normal;}.button-cs {padding: 12px 16px;border: solid 1px #9F9F9F;border-radius: 12px;align-items: center;}.button-cs .icon-box-img img {padding-top: 0;}.button-cs h3 {margin-bottom: 0;line-height: normal;}.button-cs .icon-box-text {padding-left: 14px !important;display: flex;align-items: center;column-gap: 14px;}.button-cs .icon-box-text p {white-space: nowrap;font-size: 14px;font-weight: 600;background-color: #4D81F1;color: #fff;height: 20px;line-height: 20px;border-radius: 99px;padding: 0 10px;}.button-cs {flex-wrap: nowrap;}.button-cs-wa {background-color: #EDF2FD;border-color: #4D81F1;}.button-cs-email {background-color: #FFF6EA;border-color: #FF8B00;}.footer-logo {width: 190px !important;}.footer-block-section p {font-size: 14px;margin-bottom: 5px;}.footer-block-section h3 {font-size: 20px;margin-bottom: 20px;}.footer-block-section .third-col p {line-height: 18px;}.image-kominfo {margin-top: 14px;}.social-icons > a {border: none !important;background-color: rgb(255 255 255 / 10%) !important;margin-left: 8px !important;margin-right: 8px !important;font-size: 17px;width: 40px;height: 40px;display: inline-block !important;min-height: unset !important;min-width: unset !important;line-height: 40px !important;}.absolute-footer.dark {color: #fff;}.product-items-wrap .icon-box-left {align-items: center;}.product-items-wrap .icon-box-left .icon-box-text {padding-left: 30px !important;}a.ecosystem-button {background-color: #F3EDFE;color: #5E01D0;border: none;height: 74px;font-size: 20px;margin-bottom: 30px;letter-spacing: normal;text-align: left;padding: 0 28px 0 36px !important;margin-right: 0;display: flex;align-items: center;justify-content: space-between;}a.ecosystem-button i {font-size: 24px;top: 0;}a.ecosystem-button:hover {background-color: #5E01D0;box-shadow: none;}.card-product {-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.16);-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.16);box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.16);border-radius: 12px;overflow: hidden;}.card-product p {line-height: 1.3;margin-bottom: 14px;}.card-product h2 {margin-bottom: 16px;}.card-product .col-inner > p:last-child {margin-bottom: 0;}.products-step-detail {margin-left: -30px;width: calc(100% + 60px);}.pum-theme-7 .pum-container, .pum-theme-lightbox .pum-container {padding-bottom: 6px;}.arrow-right .img:after {content: "";display: block;position: absolute;width: 50px;height: 40px;background-image: url(/wp-content/uploads/2024/06/Connector-line.svg);background-size: contain;background-repeat: no-repeat;background-position: center;right: -55px;top: 50%;margin-top: -20px;}.step-self-order .arrow-right .img:after {display: none;}.products-step-detail h5 {font-size: 16px;margin-bottom: 0;}.row .arrow-bottom {padding-bottom: 70px;}.arrow-bottom:after {content: "";display: block;position: absolute;width: 40px;height: 50px;background-image: url(/wp-content/uploads/2024/06/Connector-line-bottom.svg);background-size: contain;background-repeat: no-repeat;background-position: center;left: 50%;margin-left: -20px;bottom: 10px;}.pum-container .pum-title {margin-bottom: 40px;}.pum-container {max-width: 1200px !important;}button.pum-close.popmake-close {margin: 0;width: 38px !important;height: 38px !important;font-size: 38px !important;font-weight: 400 !important;}.gap-lg .arrow-right .img:after {transform: translateX(100%);}.step-self-order .arrow-right:after {content: "";display: block;position: absolute;width: 50px;height: 40px;background-image: url(/wp-content/uploads/2024/06/Connector-line.svg);background-size: contain;background-repeat: no-repeat;background-position: center;right: -20px;top: 30%;}.step-self-order .step-3 .col-inner {margin-top: 60px;}.step-self-order .step-4 .col-inner {margin-top: 72px;}.step-self-order .arrow-right.step-2:after {right: 0;}.step-self-order .arrow-right.step-3:after {right: -40px;}.mfp-arrow {display: none;}.mfp-counter {display: none;}.mfp-title {padding: 0;text-align: center;font-size: 16px;}.mfp-bottom-bar {margin-top: -26px;}.blog-items-wrapper .post-item {display: flex;}.blog-items-wrapper .post-item .box-blog-post {height: 100%;}.blog-items-wrapper .post-item .box-blog-post {border-radius: 12px;overflow: hidden;border: solid 1px #e5e5e5;background-color: #fff;}.blog-items-wrapper .post-item .post-title {font-size: 18px;margin-top: 8px;color: #5E01D0;}.blog-items-wrapper .box-text .cat-label {font-size: 12px;text-transform: none;letter-spacing: normal;opacity: 1;}.blog-items-wrapper .box-text .post-meta {font-size: 12px;}.blog-items-wrapper .box-blog-post .is-divider {display: none;}.blog-items-wrapper .from_the_blog_excerpt {margin-top: 10px;line-height: 1.4;}.single-post .blog-wrapper {background-color: #F8F4FF;padding-top: 64px;padding-bottom: 0;}.single-post .blog-wrapper .entry-divider {display: none;}.single-post .blog-wrapper .byline {display: none;}.screen-sm-template {max-width: 512px;margin-left: auto;margin-right: auto;}html:has(.screen-sm-template) {background-color: #2a353c;}.screen-sm-template h3 {font-size: 18px;
2407line-height: 26px;margin-bottom: 16px;}.screen-sm-template p {font-size: 14px;line-height: 1.5;}.button-download-apk {background-color: #f1f1f1;border-radius: 12px;padding: 16px;}.button-download-apk.apk-resto {background-color: #8D51FE;}.button-download-apk.apk-toko {background-color: #535FB0;}.button-download-apk h4 {color: #fff;margin-bottom: 0;line-height: normal;}.button-download-apk p {font-size: 12px;color: #fff;}.hero-landing-download .section-bg img {object-fit: contain;object-position: left;}.footer-landing-download .section-bg img {object-fit: contain;}.subbrand-page .logo a > img {display: none;}.subbrand-page .logo a {position: relative;pointer-events: none;}.subbrand-page .logo a:before {content: "";display: block;position: relative;width: 100%;height: 64px;background-size: contain;background-repeat: no-repeat;background-position: left;}.subbrand-page .stuck .logo a:before {height: 54px;}.kasflo-resto-page .logo a:before {background-image: url(/wp-content/uploads/2024/06/Kasflo-Resto-Primary.png);}.kasflo-toko-page .logo a:before {background-image: url(/wp-content/uploads/2024/06/Kasflo-Toko_Primary.png);}.kasflo-bisnis-page .logo a:before {background-image: url(/wp-content/uploads/2024/11/Kasflo-Bisnis-Primary.png);}.terms-content-section p {font-size: 14px;}.terms-content-section b {font-weight: 600;}.terms-content-section li {font-size: 14px;}.terms-content-section h3 {font-size: 20px;margin-bottom: 10px;}.terms-content-section h4 {font-size: 16px;}.terms-content-section ul {}.terms-content-section strong {font-weight: 600;}.back-to-top.button {border-color: #5E01D0;color: #5E01D0;background-color: #fff;}.terms-page .scroll-to-bullets {right: auto;left: 50%;max-width: 1220px;width: 100%;transform: translate(-50%,0);padding: 0 15px;top: 316px;}.terms-page .scroll-to-bullets a {position: relative;width: 25%;height: 74px;font-size: 20px;font-weight: 600;margin: 0 0 20px 0;border-radius: 18px;border: none;box-shadow: none;background-color: #F3EDFE;line-height: 74px;display: flex;justify-content: space-between;padding: 0 30px;}.terms-page .scroll-to-bullets a:before {content: "";}.terms-page .scroll-to-bullets a[data-title="SnK Kasflo Resto"]:before {content: "Kasflo Resto";}.terms-page .scroll-to-bullets a[data-title="Snk Kasflo Toko"]:before {content: "Kasflo Toko";}.terms-page .scroll-to-bullets a.active {background-color: #5E01D0;color: #fff;}.terms-page .scroll-to-bullets a strong {speak: none !important;display: inline-block;font-display: block;font-family: fl-icons !important;font-style: normal !important;font-variant: normal !important;font-weight: 400 !important;margin: 0;padding: 0;position: relative;text-transform: none !important;vertical-align: middle;font-size: 24px;}.terms-page .scroll-to-bullets a strong:before {content: "\f105";}.kasflo-resto-page .product-menu-item.resto-menu .icon-box-text h3 {color: #5E01D0;}.kasflo-resto-page .product-menu-item.resto-menu .icon-box-text p {color: #5E01D0;}.kasflo-toko-page .product-menu-item.toko-menu .icon-box-text h3 {color: #5E01D0;}.kasflo-toko-page .product-menu-item.toko-menu .icon-box-text p {color: #5E01D0;}.saboxplugin-wrap {background-color: rgb(255 255 255 / 50%);border-radius: 8px;}.saboxplugin-wrap .saboxplugin-gravatar img {border-radius: 50%;width: 72px;}.saboxplugin-wrap .saboxplugin-authorname a {pointer-events: none;color: #333;font-weight: 500;font-size: 16px;}.blog-single h2 {font-size: 24px;margin-bottom: 20px;}.blog-single h3 {font-size: 18px;}.hero-cta-item .cta-item {align-items: center;border: solid 2px #5E01D0;border-radius: 12px;height: 80px;padding: 0 16px;}.hero-cta-item .cta-gform {background-color: #5E01D0;}.cta-item .title-text h4 {margin-bottom: 0;line-height: normal;color: #5E01D0;}.cta-gform .title-text h4 {color: #fff;}.cta-item .desc-text p {font-size: 12px;color: #5E01D0;}.cta-gform .desc-text p {color: #fff;font-size: 14px;}.cta-gform .title-text {display: flex;align-items: center;}.cta-gform .title-text p {font-size: 12px;text-transform: uppercase;color: #5E01D0;background-color: #fff;line-height: normal;padding: 2px 10px;font-weight: 600;border-radius: 99px;white-space: nowrap;margin-left: 8px;}.hero-cta-item .cta-item img {padding-top: 0;}.hero-cta-item .cta-item .icon-box-text {padding-left: 14px !important;}.cta-gform .desc-text {position: relative;display: inline-flex;align-items: center;border-bottom: dashed 1px #fff;top: -1px;}.cta-gform .desc-text:after {content: "";display: block;position: relative;background-image: url(/wp-content/uploads/2024/07/arrow-right.png);width: 12px;
2407height: 10px;background-repeat: no-repeat;background-position: center;background-size: contain;margin-left: 6px;top: 1px;}.hero-cta-item {display: block;}.li-check-mark ul li.bullet-checkmark:before {background-color: #00C20A;color: #fff;width: 16px;height: 16px;min-width: unset;line-height: 16px;text-align: center;font-size: 12px;border-radius: 2px;top: 11px;}.li-check-mark.size-lg ul li.bullet-checkmark:before {width: 20px;height: 20px;line-height: 20px;font-size: 14px;border-radius: 3px;top: 13px;}.li-check-mark.size-lg ul li.bullet-checkmark {padding-left: 28px;}.li-check-mark ul li.bullet-checkmark {border: none;}.is-small.main-button {font-size: 16px;padding: 0 24px;}.li-check-mark ul {padding-left: 0;}.product-logo .image-cover img {object-fit: contain;object-position: center;}.main-button .icon-angle-right {font-size: 0;background-position: center;background-size: contain;background-repeat: no-repeat;width: 21px;height: 20px;}.white.main-button .icon-angle-right {background-image: url(/wp-content/uploads/2024/07/arrow-upper-right-white.png);}.secondary.main-button .icon-angle-right {background-image: url(/wp-content/uploads/2024/07/arrow-upper-right-dark.png);}.ads-hero-image, .ads-hero-image .img-inner, .ads-hero-image img {height: 100%;}.ads-hero-image img {object-fit: cover;object-position: left;}.resto-card > .col > .col-inner {background-image: url(/wp-content/uploads/2024/07/patten-1-sm.png);background-repeat: no-repeat;background-position: right;background-size: 82% 100%;}.toko-card > .col > .col-inner {background-image: url(/wp-content/uploads/2024/07/patten-2-sm.png);background-repeat: no-repeat;background-size: 88% 100%;background-position: right;}.cta-card > .col > .col-inner {background-image: url(/wp-content/uploads/2024/07/patten-3-sm.png);background-repeat: no-repeat;background-size: 88% 100%;background-position: right;}.resto-dropdown-wrapper .accordion-inner {position: absolute;background-color: #fff;-webkit-box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.2);box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.2);border-radius: 12px;top: 104px;width: auto;padding: 0;}.resto-dropdown-wrapper {position: relative;z-index: 2;}.resto-dropdown-wrapper.bisnis-dropdown {z-index: 1;}.resto-dropdown-wrapper .accordion-title {background-color: #5E01D0;border-radius: 12px;color: #fff;padding: 15px 46px 15px 76px;font-size: 16px;font-weight: 600;border: none;line-height: normal;}.resto-dropdown-wrapper .accordion-title:before {content: "";display: block;position: absolute;width: 44px;height: 44px;background-image: url(https://kasflo.id/wp-content/uploads/2024/07/logomark-kasflo-resto-white.png);background-repeat: no-repeat;background-position: center;background-size: contain;top: 50%;margin-top: -22px;left: 20px;}.resto-dropdown-wrapper.bisnis-dropdown .accordion-title:before {background-image: url(/wp-content/uploads/2024/11/logo-bisnis-no-text.png);}.resto-dropdown-wrapper .toggle {left: auto;right: 14px;top: 50%;transform-origin: unset;width: 24px;height: 24px;min-height: unset;border: none;margin: 0;line-height: 24px;opacity: 1;font-size: 12px;margin-top: -12px;}.resto-dropdown-wrapper .toggle i {line-height: 24px;top: 0;}.resto-dropdown-wrapper .accordion-title:after {content: "Kamu bisa daftar jadi merchant atau download Kasflo Resto";font-size: 12px;display: block;font-weight: 400;margin-top: 2px;line-height: 16px;}.resto-dropdown-wrapper.bisnis-dropdown .accordion-title:after {content: "Kamu bisa daftar jadi merchant atau download Kasflo Bisnis";}.toko-cta-wrapper {background-color: #535FB0;border-radius: 12px;padding: 15px 20px 15px 20px !important;align-items: center;}.toko-cta-wrapper .icon-box-img img {padding-top: 0;}.toko-cta-wrapper .icon-box-text h2 {font-size: 16px;color: #fff;line-height: normal;margin-bottom: 2px;}.toko-cta-wrapper .icon-box-text p {font-size: 12px;color: #fff;line-height: 16px;}.toko-cta-wrapper .icon-box-text {padding-left: 12px !important;}.resto-dropdown-wrapper .accordion-inner .icon-box {padding: 16px 18px;align-items: center;flex-wrap: nowrap;}.resto-dropdown-wrapper .accordion-inner .icon-box-img img {padding-top: 0;}.resto-dropdown-wrapper .accordion-inner .icon-box-text {padding-left: 12px !important;}.resto-dropdown-wrapper .accordion-inner .icon-box-text h5 {font-size: 16px;white-space: nowrap;}.sales-cta-wrapper {border: solid 1px #E0E0E0;border-radius: 12px;padding: 16px 20px;background-color: #FFF4EA;}.sales-cta-wrapper .icon-box {align-items: center;}.sales-cta-wrapper .icon-box-img img {padding-top: 0;}.sales-cta-wrapper .icon-box-text {padding-left: 12px !important;}.sales-cta-wrapper .icon-box-text h2 {font-size: 16px;line-height: normal;margin-bottom: 2px;}.sales-cta-wrapper .icon-box-text p {font-size: 12px;line-height: 16px;}.sales-cta-wrapper .hero-wa-button {margin: 0;background-color: #50C62C;font-size: 14px;font-weight: 600;letter-spacing: normal;height: 44px;line-height: 44px;border: none;padding: 0 16px;white-space: nowrap;}.sales-cta-wrapper .hero-wa-button i {margin-left: 0;margin-right: 6px;top: -1px;font-size: 20px;}.sales-cta-wrapper.cta-2 {padding: 15px 20px 15px 20px !important;align-items: center;}.landing-ads-template .hero-section > .col > .col-inner {overflow: hidden;}.blog-page-template .ux-relay__button {font-size: 0;font-weight: 600;text-transform: none;letter-spacing: normal;height: 58px;border-radius: 8px;border: none;line-height: 58px;padding: 0 32px;position: relative;margin: 30px 0 30px !important;}
2407.blog-page-template .ux-relay__button:before {content: "Lihat Artikel Sebelumnya";font-size: 18px;}ol ol, ol ul, ul ol, ul ul {margin-left: 0;}#qlwapp.qlwapp-button .qlwapp-toggle {height: 48px;}#qlwapp.qlwapp-button .qlwapp-toggle .qlwapp-icon {font-size: 24px;position: relative;top: -1px;}#qlwapp .qlwapp-toggle {margin-bottom: 20px !important;}.landing-ads-template #qlwapp {display: none;}.new-ads-cta {background-color: #5E01D0;border-radius: 12px;padding: 16px 20px 16px 16px;align-items: center;}.new-ads-cta .icon-box-img img {padding-top: 0;}.new-ads-cta .icon-box-text h4 {font-size: 16px;line-height: normal;margin-bottom: 2px;color: #fff;}.new-ads-cta .icon-box-text p {font-size: 12px;line-height: 16px;color: #fff;}.list-2-col ul, .list-2-col ol {column-count: 2;}.landing-non-aktif #qlwapp {display: none;}.single-epkb_post_type_1 .header-main .nav > .menu-item-2178 > a {color: #5e01d0 !important;}.tax-epkb_post_type_1_category .header-main .nav > .menu-item-2178 > a {color: #5e01d0 !important;}.text-new-features-resto ol {padding-left: 0;margin-bottom: 0;}.testimonials-slider-wrapper .image-cs, .testimonials-slider-wrapper .image-cs .img-inner, .testimonials-slider-wrapper .image-cs img {height: 100%;object-fit: cover;}.testimonials-slider-wrapper .icon-box-img img {padding-top: 0;}.testimonials-slider-wrapper .icon-box-img {margin-bottom: 20px;}.testimonials-slider-wrapper .icon-box-text h2 {margin-bottom: 0;font-size: 28px;}.testimonials-slider-wrapper .icon-box-text h3 {font-size: 18px;margin-bottom: 10px;}.custom-guide-listing .col-inner {border-radius: 12px;padding: 24px 30px;-webkit-box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25);-moz-box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25);box-shadow: 0px 5px 25px 0px rgba(148, 159, 179, 0.25);background-color: #fff;}.custom-guide-listing h3 a {color: #333;display: block;transition: color .2s;}.custom-guide-listing h3 {line-height: normal;text-wrap: wrap;font-size: 18px;margin-bottom: 12px;}.custom-guide-listing h3 a:hover {color: #5e01d0;}.custom-guide-listing .guide-excerpt p {margin-bottom: 0;line-height: normal;}.custom-guide-listing .category-name {display: none;}.video-testi-wrapper .col-inner {overflow: hidden;}.custom-guide-listing .featured-image img {width: 96px;}.custom-guide-listing .featured-image {margin-bottom: 24px;}.header-nav-main .products-main-menu.active > a {color: #4f4f4f !important;!i;!;}.guide-item-wrap {border: solid 1px #E4E4F7;display: block;border-radius: 16px;padding: 24px 32px 28px;margin: 10px;background-color: #faf7ff;}.guide-item-wrap .featured-image {width: 78px;margin-bottom: 16px;}.guide-item-wrap h3 {font-size: 18px;color: #333;line-height: 26px;margin-bottom: 8px;transition: color .2s;}.guide-item-wrap .guide-excerpt p {color: #333;margin-bottom: 0;font-size: 14px;line-height: 22px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}.guide-item-wrap:hover h3 {color: #6D19D5;}.header-main .nav > li.html.header-button-2 {margin-right: 5px;}.header-main .nav > li.html.header-button-1 {margin-left: 5px;}.product-features-wrapper ul {list-style: none;padding-left: 0;margin-bottom: 0;display: flex;flex-wrap: wrap;justify-content: center;gap: 24px;}.product-features-wrapper ul li {display: block;margin: 0;background-color: #F7F3FF;border: solid 2px #E6DAFF;font-size: 24px;font-weight: 500;color: #6F23FE;border-radius: 8px;line-height: 36px;padding: 16px 20px;}.affiliates-banner-wrap {border-radius: 14px;overflow: hidden;}.affiliates-banner-wrap h2 {font-size: 36px;line-height: 48px;margin-top: 0;margin-bottom: 20px;}.affiliates-banner-wrap p {font-size: 18px;line-height: 26px;margin-top: 0;margin-bottom: 40px;}.white.main-button {border-color: #fff;color: #5E01D0 !important;}.affiliates-banner-wrap .main-button {margin: 0;}.sidebar-menu .menu-item-level-2 .sub-menu {display: none; /* Sub-menu tersembunyi secara default */}.header-nav-main > li > .nav-dropdown {display: flex;}.header-nav-main > li > .nav-dropdown > li.nav-dropdown-col {display: block;width: auto;border: solid 1px #F2F2F2;border-radius: 10px;margin-left: 20px;padding: 14px;}.header-nav-main > li > .nav-dropdown > li.nav-dropdown-col p {border: none;margin: 0;padding: 5px 0;font-size: 14px;color: #333333;}.header-nav-main > li > .nav-dropdown > li.nav-dropdown-col > a {font-size: 16px;font-weight: 600;text-transform: none;letter-spacing: normal;position: relative;display: flex;align-items: center;padding-top: 0;}.header-nav-main > li > .nav-dropdown > li.nav-dropdown-col .button-more a {color: #6D19D5;font-weight: 500;font-size: 12px;background-color: #F7F3FF;border: solid 1px #6D19D5 !important;line-height: 18px;padding: 8px 12px;border-radius: 6px;text-align: center;margin-top: 12px;margin-left: 0;}.header-nav-main > li > .nav-dropdown > li.menu-nav-resto >
2407 a {color: #8D51FE;}.header-nav-main > li > .nav-dropdown > li.menu-nav-toko > a {color: #535FB0;}.header-nav-main > li > .nav-dropdown > li.menu-nav-bisnis > a {color: #0E89FF;}.header-nav-main > li > .nav-dropdown > li.nav-dropdown-col > a:before {content: "";display: block;position: relative;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center;background-size: contain;margin-right: 10px;}.header-nav-main > li > .nav-dropdown > li.menu-nav-resto > a:before {background-image: url(/wp-content/uploads/2024/11/logo-mark-resto.png);}.header-nav-main > li > .nav-dropdown > li.nav-dropdown-col .nav-column {margin-top: 8px;}.header-nav-main > li > .nav-dropdown > li.menu-nav-toko > a:before {background-image: url(/wp-content/uploads/2024/11/logo-mark-toko.png);}.header-nav-main > li > .nav-dropdown > li.menu-nav-bisnis > a:before {background-image: url(/wp-content/uploads/2024/11/logo-mark-bisnis.png);}.arrow-left .img:after {content: "";display: block;position: absolute;width: 50px;height: 40px;background-image: url(/wp-content/uploads/2024/06/Connector-line.svg);background-size: contain;background-repeat: no-repeat;background-position: center;left: -55px;top: 50%;margin-top: -20px;transform: rotate(180deg);}.news-video-section .banner-inner {border-radius: 12px;overflow: hidden;}.video-guide-section h3 {color: #4F4F4F;margin-bottom: 18px;}.video-guide-section .banner-inner {border-radius: 12px;overflow: hidden;}.video-guide-section .slider .flickity-slider > .row {opacity: 1;}.video-guide-section .slider .row p {font-size: 14px;color: #434366;line-height: 1.5;margin-top: 14px;margin-bottom: 0;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;min-height: 42px;}.video-guide-section .slider .flickity-prev-next-button {bottom: auto;top: 60px;background-color: #ADADD6;width: 36px;height: 36px;border-radius: 50%;color: #fff;opacity: 1;min-height: auto;line-height: normal;}.video-guide-section .slider .flickity-prev-next-button svg {padding: 32%;}.video-guide-section .slider .flickity-prev-next-button.previous {left: -12px;}.video-guide-section .slider .flickity-prev-next-button.next {right: -12px;}.home-seo-text h2 {font-size: 16px;line-height: 24px;margin-bottom: 8px;margin-top: 12px;}.home-seo-text p, .home-seo-text li {font-size: 12px;margin-bottom: 8px;line-height: 18px;}.home-seo-text ol, .home-seo-text ul {padding-left: 0;}ol.bold-number {list-style: none;counter-reset: my-awesome-counter;}ol.bold-number li {counter-increment: my-awesome-counter;}ol.bold-number li:before {content: counter(my-awesome-counter) ". ";font-weight: 600;position: absolute;left: 0;}.merchant-logo-slider .flickity-slider > .ux-logo {width: 190px !important;}.merchant-logo-slider .ux-logo .ux-logo-link {padding: 0 20px !important;}.merchant-logo-slider .ux-logo .ux-logo-image {width: 100px;max-width: unset;}#pum_popup_title_4263 {margin-bottom: 30px;}.consultation-buttons-wrap .button {background-color: #50C62C;height: 48px;line-height: 48px;font-weight: 600;}#popmake-4263 .pum-content + .pum-close, #pum-4263 .pum-content + .pum-close {right: 10px;top: 10px;}.consultation-buttons-wrap .button i {font-size: 20px;top: -2px;}.single-post .entry-content a.secondary.button {height: 54px;line-height: 50px;border: 2px solid #5E01D0;font-size: 18px;font-weight: 600;letter-spacing: normal;padding: 0 32px;color: #5E01D0;background: transparent;border-radius: 10px;text-transform: none;}.single-post .entry-content a.secondary.button:hover {background: #5E01D0;color: #fff;}.single-post .entry-content blockquote {font-size: 14px;padding-left: 12px;font-style: normal;}.single-post .entry-content blockquote a {text-decoration: underline;}.pricing-tabs-wrapper .nav > li > a {height: 46px;line-height: 46px;padding: 0 18px 0 8px;font-size: 16px;font-weight: 400;color: #4F4F4F;background-color: #F2F2F2;position: relative;}.pricing-tabs-wrapper > .nav {gap: 12px;}.pricing-tabs-wrapper .nav > li.active > a {background-color: #5E01D0;color: #fff;font-weight: 600;}.pricing-tabs-wrapper .nav > li#tab-harga-tahunan > a:after {content: "LEBIH HEMAT";font-size: 10px;font-weight: 600;background-color: #FE346E;color: #fff;height: 22px;line-height: 22px;border-radius: 99px;padding: 0 8px;margin-left: 2px;position: relative;
2407left: 8px;letter-spacing: 0.1rem;}.pricing-tabs-wrapper h3 {font-size: 20px;line-height: 30px;margin-bottom: 8px;}.pricing-tabs-wrapper p {font-size: 14px;line-height: 20px;margin-bottom: 0;}.text-price h2 {font-size: 28px;margin-bottom: 0;line-height: 42px;}.text-price:not(.free-price) h2:after {content: "";font-size: 14px;color: #6F6C90;font-weight: 400;display: inline-block;margin-left: 4px;position: relative;top: -4px;}.text-price:not(.free-price) {}#tab_harga-bulanan .text-price:not(.free-price) h2:after {content: "/Bulan";}#tab_harga-tahunan .text-price:not(.free-price) h2:after {content: "/Tahun";}.pricing-items-wrap .is-outline.main-button {color: #352B50;border: solid 1px #352B50;background-color: #fff;}.pricing-items-wrap .is-outline.main-button:hover {color: #fff;background-color: #352B50;}.pricing-items-wrap .main-button {margin: 0;font-size: 16px;font-weight: 500;height: 48px;line-height: 46px;border-width: 1px;}.pricing-tabs-wrapper .tab-panels {padding-top: 30px;}.text-price p {font-size: 16px;line-height: 22px;margin-top: 8px;}.text-price p del {color: #6F6C90;}.text-price p strong {font-size: 10px;background-color: #FE346E;color: #fff;padding: 0 8px;border-radius: 99px;height: 22px;display: inline-block;line-height: 22px;position: relative;top: -2px;}#tab_harga-tahunan .pricing-items-wrap .main-button {position: absolute;bottom: 20px;left: 20px;width: calc(100% - 40px) !important;}.ninja_table_wrapper .nt_edit_link {display: none;}.features-comparison-table th {background-color: #F3EDFE;color: #1A1A38;font-size: 22px;font-weight: 600;text-transform: none;letter-spacing: normal;padding: 12px 24px !important;border-bottom: none !important;pointer-events: none;}.features-comparison-table thead > tr > th:first-child {border-top-left-radius: 12px;border-bottom-left-radius: 12px;}.features-comparison-table thead > tr > th:last-child {border-top-right-radius: 12px;border-bottom-right-radius: 12px;}.features-comparison-table th .fooicon.fooicon-sort {display: none;}.features-comparison-table th.ninja_column_0 {width: 32%;}.features-comparison-table th.ninja_column_1, .features-comparison-table th.ninja_column_2, .features-comparison-table th.ninja_column_3, .features-comparison-table th.ninja_column_4 {width: 17%;}.features-comparison-table td {font-size: 18px !important;padding: 12px 24px !important;border-bottom: solid 1px #E0E0E0 !important;}.features-comparison-table .mark-img {width: 40px;}.features-comparison-table td:not(.ninja_column_0) {text-align: center;}.features-comparison-table th:not(.ninja_column_0) {text-align: center;}.features-comparison-table {table-layout: fixed !important;}.pricing-tabs-wrapper .nav > li#tab-lifetime > a:after {content: "LEBIH HEMAT";font-size: 10px;font-weight: 600;background-color: #FE346E;color: #fff;height: 22px;line-height: 22px;border-radius: 99px;padding: 0 8px;margin-left: 2px;position: relative;left: 8px;letter-spacing: 0.1em;}.highlighted-col .col-inner:before {content: "Popular";position: absolute;font-size: 16px;font-weight: 500;background-color: #5E01D0;color: #fff;top: 0;right: 0;line-height: 24px;padding: 4px 10px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;}#tab_lifetime .text-price:not(.free-price) h2:after {content: "/ 1 Cabang";}.features-comparison-wrapper.collapsed {max-height: 600px;overflow: hidden;position: relative;}.features-comparison-wrapper.collapsed::after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 250px;background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);}.main-button.show-hide-button {border-radius: 8px;}.pricing-tabs-wrapper .nav > li > a:before {content: "";display: block;width: 30px;height: 30px;background-position: center;background-repeat: no-repeat;background-size: contain;margin-right: 10px;}.pricing-tabs-wrapper .nav > li#tab-kasflo-resto.active > a:before {background-image: url(/wp-content/uploads/2025/09/logo-resto-active.png);}.pricing-tabs-wrapper .nav > li#tab-kasflo-resto:not(.active) > a:before {background-image: url(/wp-content/uploads/2025/09/logo-resto-inactive.png);}.pricing-tabs-wrapper .nav:hover>li:not(:hover)>a:before {opacity: 1;}.pricing-tabs-wrapper .nav > li#tab-kasflo-bisnis:not(.active) > a:before {background-image: url(/wp-content/uploads/2025/09/logo-bisnis-inactive.png);}.pricing-tabs-wrapper .nav > li#tab-kasflo-bisnis.active > a:before {background-image: url(/wp-content/uploads/2025/09/logo-bisnis-active.png);}.pricing-title h2 {font-size: 20px;margin-bottom: 0;}.pricing-tabs-wrapper .pricing-title p {font-size: 18px;color: #6F6C90;margin-top: 16px;}.pricing-title {min-height: 62px;margin-bottom: 16px;}.pricing-tabs-wrapper .text-price h3 {font-size: 24px;color: #1A1A38;}.pricing-tabs-wrapper .text-price h3 strong {font-size: 16px;font-weight: 400;color: #6F6C90;margin-left: 4px;position: relative;top: -2px;}.pricing-tabs-wrapper .nav > li#tab-kasflo-bisnis.active > a {background-color: #0E89FF;}#tab_kasflo-bisnis .highlighted-col .col-inner:before {background-color: #0E89FF;}#tab_kasflo-bisnis .main-button:not(.is-outline) {background-color: #0E89FF;border-color: #0E89FF;}.pricing-tabs-wrapper.new-tabs .nav > li > a:before {width: 0;margin-right: 0;}.pricing-tabs-wrapper.new-tabs .nav > li > a {padding: 0 24px;}.header-nav-main > li.simple-dropdown > .nav-dropdown {display: table;min-width: 290px;}.header-nav-main > li > .nav-dropdown > li > a {color: #4F4F4F;}.header-nav-main > li > .nav-dropdown > li.active > a {font-weight: 500;color: #6D19D5;}.sales-cta-wrapper.ads-cta {background-color: #fff;}.ads-cta-footer-stack > a {width: 100%;}.pricing-table-comp {table-layout: fixed;}.pricing-table-comp th.column-1 {width: 25%;}.pricing-new-tabs .tab-panels {border-top: solid 1px #DFDFDFEE;margin-top: 40px;}.new-pricing-row .price-title h4 {font-size: 20px;line-height: 30px;margin-bottom:6px;}.new-pricing-row .price-title p {font-size: 16px;margin-bottom: 6px;}.pricing-tabs-wrapper h3 {font-size: 24px;line-height: 36px;margin-bottom: 0;}.new-pricing-row .price-title {position: relative;margin-bottom: 46px;}.new-pricing-row .price-title:after {content: "";display: block;position: absolute;width: 100%;height: 1px;background: #FFF;background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.92) 50%, rgba(255, 255, 255, 0) 100%);left: 0;bottom: -16px;}.bg-purple.white.is-outline:hover {color: #5E01D0 !important;}.white.main-button.bg-purple:hover .icon-angle-right {filter: brightness(0) saturate(100%) invert(15%) sepia(91%) saturate(4775%) hue-rotate(267deg) brightness(75%) contrast(125%);}.white.main-button .icon-angle-right {transition: all .2s;}.merchant-card > .col > .col-inner {background-image: url(/wp-content/uploads/2026/03/Pattern-BG-1-1.png);background-repeat: no-repeat;background-position: right;background-size: 82% 130%;}.bg-pink.white.is-outline:hover {color: #F3326D !important;}.white.main-button.bg-pink:hover .icon-angle-right {filter: brightness(0) saturate(100%) invert(35%) sepia(47%) saturate(6338%) hue-rotate(324deg) brightness(98%) contrast(94%);}.new-pricing-row .col-pro .price-title:after {background: #FFF;background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.92) 50%, rgba(255, 255, 255, 0) 100%);}.subscription-items .main-button {margin: 0;font-size: 16px;font-weight: 600;border: none;background-color: #fff;color: #fff;height: 48px;line-height: 48px;}.pricing-table-comp th {background-color: #F3EDFE;font-size: 22px;text-transform: none;color: #1A1A38;font-weight: 600;letter-spacing: normal;line-height: 32px;padding: 12px 24px !important;}.pricing-table-comp th.column-1 {border-top-left-radius: 12px;border-bottom-left-radius: 12px;}.pricing-table-comp th.column-5 {border-bottom-right-radius: 12px;}.pricing-table-comp td[colspan="5"] {font-weight: 600;font-size: 18px;}.pricing-table-comp td {font-size: 16px;line-height: 24px;padding: 12px 24px !important;border-top: none;border-bottom: solid 1px #E0E0E0;vertical-align: middle;}.pricing-table-comp td:not(.column-1) {text-align: center;}.pricing-table-comp th:not(.column-1) {text-align: center;}.pricing-table-comp td img {width: 40px;}.subscription-items .col-pro .col-inner:after {content: "Populer";position: absolute;top: 20px;right: 16px;display: block;font-size: 10px;font-weight: 600;background-color: #41CC94;border-radius: 99px;
2407height: 22px;line-height: 22px;padding: 0 8px;text-transform: uppercase;}.ads-bisnis-hero-section h1 {font-size: 50px;line-height: 58px;}.landing-ads-template .ads-bisnis-hero-section h2 {font-size: 26px;font-weight: 600;}ul li.bullet-arrow, ul li.bullet-checkmark, ul li.bullet-cross, ul li.bullet-star {border-bottom: none;}.ads-bisnis-hero-section ul {padding-left: 0;font-size: 20px;}.ads-bisnis-hero-section ul li.bullet-checkmark:before {background-image: url(/wp-content/uploads/2026/04/Cheklist.png);background-size: contain;font-size: 0;width: 24px;height: 24px;top: 10px;background-repeat: no-repeat;background-position: center;}.ads-bisnis-hero-section ul li {padding-left: 34px;}.new-ads-cta.ads-bisnis-cta-register {background-color: #00519E;padding: 0 16px;height: 74px;}.new-ads-cta.ads-bisnis-cta-register .icon-box-text h4 {font-size: 14px;margin-bottom: 4px;}.new-ads-cta.ads-bisnis-cta-register .icon-box-text p {font-size: 10px;line-height: 14px;}.cta-2.ads-cta-consul.ads-bisnis-cta-sales {padding: 0 16px !important;height: 74px;}.cta-2.ads-cta-consul.ads-bisnis-cta-sales h4 {font-size: 14px;margin-bottom: 4px;}.cta-2.ads-cta-consul.ads-bisnis-cta-sales .icon-box-text p {font-size: 10px;line-height: 14px;}.landing-ads-template h2 {font-size: 40px;}.ads-bisnis-category-slider .flickity-slider > .row {opacity: 1;}.ads-bisnis-category-slider .flickity-viewport {overflow: visible;}.ads-bisnis-category-slider .flickity-slider .box-image {border-radius: 12px;}.ads-bisnis-category-slider .flickity-slider .box-text h3 {font-size: 30px;font-weight: 500;margin: 0;}.ads-bisnis-category-slider .flickity-slider .box-text {text-shadow: none;text-align: left;padding: 0 30px 40px;}.ads-bisnis-category-slider .flickity-prev-next-button svg path {opacity: 0;}.ads-bisnis-category-slider .flickity-prev-next-button svg {background-repeat: no-repeat;background-size: contain;background-position: center;padding: 0;}.ads-bisnis-category-slider .flickity-prev-next-button {opacity: 1;width: 52px;height: 52px;top: -98px;}.ads-bisnis-category-slider .flickity-prev-next-button:disabled, .ads-bisnis-category-slider button.flickity-prev-next-button[disabled] {opacity: .7 !important;}.ads-bisnis-category-slider .flickity-prev-next-button.previous svg {background-image: url(/wp-content/uploads/2026/04/slider-nav-left.png);}.ads-bisnis-category-slider .flickity-prev-next-button.next svg {background-image: url(/wp-content/uploads/2026/04/slider-nav-right.png);}.ads-bisnis-category-slider .slider-show-nav .flickity-prev-next-button, .ads-bisnis-category-slider .slider:hover .flickity-prev-next-button {opacity: 1;}.ads-bisnis-category-slider .flickity-prev-next-button.previous {left: auto;right: 100px;}.ads-bisnis-category-slider .flickity-prev-next-button.next {left: auto;right: 0;}.ads-bisnis-features-section {background: #F4FAFF;background: linear-gradient(2deg, rgba(244, 250, 255, 0.01) 0%, rgba(244, 250, 255, 1) 60%);}.ads-bisnis-features-row .col-inner {-webkit-box-shadow: 0px 12px 16px -4px rgba(16,24,40,0.08), 0px 4px 6px -2px rgba(16,24,40,0.03);box-shadow: 0px 12px 16px -4px rgba(16,24,40,0.08), 0px 4px 6px -2px rgba(16,24,40,0.03);}.ads-bisnis-features-row .icon-box-text p {font-weight: 600;line-height: 1.3;margin-bottom: 0;}.ads-bisnis-features-row .icon-box-img {margin-bottom: 18px;}.ads-bisnis-platform-row .img {margin-bottom: 0 !important;}.ads-bisnis-platform-row .img .img-inner {padding: 10px 8px 0 8px;}.ads-bisnis-platform-row h3 {font-size: 26px;margin-bottom: 10px;}.ads-bisnis-platform-row p {font-size: 20px;line-height: 1.4;margin-bottom: 0;}.ads-bisnis-comparison-row .col-inner {border: solid 1px #EDEDED;}.ads-bisnis-comparison-row ul {padding-left: 0;margin-bottom: 0;}.ads-bisnis-comparison-row ul li.bullet-checkmark:before {content: "" !important;width: 32px;height: 32px;background-size: contain;background-repeat: no-repeat;background-position: center;display: block;left: 12px;top: 50%;margin-top: -16px;}.ads-bisnis-comparison-row .cross-col ul li.bullet-checkmark:before {background-image: url(https://kasflo.id/wp-content/uploads/2026/04/x-circle.png);}.ads-bisnis-comparison-row .check-col ul li.bullet-checkmark:before {background-image: url(https://kasflo.id/wp-content/uploads/2026/04/Cheklist.png);}.ads-bisnis-comparison-row ul li {-webkit-box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);padding: 12px 12px 12px 60px;border-radius: 12px;margin-top: 20px;font-size: 22px;font-weight: 600;line-height: normal;}.ads-bisnis-comparison-row .check-col .col-inner {background-image: url(https://kasflo.id/wp-content/uploads/2026/04/logomark-trans.png);background-repeat: no-repeat;background-position: 95% -4%;background-size: 94px 94px;}.ads-bisnis-comparison-row h2 {margin-bottom: 30px;}.pricing-tabs-wrapper.pricing-tabs-bisnis .nav > li.active > a {background-color: #0E89FF;}.subscription-items .col-lite .col-inner {background: #9C9C9C;background: linear-gradient(180deg, rgba(156, 156, 156, 1) 0%, rgba(32, 32, 32, 1) 100%);}.subscription-items .col-basic .col-inner {background: #7D56E4;background: linear-gradient(180deg, rgba(125, 86, 228, 1) 0%, rgba(70, 28, 184, 1) 100%);}.subscription-items .col-pro .col-inner {background: #0E88FE;background: linear-gradient(180deg, rgba(14, 136, 254, 1) 0%, rgba(0, 80, 157, 1
2407) 100%);}.subscription-items .col-enterprise .col-inner {background: #FF8A00;background: linear-gradient(180deg, rgba(255, 138, 0, 1) 0%, rgba(199, 109, 0, 1) 100%);}.subscription-items .col-lite .col-inner {border-top-left-radius: 8px;}.subscription-items .col-enterprise .col-inner {border-top-right-radius: 8px;}.subscription-items .col-lite .main-button {background-color: #7C7C7C;}.subscription-items .col-basic .main-button {background-color: #7B54E3;}.subscription-items .col-enterprise .main-button {background-color: #FB8900;}.subscription-items .col-pro .main-button {background-color: #0E89FF;}.pricing-new-tabs .tab-panels {padding-top: 40px;}.ads-bisnis-pricing-section .main-button.show-hide-button {border-color: #0E89FF;color: #0E89FF;}.ads-bisnis-pricing-section .main-button.show-hide-button:hover {background-color: #0E89FF;color: #fff;}.pricing-tabs-bisnis .subscription-items .col-pro .col-inner:after {background-color: #41CC94;}.ads-new-hero-section h1 {font-size: 50px;line-height: 60px;}.ads-new-hero-list ul li {font-size: 20px;font-weight: 500;background-color: #F8F4FF;border-radius: 99px;padding: 10px 12px 10px 42px;}.ads-new-hero-list ul {display: flex;flex-wrap: wrap;justify-content: center;column-gap: 16px;row-gap: 14px;padding-left: 0;}.ads-new-hero-list ul li.bullet-checkmark:before {background-color: #50C62C;color: #fff;width: 20px;height: 20px;line-height: 20px;border-radius: 50%;font-size: 10px;left: 12px;top: 50%;margin-top: -10px;}.ads-new-hero-section .section-bg .bg {height: 72%;top: auto;bottom: 0;}.ads-new-hero-cta-row .new-ads-cta .icon-box-text h4 {font-size: 20px;font-weight: 600;margin-bottom: 6px;}.ads-new-hero-cta-row .new-ads-cta .icon-box-text p {font-size: 11px; line-height: 12px;}.ads-new-hero-cta-row .sales-cta-wrapper.cta-2 {background-color: #fff;}.ads-new-hero-cta-row .sales-cta-wrapper.cta-2 h4 {font-size: 20px;font-weight: 600;margin-bottom: 6px;}.ads-new-hero-cta-row .sales-cta-wrapper.cta-2 p {font-size: 11px;line-height: 12px;}.ads-new-hero-cta-row .new-ads-cta {height: 100%;}.ads-new-benefit-section .section-bg .bg {width: 506px;left: auto;right: 0;top: 0;bottom: auto;object-position: 50% 0%;}.benefits-list ul {margin: 0;padding: 0;width: 70%;}.benefits-list ul li {background-color: #fff;color: #333;border-radius: 99px;margin-top: 20px;font-weight: 500;letter-spacing: .1px;padding: 8px 16px 8px 40px;display: inline-block;}.benefits-list ul li.bullet-checkmark:before {background-color: #00C20A;color: #fff;width: 20px;height: 20px;border-radius: 50%;font-size: 12px;line-height: 20px;text-align: center;left: 12px;top: 50%;margin-top: -10px;}.ads-new-fnb-features .img .overlay {background: linear-gradient(180deg,rgba(247, 248, 252, 0) 0%, rgba(247, 248, 252, 1) 70%);height: 20%;top: auto;}.ads-new-fnb-feature-text {margin-top: -10px;z-index: 1;position: relative;}.ads-new-fnb-features .img .img-inner {padding-left: 6px;padding-right: 6px;}.ads-new-fnb-feature-text h3 {font-size: 26px;}.ads-new-fnb-feature-text p {font-size: 20px;line-height: 26px;margin-bottom: 0;}.primary.is-outline.main-button .icon-angle-right {background-image: url(/wp-content/uploads/2026/06/arrow-right-primary.png);}.ads-new-self-order-stack h3 {font-size: 26px;}.ads-new-self-order-stack p {font-size: 20px;}/* Custom CSS Tablet */@media (max-width: 849px){p {font-size: 14px;}li {font-size: 14px;}.header-cta-wrapper .button {font-size: 14px;height: 42px;line-height: 40px;padding: 0 18px;}.header-cta-wrapper .cta-dropdown-content {right: 0;}.mobile-nav>li>a>i {color: #333;font-size: 1.5em !important;}.mobile-sidebar-logo {width: 110px !important;margin: 0 0 30px 24px;}.mobile-menu-items-wrap .icon-box {align-items: center;padding: 8px 24px;}.mobile-menu-items-wrap .icon-box-img img {padding-top: 0;}.mobile-menu-items-wrap .icon-box-text p {font-size: 14px;font-weight: 400;color: #4F4F4F;}.mobile-menu-items-wrap .icon-box-text {padding-left: 12px !important;}.home .mobile-sidebar-logo.resto-logo, .home .mobile-sidebar-logo.toko-logo {display: none;}.kasflo-resto-page .mobile-sidebar-logo.main-logo, .kasflo-resto-page .mobile-sidebar-logo.toko-logo {display: none;}.kasflo-toko-page .mobile-sidebar-logo.main-logo, .kasflo-toko-page .mobile-sidebar-logo.resto-logo {display: none;}.single-post .mobile-sidebar-logo.resto-logo, .single-post .mobile-sidebar-logo.toko-logo {display: none;}.blog-page-template .mobile-sidebar-logo.resto-logo, .blog-page-template .mobile-sidebar-logo.toko-logo {display: none;}.sidebar-menu .header-block-block-1 {width: 100%;}.home .mobile-menu-items-wrap .home-menu-item {background-color: #F3EDFE;}.home .mobile-menu-items-wrap .home-menu-item p {font-weight: 600;color: #5E01D0;}.kasflo-resto-page .mobile-menu-items-wrap .resto-menu-item {background-color: #F3EDFE;}.kasflo-resto-page .mobile-menu-items-wrap .resto-menu-item p {font-weight: 600;color: #5E01D0;}.kasflo-toko-page .mobile-menu-items-wrap .toko-menu-item {background-color: #F3EDFE;}.kasflo-toko-page .mobile-menu-items-wrap .toko-menu-item p {font-weight: 600;color: #5E01D0;}.blog-page-template .mobile-menu-items-wrap .blog-menu-item {background-color: #F3EDFE;}.blog-page-template .mobile-menu-items-wrap .blog-menu-item p {font-weight: 600;color: #5E01D0;}#logo {width: 100px;margin-left: 20px;}.header-main {height: 60px;}.stuck .header-main {height: 60px !important;}.header-button .button span {white-space: nowrap;}.header-button .button {height: 38px;line-height: 36px;font-size: 14px;font-weight: 600;padding: 0 14px;}.mfp-bg.off-canvas.off-canvas-left.main-menu-overlay.mfp-ready {opacity: 0.8;}h1 {font-size: 24px;line-height: normal;}p.lead {font-size: 16px;}.home-products-section .section-bg {display: none;}h2 {font-size: 20px;margin-bottom: 8px;}h3 {font-size: 18px;}.products-tabs .nav > li > a {white-space: nowrap;font-size: 16px;padding: 8px 20px;font-weight: 400;}.product-items-wrap .icon-box-img {width: 180px !important;}.product-items-wrap .icon-box-left {flex-direction: column;text-align: center;}.product-items-wrap .icon-box-left .icon-box-img {margin-bottom: 1em;}.product-items-wrap .icon-box-left .icon-box-text {padding-left: 0 !important;}.home-about-section .section-bg {width: 100%;}.home-about-section .section-bg img.bg {object-position: bottom;}.home-about-section {min-height: unset !important;padding-top: 230px !important;}.home-about-section .row .col-inner {background-color: rgb(255 255 255 / 85%);padding: 15px 20px 1px;}.image-cs img {height: 200px;object-fit: cover;object-position: top;}.footer-block-section .text-center {text-align: left;}.footer-wrapper .absolute-footer {text-align: left !important;font-size: 12px;margin-top: -10px;}.row .arrow-bottom {padding-bottom: 30px;}.pum-container .pum-title {font-size: 20px; margin-bottom: 30px; font-weight: 600;}button.pum-close.popmake-close {top: 10px !important;right: 6px !important;}a.ecosystem-button {font-size: 16px;margin-bottom: 10px;font-size: 14px;margin-bottom: 8px;font-weight: 500;height: 52px;padding: 0 20px 0 24px !important;border-radius: 10px !important;}.header-button .button {width: 100%;}.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {background-color: #fff;}.main-button {font-size: 16px;height: 48px;line-height: 44px;border-radius: 8px !important;padding: 0 20px;}.is-outline.main-button {line-height: 44px;}.products-tabs .nav > li > a:hover {background-color: #5E01D0;}.benefits-row .col {padding: 0 5px 10px;}.benefits-row .box-text h3 {font-size: 14px;font-weight: 500;}.home-about-section p.lead {font-size: 14px;}.call-cs-section p.lead {font-size: 14px;}.button-cs h3 {font-size: 14px;font-weight: 500;display: inline-block;width: auto;}.button-cs .icon-box-img {width: 24px !important;}.button-cs .icon-box-text {padding-left: 10px !important;column-gap: 10px;}.button-cs .icon-box-text p {font-size: 10px;font-weight: 400;height: 16px;line-height: 16px;padding: 0 6px;}.button-cs {padding: 10px 16px;border-radius: 8px;}.footer-logo {width: 120px !important;}.footer-block-section h3 {font-size: 16px;margin-bottom: 14px;}.social-icons > a {font-size: 12px;width: 32px;height: 32px;min-height: unset !important;line-height: 32px !important;}a.ecosystem-button i {font-size: 18px;}.products-step-detail h5 {font-size: 14px;font-weight: 400;}.blog-items-wrapper .post-item .post-title {font-size: 16px;margin-top: 6px;font-weight: 600;}.terms-page .resto-logo, .terms-page .toko-logo {display: none;}.terms-page h2 {font-size: 18px;}.terms-content-section h3 {font-size: 16px;}.terms-content-section h4 {font-size: 14px;font-weight: 700;}.button-cs-stack {width: 230px;}.hero-featured-img {padding-left: 10px;}.hero-featured-img img {height: 470px;object-position: 30% 50%;}.hero-section .section-content {height: 470px;}.topbar-phone .icon-box-text p {font-size: 12px;line-height: normal;position: relative;top: 1px;}.header-top {min-height: 34px;}.topbar-phone {padding: 1px 8px;}.topbar-phone .icon-box-img {width: 18px !important;}.topbar-phone .icon-box-img img {padding-top: 0;}.card-product {margin-left: 24px;width: calc(100% - 48px);}.subbrand-page .hero-featured-img img {height: 450px;}.subbrand-page .hero-section .section-content {height: 450px;}.container {padding-left: 24px;padding-right: 24px;}.row {padding-left: 9px;padding-right: 9px;}.benefits-row {padding-left: 19px;padding-right: 19px;}.row.row-collapse {padding-left: 0;padding-right: 0;}.call-cs-row {margin-left: 24px;width: calc(100% - 48px);}
2407.arrow-right .img:after {width: 20px;right: -26px;}.arrow-bottom:after {height: 20px;bottom: 16px;}.step-self-order .arrow-right:after {width: 30px;right: -15px;top: 22%;}.step-self-order .arrow-right.step-2:after {right: 5px;}.step-self-order .arrow-right.step-3:after {right: -25px;}.step-self-order .step-3 .col-inner {margin-top: 36px;}.step-self-order .step-4 .col-inner {margin-top: 44px;}.single-post .blog-wrapper {padding-top: 40px;}.blog-single .entry-content {padding-bottom: 0;}.blog-single img.aligncenter {display: block;margin-left: auto;margin-right: auto;}.hero-cta-wrapper {max-width: 330px;}.cta-item .title-text h4 {font-size: 16px;}.cta-gform .desc-text p {font-size: 12px;}.cta-item .icon-box-img {width: 36px !important;}.cta-gform .desc-text:after {top: 0;}.cta-gform .desc-text {top: -3px;}.hero-cta-item .cta-item {height: 72px;}.hero-cta-item .cta-item.cta-wa {height: 66px;}#menu-footer-menu {padding-left: 0;}#menu-footer-menu > li {font-size: 12px;}.landing-ads-template .hero-section > .col {padding-bottom: 20px;}.landing-ads-template .products-section > .col {padding: 0 10px 20px 10px;}.landing-ads-template .products-section {padding-left: 14px;padding-right: 14px;}.landing-ads-template .product-card > .col {padding-bottom: 20px;}.landing-ads-template .cta-card > .col {padding-bottom: 30px;}.landing-ads-template .hero-section > .col > .col-inner, .landing-ads-template .products-section > .col > .col-inner, .landing-ads-template .resto-card > .col > .col-inner, .landing-ads-template .toko-card > .col > .col-inner, .landing-ads-template .cta-card > .col > .col-inner {border-radius: 24px !important;}.li-check-mark.size-lg ul li.bullet-checkmark:before {width: 16px;height: 16px;line-height: 16px;font-size: 12px;top: 10px;border-radius: 2px;}.main-button .icon-angle-right {width: 15px;height: 15px;}.is-small.main-button {font-size: 14px;padding: 0 18px;}.hero-section.home-hero .section-content {display: block;height: auto;}.home-hero .hero-featured-img {padding-left: 0;position: relative;margin-bottom: 30px;}.home-hero .hero-featured-img img {height: 420px;object-position: 50% 95%;}.sales-cta-wrapper {padding: 16px 20px !important;}.resto-dropdown-wrapper .accordion-title {font-size: 14px;padding: 12px 46px 12px 70px;}.resto-dropdown-wrapper .accordion-title:after {font-size: 11px;line-height: 14px;}.resto-dropdown-wrapper .accordion-title:before {width: 38px;left: 20px;}.toko-cta-wrapper .icon-box-text h2 {font-size: 14px;}.toko-cta-wrapper .icon-box-text p {font-size: 11px;line-height: 14px;}.toko-cta-wrapper {padding: 12px 20px !important;}.sales-cta-wrapper {padding: 12px 20px !important;}.sales-cta-wrapper .icon-box-text h2 {font-size: 14px;}.toko-cta-wrapper .icon-box-img {width: 38px !important;}.sales-cta-wrapper .icon-box-img {width: 38px !important;}.sales-cta-wrapper .icon-box-text p {font-size: 11px;line-height: 14px;}.resto-dropdown-wrapper .accordion-inner {top: 80px;width: 100%;}.resto-dropdown-wrapper.bisnis-dropdown .accordion-inner {top: 94px;}.resto-dropdown-wrapper .accordion-inner .icon-box-text h5 {font-size: 14px;}.resto-dropdown-wrapper .accordion-inner .icon-box-img {width: 28px !important;}.resto-dropdown-wrapper .accordion-inner .icon-box-text {padding-left: 10px !important;}.ads-hero-image .img-inner {margin: 0 !important;}.ads-hero-image-col {position: absolute;top: -30px;z-index: 0;}.ads-hero-description-col {z-index: 1;}.blog-page-template .ux-relay__button:before {font-size: 16px;}.blog-page-template .ux-relay__button {height: 48px;line-height: 48px;margin: 20px 0 10px !important;}#qlwapp.qlwapp-button .qlwapp-toggle {font-size: 14px;height: 40px;padding: 12px 18px;}#qlwapp.qlwapp-button .qlwapp-toggle .qlwapp-icon {font-size: 18px;margin-right: 8px !important;}.guide-page-template .mobile-sidebar-logo.resto-logo, .guide-page-template .mobile-sidebar-logo.toko-logo {display: none;}.guide-page-template .mobile-menu-items-wrap .guide-menu-item {background-color: #F3EDFE;}.eckb-front-end-body .mobile-sidebar-logo.resto-logo, .eckb-front-end-body .mobile-sidebar-logo.toko-logo {display: none;}.eckb-front-end-body .mobile-menu-items-wrap .guide-menu-item {background-color: #F3EDFE;}#eckb-archive-header #epkb-ml__module-search, #eckb-article-header #epkb-ml__module-search, .epkb-ml__row #epkb-ml__module-search {padding-top: 40px !important;padding-bottom: 40px !important;}#eckb-archive-header #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-title, #eckb-article-header #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-title, .epkb-ml__row #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-title {font-size: 24px !important;line-height: 1.2;}#eckb-archive-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box, #eckb-article-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box, .epkb-ml__row #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box {height: 46px !important;}#epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box .epkb-ml-search-box__input {font-size: 14px;padding: 0 20px;}#eckb-archive-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form, #eckb-article-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form, .epkb-ml__row #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form {margin-top: 20px;padding: 0 100px;}#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, #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, .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 {width: initial;font-size: 14px !important;padding: 0 16px;}#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 {width: 50% !important;}#epkb-modular-main-page-container #epkb-ml-tabs-layout #epkb-content-container .epkb-section-container .epkb-ml__module-categories-articles__row {flex-direction: row;gap: 14px;margin-bottom: 14px;}#epkb-ml__row-2 {padding-left: 24px;padding-right: 24px;margin-bottom: 0;}#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-nav-tabs li {width: 50% !important;min-height: auto !important;height: 50px;}#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-main-nav {padding: 4px;border-radius: 10px;}#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-down-pointer .epkb-nav-tabs .active:after {top: calc(100% + 4px);}#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-tab-panel {margin-top: 20px;}#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .section-head .epkb-category--left-cat-icon .epkb-cat-icon--image {max-height: 36px !important;margin-right: 8px;position: relative;}#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-tab-panel section .epkb-cat-name {padding-left: 0;margin-top: 0px;}#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-tab-panel section .epkb-cat-name a {font-size: 18px !important;font-weight: 600;}#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .section-head .epkb-cat-desc {padding-left: 0;padding-top: 8px;white-space: normal;}#epkb-content-container .epkb-section-body .eckb-article-title {font-size: 14px !important;}#eckb-archive-page-container #eckb-archive-header #epkb-ml__module-search, #eckb-archive-page-container #eckb-article-header #epkb-ml__module-search, #eckb-archive-page-container .epkb-ml__row #epkb-ml__module-search {padding-top: 40px !important;padding-bottom: 40px !important;}#eckb-archive-page-container #eckb-archive-header #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-title, #eckb-archive-page-container #eckb-article-header #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-title, #eckb-archive-page-container .epkb-ml__row #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-title {font-size: 24px !important;}#eckb-archive-page-container #eckb-archive-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form, #eckb-archive-page-container #eckb-article-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form, #eckb-archive-page-container .epkb-ml__row #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form {max-width: 60% !important;}#eckb-archive-page-container #eckb-archive-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box, #eckb-archive-page-container #eckb-article-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box, #eckb-archive-page-container .epkb-ml__row #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box {height: 46px !important;}#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 {font-size: 14px;padding: 0 20px;}#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, #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, #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 {width: initial;padding: 0 16px;}#eckb-archive-page-container #eckb-archive-body {display: grid;}#eckb-archive-page-container #eckb-archive-content {}#eckb-archive-page-container #eckb-archive-left-sidebar {grid-column-start: auto;grid-column-end: auto;padding: 40px 10px 10px 24px;}#eckb-archive-page-container #eckb-archive-body {grid-template-columns: 36% 64% 0;}#epkb-sidebar-container-v2 {margin-top: 0 !important;}#eckb-archive-page-container #eckb-archive-content {margin-top: 0;padding: 40px 24px 0 10px;}#epkb-sidebar-container-v2 .epkb-sidebar__cat-container {padding: 20px;}#epkb-sidebar-container-v2 .epkb-sidebar__heading__inner .epkb-sidebar__heading__inner__name, #epkb-sidebar-container-v2 .epkb-sidebar__heading__inner .epkb-sidebar__heading__inner__cat-name, #epkb-sidebar-container-v2 .epkb-sidebar__heading__inner .epkb-sidebar__heading__inner__name>a {font-size: 16px !important;font-weight: 600;}#epkb-sidebar-container-v2 .epkb-sidebar__cat-container .epkb_sidebar_expand_category_icon {font-size: 10px;padding-right: 6px;}#eckb-archive-page-container a.epkb-category-level-2-3__cat-name {font-size: 14px;}#eckb-archive-page-container a.epkb-category-level-2-3__cat-name h3 {text-wrap: wrap;}#epkb-sidebar-container-v2 .eckb-article-title .eckb-article-title__text {font-size: 12px !important;}#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 {padding-left: 26px !important;}#eckb-archive-content-header .eckb-breadcrumb-nav li {font-size: 12px !important;}#eckb-archive-page-container #eckb-archive-content-header .eckb-category-archive-title-container .eckb-category-archive-title {margin: 14px 0 8px;}#eckb-archive-page-container #eckb-archive-content-header .eckb-category-archive-title-container .eckb-category-archive-title-name {font-size: 20px;}.eckb-breadcrumb {padding: 0 !important;}#eckb-archive-page-container #eckb-archive-content-header .eckb-category-archive-description p {line-height: 1.2em;}#eckb-archive-page-container #eckb-archive-content-header .eckb-category-archive-description {font-size: 14px;line-height: 1.5em;}#eckb-archive-page-container #eckb-archive-content .eckb-article-list-container .eckb-article-container {border-radius: 10px;padding: 16px 20px !important;}#eckb-archive-page-container #eckb-archive-content .eckb-article-list-container .eckb-article-container .epkb-article-inner .epkb-article__text {font-size: 16px;}#eckb-archive-page-container #eckb-archive-content .eckb-article-list-container .eckb-article-container .eckb-article-body {font-size: 12px;line-height: 1.4;margin-top: 2px;}#eckb-archive-page-container {padding-bottom: 50px;}#eckb-article-content-header-row-1 {flex-direction: column !important;}#eckb-article-page-container-v2 #eckb-article-body #eckb-article-content #eckb-article-content-header-v2 .eckb-article-content-header-row-right-group {justify-content: flex-start;}.eckb-article-content-toolbar-button-container {padding-left: 0 !important;}#eckb-article-page-container-v2 #eckb-article-content {padding-top: 40px;}#eckb-article-page-container-v2 #eckb-article-body #eckb-article-content .eckb-article-toc--bmode-between .eckb-article-toc__inner {-webkit-box-shadow: 0px 5px 25px 0px rgba(148,159,179,0.25);-moz-box-shadow: 0px 5px 25px 0px rgba(148,159,179,0.25);box-shadow: 0px 5px 25px 0px rgba(148,159,179,0.25);border-bottom: none;border-radius: 8px;padding: 20px;}#eckb-article-page-container-v2 .eckb-article-toc .eckb-article-toc__inner .eckb-article-toc__title {font-size: 16px !important;margin-bottom: 12px;}.product-features-wrapper ul li {font-size: 16px;padding: 6px 16px;}.product-features-wrapper ul {gap: 16px;}.affiliates-banner-wrap h2 {font-size: 24px;line-height: 1.3;margin-bottom: 15px;}.affiliates-banner-wrap p {font-size: 16px;line-height: 1.5;margin-bottom: 30px;}.merchant-logo-slider .flickity-slider > .ux-logo {width: 150px !important;}.merchant-logo-slider .ux-logo .ux-logo-image {width: 120px;height: 120px !important;}.merchant-logo-slider .ux-logo .ux-logo-link {padding: 0 15px !important;}.heading-title h2 {font-size: 24px;}.features-comparison-table th {font-size: 18px;}.features-comparison-table td {font-size: 14px !important;}.pricing-new-tabs.pricing-mobile-wrap .tab-panels {border: none;margin: 0;}.pricing-mobile-inner .col-inner {border: solid 1px #ECEBEB;border-radius: 8px;overflow: hidden;}.pricing-mobile-inner .accordion-title {padding: 16px 16px 0 16px;font-size: 20px;font-weight: 500;color: #1A1A38;border: none;height: 226px;}.pricing-mobile-inner .accordion .toggle {margin: 0;opacity: 1;right: 10px;left: auto;top: 16px;transform-origin: unset;font-size: 14px;}.pricing-mobile-inner h3 {color: #FFF;position: absolute;top: 54px;padding: 0 16px 0 16px;pointer-events: none;}.pricing-mobile-inner .stack {margin: 0;position: absolute;top: 100px;left: 16px;width: calc(100% - 32px) !important;}.pricing-mobile-inner.pricing-basic .col-inner {border-color: #7D56E4;}.pricing-mobile-inner.pricing-basic .accordion-title, .pricing-mobile-inner.pricing-pro .accordion-title, .pricing-mobile-inner.pricing-enterprise .accordion-title {color: #fff;}.pricing-mobile-inner.pricing-pro .col-inner {border-color: #0E88FE;}.pricing-mobile-inner.pricing-enterprise .col-inner {border-color: #FF8A00;}.pricing-mobile-inner .accordion-inner {background-color: #fff;padding: 12px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}.pricing-mobile-inner.pricing-basic .main-button, .pricing-mobile-inner.pricing-pro .main-button, .pricing-mobile-inner.pricing-enterprise .main-button {background-color: #fff;border-color: #fff;}.pricing-mobile-inner.pricing-basic .main-button {color: #fff;background-color: #7B54E3;border-color: #7B54E3;}.pricing-mobile-inner.pricing-pro .main-button {color: #fff;background-color: #0E89FF;border-color: #0E89FF;}.pricing-mobile-inner.pricing-enterprise .main-button {color: #fff;background-color: #FB8900;border-color: #FB8900;}.pricing-mobile-inner.pricing-pro .accordion-title > span:after {content: "Popular";font-size: 10px;font-weight: 600;background-color: #41CC94;border-radius: 99px;padding: 0 8px;
2407height: 22px;display: block;position: absolute;line-height: 22px;top: 5px;right: 40px;text-transform: uppercase;}.pricing-mobile-inner.pricing-pro .accordion-title > span {position: relative;width: 100%;display: block;}.pricing-mobile-inner .accordion-inner ul {padding: 0;margin: 0;}.pricing-mobile-inner .accordion-inner ul li.bullet-checkmark:before {background-color: #50C62C;color: #fff;width: 28px;height: 28px;border-radius: 50%;line-height: 28px;text-align: center;font-size: 14px;top: 50%;margin-top: -14px;left: 12px;}.pricing-mobile-inner .accordion-inner ul li.bullet-checkmark {padding: 12px 12px 12px 60px;}.pricing-mobile-inner .accordion-inner ul > li.bullet-checkmark:last-child {border-bottom: none;}.ads-bisnis-hero-section h1 {font-size: 28px;line-height: 1.3;margin-bottom: 8px;}.landing-ads-template .ads-bisnis-hero-section h2 {font-size: 18px;margin-bottom: 6px;}.ads-bisnis-hero-section ul li.bullet-checkmark:before {width: 20px;height: 20px;top: 8px;}.ads-bisnis-hero-section ul li {padding-left: 30px;}.ads-bisnis-hero-section ul {margin-bottom: 10px;}.landing-ads-template h2 {font-size: 24px;}.ads-bisnis-category-slider .flickity-prev-next-button {top: -74px;width: 40px;height: 40px;}.ads-bisnis-category-slider .flickity-prev-next-button.previous {right: 60px;}.ads-bisnis-category-section h2 {padding-right: 130px;}.ads-bisnis-platform-row h3 {font-size: 18px;margin-bottom: 4px;}.ads-bisnis-platform-row p {font-size: 14px;}.landing-ads-template .ads-bisnis-comparison-row h2 {font-size: 20px;margin-bottom: 16px;}.ads-bisnis-comparison-row ul li.bullet-checkmark:before {width: 24px;height: 24px;margin-top: -12px;}.ads-bisnis-comparison-row ul li {font-size: 14px;margin-top: 12px;}.ads-bisnis-comparison-row .check-col .col-inner {background-size: 74px 74px;}.ads-bisnis-category-slider .flickity-slider .box-text h3 {font-size: 16px;}.ads-bisnis-category-slider .flickity-slider .box-text {padding: 0 14px 20px;}.ads-bisnis-features-row .icon-box-img {width: 40px !important;}.pricing-mobile-inner.pricing-lite .main-button:not(.is-outline) {background-color: #7C7C7C;border-color: #7C7C7C;}.pricing-mobile-inner.pricing-lite .is-outline.main-button {border-color: #7C7C7C;color: #fff;}.pricing-mobile-inner.pricing-lite .accordion-title {color: #fff;background: #9C9C9C;background: linear-gradient(180deg, rgba(156, 156, 156, 1) 0%, rgba(32, 32, 32, 1) 100%);}.pricing-mobile-inner .is-outline.main-button {background: transparent;}.pricing-mobile-inner.pricing-lite .col-inner {border-color: #9C9C9C;}.pricing-mobile-inner.pricing-basic .accordion-title {background: #7D56E4;background: linear-gradient(180deg, rgba(125, 86, 228, 1) 0%, rgba(70, 28, 184, 1) 100%);}.pricing-mobile-inner.pricing-pro .accordion-title {background: #0E88FE;background: linear-gradient(180deg, rgba(14, 136, 254, 1) 0%, rgba(0, 80, 157, 1
2407) 100%);}.pricing-mobile-inner.pricing-enterprise .accordion-title {background: #FF8A00;background: linear-gradient(180deg, rgba(255, 138, 0, 1) 0%, rgba(199, 109, 0, 1) 100%);}.snk-fee-trigger {pointer-events: auto;}}/* Custom CSS Mobile */@media (max-width: 549px){.header-cta-wrapper .cta-login {display: none;}.hero-featured-img {padding-left: 0;position: relative;margin-bottom: 30px;}.hero-featured-img img {height: auto !important;}.hero-section .section-bg {width: 120px;height: 140px;}.hero-section .section-content {display: block;height: auto;}.subbrand-page .hero-section .section-content {height: auto;}#top-bar {display: none;}.medium-logo-center > .flex-col.show-for-medium.flex-left {flex: 0 1 0;}.products-tabs ul.nav {flex-wrap: nowrap;justify-content: flex-start;display: flex;overflow-x: scroll;}.pricing-tabs-wrapper ul.nav::-webkit-scrollbar {display: none;}.products-tabs ul.nav::-webkit-scrollbar {display: none;}#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-nav-tabs::-webkit-scrollbar {display: none;}.products-tabs ul.nav {-ms-overflow-style: none;/* IE and Edge */scrollbar-width: none;/* Firefox */}.product-items-wrap.toko-item-wrap {text-align: center;}.product-items-wrap.toko-item-wrap .img {margin-left: auto;margin-right: auto;}.col.small-12 {padding-left: 20px;padding-right: 20px;}.container {padding-left: 20px;padding-right: 20px;}.mobile-sidebar-logo {margin: 0 20px 20px 20px;}.mobile-menu-items-wrap .icon-box {align-items: center;padding: 8px 20px;}.row {padding-left: 0;padding-right: 0;}.benefits-row {padding-left: 14px;padding-right: 14px;}.call-cs-row {margin-left: 20px;width: calc(100% - 40px);}.card-product {margin-left: 20px;width: calc(100% - 40px);}.arrow-right .img:after {display: none;}.arrow-bottom:after {display: none;}.step-self-order .arrow-right:after {display: none;}.saboxplugin-wrap .saboxplugin-gravatar {padding-bottom: 0;}.saboxplugin-wrap .saboxplugin-authorname {margin-bottom: 0;}.saboxplugin-wrap .saboxplugin-authorname a {font-size: 14px;}.saboxplugin-wrap .saboxplugin-desc p {font-size: 12px !important;line-height: normal !important;}.blog-wrapper.blog-single > .row > .col {padding-left: 20px;padding-right: 20px;}.blog-single .main-button {font-size: 14px;width: 100%;}.resto-card > .col > .col-inner {background-image: url(/wp-content/uploads/2024/07/patten-1-mobile-sm.png);background-position: bottom;background-size: contain;}.toko-card > .col > .col-inner {background-image: url(/wp-content/uploads/2024/07/patten-2-mobile-sm.png);background-position: center;background-size: cover;}.cta-card > .col > .col-inner {background-image: url(/wp-content/uploads/2024/07/patten-3-mobile-sm.png);background-position: bottom;background-size: cover;}.resto-card .text-right {text-align: left;}.sales-cta-wrapper .hero-wa-button {width: 100%;}.launch-page .col.small-12 {padding: 0 9.8px 19.6px;}.ads-hero-image-col {position: relative;top: 0;}#qlwapp .qlwapp-toggle {margin-right: 10px !important;}.footer-wrapper .absolute-footer {padding-bottom: 80px;}#eckb-article-content-body p > span[data-text-bg=primary] {font-size: 12px;width: 26px;height: 26px;line-height: 26px;}#eckb-article-content-body p {padding-left: 34px;line-height: normal;}#eckb-archive-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form, #eckb-article-header #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form, .epkb-ml__row #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form {padding: 0;}#eckb-article-page-container-v2 #eckb-article-body #eckb-article-content #eckb-article-content-header-v2 .eckb-article-content-header-row-left-group {margin-right: 0;}#eckb-archive-page-container #eckb-archive-body {display: flex;}#eckb-archive-page-container #eckb-archive-left-sidebar {padding-left: 20px;padding-right: 20px;}#eckb-archive-page-container #eckb-archive-content {padding-left: 20px;padding-right: 20px;padding-top: 30px;}#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 {font-size: 12px !important;}h1.eckb-article-title {font-size: 20px;}.eckb-article-content-toolbar-button-container .eckb-toolbar-button-text {font-size: 14px;}#eckb-article-content-body h3 {font-size: 16px;line-height: normal;}#eckb-article-page-container-v2 #eckb-article-left-sidebar {padding: 30px 20px;}.demo-slider-wrap .flickity-prev-next-button {display: block;}.step-self-order .step-3 .col-inner, .step-self-order .step-4 .col-inner {margin-top: 0;}.header-main .nav > li.html.header-button-2 {margin-right: 0;}.product-features-wrapper ul {gap: 8px;}.product-features-wrapper ul li {font-size: 14px;padding: 4px 12px;}.affiliates-banner-wrap .banner-bg {height: 320px;top: auto;}.affiliates-banner-wrap h2 {font-size: 20px;margin-bottom: 10px;}.affiliates-banner-wrap p {font-size: 14px;margin-bottom: 20px;}.affiliates-banner-wrap .text-inner.text-left {text-align: center;}.guide-img-mobile img {width: 100%;}.pricing-tabs-wrapper > .nav {flex-flow: nowrap;overflow-x: scroll;overflow-y: hidden;justify-content: flex-start;}.pricing-tabs-wrapper .nav > li > a {white-space: nowrap;display: flex;align-items: center;flex-wrap: nowrap;}.features-comparison-table td:has(strong) {font-size: 16px !important;pointer-events: none;}.features-comparison-table td:has(strong) .footable-toggle {display: none;}.features-comparison-table td {position: relative;padding-left: 20px !important;padding-right: 46px !important;}.features-comparison-table td > .footable-toggle {position: absolute;right: 20px;margin: 0;top: 50%;margin-top: -10px;opacity: 1;}.features-comparison-table td > .footable-toggle:before {background-color: #333 !important;}.features-comparison-table th {padding-left: 20px !important;padding-right: 20px !important;border-radius: 12px;}.features-comparison-table:not(.ninja_stacked_table) tbody tr.footable-detail-row>td {border: none !important;}.features-comparison-table:not(.ninja_stacked_table) tbody tr.footable-detail-row>td th {font-size: 16px;padding: 0 0 10px 15px !important;width: 120px;}.features-comparison-table:not(.ninja_stacked_table) tbody tr.footable-detail-row>td td {padding: 0 15px 10px 0 !important;border: none !important;text-align: right;}.features-comparison-table .mark-img {width: 24px;}.features-comparison-table:not(.footable-details) > tbody > tr:not(.footable-detail-row) > td {border-bottom: none !important;border-top: solid 1px #E0E0E0 !important;}.features-comparison-table:not(.footable-details) > tbody > tr:not(.footable-detail-row):first-child > td {border-top: none !important;}.features-comparison-table:not(.footable-details) > tbody > tr:not(.footable-detail-row):last-child > td {border-bottom: solid 1px #E0E0E0 !important;}.add-on-features-wrap {flex-wrap: wrap;justify-content: center;margin-top: 30px;}.add-on-features-wrap > .img {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}#show-hide-button {margin-top: 0;margin-bottom: 0;}#epkb-ml__row-2 {padding-left: 20px;padding-right: 20px;}#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-main-nav {padding: 0;background-color: transparent !important;float: none;width: auto;}#epkb-modular-main-page-container #epkb-ml-tabs-layout #epkb-content-container .epkb-section-container .epkb-ml__module-categories-articles__row {flex-wrap: wrap;}#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 {width: 100% !important;}#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .section-head .epkb-cat-desc {padding-left: 0 !important;}#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-nav-tabs {float: none !important;border-radius: 8px;padding: 2px;display: flex;overflow-x: scroll;overflow-y: hidden;}#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-nav-tabs li .epkb-category-level-1 .epkb-cat-name {white-space: nowrap;font-size: 16px;}#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-nav-tabs li {width: auto !important;height: 38px !important;}#epkb-ml__module-categories-articles #epkb-ml-tabs-layout .epkb-nav-tabs li .epkb-category-level-1 {padding: 0 18px;}.new-ads-cta .icon-box-text h4 {font-size: 14px;}.new-ads-cta .icon-box-img {width: 26px !important;}.new-ads-cta .icon-box-text {padding-left: 12px !important;}.sales-cta-wrapper.ads-cta {padding: 16px 20px 16px 16px !important;}.sales-cta-wrapper.ads-cta .icon-box-img {width: 26px !important;}.merchant-card > .col > .col-inner {background-size: cover;}.card-resto-ads .main-button {width: 100%;}.list-2-col ul, .list-2-col ol {column-count: 1;}.card-fnb-ads .main-button {width: 100%;margin-top: 16px;margin-bottom: 0;}.sales-cta-wrapper.ads-cta-consul .icon-box-img {width: 26px !important;}.sales-cta-wrapper.cta-2.ads-cta-consul {padding-left: 16px !important;}.ads-bisnis-category-section h2 {padding-right: 0;}.ads-bisnis-features-row .icon-box {position: relative;padding-left: 56px;}.ads-bisnis-features-row .icon-box .icon-box-img {margin-bottom: 0;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}.ads-bisnis-features-row .icon-box-text {width: 100%;}.ads-new-hero-section h1 {font-size: 24px;line-height: 1.3;}.ads-new-hero-list ul li {font-size: 14px;margin-top: 15px;text-align: left;}.ads-new-hero-list ul {padding-left: 0;display: block;}.ads-new-hero-list ul li.bullet-checkmark:before {text-align: center;}.ads-new-benefit-section .section-bg .bg {display: none;}.benefits-list ul {width: 100%;}.benefits-list ul li {line-height: 1.3;display: block;}.ads-new-fnb-feature-text h3 {font-size: 18px;}.ads-new-fnb-feature-text p {font-size: 14px;line-height: 1.3;}.ads-new-self-order-stack h3 {font-size: 18px;}.ads-new-self-order-stack p {font-size: 14px;line-height: 1.4;}.ads-new-hero-cta-row .sales-cta-wrapper .icon-box-img {width: 26px !important;}.ads-new-hero-cta-row .sales-cta-wrapper.cta-2 {padding: 16px 20px 16px 16px !important;}}.label-new.menu-item > a:after{content:"New";}.label-hot.menu-item > a:after{content:"Hot";}.label-sale.menu-item > a:after{content:"Sale";}.label-popular.menu-item > a:after{content:"Popular";}</style> <style type="text/css"> 2408 .is-form-id-1382 .is-search-submit:focus, 2409 .is-form-id-1382 .is-search-submit:hover, 2410 .is-form-id-1382 .is-search-submit, 2411 .is-form-id-1382 .is-search-icon { 2412 color: #ffffff !important; background-color: #5e01d0 !important; border-color: #5e01d0 !important; }
2413 .is-form-id-1382 .is-search-submit path { 2414 fill: #ffffff !important; } 2415 .is-form-style-1.is-form-id-1382 .is-search-input:focus, 2416 .is-form-style-1.is-form-id-1382 .is-search-input:hover, 2417 .is-form-style-1.is-form-id-1382 .is-search-input, 2418 .is-form-style-2.is-form-id-1382 .is-search-input:focus, 2419 .is-form-style-2.is-form-id-1382 .is-search-input:hover, 2420 .is-form-style-2.is-form-id-1382 .is-search-input, 2421 .is-form-style-3.is-form-id-1382 .is-search-input:focus, 2422 .is-form-style-3.is-form-id-1382 .is-search-input:hover, 2423 .is-form-style-3.is-form-id-1382 .is-search-input, 2424 .is-form-id-1382 .is-search-input:focus, 2425 .is-form-id-1382 .is-search-input:hover, 2426 .is-form-id-1382 .is-search-input { 2427 border-color: #e5e5e5 !important; } 2428 </style> 2429 <meta name="generator" content="WP Rocket 3.23.3.3" data-wpr-features="wpr_minify_js wpr_minify_css wpr_cdn wpr_preload_links wpr_desktop" /></head> 2430 2431<body class="home wp-singular page-template page-template-page-blank page-template-page-blank-php page page-id-5942 wp-theme-flatsome header-shadow lightbox nav-dropdown-has-shadow mobile-submenu-slide mobile-submenu-slide-levels-1 mobile-submenu-toggle flatsome general-page-temp"> 2432 2433 <!-- Google Tag Manager (noscript) snippet added by Site Kit -->
vendor: 74 bytes, lines 2433-2435
2433 2434 <noscript> 2435 <iframe src="https://www.googletagmanager.com/ns.html?id=
2435GTM-PF8HWW5S
vendor: 88 bytes, lines 2435-2437
2435" height="0" width="0" style="display:none;visibility:hidden"></iframe> 2436 </noscript> 2437
2437<!-- End Google Tag Manager (noscript) snippet added by Site Kit --> 2438 2439<a class="skip-link screen-reader-text" href="#main">Skip to content</a> 2440 2441<div data-rocket-location-hash="99bb46786fd5bd31bcd7bdc067ad247a" id="wrapper"> 2442 2443 2444 <header data-rocket-location-hash="8cd2ef760cf5956582d03e973259bc0e" id="header" class="header has-sticky sticky-jump"> 2445 <div data-rocket-location-hash="d53b06ca13945ed03e70ba4a94347bcf" class="header-wrapper"> 2446 <div id="masthead" class="header-main "> 2447 <div class="header-inner flex-row container logo-left medium-logo-center" role="navigation"> 2448 2449 <!-- Logo --> 2450 <div id="logo" class="flex-col logo"> 2451 2452<!-- Header logo --> 2453<a href="https://kasflo.id/" title="Kasflo - #PastiLebihBaik" rel="home"> 2454 <img width="600" height="263" src="https://kasflo.id/wp-content/uploads/2024/08/Kasflo-Primary-Logo-powered.png" class="header_logo header-logo" alt="Kasflo"/><img width="600" height="263" src="https://kasflo.id/wp-content/uploads/2024/08/Kasflo-Secondary-White-Logo-powered.png" class="header-logo-dark" alt="Kasflo"/></a> 2455 </div> 2456 2457 <!-- Mobile Left Elements --> 2458 <div class="flex-col show-for-medium flex-left"> 2459 <ul class="mobile-nav nav nav-left "> 2460 <li class="nav-icon has-icon"> 2461 <a href="#" data-open="#main-menu" data-pos="left" data-bg="main-menu-overlay" data-color="" class="is-small" aria-label="Menu" aria-controls="main-menu" aria-expanded="false"> 2462 2463 <i class="icon-menu" ></i> 2464 </a> 2465 </li> 2466 </ul> 2467 </div> 2468 2469 <!-- Left Elements --> 2470 <div class="flex-col hide-for-medium flex-left 2471 flex-grow"> 2472 <ul class="header-nav header-nav-main nav nav-left " > 2473 </ul> 2474 </div> 2475 2476 <!-- Right Elements --> 2477 <div class="flex-col hide-for-medium flex-right"> 2478 <ul class="header-nav header-nav-main nav nav-right "> 2479 <li id="menu-item-6846" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-5942 current_page_item menu-item-6846 active menu-item-design-default"><a href="https://kasflo.id/" aria-current="page" class="nav-top-link">Home</a></li> 2480<li id="menu-item-3448" 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"><a href="#" class="nav-top-link" aria-expanded="false" aria-haspopup="menu">Solusi Bisnis<i class="icon-angle-down" ></i></a> 2481<ul class="sub-menu nav-dropdown nav-dropdown-default"> 2482 <li id="menu-item-3449" 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 nav-dropdown-col"><a href="https://kasflo.id/kasflo-resto/">Kasflo Resto</a> 2483 <ul class="sub-menu nav-column nav-dropdown-default"> 2484 <li id="menu-item-3454" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3454"><a>Beverages</a></li> 2485 <li id="menu-item-3455" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3455"><a>Coffe Shop</a></li> 2486 <li id="menu-item-3456" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3456"><a>Cepat Saji</a></li> 2487 <li id="menu-item-3457" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3457"><a>Restoran</a></li> 2488 <li id="menu-item-3458" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3458"><a>Dessert Cafe</a></li> 2489 <li id="menu-item-3463" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3463"><a>Tea House</a></li> 2490 <li id="menu-item-3464" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3464"><a>Cocktail Bar</a></li> 2491 <li id="menu-item-3465" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3465"><a>Toko Kue</a></li> 2492 <li id="menu-item-3466" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3466"><a>Food Truck</a></li> 2493 <li id="menu-item-3467" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3467"><a>Smoothie Bar</a></li> 2494 <li id="menu-item-3468" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3468"><a>Drive Thru</a></li> 2495 <li id="menu-item-3469" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3469"><a>Food Court</a></li> 2496 <li id="menu-item-3470" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3470"><a>Pasar Makanan</a></li> 2497 <li id="menu-item-3471" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3471"><a>Gerai Makanan Jalanan</a></li> 2498 <li id="menu-item-3472" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3472"><a>Catering</a></li> 2499 <li id="menu-item-3473" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3473"><a>Juice Bar</a></li> 2500 <li id="menu-item-3496" class="button-more menu-item menu-item-type-custom menu-item-object-custom menu-item-3496"><a href="/kasflo-resto/">Lihat Selengkapnya</a></li> 2501 </ul> 2502</li> 2503 <li id="menu-item-3450" 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 nav-dropdown-col"><a href="https://kasflo.id/kasflo-toko/">Kasflo Toko</a> 2504 <ul class="sub-menu nav-column nav-dropdown-default"> 2505 <li id="menu-item-3474" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3474"><a>Toko Grosir</a></li> 2506 <li id="menu-item-3475" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3475"><a>Toko Retail</a></li> 2507 <li id="menu-item-3476" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3476"><a>Warung Sembako</a></li> 2508 <li id="menu-item-3477" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3477"><a>Warung Kelontong</a></li> 2509 <li id="menu-item-3478" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3478"><a>Warung Sayur</a></li> 2510 <li id="menu-item-3479" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3479"><a>Warung Buah</a></li> 2511 <li id="menu-item-3497" class="button-more menu-item menu-item-type-custom menu-item-object-custom menu-item-3497"><a href="/kasflo-toko/">Lihat Selengkapnya</a></li> 2512 </ul> 2513</li> 2514 <li id="menu-item-3451" 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 nav-dropdown-col"><a href="https://kasflo.id/kasflo-bisnis/">Kasflo Bisnis</a> 2515 <ul class="sub-menu nav-column nav-dropdown-default"> 2516 <li id="menu-item-3480" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3480"><a>Laundry</a></li> 2517 <li id="menu-item-3481" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3481"><a>Barbershop</a></li> 2518 <li id="menu-item-3482" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3482"><a>Salon Kecantikan</a></li> 2519 <li id="menu-item-3483" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3483"><a>Toko Farmasi</a></li> 2520 <li id="menu-item-3484" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3484"><a>Sewa Lapangan</a></li> 2521 <li id="menu-item-3485" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3485"><a>Cuci Mobil & Motor</a></li> 2522 <li id="menu-item-3486" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3486"><a>Rental Playstation</a></li> 2523 <li id="menu-item-3487" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3487"><a>Toko Komputer, HP dan Accesories</a></li> 2524 <li id="menu-item-3488" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3488"><a>Toko Kelontong</a></li> 2525 <li id="menu-item-3489" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3489"><a>Toko Kosmetik</a></li> 2526 <li id="menu-item-3490" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3490"><a>Petshop</a></li> 2527 <li id="menu-item-3491" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3491"><a>Photo Studio</a></li> 2528 <li id="menu-item-3492" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3492"><a>Pijat Refleksi</a></li> 2529 <li id="menu-item-3493" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3493"><a>Rental Motor & Mobil</a></li> 2530 <li id="menu-item-3494" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3494"><a>Salon & Spa</a></li> 2531 <li id="menu-item-3495" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3495"><a>Toko Perangkat Elektronik</a></li> 2532 <li id="menu-item-3498" class="button-more menu-item menu-item-type-custom menu-item-object-custom menu-item-3498"><a href="/kasflo-bisnis/">Lihat Selengkapnya</a></li> 2533 </ul> 2534</li> 2535</ul> 2536</li> 2537<li id="menu-item-4756" 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"><a href="https://kasflo.id/berlangganan/" class="nav-top-link" aria-expanded="false" aria-haspopup="menu">Harga<i class="icon-angle-down" ></i></a> 2538<ul class="sub-menu nav-dropdown nav-dropdown-default"> 2539 <li id="menu-item-4857" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4857"><a href="https://kasflo.id/berlangganan/kasflo-resto/">Berlangganan Kasflo Resto</a></li> 2540 <li id="menu-item-4856" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4856"><a href="https://kasflo.id/berlangganan/kasflo-bisnis/">Berlangganan Kasflo Bisnis</a></li> 2541</ul> 2542</li> 2543<li id="menu-item-3452" class="menu-item-level-1 menu-item menu-item-type-post_type menu-item-object-page menu-item-3452 menu-item-design-default"><a href="https://kasflo.id/panduan/" class="nav-top-link">Panduan</a></li> 2544<li id="menu-item-3453" class="menu-item-level-1 menu-item menu-item-type-post_type menu-item-object-page menu-item-3453 menu-item-design-default"><a href="https://kasflo.id/blog/" class="nav-top-link">Blog</a></li> 2545<li class="html custom html_topbar_right"><div class="header-cta-wrapper"><div class="cta-dropdown cta-login"><button class="button main-button">Masuk <i class="icon-angle-down"></i></button><div class="cta-dropdown-content"><a href="https://backoffice.kasflo.id/" target="_blank">Masuk Kasflo Resto</a><a href="https://play.google.com/store/apps/details?id=com.kasflo_store.android" target="_blank">Download Kasflo Toko</a><a href="https://backoffice-bisnis.kasflo.id/" target="_blank">Masuk Kasflo Bisnis</a></div></div><div class="cta-dropdown cta-register"><button class="button main-button">Daftar Gratis <i class="icon-angle-down"></i></button><div class="cta-dropdown-content"><a href="https://backoffice.kasflo.id/register?referral_code=SOR" target="_blank">Daftar Kasflo Resto</a><a href="https://play.google.com/store/apps/details?id=com.kasflo_store.android" target="_blank">Download Kasflo Toko</a><a href="https://backoffice-bisnis.kasflo.id/register?referral_code=SOB" target="_blank">Daftar Kasflo Bisnis</a></div></div></div></li> </ul> 2546 </div> 2547 2548 <!-- Mobile Right Elements --> 2549 <div class="flex-col show-for-medium flex-right"> 2550 <ul class="mobile-nav nav nav-right "> 2551 <li class="html custom html_topbar_right"><div class="header-cta-wrapper"><div class="cta-dropdown cta-login"><button class="button main-button">Masuk <i class="icon-angle-down"></i></button><div class="cta-dropdown-content"><a href="https://backoffice.kasflo.id/" target="_blank">Masuk Kasflo Resto</a><a href="https://play.google.com/store/apps/details?id=com.kasflo_store.android" target="_blank">Download Kasflo Toko</a><a href="https://backoffice-bisnis.kasflo.id/" target="_blank">Masuk Kasflo Bisnis</a></div></div><div class="cta-dropdown cta-register"><button class="button main-button">Daftar Gratis <i class="icon-angle-down"></i></button><div class="cta-dropdown-content"><a href="https://backoffice.kasflo.id/register?referral_code=SOR" target="_blank">Daftar Kasflo Resto</a><a href="https://play.google.com/store/apps/details?id=com.kasflo_store.android" target="_blank">Download Kasflo Toko</a><a href="https://backoffice-bisnis.kasflo.id/register?referral_code=SOB" target="_blank">Daftar Kasflo Bisnis</a></div></div></div></li> </ul> 2552 </div> 2553 2554 </div> 2555 2556 </div> 2557 2558<div class="header-bg-container fill"><div class="header-bg-image fill"></div><div class="header-bg-color fill"></div></div> </div> 2559 </header> 2560 2561 2562 <main data-rocket-location-hash="bd73b599510e3c4ba22a673838291c53" id="main" class=""> 2563 2564 2565<div data-rocket-location-hash="b3c72c71180eed9be0bde2044a9e5500" id="content" role="main" class="content-area"> 2566 2567 2568 2569 <section class="section new-home-hero-section dark" id="section_1956706007"> 2570 <div class="section-bg fill" > 2571 <img fetchpriority="high" decoding="async" width="2304" height="1152" src="https://kasflo.id/wp-content/uploads/2026/08/bg-hero.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/bg-hero.jpg 2304w, https://kasflo.id/wp-content/uploads/2026/08/bg-hero-300x150.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/bg-hero-1024x512.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/bg-hero-768x384.jpg 768w, https://kasflo.id/wp-content/uploads/2026/08/bg-hero-1536x768.jpg 1536w, https://kasflo.id/wp-content/uploads/2026/08/bg-hero-2048x1024.jpg 2048w" sizes="(max-width: 2304px) 100vw, 2304px" /> 2572 2573 2574 2575 2576 </div> 2577 2578 2579 2580 <div class="section-content relative"> 2581 2582<div class="row row-collapse align-middle" id="row-585786206"> 2583 2584 <div id="col-969370128" class="col new-home-hero-left medium-6 small-12 large-6" > 2585 <div class="col-inner" > 2586 2587 2588 <div id="text-3840972742" class="text heading-title"> 2589 2590<h1>Kasflo Aplikasi Kasir <strong>Modern</strong></h1> 2591 </div> 2592 2593 <div id="text-2349983367" class="text"> 2594 2595<p>Tingkatkan penjualan, permudah operasional bisnis, kurangi pekerjaan manual, dan berikan pelayanan yang lebih cepat kepada pelanggan hanya dengan Kasflo.<br /> 2596 2597<style> 2598#text-2349983367 { 2599 font-size: 0.875rem; 2600} 2601</style> 2602 </div> 2603 2604<p><strong>#PastiLebihBaik</strong></p> 2605 <div id="gap-1676909706" class="gap-element clearfix" style="display:block; height:auto;"> 2606 2607<style> 2608#gap-1676909706 { 2609 padding-top: 14px; 2610} 2611</style> 2612 </div> 2613 2614 <div id="stack-2506012130" class="stack stack-row justify-start items-stretch sm:stack-col"> 2615 2616<a href="https://backoffice.kasflo.id/register" target="_blank" class="button white lowercase new-button" rel="noopener" style="border-radius:10px;"> 2617 <span>Coba Gratis 14 Hari</span> 2618 <i class="icon-angle-right" aria-hidden="true" ></i></a> 2619 2620<a href="https://wa.me/6281286468855?text=Hai%20Kak,%20saya%20mau%20menanyakan%20tentang%20..." target="_blank" class="button white is-outline lowercase new-button" rel="noopener" style="border-radius:10px;"> 2621 <span>Konsultasi Sekarang</span> 2622 <i class="icon-angle-right" aria-hidden="true" ></i></a> 2623 2624 2625<style> 2626#stack-2506012130 > * { 2627 --stack-gap: 0.875rem; 2628} 2629</style> 2630 </div> 2631 2632 </div> 2633 2634<style> 2635#col-969370128 > .col-inner { 2636 padding: 0px 20px 0px 20px; 2637} 2638@media (min-width:550px) { 2639 #col-969370128 > .col-inner { 2640 padding: 0px 0px 60px 0px; 2641 } 2642} 2643</style> 2644 </div> 2645 2646 2647 2648 <div id="col-957661059" class="col new-home-hero-right medium-6 small-12 large-6 small-col-first" > 2649 <div class="col-inner" > 2650 2651 2652<div class="row row-collapse hero-home-right-inner" id="row-554028083"> 2653 2654 <div id="col-1235164714" class="col small-12 large-12" > 2655 <div class="col-inner" > 2656 2657 2658 <div class="img has-hover hero-entity hero-entity--logo hide-for-medium x md-x lg-x y md-y lg-y" id="image_1469309409"> 2659 <div class="img-inner dark" > 2660 <img decoding="async" width="254" height="254" src="https://kasflo.id/wp-content/uploads/2026/08/Logomark-Kasflo.png" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Logomark-Kasflo.png 254w, https://kasflo.id/wp-content/uploads/2026/08/Logomark-Kasflo-150x150.png 150w" sizes="(max-width: 254px) 100vw, 254px"
2660/> 2661 </div> 2662 2663<style> 2664#image_1469309409 { 2665 width: 100%; 2666} 2667</style> 2668 </div> 2669 2670 <div class="box has-hover hero-entity hero-entity--business hero-entity--laundry label-primary hide-for-medium has-hover box-text-bottom" > 2671 2672 <div class="box-image" > 2673 <div class="" > 2674 <img decoding="async" width="231" height="231" src="https://kasflo.id/wp-content/uploads/2026/08/image-entity-1.jpg" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/image-entity-1.jpg 231w, https://kasflo.id/wp-content/uploads/2026/08/image-entity-1-150x150.jpg 150w" sizes="(max-width: 231px) 100vw, 231px" /> </div> 2675 </div> 2676 2677 <div class="box-text text-center" > 2678 <div class="box-text-inner"> 2679 2680<p>Laundry</p> 2681 </div> 2682 </div> 2683 </div> 2684 2685 <div class="box has-hover hero-entity hero-entity--business hero-entity--barber label-secondary hide-for-medium has-hover box-text-bottom" > 2686 2687 <div class="box-image" > 2688 <div class="" > 2689 <img loading="lazy" decoding="async" width="231" height="231" src="https://kasflo.id/wp-content/uploads/2026/08/image-entity-2.jpg" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/image-entity-2.jpg 231w, https://kasflo.id/wp-content/uploads/2026/08/image-entity-2-150x150.jpg 150w" sizes="auto, (max-width: 231px) 100vw, 231px" /> </div> 2690 </div> 2691 2692 <div class="box-text text-center" > 2693 <div class="box-text-inner"> 2694 2695<p>Barbershop</p> 2696 </div> 2697 </div> 2698 </div> 2699 2700 <div class="box has-hover hero-entity hero-entity--business hero-entity--restaurant entity-small label-primary hide-for-medium has-hover box-text-bottom" > 2701 2702 <div class="box-image" > 2703 <div class="" > 2704 <img loading="lazy" decoding="async" width="165" height="165" src="https://kasflo.id/wp-content/uploads/2026/08/image-entity-3.jpg" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/image-entity-3.jpg 165w, https://kasflo.id/wp-content/uploads/2026/08/image-entity-3-150x150.jpg 150w" sizes="auto, (max-width: 165px) 100vw, 165px" /> </div> 2705 </div> 2706 2707 <div class="box-text text-center" > 2708 <div class="box-text-inner"> 2709 2710<p>Restoran</p> 2711 </div> 2712 </div> 2713 </div> 2714 2715 <div class="box has-hover hero-entity hero-entity--business hero-entity--carwash entity-small label-primary hide-for-medium has-hover box-text-bottom" > 2716 2717 <div class="box-image" > 2718 <div class="" > 2719 <img loading="lazy" decoding="async" width="165" height="165" src="https://kasflo.id/wp-content/uploads/2026/08/image-entity-4.jpg" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/image-entity-4.jpg 165w, https://kasflo.id/wp-content/uploads/2026/08/image-entity-4-150x150.jpg 150w" sizes="auto, (max-width: 165px) 100vw, 165px" /> </div> 2720 </div> 2721 2722 <div class="box-text text-center" > 2723 <div class="box-text-inner"> 2724 2725<p>Cuci Mobil & Motor</p> 2726 </div> 2727 </div> 2728 </div> 2729 2730 <div class="box has-hover hero-entity hero-entity--business hero-entity--spa label-secondary hide-for-medium has-hover box-text-bottom" > 2731 2732 <div class="box-image" > 2733 <div class="" > 2734 <img loading="lazy" decoding="async" width="231" height="231" src="https://kasflo.id/wp-content/uploads/2026/08/image-entity-5.jpg" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/image-entity-5.jpg 231w, https://kasflo.id/wp-content/uploads/2026/08/image-entity-5-150x150.jpg 150w" sizes="auto, (max-width: 231px) 100vw, 231px" /> </div> 2735 </div> 2736 2737 <div class="box-text text-center" > 2738 <div class="box-text-inner"> 2739 2740<p>Pijat Refleksi</p> 2741 </div> 2742 </div> 2743 </div> 2744 2745 <div class="img has-hover hero-connector hide-for-medium x md-x lg-x y md-y lg-y" id="image_1164693663"> 2746 <div class="img-inner dark" > 2747 <img loading="lazy" decoding="async" width="549" height="453" src="https://kasflo.id/wp-content/uploads/2026/09/o680tkna5ucmucg60hg-1.svg" class="attachment-original size-original" alt="" /> 2748 </div> 2749 2750<style> 2751#image_1164693663 { 2752 width: 100%; 2753} 2754</style> 2755 </div> 2756 2757 <div class="hero-entity hero-entity--dashboard"> 2758 2759<div class="slider-wrapper relative" id="slider-19073508" > 2760 <div class="slider slider-nav-dots-simple slider-nav-circle slider-nav-large slider-nav-dark slider-style-normal" 2761 data-flickity-options='{ 2762 "cellAlign": "center", 2763 "imagesLoaded": true, 2764 "lazyLoad": 1, 2765 "freeScroll": false, 2766 "wrapAround": true, 2767 "autoPlay": 5000, 2768 "pauseAutoPlayOnHover" : true, 2769 "prevNextButtons": false, 2770 "contain" : true, 2771 "adaptiveHeight" : true, 2772 "dragThreshold" : 10, 2773 "percentPosition": true, 2774 "pageDots": true, 2775 "rightToLeft": false, 2776 "draggable": true, 2777 "selectedAttraction": 0.1, 2778 "parallax" : 0, 2779 "friction": 0.6 }' 2780 > 2781 2782 2783<div class="row row-collapse" id="row-1804508986"> 2784 2785 2786 <div id="col-2090999060" class="col small-12 large-12" > 2787 <div class="col-inner" > 2788 2789 2790 2791 <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_125144832"> 2792 <div class="img-inner dark" > 2793 <img loading="lazy" decoding="async" width="368" height="315" src="https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-1-1.jpg" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-1-1.jpg 368w, https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-1-1-300x257.jpg 300w" sizes="auto, (max-width: 368px) 100vw, 368px" /> 2794 </div> 2795 2796<style> 2797#image_125144832 { 2798 width: 100%; 2799} 2800</style> 2801 </div> 2802 2803 2804 <div id="gap-2117937416" class="gap-element clearfix" style="display:block; height:auto;"> 2805 2806<style> 2807#gap-2117937416 { 2808 padding-top: 14px; 2809} 2810</style> 2811 </div> 2812 2813 2814<h3>Dashboard Kasir</h3> 2815<p>Pantau penjualan dan bisnis secara real-time dalam satu dashboard.</p> 2816 2817 </div> 2818 2819<style> 2820#col-2090999060 > .col-inner { 2821 padding: 0px 0px 44px 0px; 2822} 2823</style> 2824 </div> 2825 2826 2827 2828</div> 2829<div class="row row-collapse" id="row-1228725366"> 2830 2831 2832 <div id="col-4350913" class="col small-12 large-12" > 2833 <div class="col-inner" > 2834 2835 2836 2837 <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_1001532899"> 2838 <div class="img-inner dark" > 2839 <img loading="lazy" decoding="async" width="368" height="315" src="https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-2-1.jpg" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-2-1.jpg 368w, https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-2-1-300x257.jpg 300w" sizes="auto, (max-width: 368px) 100vw, 368px" /> 2840 </div> 2841 2842<style> 2843#image_1001532899 { 2844 width: 100%; 2845} 2846</style> 2847 </div> 2848 2849 2850 <div id="gap-1386297398" class="gap-element clearfix" style="display:block; height:auto;"> 2851 2852<style> 2853#gap-1386297398 { 2854 padding-top: 14px; 2855} 2856</style> 2857 </div> 2858 2859 2860<h3>Reservasi</h3> 2861<p>Atur booking pelanggan lebih mudah dan rapi.</p> 2862 2863 </div> 2864 2865<style> 2866#col-4350913 > .col-inner { 2867 padding: 0px 0px 44px 0px; 2868} 2869</style> 2870 </div> 2871 2872 2873 2874</div> 2875<div class="row row-collapse" id="row-566377197"> 2876 2877 2878 <div id="col-484754817" class="col small-12 large-12" > 2879 <div class="col-inner" > 2880 2881 2882 2883 <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_994550585"> 2884 <div class="img-inner dark" > 2885 <img loading="lazy" decoding="async" width="368" height="315" src="https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-3-1.jpg" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-3-1.jpg 368w, https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-3-1-300x257.jpg 300w" sizes="auto, (max-width: 368px) 100vw, 368px" /> 2886 </div> 2887 2888<style> 2889#image_994550585 { 2890 width: 100%; 2891} 2892</style> 2893 </div> 2894 2895 2896 <div id="gap-645282874" class="gap-element clearfix" style="display:block; height:auto;"> 2897 2898<style> 2899#gap-645282874 { 2900 padding-top: 14px; 2901} 2902</style> 2903 </div> 2904 2905 2906<h3>Self Order</h3> 2907<p>Pelanggan bisa langsung pesan sendiri dari QR tanpa biaya tambahan.</p> 2908 2909 </div> 2910 2911<style> 2912#col-484754817 > .col-inner { 2913 padding: 0px 0px 44px 0px; 2914} 2915</style> 2916 </div> 2917 2918 2919 2920</div> 2921<div class="row row-collapse" id="row-256414771"> 2922 2923 2924 <div id="col-97955729" class="col small-12 large-12" > 2925 <div class="col-inner" > 2926 2927 2928 2929 <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_1430480063"> 2930 <div class="img-inner dark" > 2931 <img loading="lazy" decoding="async" width="368" height="315" src="https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-4-1.jpg" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-4-1.jpg 368w, https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-4-1-300x257.jpg 300w" sizes="auto, (max-width: 368px) 100vw, 368px" /> 2932 </div> 2933 2934<style> 2935#image_1430480063 { 2936 width: 100%; 2937} 2938</style> 2939 </div> 2940 2941 2942 <div id="gap-1727891029" class="gap-element clearfix" style="display:block; height:auto;"> 2943 2944<style> 2945#gap-1727891029 { 2946 padding-top: 14px; 2947} 2948</style> 2949 </div> 2950 2951 2952<h3>Inventori</h3> 2953<p>Pantau stok dan bahan baku jadi lebih praktis.</p> 2954 2955 </div> 2956 2957<style> 2958#col-97955729 > .col-inner { 2959 padding: 0px 0px 44px 0px; 2960} 2961</style> 2962 </div> 2963 2964 2965 2966</div> 2967<div class="row row-collapse" id="row-2041809846"> 2968 2969 2970 <div id="col-924097067" class="col small-12 large-12" > 2971 <div class="col-inner" > 2972 2973 2974 2975 <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_1338612914"> 2976 <div class="img-inner dark" > 2977 <img loading="lazy" decoding="async" width="368" height="315" src="https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-5-1.jpg" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-5-1.jpg 368w, https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-5-1-300x257.jpg 300w" sizes="auto, (max-width: 368px) 100vw, 368px" /> 2978 </div> 2979 2980<style> 2981#image_1338612914 { 2982 width: 100%; 2983} 2984</style> 2985 </div> 2986 2987 2988 <div id="gap-301165065" class="gap-element clearfix" style="display:block; height:auto;"> 2989 2990<style> 2991#gap-301165065 { 2992 padding-top: 14px; 2993} 2994</style> 2995 </div> 2996 2997 2998<h3>QRIS Dinamis</h3> 2999<p>Terima pembayaran QRIS sesuai nominal pembelian langsung dari kasir.</p> 3000 3001 </div> 3002 3003<style> 3004#col-924097067 > .col-inner { 3005 padding: 0px 0px 44px 0px; 3006} 3007</style> 3008 </div> 3009 3010 3011 3012</div> 3013<div class="row row-collapse" id="row-1003306125"> 3014 3015 3016 <div id="col-1807787858" class="col small-12 large-12" > 3017 <div class="col-inner" > 3018 3019 3020 3021 <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_693981086"> 3022 <div class="img-inner dark" > 3023 <img loading="lazy" decoding="async" width="368" height="315" src="https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-6-1.jpg" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-6-1.jpg 368w, https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-6-1-300x257.jpg 300w" sizes="auto, (max-width: 368px) 100vw, 368px" /> 3024 </div> 3025 3026<style> 3027#image_693981086 { 3028 width: 100%; 3029} 3030</style> 3031 </div> 3032 3033 3034 <div id="gap-894810831" class="gap-element clearfix" style="display:block; height:auto;"> 3035 3036<style> 3037#gap-894810831 { 3038 padding-top: 14px; 3039} 3040</style> 3041 </div> 3042 3043 3044<h3>Membership</h3> 3045<p>Kelola member dengan poin royalti, buat pelanggan jadi lebih setia.</p> 3046 3047 </div> 3048 3049<style> 3050#col-1807787858 > .col-inner { 3051 padding: 0px 0px 44px 0px; 3052} 3053</style> 3054 </div> 3055 3056 3057 3058</div> 3059<div class="row row-collapse" id="row-1240534379"> 3060 3061 3062 <div id="col-38800371" class="col small-12 large-12" > 3063 <div class="col-inner" > 3064 3065 3066 3067 <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_917378652"> 3068 <div class="img-inner dark" > 3069 <img loading="lazy" decoding="async" width="368" height="315" src="https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-7-1.jpg" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-7-1.jpg 368w, https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-7-1-300x257.jpg 300w" sizes="auto, (max-width: 368px) 100vw, 368px" /> 3070 </div> 3071 3072<style> 3073#image_917378652 { 3074 width: 100%; 3075} 3076</style> 3077 </div> 3078 3079 3080 <div id="gap-1628051348" class="gap-element clearfix" style="display:block; height:auto;"> 3081 3082<style> 3083#gap-1628051348 { 3084 padding-top: 14px; 3085} 3086</style> 3087 </div> 3088 3089 3090<h3>Delivery Order</h3> 3091<p>Terintegrasi dengan aplikasi layanan pesan antar makanan online.</p> 3092 3093 </div> 3094 3095<style> 3096#col-38800371 > .col-inner { 3097 padding: 0px 0px 44px 0px; 3098} 3099</style> 3100 </div> 3101 3102 3103 3104</div> 3105<div class="row row-collapse" id="row-215193692"> 3106 3107 3108 <div id="col-1089276675" class="col small-12 large-12" > 3109 <div class="col-inner" > 3110 3111 3112 3113 <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_1609864423"> 3114 <div class="img-inner dark" > 3115 <img loading="lazy" decoding="async" width="368" height="315" src="https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-8-1.jpg" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-8-1.jpg 368w, https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-8-1-300x257.jpg 300w" sizes="auto, (max-width: 368px) 100vw, 368px" /> 3116 </div> 3117 3118<style> 3119#image_1609864423 { 3120 width: 100%; 3121} 3122</style> 3123 </div> 3124 3125 3126 <div id="gap-1546063902" class="gap-element clearfix" style="display:block; height:auto;"> 3127 3128<style> 3129#gap-1546063902 { 3130 padding-top: 14px; 3131} 3132</style> 3133 </div> 3134 3135 3136<h3>Suara Notifikasi</h3> 3137<p>
3137Ketahui transaksi masuk lewat notifikasi suara tanpa harus membeli soundbox.</p> 3138 3139 </div> 3140 3141<style> 3142#col-1089276675 > .col-inner { 3143 padding: 0px 0px 44px 0px; 3144} 3145</style> 3146 </div> 3147 3148 3149 3150</div> 3151<div class="row row-collapse" id="row-7415846"> 3152 3153 3154 <div id="col-566402587" class="col small-12 large-12" > 3155 <div class="col-inner" > 3156 3157 3158 3159 <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_1661986537"> 3160 <div class="img-inner dark" > 3161 <img loading="lazy" decoding="async" width="368" height="315" src="https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-9-1.jpg" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-9-1.jpg 368w, https://kasflo.id/wp-content/uploads/2026/08/image-dashboard-9-1-300x257.jpg 300w" sizes="auto, (max-width: 368px) 100vw, 368px" /> 3162 </div> 3163 3164<style> 3165#image_1661986537 { 3166 width: 100%; 3167} 3168</style> 3169 </div> 3170 3171 3172 <div id="gap-1292037599" class="gap-element clearfix" style="display:block; height:auto;"> 3173 3174<style> 3175#gap-1292037599 { 3176 padding-top: 14px; 3177} 3178</style> 3179 </div> 3180 3181 3182<h3>Billing System</h3> 3183<p>Catat pembelian dan tagihan secara otomatis.</p> 3184 3185 </div> 3186 3187<style> 3188#col-566402587 > .col-inner { 3189 padding: 0px 0px 44px 0px; 3190} 3191</style> 3192 </div> 3193 3194 3195 3196</div> 3197 3198 </div> 3199 3200 <div class="loading-spin dark large centered"></div> 3201 3202 </div> 3203 3204 3205 </div> 3206 3207 </div> 3208 3209<style> 3210#col-1235164714 > .col-inner { 3211 margin: 0px 0px 0px 0px; 3212} 3213@media (min-width:550px) { 3214 #col-1235164714 > .col-inner { 3215 margin: 0px 0px 0px 20px; 3216 } 3217} 3218</style> 3219 </div> 3220 3221 3222</div> 3223 </div> 3224 </div> 3225 3226 3227</div> 3228 </div> 3229 3230 3231<style> 3232#section_1956706007 { 3233 padding-top: 40px; 3234 padding-bottom: 40px; 3235 min-height: 0px; 3236 background-color: rgb(8, 5, 18); 3237} 3238#section_1956706007 .bg { 3239 object-position: 50% 50%; 3240} 3241@media (min-width:550px) { 3242 #section_1956706007 { 3243 padding-top: 30px; 3244 padding-bottom: 30px; 3245 min-height: 735px; 3246 } 3247} 3248</style> 3249 </section> 3250 3251 3252 3253 <section class="section home-statistic-section" id="section_1448545030"> 3254 <div class="section-bg fill" > 3255 3256 3257 3258 3259 3260 </div> 3261 3262 3263 3264 <div class="section-content relative"> 3265 3266<div class="row row-collapse" id="row-222560133"> 3267 3268 <div id="col-2084982934" class="col medium-3 small-12 large-3" > 3269 <div class="col-inner" > 3270 3271 3272 3273 <div class="icon-box featured-box statistic-item-wrap icon-box-top text-left" > 3274 <div class="icon-box-img" style="width: 96px"> 3275 <div class="icon"> 3276 <div class="icon-inner" > 3277 <img loading="lazy" decoding="async" width="192" height="192" src="https://kasflo.id/wp-content/uploads/2026/08/ic-analisis-1.png" class="attachment-medium size-medium" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/ic-analisis-1.png 192w, https://kasflo.id/wp-content/uploads/2026/08/ic-analisis-1-150x150.png 150w" sizes="auto, (max-width: 192px) 100vw, 192px" /> </div> 3278 </div> 3279 </div> 3280 <div class="icon-box-text last-reset"> 3281 3282<p>Jumlah Merchant</p> 3283<h2><span class="count-up">6800</span>+</h2> 3284 </div> 3285 </div> 3286 3287 3288 </div> 3289 3290<style> 3291#col-2084982934 > .col-inner { 3292 padding: 0px 20px 16px 20px; 3293} 3294@media (min-width:550px) { 3295 #col-2084982934 > .col-inner { 3296 padding: 0px 8px 0px 8px; 3297 } 3298} 3299</style> 3300 </div> 3301 3302 3303 3304 <div id="col-818563701" class="col medium-3 small-12 large-3" > 3305 <div class="col-inner" > 3306 3307 3308 3309 <div class="icon-box featured-box statistic-item-wrap icon-box-top text-left" > 3310 <div class="icon-box-img" style="width: 96px"> 3311 <div class="icon"> 3312 <div class="icon-inner" > 3313 <img loading="lazy" decoding="async" width="192" height="192" src="https://kasflo.id/wp-content/uploads/2026/08/ic-analisis-2.png" class="attachment-medium size-medium" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/ic-analisis-2.png 192w, https://kasflo.id/wp-content/uploads/2026/08/ic-analisis-2-150x150.png 150w" sizes="auto, (max-width: 192px) 100vw, 192px" /> </div> 3314 </div> 3315 </div> 3316 <div class="icon-box-text last-reset"> 3317 3318<p>Transaksi Perbulan</p> 3319<h2><span class="count-up">119000</span>+</h2> 3320 </div> 3321 </div> 3322 3323 3324 </div> 3325 3326<style> 3327#col-818563701 > .col-inner { 3328 padding: 0px 20px 16px 20px; 3329} 3330@media (min-width:550px) { 3331 #col-818563701 > .col-inner { 3332 padding: 0px 8px 0px 8px; 3333 } 3334} 3335</style> 3336 </div> 3337 3338 3339 3340 <div id="col-1480234517" class="col medium-3 small-12 large-3" > 3341 <div class="col-inner" > 3342 3343 3344 3345 <div class="icon-box featured-box statistic-item-wrap icon-box-top text-left" > 3346 <div class="icon-box-img" style="width: 96px"> 3347 <div class="icon"> 3348 <div class="icon-inner" > 3349 <img loading="lazy" decoding="async" width="192" height="192" src="https://kasflo.id/wp-content/uploads/2026/08/ic-analisis-3.png" class="attachment-medium size-medium" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/ic-analisis-3.png 192w, https://kasflo.id/wp-content/uploads/2026/08/ic-analisis-3-150x150.png 150w" sizes="auto, (max-width: 192px) 100vw, 192px" /> </div>
3350 </div> 3351 </div> 3352 <div class="icon-box-text last-reset"> 3353 3354<p>Outlet & Cabang</p> 3355<h2><span class="count-up">7300</span>+</h2> 3356 </div> 3357 </div> 3358 3359 3360 </div> 3361 3362<style> 3363#col-1480234517 > .col-inner { 3364 padding: 0px 20px 16px 20px; 3365} 3366@media (min-width:550px) { 3367 #col-1480234517 > .col-inner { 3368 padding: 0px 8px 0px 8px; 3369 } 3370} 3371</style> 3372 </div> 3373 3374 3375 3376 <div id="col-534232004" class="col medium-3 small-12 large-3" > 3377 <div class="col-inner" > 3378 3379 3380 3381 <div class="icon-box featured-box statistic-item-wrap icon-box-top text-left" > 3382 <div class="icon-box-img" style="width: 96px"> 3383 <div class="icon"> 3384 <div class="icon-inner" > 3385 <img loading="lazy" decoding="async" width="192" height="192" src="https://kasflo.id/wp-content/uploads/2026/08/ic-analisis-4.png" class="attachment-medium size-medium" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/ic-analisis-4.png 192w, https://kasflo.id/wp-content/uploads/2026/08/ic-analisis-4-150x150.png 150w" sizes="auto, (max-width: 192px) 100vw, 192px" /> </div> 3386 </div> 3387 </div> 3388 <div class="icon-box-text last-reset"> 3389 3390<p>Kota & Kabupaten</p> 3391<h2><span class="count-up">216</span>+</h2> 3392 </div> 3393 </div> 3394 3395 3396 </div> 3397 3398<style> 3399#col-534232004 > .col-inner { 3400 padding: 0px 20px 0px 20px; 3401} 3402@media (min-width:550px) { 3403 #col-534232004 > .col-inner { 3404 padding: 0px 8px 0px 8px; 3405 } 3406} 3407</style> 3408 </div> 3409 3410 3411</div> 3412 </div> 3413 3414 3415<style> 3416#section_1448545030 { 3417 padding-top: 40px; 3418 padding-bottom: 40px; 3419 background-color: rgb(255,255,255); 3420} 3421</style> 3422 </section> 3423 3424 3425 <section class="section new-home-solutions-section dark" id="section_1479318108"> 3426 <div class="section-bg fill" > 3427 3428 3429 3430 3431 3432 </div> 3433 3434 3435 3436 <div class="section-content relative"> 3437 3438 <div id="gap-1811451135" class="gap-element clearfix" style="display:block; height:auto;"> 3439 3440<style> 3441#gap-1811451135 { 3442 padding-top: 20px; 3443} 3444</style> 3445 </div> 3446 3447<div class="row" id="row-1173572341"> 3448 3449 <div id="col-904145102" class="col small-12 large-12" > 3450 <div class="col-inner" > 3451 3452 3453 <div id="text-817651127" class="text heading-title"> 3454 3455<h2>Pilih Solusi Kasflo Sesuai Bisnismu</h2> 3456 3457<style> 3458#text-817651127 { 3459 text-align: center; 3460} 3461</style> 3462 </div> 3463 3464 </div> 3465 </div> 3466 3467 3468</div> 3469<div class="row row-small home-solutions-row" id="row-2087947170"> 3470 3471 <div id="col-725695824" class="col medium-4 small-12 large-4" > 3472 <div class="col-inner" > 3473 3474 3475 3476<div class="video-container"><img decoding="async" class="video-fallback" src="/wp-content/uploads/2026/08/0_Vertical_Waiter_720x1280-1.jpg" alt="Thumbnail" /><video class="smart-video" preload="none" autoplay="autoplay" loop="loop" muted="" width="300" height="150"><source src="/wp-content/uploads/2026/08/0_Vertical_Waiter_720x1280.mp4" type="video/mp4" /></video></div> 3477 3478 <div class="img has-hover solution-item-logo x md-x lg-x y md-y lg-y" id="image_1683938981"> 3479 <div class="img-inner dark" > 3480 <img loading="lazy" decoding="async" width="300" height="108" src="https://kasflo.id/wp-content/uploads/2026/08/logo-resto.png" class="attachment-original size-original" alt="" /> 3481 </div> 3482 3483<style> 3484#image_1683938981 { 3485 width: 100%; 3486} 3487</style> 3488 </div> 3489 3490 <div id="stack-3167344487" class="stack solution-item-description stack-col justify-center items-center"> 3491 3492 <div id="text-3337974650" class="text"> 3493 3494<h3>Kasflo Resto</h3> 3495<p>Untuk Restoran & Bisnis Kuliner</p> 3496<ul> 3497<li>Restoran</li> 3498<li>Kafe</li> 3499<li>Bakery</li> 3500<li>Food Court</li> 3501<li>Cloud Kitchen</li> 3502<li>Dessert Shop</li> 3503</ul> 3504 </div> 3505 3506<a href="https://kasflo.id/kasflo-resto/" class="button white is-outline lowercase new-button no-icon" style="border-radius:10px;"> 3507 <span>Pelajari Selengkapnya</span> 3508 </a> 3509 3510 3511<style> 3512#stack-3167344487 > * { 3513 --stack-gap: 0rem; 3514} 3515</style> 3516 </div> 3517 3518 </div> 3519 </div> 3520 3521 3522 3523 <div id="col-253390847" class="col medium-4 small-12 large-4" > 3524 <div class="col-inner" > 3525 3526 3527 3528<div class="video-container"><img decoding="async" class="video-fallback" src="/wp-content/uploads/2026/08/0_Vertical_Video_Florist_720x1280-1.jpg" alt="Thumbn
3528ail" /><video class="smart-video" preload="none" autoplay="autoplay" loop="loop" muted="" width="300" height="150"><source src="/wp-content/uploads/2026/08/0_Vertical_Video_Florist_720x1280.mp4" type="video/mp4" /></video></div> 3529 3530 <div class="img has-hover solution-item-logo x md-x lg-x y md-y lg-y" id="image_671607254"> 3531 <div class="img-inner dark" > 3532 <img loading="lazy" decoding="async" width="300" height="112" src="https://kasflo.id/wp-content/uploads/2026/08/logo-bisnis.png" class="attachment-original size-original" alt="" /> 3533 </div> 3534 3535<style> 3536#image_671607254 { 3537 width: 100%; 3538} 3539</style> 3540 </div> 3541 3542 <div id="stack-1766978596" class="stack solution-item-description stack-col justify-center items-center"> 3543 3544 <div id="text-3725017018" class="text"> 3545 3546<h3>Kasflo Bisnis</h3> 3547<p>Untuk Bisnis Jasa</p> 3548<ul> 3549<li>Salon</li> 3550<li>Barbershop</li> 3551<li>Laundry</li> 3552<li>Car Wash</li> 3553<li>Gym</li> 3554<li>Lapangan Olahraga</li> 3555<li>Rental</li> 3556</ul> 3557 </div> 3558 3559<a href="https://kasflo.id/kasflo-bisnis/" target="_blank" class="button white is-outline lowercase new-button no-icon" rel="noopener" style="border-radius:10px;"> 3560 <span>Pelajari Selengkapnya</span> 3561 </a> 3562 3563 3564<style> 3565#stack-1766978596 > * { 3566 --stack-gap: 0rem; 3567} 3568</style> 3569 </div> 3570 3571 </div> 3572 </div> 3573 3574 3575 3576 <div id="col-352995798" class="col medium-4 small-12 large-4" > 3577 <div class="col-inner" > 3578 3579 3580 3581<div class="video-container"><img decoding="async" class="video-fallback" src="/wp-content/uploads/2026/08/0_Woman_Market_720x1280-1.jpg" alt="Thumbnail" /><video class="smart-video" preload="none" autoplay="autoplay" loop="loop" muted="" width="300" height="150"><source src="/wp-content/uploads/2026/08/0_Woman_Market_720x1280.mp4" type="video/mp4" /></video></div> 3582 3583 <div class="img has-hover solution-item-logo x md-x lg-x y md-y lg-y" id="image_1981248347"> 3584 <div class="img-inner dark" > 3585 <img loading="lazy" decoding="async" width="300" height="120" src="https://kasflo.id/wp-content/uploads/2026/08/logo-toko.png" class="attachment-original size-original" alt="" /> 3586 </div> 3587 3588<style> 3589#image_1981248347 { 3590 width: 100%; 3591} 3592</style> 3593 </div> 3594 3595 <div id="stack-638308101" class="stack solution-item-description stack-col justify-center items-center"> 3596 3597 <div id="text-2412070151" class="text"> 3598 3599<h3>Kasflo Toko</h3> 3600<p>Untuk Bisnis Retail</p> 3601<ul> 3602<li>Minimarket</li> 3603<li>Toko Fashion</li> 3604<li>Elektronik</li> 3605<li>Bangunan</li> 3606<li>Kelontong</li> 3607<li>Oleh-Oleh</li> 3608</ul> 3609 </div> 3610 3611<a href="https://kasflo.id/kasflo-toko/" class="button white is-outline lowercase new-button no-icon" style="border-radius:10px;"> 3612 <span>Pelajari Selengkapnya</span> 3613 </a> 3614 3615 3616<style> 3617#stack-638308101 > * { 3618 --stack-gap: 0rem; 3619} 3620</style> 3621 </div> 3622 3623 </div> 3624 </div> 3625 3626 3627</div> 3628 </div> 3629 3630 3631<style> 3632#section_1479318108 { 3633 padding-top: 20px; 3634 padding-bottom: 20px; 3635 background-color: rgb(17, 0, 49); 3636} 3637@media (min-width:550px) { 3638 #section_1479318108 { 3639 padding-top: 60px; 3640 padding-bottom: 60px; 3641 } 3642} 3643</style> 3644 </section> 3645 3646 3647 <section class="section new-home-benefit-section" id="section_565495922"> 3648 <div class="section-bg fill" > 3649 3650 3651 3652 3653 3654 </div> 3655 3656 3657 3658 <div class="section-content relative"> 3659 3660 <div id="gap-274668853" class="gap-element clearfix" style="display:block; height:auto;"> 3661 3662<style> 3663#gap-274668853 { 3664 padding-top: 20px; 3665} 3666</style> 3667 </div> 3668 3669<div class="row" id="row-1302359767"> 3670 3671 <div id="col-67250081" class="col small-12 large-12" > 3672 <div class="col-inner" > 3673 3674 3675 <div id="text-3399506329" class="text heading-title"> 3676 3677<h2>Kenapa Harus Kasflo?</h2> 3678 3679<style> 3680#text-3399506329 { 3681 color: rgb(48, 1, 104); 3682} 3683#text-3399506329 > * { 3684 color: rgb(48, 1, 104); 3685} 3686</style> 3687 </div> 3688 3689 </div> 3690 </div> 3691 3692 3693</div> 3694<div class="row row-small align-equal new-home-benefit-row" id="row-536052642"> 3695 3696 <div id="col-337783934" class="col medium-5 small-12 large-5" > 3697 <div class="col-inner" > 3698 3699 3700 <div class="box has-hover benefit-qris has-hover box-text-bottom" > 3701 3702 <div class="box-image" > 3703 <div class="" > 3704 <img loading="lazy" decoding="async" width="870" height="1024" src="https://kasflo.id/wp-content/uploads/2026/08/image-qris.png" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/image-qris.png 870w, https://kasflo.id/wp-content/uploads/2026/08/image-qris-255x300.png 255w, https://kasflo.id/wp-content/uploads/2026/08/image-qris-768x904.png 768w" sizes="auto, (max-width: 870px) 100v
3704w, 870px" /> </div> 3705 </div> 3706 3707 <div class="box-text text-left" > 3708 <div class="box-text-inner"> 3709 3710<h3>QRIS Real-Time Settlement</h3> 3711<p>Pembayaran QRIS langsung masuk secara real-time, untuk menjaga arus kas bisnis.</p> 3712 </div> 3713 </div> 3714 </div> 3715 3716 </div> 3717 </div> 3718 3719 3720 3721 <div id="col-1213425033" class="col medium-7 small-12 large-7" > 3722 <div class="col-inner" > 3723 3724 3725<div class="row row-small align-equal" id="row-1820857894"> 3726 3727 <div id="col-2039374163" class="col medium-6 small-12 large-6" > 3728 <div class="col-inner" > 3729 3730 3731 <div class="box has-hover benefit-self-order has-hover box-text-bottom" > 3732 3733 <div class="box-image" > 3734 <div class="" > 3735 <img loading="lazy" decoding="async" width="500" height="378" src="https://kasflo.id/wp-content/uploads/2026/08/image-order-gratis.png" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/image-order-gratis.png 500w, https://kasflo.id/wp-content/uploads/2026/08/image-order-gratis-300x227.png 300w" sizes="auto, (max-width: 500px) 100v
3735w, 500px" /> </div> 3736 </div> 3737 3738 <div class="box-text text-left" > 3739 <div class="box-text-inner"> 3740 3741<h3>Self Order Gratis</h3> 3742<p>Pelanggan bisa pesan sendiri lewat QR Code tanpa biaya tambahan.</p> 3743 </div> 3744 </div> 3745 </div> 3746 3747 </div> 3748 </div> 3749 3750 3751 3752 <div id="col-1623253005" class="col medium-6 small-12 large-6" > 3753 <div class="col-inner" > 3754 3755 3756 <div class="box has-hover benefit-free has-hover box-text-bottom" > 3757 3758 <div class="box-image" > 3759 <div class="" > 3760 <img loading="lazy" decoding="async" width="500" height="378" src="https://kasflo.id/wp-content/uploads/2026/08/image-free.png" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/image-free.png 500w, https://kasflo.id/wp-content/uploads/2026/08/image-free-300x227.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /> </div> 3761 </div> 3762 3763 <div class="box-text text-left" > 3764 <div class="box-text-inner"> 3765 3766<h3>Harga Transparan</h3> 3767<p>Harga paket jelas tanpa biaya tersembunyi setelah berlangganan.</p> 3768 </div> 3769 </div> 3770 </div> 3771 3772 </div> 3773 </div> 3774 3775 3776 3777 <div id="col-1797317035" class="col medium-6 small-12 large-6" > 3778 <div class="col-inner" > 3779 3780 3781 <div class="box has-hover benefit-billing has-hover box-text-bottom" > 3782 3783 <div class="box-image" > 3784 <div class="" > 3785 <img loading="lazy" decoding="async" width="614" height="406" src="https://kasflo.id/wp-content/uploads/2026/08/image-billing.png" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/image-billing.png 614w, https://kasflo.id/wp-content/uploads/2026/08/image-billing-300x198.png 300w" sizes="auto, (max-width: 614px) 100vw, 614px" /> </div> 3786 </div> 3787 3788 <div class="box-text text-left" > 3789 <div class="box-text-inner"> 3790 3791<h3>Billing & Reservasi</h3> 3792<p>Atur reservasi, billing, dan pembayaran dalam satu aplikasi.</p> 3793 </div> 3794 </div> 3795 </div> 3796 3797 </div> 3798 </div> 3799 3800 3801 3802 <div id="col-1164169554" class="col medium-6 small-12 large-6" > 3803 <div class="col-inner" > 3804 3805 3806 <div class="box has-hover benefit-flexible has-hover box-text-bottom" > 3807 3808 <div class="box-image" > 3809 <div class="" > 3810 <img loading="lazy" decoding="async" width="460" height="375" src="https://kasflo.id/wp-content/uploads/2026/08/image-all-bisnis.png" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/image-all-bisnis.png 460w, https://kasflo.id/wp-content/uploads/2026/08/image-all-bisnis-300x245.png 300w" sizes="auto, (max-width: 460px) 100vw, 460px" /> </div> 3811 </div> 3812 3813 <div class="box-text text-left" > 3814 <div class="box-text-inner"> 3815 3816<h3>Fleksibel untuk 
Semua Usaha</h3> 3817<p>Cocok untuk restoran, retail, salon, laundry, hingga bisnis jasa.</p> 3818 </div> 3819 </div> 3820 </div> 3821 3822 </div> 3823 </div> 3824 3825 3826</div> 3827 </div> 3828 </div> 3829 3830 3831</div> 3832 </div> 3833 3834 3835<style> 3836#section_565495922 { 3837 padding-top: 20px; 3838 padding-bottom: 20px; 3839 background-color: rgb(243, 244, 250); 3840} 3841@media (min-width:550px) { 3842 #section_565495922 { 3843 padding-top: 60px; 3844 padding-bottom: 60px; 3845 } 3846} 3847</style> 3848 </section> 3849 3850 3851 <section class="section new-home-guide-section" id="section_285844335"> 3852 <div class="section-bg fill" > 3853 3854 3855 3856 3857 3858 </div> 3859 3860 3861 3862 <div class="section-content relative"> 3863 3864 <div id="gap-788158835" class="gap-element clearfix" style="display:block; height:auto;"> 3865 3866<style> 3867#gap-788158835 { 3868 padding-top: 50px; 3869} 3870</style> 3871 </div> 3872 3873<div class="row" id="row-321603675"> 3874 3875 <div id="col-345479123" class="col small-12 large-12" > 3876 <div class="col-inner" > 3877 3878 3879 <div id="text-3762023804" class="text heading-title"> 3880 3881<h2>Penggunaan Fitur Unggulan Kasflo</h2> 3882 3883<style> 3884#text-3762023804 { 3885 text-align: center; 3886 color: rgb(48, 1, 104); 3887} 3888#text-3762023804 > * { 3889 color: rgb(48, 1, 104); 3890} 3891</style> 3892 </div> 3893 3894 </div> 3895 </div> 3896 3897 3898</div> 3899<div class="row row-small align-equal guide-feature-row" id="row-381893527"> 3900 3901 <div id="col-1129733584" class="col medium-4 small-12 large-4" > 3902 <div class="col-inner" > 3903 3904 3905 3906 <a class="plain" href="https://kasflo.id/panduan/mode-offline-aplikasi-pos-kasflo-resto/" > <div class="icon-box featured-box icon-box-top text-left" > 3907 <div class="icon-box-img" style="width: 120px"> 3908 <div class="icon"> 3909 <div class="icon-inner" > 3910 <img loading="lazy" decoding="async" width="240" height="200" src="https://kasflo.id/wp-content/uploads/2026/08/icon-offline-mode.png" class="attachment-medium size-medium" alt="" /> </div>
3911 </div> 3912 </div> 3913 <div class="icon-box-text last-reset"> 3914 3915<h3>POS Mode Offline</h3> 3916<p>Tanpa internet, POS Kasflo Resto bisa digunakan dan data tetap tercatat di sistem.</p> 3917 </div> 3918 </div> 3919 </a> 3920 3921 </div> 3922 </div> 3923 3924 3925 3926 <div id="col-711995892" class="col medium-4 small-12 large-4" > 3927 <div class="col-inner" > 3928 3929 3930 3931 <a class="plain" href="https://kasflo.id/panduan/cara-menghubungkan-cash-drawer-ke-printer/" > <div class="icon-box featured-box icon-box-top text-left" > 3932 <div class="icon-box-img" style="width: 120px"> 3933 <div class="icon"> 3934 <div class="icon-inner" > 3935 <img loading="lazy" decoding="async" width="240" height="200" src="https://kasflo.id/wp-content/uploads/2026/08/icon-linked.png" class="attachment-medium size-medium" alt="" /> </div> 3936 </div> 3937 </div> 3938 <div class="icon-box-text last-reset"> 3939 3940<h3>Hubungkan Cash Drawer</h3> 3941<p>Cash Drawer dapat terhubung dengan printer bluetooth.</p> 3942 </div> 3943 </div> 3944 </a> 3945 3946 </div> 3947 </div> 3948 3949 3950 3951 <div id="col-145413389" class="col medium-4 small-12 large-4" > 3952 <div class="col-inner" > 3953 3954 3955 3956 <a class="plain" href="https://kasflo.id/panduan/cara-custom-menu-pesanan/" > <div class="icon-box featured-box icon-box-top text-left" > 3957 <div class="icon-box-img" style="width: 120px"> 3958 <div class="icon"> 3959 <div class="icon-inner" > 3960 <img loading="lazy" decoding="async" width="240" height="200" src="https://kasflo.id/wp-content/uploads/2026/08/icon-atur-menu.png" class="attachment-medium size-medium" alt="" /> </div> 3961 </div> 3962 </div> 3963 <div class="icon-box-text last-reset"> 3964 3965<h3>Custom Pesanan</h3> 3966<p>Catat permintaan khusus pelanggan di luar menu yang terdaftar.</p> 3967 </div> 3968 </div> 3969 </a> 3970 3971 </div> 3972 </div> 3973 3974 3975 3976 <div id="col-1472636933" class="col medium-4 small-12 large-4" > 3977 <div class="col-inner" > 3978 3979 3980 3981 <a class="plain" href="https://kasflo.id/panduan/cara-mengatur-promosi/" > <div class="icon-box featured-box icon-box-top text-left" > 3982 <div class="icon-box-img" style="width: 120px"> 3983 <div class="icon"> 3984 <div class="icon-inner" > 3985 <img loading="lazy" decoding="async" width="240" height="200" src="https://kasflo.id/wp-content/uploads/2026/08/icon-promo.png" class="attachment-medium size-medium" alt="" /> </div> 3986 </div> 3987 </div> 3988 <div class="icon-box-text last-reset"> 3989 3990<h3>Buat Promo Menarik</h3> 3991<p>Berikan promo khusus untuk pelanggan yang bisa dirancang melalui Kasflo Back Office</p> 3992 </div> 3993 </div> 3994 </a> 3995 3996 </div> 3997 </div> 3998 3999 4000 4001 <div id="col-293040745" class="col medium-4 small-12 large-4" > 4002 <div class="col-inner" > 4003 4004 4005 4006 <a class="plain" href="https://kasflo.id/panduan/panduan-customer-display/" > <div class="icon-box featured-box icon-box-top text-left" > 4007 <div class="icon-box-img" style="width: 120px"> 4008 <div class="icon"> 4009 <div class="icon-inner" > 4010 <img loading="lazy" decoding="async" width="240" height="200" src="https://kasflo.id/wp-content/uploads/2026/08/icon-panduan.png" class="attachment-medium size-medium" alt="" /> </div> 4011 </div> 4012 </div> 4013 <div class="icon-box-text last-reset"> 4014 4015<h3>Gunakan Customer Display</h3> 4016<p>Tampilkan menu, harga, hingga promo kepada pelanggan.</p> 4017 </div> 4018 </div> 4019 </a> 4020 4021 </div> 4022 </div> 4023 4024 4025 4026 <div id="col-888616642" class="col all-fitur-col medium-4 small-12 large-4" > 4027 <div class="col-inner" > 4028 4029 4030 4031 <a class="plain" href="https://kasflo.id/panduan/" > <div class="icon-box featured-box icon-box-center text-center" > 4032 <div class="icon-box-img" style="width: 60px"> 4033 <div class="icon"> 4034 <div class="icon-inner" > 4035 <img loading="lazy" decoding="async" width="120" height="120" src="https://kasflo.id/wp-content/uploads/2026/08/ic-arroe-right-circle.png" class="attachment-medium size-medium" alt="" /> </div> 4036 </div> 4037 </div> 4038 <div class="icon-box-text last-reset"> 4039 4040 <div id="text-2665413279" class="text"> 4041 4042<h3>Lihat Semua Panduan</h3> 4043 4044<style> 4045#text-2665413279 { 4046 color: #5e01d0; 4047} 4048#text-2665413279 > * { 4049 color: #5e01d0; 4050} 4051</style> 4052 </div> 4053 4054 </div> 4055 </div> 4056 </a> 4057 4058 </div> 4059 </div> 4060 4061 4062</div> 4063 <div id="gap-751552041" class="gap-element clearfix" style="display:block; height:auto;"> 4064 4065<style> 4066#gap-751552041 { 4067 padding-top: 80px; 4068} 4069</style> 4070 </div> 4071 4072<div class="row" id="row-1221069369"> 4073 4074 <div id="col-311621954" class="col small-12 large-12" > 4075 <div class="col-inner" > 4076 4077 4078 <div id="text-1775174073" class="text heading-title"> 4079 4080<h2>Video Panduan Penggunaan Kasflo</h2> 4081 4082<style> 4083#text-1775174073 { 4084 text-align: center; 4085 color: rgb(48, 1, 104); 4086} 4087#text-1775174073 > * { 4088 color: rgb(48, 1, 104); 4089} 4090</style> 4091 </div> 4092 4093 <div id="gap-1203353048" class="gap-element clearfix" style="display:block; height:auto;"> 4094 4095<style> 4096#gap-1203353048 { 4097 padding-top: 20px; 4098} 4099@media (min-width:550px) { 4100 #gap-1203353048 { 4101 padding-top: 70px; 4102 } 4103} 4104</style> 4105 </div> 4106 4107 4108 <div class="tabbed-content guide-video-tabs tabs-has-icon"> 4109 4110 <ul class="nav nav-line-bottom nav-normal nav-size-normal nav-center" role="tablist"><li id="tab-panduan-kasflo-resto" class="tab active has-icon" role="presentation"><a href="#tab_panduan-kasflo-resto" role="tab" aria-selected="true" aria-controls="tab_panduan-kasflo-resto"><span>Panduan Kasflo Resto</span></a></li> 4111<li id="tab-panduan-kasflo-bisnis" class="tab has-icon" role="presentation"><a href="#tab_panduan-kasflo-bisnis" tabindex="-1" role="tab" aria-selected="false" aria-controls="tab_panduan-kasflo-bisnis"><span>Panduan Kasflo Bisnis</span></a></li> 4112<li id="tab-panduan-kasflo-toko" class="tab has-icon" role="presentation"><a href="#tab_panduan-kasflo-toko" tabindex="-1" role="tab" aria-selected="false" aria-controls="tab_panduan-kasflo-toko"><span>Panduan Kasflo Toko</span></a></li></ul><div class="tab-panels"><div id="tab_panduan-kasflo-resto" class="panel active entry-content" role="tabpanel" aria-labelledby="tab-panduan-kasflo-resto"> 4113<div class="row guide-items-wrap grid-layout hide-for-medium" id="row-976921575"> 4114 4115 <div id="col-951699515" class="col medium-7 small-12 large-7" > 4116 <div class="col-inner" > 4117 4118 4119 4120 <div class="banner has-hover bg-overlay-remove" id="banner-922672887"> 4121 <div class="banner-inner fill"> 4122 <div class="banner-bg fill" > 4123 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Cara-Melakukan-Transaksi-Di-Aplikasi-POS-Resto.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Cara-Melakukan-Transaksi-Di-Aplikasi-POS-Resto.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Melakukan-Transaksi-Di-Aplikasi-POS-Resto-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Melakukan-Transaksi-Di-Aplikasi-POS-Resto-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Melakukan-Transaksi-Di-Aplikasi-POS-Resto-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100v
4123w, 1280px" /> <div class="overlay"></div> 4124 </div> 4125 4126 <div class="banner-layers container"> 4127 <div class="fill banner-link"></div> 4128 <div id="text-box-1938536552" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 4129 <div class="text-box-content text dark"> 4130 4131 <div class="text-inner text-center"> 4132 4133<div class="video-button-wrapper" style="font-size:150%"><a href="https://www.youtube.com/watch?v=YpHLyViqCTU" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 4134 </div> 4135 4136<style> 4137#text-box-1938536552 { 4138 width: 60%; 4139} 4140#text-box-1938536552 .text-box-content { 4141 font-size: 100%; 4142} 4143</style> 4144 </div> 4145 4146 </div> 4147 </div> 4148 4149 4150<style> 4151#banner-922672887 { 4152 padding-top: 480px; 4153} 4154#banner-922672887 .overlay { 4155 background-color: rgba(0, 0, 0, 0.2); 4156} 4157</style> 4158 </div> 4159 4160 4161 <div id="gap-2044506037" class="gap-element clearfix" style="display:block; height:auto;"> 4162 4163<style> 4164#gap-2044506037 { 4165 padding-top: 20px; 4166} 4167</style> 4168 </div> 4169 4170<h3>Cara Melakukan Transaksi Di Aplikasi POS Resto</h3> 4171 </div> 4172 </div> 4173 4174 4175 4176 <div id="col-1127388498" class="col medium-5 small-12 large-5" > 4177 <div class="col-inner" > 4178 4179 4180<div class="row row-collapse align-middle" id="row-1467353543"> 4181 4182 <div id="col-204458742" class="col medium-4 small-12 large-4" > 4183 <div class="col-inner" > 4184 4185 4186 4187 <div class="banner has-hover bg-overlay-remove" id="banner-865606211"> 4188 <div class="banner-inner fill"> 4189 <div class="banner-bg fill" > 4190 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Cara-Membuat-Akun-di-Web-Back-Office-Kasflo-Resto.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Cara-Membuat-Akun-di-Web-Back-Office-Kasflo-Resto.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Membuat-Akun-di-Web-Back-Office-Kasflo-Resto-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Membuat-Akun-di-Web-Back-Office-Kasflo-Resto-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Membuat-Akun-di-Web-Back-Office-Kasflo-Resto-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /> <div class="overlay"></div> 4191 </div> 4192 4193 <div class="banner-layers container"> 4194 <div class="fill banner-link"></div> 4195 <div id="text-box-975011680" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 4196 <div class="text-box-content text dark"> 4197 4198 <div class="text-inner text-center"> 4199 4200<div class="video-button-wrapper" ><a href="https://www.youtube.com/watch?v=IBH8tVH_LoE" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 4201 </div> 4202 4203<style> 4204#text-box-975011680 { 4205 width: 60%; 4206} 4207#text-box-975011680 .text-box-content { 4208 font-size: 100%; 4209} 4210</style> 4211 </div> 4212 4213 </div> 4214 </div> 4215 4216 4217<style> 4218#banner-865606211 { 4219 padding-top: 105px; 4220} 4221#banner-865606211 .overlay { 4222 background-color: rgba(0, 0, 0, 0.2); 4223} 4224</style> 4225 </div> 4226 4227 4228 </div> 4229 </div> 4230 4231 4232 4233 <div id="col-1047353338" class="col medium-8 small-12 large-8" > 4234 <div class="col-inner" > 4235 4236 4237<h4>Cara Membuat Akun di Web Back Office Kasflo Resto</h4> 4238 </div> 4239 4240<style> 4241#col-1047353338 > .col-inner { 4242 padding: 0px 0px 0px 16px; 4243} 4244</style> 4245 </div> 4246 4247 4248</div> 4249 <div id="gap-1897405240" class="gap-element clearfix" style="display:block; height:auto;"> 4250 4251<style> 4252#gap-1897405240 { 4253 padding-top: 20px; 4254} 4255</style> 4256 </div> 4257 4258<div class="row row-collapse align-middle" id="row-1716822239"> 4259 4260 <div id="col-918484499" class="col medium-4 small-12 large-4" > 4261 <div class="col-inner" > 4262 4263 4264 4265 <div class="banner has-hover bg-overlay-remove" id="banner-1077981153"> 4266 <div class="banner-inner fill"> 4267 <div class="banner-bg fill" > 4268 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Manajemen-User-·-Menambahkan-Akun-Staff-Admin-untuk-Login-di-POS.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Manajemen-User-·-Menambahkan-Akun-Staff-Admin-untuk-Login-di-POS.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Manajemen-User-·-Menambahkan-Akun-Staff-Admin-untuk-Login-di-POS-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Manajemen-User-·-Menambahkan-Akun-Staff-Admin-untuk-Login-di-POS-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Manajemen-User-·-Menambahkan-Akun-Staff-Admin-untuk-Login-di-POS-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100v
4268w, 1280px" /> <div class="overlay"></div> 4269 </div> 4270 4271 <div class="banner-layers container"> 4272 <div class="fill banner-link"></div> 4273 <div id="text-box-1043241548" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 4274 <div class="text-box-content text dark"> 4275 4276 <div class="text-inner text-center"> 4277 4278<div class="video-button-wrapper" ><a href="https://www.youtube.com/watch?v=pFNHrGOtEVU" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 4279 </div> 4280 4281<style> 4282#text-box-1043241548 { 4283 width: 60%; 4284} 4285#text-box-1043241548 .text-box-content { 4286 font-size: 100%; 4287} 4288</style> 4289 </div> 4290 4291 </div> 4292 </div> 4293 4294 4295<style> 4296#banner-1077981153 { 4297 padding-top: 105px; 4298} 4299#banner-1077981153 .overlay { 4300 background-color: rgba(0, 0, 0, 0.2); 4301} 4302</style> 4303 </div> 4304 4305 4306 </div> 4307 </div> 4308 4309 4310 4311 <div id="col-1246303184" class="col medium-8 small-12 large-8" > 4312 <div class="col-inner" > 4313 4314 4315<h4>Cara Menambahkan Akun Staff
& Admin untuk Login di POS</h4> 4316 </div> 4317 4318<style> 4319#col-1246303184 > .col-inner { 4320 padding: 0px 0px 0px 16px; 4321} 4322</style> 4323 </div> 4324 4325 4326</div> 4327 <div id="gap-1257041773" class="gap-element clearfix" style="display:block; height:auto;"> 4328 4329<style> 4330#gap-1257041773 { 4331 padding-top: 20px; 4332} 4333</style> 4334 </div> 4335 4336<div class="row row-collapse align-middle" id="row-1512203192"> 4337 4338 <div id="col-829580764" class="col medium-4 small-12 large-4" > 4339 <div class="col-inner" > 4340 4341 4342 4343 <div class="banner has-hover bg-overlay-remove" id="banner-491394286"> 4344 <div class="banner-inner fill"> 4345 <div class="banner-bg fill" > 4346 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Cara-Melihat-Laporan-Usaha-Kasflo-Resto.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Cara-Melihat-Laporan-Usaha-Kasflo-Resto.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Melihat-Laporan-Usaha-Kasflo-Resto-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Melihat-Laporan-Usaha-Kasflo-Resto-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Melihat-Laporan-Usaha-Kasflo-Resto-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /> <div class="overlay"></div> 4347 </div> 4348 4349 <div class="banner-layers container"> 4350 <div class="fill banner-link"></div> 4351 <div id="text-box-1047366649" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 4352 <div class="text-box-content text dark"> 4353 4354 <div class="text-inner text-center"> 4355 4356<div class="video-button-wrapper" ><a href="https://www.youtube.com/watch?v=nGA5HEusNzA" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 4357 </div> 4358 4359<style> 4360#text-box-1047366649 { 4361 width: 60%; 4362} 4363#text-box-1047366649 .text-box-content { 4364 font-size: 100%; 4365} 4366</style> 4367 </div> 4368 4369 </div> 4370 </div> 4371 4372 4373<style> 4374#banner-491394286 { 4375 padding-top: 105px; 4376} 4377#banner-491394286 .overlay { 4378 background-color: rgba(0, 0, 0, 0.2); 4379} 4380</style> 4381 </div> 4382 4383 4384 </div> 4385 </div> 4386 4387 4388 4389 <div id="col-984036342" class="col medium-8 small-12 large-8" > 4390 <div class="col-inner" > 4391 4392 4393<h4>Cara Melihat Laporan Usaha Kasflo Resto</h4> 4394 </div> 4395 4396<style> 4397#col-984036342 > .col-inner { 4398 padding: 0px 0px 0px 16px; 4399} 4400</style> 4401 </div> 4402 4403 4404</div> 4405 <div id="gap-283704114" class="gap-element clearfix" style="display:block; height:auto;"> 4406 4407<style> 4408#gap-283704114 { 4409 padding-top: 20px; 4410} 4411</style> 4412 </div> 4413 4414<div class="row row-collapse align-middle" id="row-73833714"> 4415 4416 <div id="col-502038196" class="col medium-4 small-12 large-4" > 4417 <div class="col-inner" > 4418 4419 4420 4421 <div class="banner has-hover bg-overlay-remove" id="banner-558020138"> 4422 <div class="banner-inner fill"> 4423 <div class="banner-bg fill" > 4424 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Cara-Melihat-Membuat-Data-Pembukuan.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Cara-Melihat-Membuat-Data-Pembukuan.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Melihat-Membuat-Data-Pembukuan-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Melihat-Membuat-Data-Pembukuan-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Melihat-Membuat-Data-Pembukuan-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100v
4424w, 1280px" /> <div class="overlay"></div> 4425 </div> 4426 4427 <div class="banner-layers container"> 4428 <div class="fill banner-link"></div> 4429 <div id="text-box-776168188" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 4430 <div class="text-box-content text dark"> 4431 4432 <div class="text-inner text-center"> 4433 4434<div class="video-button-wrapper" ><a href="https://www.youtube.com/watch?v=EYXAfMZi4wI" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 4435 </div> 4436 4437<style> 4438#text-box-776168188 { 4439 width: 60%; 4440} 4441#text-box-776168188 .text-box-content { 4442 font-size: 100%; 4443} 4444</style> 4445 </div> 4446 4447 </div> 4448 </div> 4449 4450 4451<style> 4452#banner-558020138 { 4453 padding-top: 105px; 4454} 4455#banner-558020138 .overlay { 4456 background-color: rgba(0, 0, 0, 0.2); 4457} 4458</style> 4459 </div> 4460 4461 4462 </div> 4463 </div> 4464 4465 4466 4467 <div id="col-136602144" class="col medium-8 small-12 large-8" > 4468 <div class="col-inner" > 4469 4470 4471<h4>Cara Melihat & Membuat 
Laporan Pembukuan</h4> 4472 </div> 4473 4474<style> 4475#col-136602144 > .col-inner { 4476 padding: 0px 0px 0px 16px; 4477} 4478</style> 4479 </div> 4480 4481 4482</div> 4483 </div> 4484 </div> 4485 4486 4487</div> 4488<div class="row row-collapse guide-items-wrap-mobile show-for-medium" id="row-1705461427"> 4489 4490 <div id="col-938352144" class="col small-12 large-12" > 4491 <div class="col-inner" > 4492 4493 4494<div class="slider-wrapper relative" id="slider-705449493" > 4495 <div class="slider slider-nav-dots-simple slider-nav-circle slider-nav-large slider-nav-dark slider-style-normal slider-show-nav" 4496 data-flickity-options='{ 4497 "cellAlign": "center", 4498 "imagesLoaded": true, 4499 "lazyLoad": 1, 4500 "freeScroll": false, 4501 "wrapAround": true, 4502 "autoPlay": false, 4503 "pauseAutoPlayOnHover" : true, 4504 "prevNextButtons": true, 4505 "contain" : true, 4506 "adaptiveHeight" : true, 4507 "dragThreshold" : 10, 4508 "percentPosition": true, 4509 "pageDots": true, 4510 "rightToLeft": false, 4511 "draggable": true, 4512 "selectedAttraction": 0.1, 4513 "parallax" : 0, 4514 "friction": 0.6 }' 4515 > 4516 4517<div class="row row-collapse" id="row-241469772"> 4518 4519 <div id="col-1315596271" class="col small-12 large-12" > 4520 <div class="col-inner" > 4521 4522 4523 4524 <div class="banner has-hover bg-overlay-remove" id="banner-1383371387"> 4525 <div class="banner-inner fill"> 4526 <div class="banner-bg fill" > 4527 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Cara-Melakukan-Transaksi-Di-Aplikasi-POS-Resto.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Cara-Melakukan-Transaksi-Di-Aplikasi-POS-Resto.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Melakukan-Transaksi-Di-Aplikasi-POS-Resto-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Melakukan-Transaksi-Di-Aplikasi-POS-Resto-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Melakukan-Transaksi-Di-Aplikasi-POS-Resto-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /> <div class="overlay"></div> 4528 </div> 4529 4530 <div class="banner-layers container"> 4531 <div class="fill banner-link"></div> 4532 <div id="text-box-2113352888" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 4533 <div class="text-box-content text dark"> 4534 4535 <div class="text-inner text-center"> 4536 4537<div class="video-button-wrapper" ><a href="https://www.youtube.com/watch?v=YpHLyViqCTU" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 4538 </div> 4539 4540<style> 4541#text-box-2113352888 { 4542 width: 60%; 4543} 4544#text-box-2113352888 .text-box-content { 4545 font-size: 100%; 4546} 4547</style> 4548 </div> 4549 4550 </div> 4551 </div> 4552 4553 4554<style> 4555#banner-1383371387 { 4556 padding-top: 56.25%; 4557} 4558#banner-1383371387 .overlay { 4559 background-color: rgba(0, 0, 0, 0.2); 4560} 4561@media (min-width:550px) { 4562 #banner-1383371387 { 4563 padding-top: 480px; 4564 } 4565} 4566</style> 4567 </div> 4568 4569 4570 <div id="gap-403985845" class="gap-element clearfix" style="display:block; height:auto;"> 4571 4572<style> 4573#gap-403985845 { 4574 padding-top: 10px; 4575} 4576@media (min-width:550px) { 4577 #gap-403985845 { 4578 padding-top: 30px; 4579 } 4580} 4581</style> 4582 </div> 4583 4584 <div id="text-1507139665" class="text"> 4585 4586<h3>Cara Melakukan Transaksi Di Aplikasi POS Resto</h3> 4587 4588<style> 4589#text-1507139665 { 4590 text-align: center; 4591} 4592</style> 4593 </div> 4594 4595 </div> 4596 </div> 4597 4598 4599</div> 4600<div class="row row-collapse" id="row-995193899"> 4601 4602 <div id="col-618516170" class="col small-12 large-12" > 4603 <div class="col-inner" > 4604 4605 4606 4607 <div class="banner has-hover bg-overlay-remove" id="banner-1140607737"> 4608 <div class="banner-inner fill"> 4609 <div class="banner-bg fill" > 4610 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Cara-Membuat-Akun-di-Web-Back-Office-Kasflo-Resto.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Cara-Membuat-Akun-di-Web-Back-Office-Kasflo-Resto.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Membuat-Akun-di-Web-Back-Office-Kasflo-Resto-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Membuat-Akun-di-Web-Back-Office-Kasflo-Resto-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Membuat-Akun-di-Web-Back-Office-Kasflo-Resto-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100v
4610w, 1280px" /> <div class="overlay"></div> 4611 </div> 4612 4613 <div class="banner-layers container"> 4614 <div class="fill banner-link"></div> 4615 <div id="text-box-1234317047" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 4616 <div class="text-box-content text dark"> 4617 4618 <div class="text-inner text-center"> 4619 4620<div class="video-button-wrapper" ><a href="https://www.youtube.com/watch?v=IBH8tVH_LoE" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 4621 </div> 4622 4623<style> 4624#text-box-1234317047 { 4625 width: 60%; 4626} 4627#text-box-1234317047 .text-box-content { 4628 font-size: 100%; 4629} 4630</style> 4631 </div> 4632 4633 </div> 4634 </div> 4635 4636 4637<style> 4638#banner-1140607737 { 4639 padding-top: 56.25%; 4640} 4641#banner-1140607737 .overlay { 4642 background-color: rgba(0, 0, 0, 0.2); 4643} 4644@media (min-width:550px) { 4645 #banner-1140607737 { 4646 padding-top: 105px; 4647 } 4648} 4649</style> 4650 </div> 4651 4652 4653 <div id="gap-2009147280" class="gap-element clearfix" style="display:block; height:auto;"> 4654 4655<style> 4656#gap-2009147280 { 4657 padding-top: 10px; 4658} 4659@media (min-width:550px) { 4660 #gap-2009147280 { 4661 padding-top: 30px; 4662 } 4663} 4664</style> 4665 </div> 4666 4667 <div id="text-2175402590" class="text"> 4668 4669<h3>Cara Membuat Akun di Web Back Office Kasflo Resto</h3> 4670 4671<style> 4672#text-2175402590 { 4673 text-align: center; 4674} 4675</style> 4676 </div> 4677 4678 </div> 4679 </div> 4680 4681 4682</div> 4683<div class="row row-collapse" id="row-317108574"> 4684 4685 <div id="col-53611502" class="col small-12 large-12" > 4686 <div class="col-inner" > 4687 4688 4689 4690 <div class="banner has-hover bg-overlay-remove" id="banner-105446599"> 4691 <div class="banner-inner fill"> 4692 <div class="banner-bg fill" > 4693 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Manajemen-User-·-Menambahkan-Akun-Staff-Admin-untuk-Login-di-POS.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Manajemen-User-·-Menambahkan-Akun-Staff-Admin-untuk-Login-di-POS.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Manajemen-User-·-Menambahkan-Akun-Staff-Admin-untuk-Login-di-POS-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Manajemen-User-·-Menambahkan-Akun-Staff-Admin-untuk-Login-di-POS-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Manajemen-User-·-Menambahkan-Akun-Staff-Admin-untuk-Login-di-POS-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /> <div class="overlay"></div> 4694 </div> 4695 4696 <div class="banner-layers container"> 4697 <div class="fill banner-link"></div> 4698 <div id="text-box-147201291" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 4699 <div class="text-box-content text dark"> 4700 4701 <div class="text-inner text-center"> 4702 4703<div class="video-button-wrapper" ><a href="https://www.youtube.com/watch?v=pFNHrGOtEVU" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 4704 </div> 4705 4706<style> 4707#text-box-147201291 { 4708 width: 60%; 4709} 4710#text-box-147201291 .text-box-content { 4711 font-size: 100%; 4712} 4713</style> 4714 </div> 4715 4716 </div> 4717 </div> 4718 4719 4720<style> 4721#banner-105446599 { 4722 padding-top: 56.25%; 4723} 4724#banner-105446599 .overlay { 4725 background-color: rgba(0, 0, 0, 0.2); 4726} 4727@media (min-width:550px) { 4728 #banner-105446599 { 4729 padding-top: 105px; 4730 } 4731} 4732</style> 4733 </div> 4734 4735 4736 <div id="gap-70056233" class="gap-element clearfix" style="display:block; height:auto;"> 4737 4738<style> 4739#gap-70056233 { 4740 padding-top: 10px; 4741} 4742@media (min-width:550px) { 4743 #gap-70056233 { 4744 padding-top: 30px; 4745 } 4746} 4747</style> 4748 </div> 4749 4750 <div id="text-3240327476" class="text"> 4751 4752<h3>
4752Cara Menambahkan Akun Staff 
& Admin untuk Login di POS</h3> 4753 4754<style> 4755#text-3240327476 { 4756 text-align: center; 4757} 4758</style> 4759 </div> 4760 4761 </div> 4762 </div> 4763 4764 4765</div> 4766<div class="row row-collapse" id="row-1832533231"> 4767 4768 <div id="col-1712918023" class="col small-12 large-12" > 4769 <div class="col-inner" > 4770 4771 4772 4773 <div class="banner has-hover bg-overlay-remove" id="banner-1538259975"> 4774 <div class="banner-inner fill"> 4775 <div class="banner-bg fill" > 4776 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Cara-Melihat-Laporan-Usaha-Kasflo-Resto.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Cara-Melihat-Laporan-Usaha-Kasflo-Resto.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Melihat-Laporan-Usaha-Kasflo-Resto-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Melihat-Laporan-Usaha-Kasflo-Resto-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Melihat-Laporan-Usaha-Kasflo-Resto-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /> <div class="overlay"></div> 4777 </div> 4778 4779 <div class="banner-layers container"> 4780 <div class="fill banner-link"></div> 4781 <div id="text-box-487473873" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 4782 <div class="text-box-content text dark"> 4783 4784 <div class="text-inner text-center"> 4785 4786<div class="video-button-wrapper" ><a href="https://www.youtube.com/watch?v=nGA5HEusNzA" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 4787 </div> 4788 4789<style> 4790#text-box-487473873 { 4791 width: 60%; 4792} 4793#text-box-487473873 .text-box-content { 4794 font-size: 100%; 4795} 4796</style> 4797 </div> 4798 4799 </div> 4800 </div> 4801 4802 4803<style> 4804#banner-1538259975 { 4805 padding-top: 56.25%; 4806} 4807#banner-1538259975 .overlay { 4808 background-color: rgba(0, 0, 0, 0.2); 4809} 4810@media (min-width:550px) { 4811 #banner-1538259975 { 4812 padding-top: 105px; 4813 } 4814} 4815</style> 4816 </div> 4817 4818 4819 <div id="gap-902265170" class="gap-element clearfix" style="display:block; height:auto;"> 4820 4821<style> 4822#gap-902265170 { 4823 padding-top: 10px; 4824} 4825@media (min-width:550px) { 4826 #gap-902265170 { 4827 padding-top: 30px; 4828 } 4829} 4830</style> 4831 </div> 4832 4833 <div id="text-2053228146" class="text"> 4834 4835<h3>Cara Melihat Laporan Usaha Kasflo Resto</h3> 4836 4837<style> 4838#text-2053228146 { 4839 text-align: center; 4840} 4841</style> 4842 </div> 4843 4844 </div> 4845 </div> 4846 4847 4848</div> 4849<div class="row row-collapse" id="row-157354441"> 4850 4851 <div id="col-921169996" class="col small-12 large-12" > 4852 <div class="col-inner" > 4853 4854 4855 4856 <div class="banner has-hover bg-overlay-remove" id="banner-124735810"> 4857 <div class="banner-inner fill"> 4858 <div class="banner-bg fill" > 4859 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Cara-Melihat-Membuat-Data-Pembukuan.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Cara-Melihat-Membuat-Data-Pembukuan.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Melihat-Membuat-Data-Pembukuan-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Melihat-Membuat-Data-Pembukuan-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Cara-Melihat-Membuat-Data-Pembukuan-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /> <div class="overlay"></div> 4860 </div> 4861 4862 <div class="banner-layers container"> 4863 <div class="fill banner-link"></div> 4864 <div id="text-box-638676422" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 4865 <div class="text-box-content text dark"> 4866 4867 <div class="text-inner text-center"> 4868 4869<div class="video-button-wrapper" ><a href="https://www.youtube.com/watch?v=EYXAfMZi4wI" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 4870 </div> 4871 4872<style> 4873#text-box-638676422 { 4874 width: 60%; 4875} 4876#text-box-638676422 .text-box-content { 4877 font-size: 100%; 4878} 4879</style> 4880 </div> 4881 4882 </div> 4883 </div> 4884 4885 4886<style> 4887#banner-124735810 { 4888 padding-top: 56.25%; 4889} 4890#banner-124735810 .overlay { 4891 background-color: rgba(0, 0, 0, 0.2); 4892} 4893@media (min-width:550px) { 4894 #banner-124735810 { 4895 padding-top: 105px; 4896 } 4897} 4898</style> 4899 </div> 4900 4901 4902 <div id="gap-974341688" class="gap-element clearfix" style="display:block; height:auto;"> 4903 4904<style> 4905#gap-974341688 { 4906 padding-top: 10px; 4907} 4908@media (min-width:550px) { 4909 #gap-974341688 { 4910 padding-top: 30px; 4911 } 4912} 4913</style> 4914 </div> 4915 4916 <div id="text-2472881446" class="text"> 4917 4918<h3>Cara Melihat & Membuat 
Laporan Pembukuan</h3> 4919 4920<style> 4921#text-2472881446 { 4922 text-align: center; 4923} 4924</style> 4925 </div> 4926 4927 </div> 4928 </div> 4929 4930 4931</div>
4932 </div> 4933 4934 <div class="loading-spin dark large centered"></div> 4935 4936 </div> 4937 4938 4939 </div> 4940 </div> 4941 4942 4943</div> 4944</div> 4945<div id="tab_panduan-kasflo-bisnis" class="panel entry-content" role="tabpanel" aria-labelledby="tab-panduan-kasflo-bisnis"> 4946<div class="row guide-items-wrap grid-layout hide-for-medium" id="row-712753603"> 4947 4948 <div id="col-2062838319" class="col medium-7 small-12 large-7" > 4949 <div class="col-inner" > 4950 4951 4952 4953 <div class="banner has-hover bg-overlay-remove" id="banner-342669804"> 4954 <div class="banner-inner fill"> 4955 <div class="banner-bg fill" > 4956 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Kelola-Produk.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Kelola-Produk.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Kelola-Produk-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Kelola-Produk-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Kelola-Produk-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /> <div class="overlay"></div> 4957 </div> 4958 4959 <div class="banner-layers container"> 4960 <div class="fill banner-link"></div> 4961 <div id="text-box-278542890" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 4962 <div class="text-box-content text dark"> 4963 4964 <div class="text-inner text-center"> 4965 4966<div class="video-button-wrapper" style="font-size:150%"><a href="https://www.youtube.com/watch?v=jMCS78wwk74" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 4967 </div> 4968 4969<style> 4970#text-box-278542890 { 4971 width: 60%; 4972} 4973#text-box-278542890 .text-box-content { 4974 font-size: 100%; 4975} 4976</style> 4977 </div> 4978 4979 </div> 4980 </div> 4981 4982 4983<style> 4984#banner-342669804 { 4985 padding-top: 480px; 4986} 4987#banner-342669804 .overlay { 4988 background-color: rgba(0, 0, 0, 0.2); 4989} 4990</style> 4991 </div> 4992 4993 4994 <div id="gap-999604967" class="gap-element clearfix" style="display:block; height:auto;"> 4995 4996<style> 4997#gap-999604967 { 4998 padding-top: 20px; 4999} 5000</style> 5001 </div> 5002 5003<h3>Cara Mengelola Produk</h3> 5004 </div> 5005 </div> 5006 5007 5008 5009 <div id="col-101954223" class="col medium-5 small-12 large-5" > 5010 <div class="col-inner" > 5011 5012 5013<div class="row row-collapse align-middle" id="row-242474455"> 5014 5015 <div id="col-83263344" class="col medium-4 small-12 large-4" > 5016 <div class="col-inner" > 5017 5018 5019 5020 <div class="banner has-hover bg-overlay-remove" id="banner-2018773283"> 5021 <div class="banner-inner fill"> 5022 <div class="banner-bg fill" > 5023 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Mengatur-Struk.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Mengatur-Struk.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Mengatur-Struk-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Mengatur-Struk-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Mengatur-Struk-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /> <div class="overlay"></div> 5024 </div> 5025 5026 <div class="banner-layers container"> 5027 <div class="fill banner-link"></div> 5028 <div id="text-box-1253345542" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 5029 <div class="text-box-content text dark"> 5030 5031 <div class="text-inner text-center"> 5032 5033<div class="video-button-wrapper" ><a href="https://www.youtube.com/watch?v=Z0tYZ04gcKo" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 5034 </div> 5035 5036<style> 5037#text-box-1253345542 { 5038 width: 60%; 5039} 5040#text-box-1253345542 .text-box-content { 5041 font-size: 100%; 5042} 5043</style> 5044 </div> 5045 5046 </div> 5047 </div> 5048 5049 5050<style> 5051#banner-2018773283 { 5052 padding-top: 105px; 5053} 5054#banner-2018773283 .overlay { 5055 background-color: rgba(0, 0, 0, 0.2); 5056} 5057</style> 5058 </div> 5059 5060 5061 </div> 5062 </div> 5063 5064 5065 5066 <div id="col-533153281" class="col medium-8 small-12 large-8" > 5067 <div class="col-inner" > 5068 5069 5070<h4>Cara Mengatur Struk</h4> 5071 </div> 5072 5073<style> 5074#col-533153281 > .col-inner { 5075 padding: 0px 0px 0px 16px; 5076} 5077</style> 5078 </div> 5079 5080 5081</div> 5082 <div id="gap-2132259736" class="gap-element clearfix" style="display:block; height:auto;"> 5083 5084<style> 5085#gap-2132259736 { 5086 padding-top: 20px; 5087} 5088</style> 5089 </div> 5090 5091<div class="row row-collapse align-middle" id="row-1799488348"> 5092 5093 <div id="col-1395277490" class="col medium-4 small-12 large-4" > 5094 <div class="col-inner" > 5095 5096 5097 5098 <div class="banner has-hover bg-overlay-remove" id="banner-2096685413"> 5099 <div class="banner-inner fill"> 5100 <div class="banner-bg fill" > 5101 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Mengatur-Harga-Spesial.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Mengatur-Harga-Spesial.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Mengatur-Harga-Spesial-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Mengatur-Harga-Spesial-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Mengatur-Harga-Spesial-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100v
5101w, 1280px" /> <div class="overlay"></div> 5102 </div> 5103 5104 <div class="banner-layers container"> 5105 <div class="fill banner-link"></div> 5106 <div id="text-box-1909636344" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 5107 <div class="text-box-content text dark"> 5108 5109 <div class="text-inner text-center"> 5110 5111<div class="video-button-wrapper" ><a href="https://www.youtube.com/watch?v=vCU0e64iDxo" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 5112 </div> 5113 5114<style> 5115#text-box-1909636344 { 5116 width: 60%; 5117} 5118#text-box-1909636344 .text-box-content { 5119 font-size: 100%; 5120} 5121</style> 5122 </div> 5123 5124 </div> 5125 </div> 5126 5127 5128<style> 5129#banner-2096685413 { 5130 padding-top: 105px; 5131} 5132#banner-2096685413 .overlay { 5133 background-color: rgba(0, 0, 0, 0.2); 5134} 5135</style> 5136 </div> 5137 5138 5139 </div> 5140 </div> 5141 5142 5143 5144 <div id="col-2084393074" class="col medium-8 small-12 large-8" > 5145 <div class="col-inner" > 5146 5147 5148<h4>Cara Mengatur Harga Spesial & Kampanye Promosi</h4> 5149 </div> 5150 5151<style> 5152#col-2084393074 > .col-inner { 5153 padding: 0px 0px 0px 16px; 5154} 5155</style> 5156 </div> 5157 5158 5159</div> 5160 <div id="gap-846100849" class="gap-element clearfix" style="display:block; height:auto;"> 5161 5162<style> 5163#gap-846100849 { 5164 padding-top: 20px; 5165} 5166</style> 5167 </div> 5168 5169<div class="row row-collapse align-middle" id="row-69276748"> 5170 5171 <div id="col-648441615" class="col medium-4 small-12 large-4" > 5172 <div class="col-inner" > 5173 5174 5175 5176 <div class="banner has-hover bg-overlay-remove" id="banner-1027535613"> 5177 <div class="banner-inner fill"> 5178 <div class="banner-bg fill" > 5179 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Kelola-sumber-Daya.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Kelola-sumber-Daya.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Kelola-sumber-Daya-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Kelola-sumber-Daya-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Kelola-sumber-Daya-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /> <div class="overlay"></div> 5180 </div> 5181 5182 <div class="banner-layers container"> 5183 <div class="fill banner-link"></div> 5184 <div id="text-box-1877248650" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 5185 <div class="text-box-content text dark"> 5186 5187 <div class="text-inner text-center"> 5188 5189<div class="video-button-wrapper" ><a href="https://www.youtube.com/watch?v=1Ezv3hvZusc" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 5190 </div> 5191 5192<style> 5193#text-box-1877248650 { 5194 width: 60%; 5195} 5196#text-box-1877248650 .text-box-content { 5197 font-size: 100%; 5198} 5199</style> 5200 </div> 5201 5202 </div> 5203 </div> 5204 5205 5206<style> 5207#banner-1027535613 { 5208 padding-top: 105px; 5209} 5210#banner-1027535613 .overlay { 5211 background-color: rgba(0, 0, 0, 0.2); 5212} 5213</style> 5214 </div> 5215 5216 5217 </div> 5218 </div> 5219 5220 5221 5222 <div id="col-1598155863" class="col medium-8 small-12 large-8" > 5223 <div class="col-inner" > 5224 5225 5226<h4>Cara Kelola Sumber Daya</h4> 5227 </div> 5228 5229<style> 5230#col-1598155863 > .col-inner { 5231 padding: 0px 0px 0px 16px; 5232} 5233</style> 5234 </div> 5235 5236 5237</div> 5238 <div id="gap-1119430843" class="gap-element clearfix" style="display:block; height:auto;"> 5239 5240<style> 5241#gap-1119430843 { 5242 padding-top: 20px; 5243} 5244</style> 5245 </div> 5246 5247<div class="row row-collapse align-middle" id="row-1841393264"> 5248 5249 <div id="col-1999486675" class="col medium-4 small-12 large-4" > 5250 <div class="col-inner" > 5251 5252 5253 5254 <div class="banner has-hover bg-overlay-remove" id="banner-839298878"> 5255 <div class="banner-inner fill"> 5256 <div class="banner-bg fill" > 5257 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Kelola-Rekening-dan-Transaksi.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Kelola-Rekening-dan-Transaksi.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Kelola-Rekening-dan-Transaksi-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Kelola-Rekening-dan-Transaksi-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Kelola-Rekening-dan-Transaksi-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100v
5257w, 1280px" /> <div class="overlay"></div> 5258 </div> 5259 5260 <div class="banner-layers container"> 5261 <div class="fill banner-link"></div> 5262 <div id="text-box-1323280556" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 5263 <div class="text-box-content text dark"> 5264 5265 <div class="text-inner text-center"> 5266 5267<div class="video-button-wrapper" ><a href="https://www.youtube.com/watch?v=iZRRnlm_8QM" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 5268 </div> 5269 5270<style> 5271#text-box-1323280556 { 5272 width: 60%; 5273} 5274#text-box-1323280556 .text-box-content { 5275 font-size: 100%; 5276} 5277</style> 5278 </div> 5279 5280 </div> 5281 </div> 5282 5283 5284<style> 5285#banner-839298878 { 5286 padding-top: 105px; 5287} 5288#banner-839298878 .overlay { 5289 background-color: rgba(0, 0, 0, 0.2); 5290} 5291</style> 5292 </div> 5293 5294 5295 </div> 5296 </div> 5297 5298 5299 5300 <div id="col-1982142460" class="col medium-8 small-12 large-8" > 5301 <div class="col-inner" > 5302 5303 5304<h4>Cara Kelola Rekening & Transaksi QRIS Dinamis hingga tarik dana</h4> 5305 </div> 5306 5307<style> 5308#col-1982142460 > .col-inner { 5309 padding: 0px 0px 0px 16px; 5310} 5311</style> 5312 </div> 5313 5314 5315</div> 5316 </div> 5317 </div> 5318 5319 5320</div> 5321<div class="row row-collapse guide-items-wrap-mobile show-for-medium" id="row-1739810689"> 5322 5323 <div id="col-393830896" class="col small-12 large-12" > 5324 <div class="col-inner" > 5325 5326 5327<div class="slider-wrapper relative" id="slider-1585407436" > 5328 <div class="slider slider-nav-dots-simple slider-nav-circle slider-nav-large slider-nav-dark slider-style-normal slider-show-nav" 5329 data-flickity-options='{ 5330 "cellAlign": "center", 5331 "imagesLoaded": true, 5332 "lazyLoad": 1, 5333 "freeScroll": false, 5334 "wrapAround": true, 5335 "autoPlay": false, 5336 "pauseAutoPlayOnHover" : true, 5337 "prevNextButtons": true, 5338 "contain" : true, 5339 "adaptiveHeight" : true, 5340 "dragThreshold" : 10, 5341 "percentPosition": true, 5342 "pageDots": true, 5343 "rightToLeft": false, 5344 "draggable": true, 5345 "selectedAttraction": 0.1, 5346 "parallax" : 0, 5347 "friction": 0.6 }' 5348 > 5349 5350<div class="row row-collapse" id="row-1130843152"> 5351 5352 <div id="col-830287059" class="col small-12 large-12" > 5353 <div class="col-inner" > 5354 5355 5356 5357 <div class="banner has-hover bg-overlay-remove" id="banner-1445011065"> 5358 <div class="banner-inner fill"> 5359 <div class="banner-bg fill" > 5360 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Kelola-Produk.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Kelola-Produk.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Kelola-Produk-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Kelola-Produk-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Kelola-Produk-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /> <div class="overlay"></div> 5361 </div> 5362 5363 <div class="banner-layers container"> 5364 <div class="fill banner-link"></div> 5365 <div id="text-box-119129549" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 5366 <div class="text-box-content text dark"> 5367 5368 <div class="text-inner text-center"> 5369 5370<div class="video-button-wrapper" ><a href="https://www.youtube.com/watch?v=jMCS78wwk74" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 5371 </div> 5372 5373<style> 5374#text-box-119129549 { 5375 width: 60%; 5376} 5377#text-box-119129549 .text-box-content { 5378 font-size: 100%; 5379} 5380</style> 5381 </div> 5382 5383 </div> 5384 </div> 5385 5386 5387<style> 5388#banner-1445011065 { 5389 padding-top: 56.25%; 5390} 5391#banner-1445011065 .overlay { 5392 background-color: rgba(0, 0, 0, 0.2); 5393} 5394@media (min-width:550px) { 5395 #banner-1445011065 { 5396 padding-top: 480px; 5397 } 5398} 5399</style> 5400 </div> 5401 5402 5403 <div id="gap-1112989359" class="gap-element clearfix" style="display:block; height:auto;"> 5404 5405<style> 5406#gap-1112989359 { 5407 padding-top: 10px; 5408} 5409@media (min-width:550px) { 5410 #gap-1112989359 { 5411 padding-top: 30px; 5412 } 5413} 5414</style> 5415 </div> 5416 5417 <div id="text-4062620185" class="text"> 5418 5419<h3>Cara Mengelola Produk</h3> 5420 5421<style> 5422#text-4062620185 { 5423 text-align: center; 5424} 5425</style> 5426 </div> 5427 5428 </div> 5429 </div> 5430 5431 5432</div> 5433<div class="row row-collapse" id="row-913971851"> 5434 5435 <div id="col-245104935" class="col small-12 large-12" > 5436 <div class="col-inner" > 5437 5438 5439 5440 <div class="banner has-hover bg-overlay-remove" id="banner-345761956"> 5441 <div class="banner-inner fill"> 5442 <div class="banner-bg fill" > 5443 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Mengatur-Struk.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Mengatur-Struk.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Mengatur-Struk-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Mengatur-Struk-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Mengatur-Struk-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100v
5443w, 1280px" /> <div class="overlay"></div> 5444 </div> 5445 5446 <div class="banner-layers container"> 5447 <div class="fill banner-link"></div> 5448 <div id="text-box-833316863" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 5449 <div class="text-box-content text dark"> 5450 5451 <div class="text-inner text-center"> 5452 5453<div class="video-button-wrapper" ><a href="https://www.youtube.com/watch?v=Z0tYZ04gcKo" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 5454 </div> 5455 5456<style> 5457#text-box-833316863 { 5458 width: 60%; 5459} 5460#text-box-833316863 .text-box-content { 5461 font-size: 100%; 5462} 5463</style> 5464 </div> 5465 5466 </div> 5467 </div> 5468 5469 5470<style> 5471#banner-345761956 { 5472 padding-top: 56.25%; 5473} 5474#banner-345761956 .overlay { 5475 background-color: rgba(0, 0, 0, 0.2); 5476} 5477@media (min-width:550px) { 5478 #banner-345761956 { 5479 padding-top: 105px; 5480 } 5481} 5482</style> 5483 </div> 5484 5485 5486 <div id="gap-249435033" class="gap-element clearfix" style="display:block; height:auto;"> 5487 5488<style> 5489#gap-249435033 { 5490 padding-top: 10px; 5491} 5492@media (min-width:550px) { 5493 #gap-249435033 { 5494 padding-top: 30px; 5495 } 5496} 5497</style> 5498 </div> 5499 5500 <div id="text-4252168649" class="text"> 5501 5502<h3>Cara Mengatur Struk</h3> 5503 5504<style> 5505#text-4252168649 { 5506 text-align: center; 5507} 5508</style> 5509 </div> 5510 5511 </div> 5512 </div> 5513 5514 5515</div> 5516<div class="row row-collapse" id="row-1771504355"> 5517 5518 <div id="col-1991637724" class="col small-12 large-12" > 5519 <div class="col-inner" > 5520 5521 5522 5523 <div class="banner has-hover bg-overlay-remove" id="banner-401869800"> 5524 <div class="banner-inner fill"> 5525 <div class="banner-bg fill" > 5526 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Mengatur-Harga-Spesial.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Mengatur-Harga-Spesial.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Mengatur-Harga-Spesial-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Mengatur-Harga-Spesial-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Mengatur-Harga-Spesial-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /> <div class="overlay"></div> 5527 </div> 5528 5529 <div class="banner-layers container"> 5530 <div class="fill banner-link"></div> 5531 <div id="text-box-1448835406" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 5532 <div class="text-box-content text dark"> 5533 5534 <div class="text-inner text-center"> 5535 5536<div class="video-button-wrapper" ><a href="https://www.youtube.com/watch?v=vCU0e64iDxo" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 5537 </div> 5538 5539<style> 5540#text-box-1448835406 { 5541 width: 60%; 5542} 5543#text-box-1448835406 .text-box-content { 5544 font-size: 100%; 5545} 5546</style> 5547 </div> 5548 5549 </div> 5550 </div> 5551 5552 5553<style> 5554#banner-401869800 { 5555 padding-top: 56.25%; 5556} 5557#banner-401869800 .overlay { 5558 background-color: rgba(0, 0, 0, 0.2); 5559} 5560@media (min-width:550px) { 5561 #banner-401869800 { 5562 padding-top: 105px; 5563 } 5564} 5565</style> 5566 </div> 5567 5568 5569 <div id="gap-2051172387" class="gap-element clearfix" style="display:block; height:auto;"> 5570 5571<style> 5572#gap-2051172387 { 5573 padding-top: 10px; 5574} 5575@media (min-width:550px) { 5576 #gap-2051172387 { 5577 padding-top: 30px; 5578 } 5579} 5580</style> 5581 </div> 5582 5583 <div id="text-1207733348" class="text"> 5584 5585<h3>Cara Mengatur Harga Spesial & Kampanye Promosi</h3> 5586 5587<style> 5588#text-1207733348 { 5589 text-align: center; 5590} 5591</style> 5592 </div> 5593 5594 </div> 5595 </div> 5596 5597 5598</div> 5599<div class="row row-collapse" id="row-2112158009"> 5600 5601 <div id="col-1631161061" class="col small-12 large-12" > 5602 <div class="col-inner" > 5603 5604 5605 5606 <div class="banner has-hover bg-overlay-remove" id="banner-557517955"> 5607 <div class="banner-inner fill"> 5608 <div class="banner-bg fill" > 5609 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Kelola-sumber-D
5609aya.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Kelola-sumber-Daya.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Kelola-sumber-Daya-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Kelola-sumber-Daya-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Kelola-sumber-Daya-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /> <div class="overlay"></div> 5610 </div> 5611 5612 <div class="banner-layers container"> 5613 <div class="fill banner-link"></div> 5614 <div id="text-box-1130650155" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 5615 <div class="text-box-content text dark"> 5616 5617 <div class="text-inner text-center"> 5618 5619<div class="video-button-wrapper" ><a href="https://www.youtube.com/watch?v=1Ezv3hvZusc" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 5620 </div> 5621 5622<style> 5623#text-box-1130650155 { 5624 width: 60%; 5625} 5626#text-box-1130650155 .text-box-content { 5627 font-size: 100%; 5628} 5629</style> 5630 </div> 5631 5632 </div> 5633 </div> 5634 5635 5636<style> 5637#banner-557517955 { 5638 padding-top: 56.25%; 5639} 5640#banner-557517955 .overlay { 5641 background-color: rgba(0, 0, 0, 0.2); 5642} 5643@media (min-width:550px) { 5644 #banner-557517955 { 5645 padding-top: 105px; 5646 } 5647} 5648</style> 5649 </div> 5650 5651 5652 <div id="gap-657213271" class="gap-element clearfix" style="display:block; height:auto;"> 5653 5654<style> 5655#gap-657213271 { 5656 padding-top: 10px; 5657} 5658@media (min-width:550px) { 5659 #gap-657213271 { 5660 padding-top: 30px; 5661 } 5662} 5663</style> 5664 </div> 5665 5666 <div id="text-702904305" class="text"> 5667 5668<h3>Cara Kelola Sumber Daya</h3> 5669 5670<style> 5671#text-702904305 { 5672 text-align: center; 5673} 5674</style> 5675 </div> 5676 5677 </div> 5678 </div> 5679 5680 5681</div> 5682<div class="row row-collapse" id="row-575043692"> 5683 5684 <div id="col-594723373" class="col small-12 large-12" > 5685 <div class="col-inner" > 5686 5687 5688 5689 <div class="banner has-hover bg-overlay-remove" id="banner-434136497"> 5690 <div class="banner-inner fill"> 5691 <div class="banner-bg fill" > 5692 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Kelola-Rekening-dan-Transaksi.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Kelola-Rekening-dan-Transaksi.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Kelola-Rekening-dan-Transaksi-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Kelola-Rekening-dan-Transaksi-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Bisnis-Cara-Kelola-Rekening-dan-Transaksi-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /> <div class="overlay"></div> 5693 </div> 5694 5695 <div class="banner-layers container"> 5696 <div class="fill banner-link"></div> 5697 <div id="text-box-232709511" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 5698 <div class="text-box-content text dark"> 5699 5700 <div class="text-inner text-center"> 5701 5702<div class="video-button-wrapper" ><a href="https://www.youtube.com/watch?v=iZRRnlm_8QM" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 5703 </div> 5704 5705<style> 5706#text-box-232709511 { 5707 width: 60%; 5708} 5709#text-box-232709511 .text-box-content { 5710 font-size: 100%; 5711} 5712</style> 5713 </div> 5714 5715 </div> 5716 </div> 5717 5718 5719<style> 5720#banner-434136497 { 5721 padding-top: 56.25%; 5722} 5723#banner-434136497 .overlay { 5724 background-color: rgba(0, 0, 0, 0.2); 5725} 5726@media (min-width:550px) { 5727 #banner-434136497 { 5728 padding-top: 105px; 5729 } 5730} 5731</style> 5732 </div> 5733 5734 5735 <div id="gap-2077629632" class="gap-element clearfix" style="display:block; height:auto;"> 5736 5737<style> 5738#gap-2077629632 { 5739 padding-top: 10px; 5740} 5741@media (min-width:550px) { 5742 #gap-2077629632 { 5743 padding-top: 30px; 5744 } 5745} 5746</style> 5747 </div> 5748 5749 <div id="text-524235570" class="text"> 5750 5751<h3>Cara Kelola Rekening & Transaksi QRIS Dinamis hingga tarik dana</h3> 5752 5753<style> 5754#text-524235570 { 5755 text-align: center; 5756} 5757</style> 5758 </div> 5759 5760 </div> 5761 </div> 5762 5763 5764</div>
5765 </div> 5766 5767 <div class="loading-spin dark large centered"></div> 5768 5769 </div> 5770 5771 5772 </div> 5773 </div> 5774 5775 5776</div> 5777</div> 5778<div id="tab_panduan-kasflo-toko" class="panel entry-content" role="tabpanel" aria-labelledby="tab-panduan-kasflo-toko"> 5779<div class="row row-small guide-items-wrap row-layout hide-for-medium" id="row-758537948"> 5780 5781 <div id="col-1736502418" class="col medium-4 small-12 large-4" > 5782 <div class="col-inner" > 5783 5784 5785 5786 <div class="banner has-hover bg-overlay-remove" id="banner-397549615"> 5787 <div class="banner-inner fill"> 5788 <div class="banner-bg fill" > 5789 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Toko-Setup-Awal.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Toko-Setup-Awal.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Toko-Setup-Awal-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Toko-Setup-Awal-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Toko-Setup-Awal-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /> <div class="overlay"></div> 5790 </div> 5791 5792 <div class="banner-layers container"> 5793 <div class="fill banner-link"></div> 5794 <div id="text-box-409690029" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 5795 <div class="text-box-content text dark"> 5796 5797 <div class="text-inner text-center"> 5798 5799<div class="video-button-wrapper" style="font-size:150%"><a href="https://www.youtube.com/watch?v=_J6pWqS2btg" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 5800 </div> 5801 5802<style> 5803#text-box-409690029 { 5804 width: 60%; 5805} 5806#text-box-409690029 .text-box-content { 5807 font-size: 100%; 5808} 5809</style> 5810 </div> 5811 5812 </div> 5813 </div> 5814 5815 5816<style> 5817#banner-397549615 { 5818 padding-top: 60%; 5819} 5820#banner-397549615 .overlay { 5821 background-color: rgba(0, 0, 0, 0.2); 5822} 5823</style> 5824 </div> 5825 5826 5827 <div id="gap-114274648" class="gap-element clearfix" style="display:block; height:auto;"> 5828 5829<style> 5830#gap-114274648 { 5831 padding-top: 16px; 5832} 5833</style> 5834 </div> 5835 5836<h4>Tutorial Setup Awal</h4> 5837 </div> 5838 </div> 5839 5840 5841 5842 <div id="col-1378831716" class="col medium-4 small-12 large-4" > 5843 <div class="col-inner" > 5844 5845 5846 5847 <div class="banner has-hover bg-overlay-remove" id="banner-1002541133"> 5848 <div class="banner-inner fill"> 5849 <div class="banner-bg fill" > 5850 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Toko-Etalase-Barang.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Toko-Etalase-Barang.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Toko-Etalase-Barang-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Toko-Etalase-Barang-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Toko-Etalase-Barang-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /> <div class="overlay"></div> 5851 </div> 5852 5853 <div class="banner-layers container"> 5854 <div class="fill banner-link"></div> 5855 <div id="text-box-1820398109" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 5856 <div class="text-box-content text dark"> 5857 5858 <div class="text-inner text-center"> 5859 5860<div class="video-button-wrapper" style="font-size:150%"><a href="https://www.youtube.com/watch?v=kshWsCAi47g" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 5861 </div> 5862 5863<style> 5864#text-box-1820398109 { 5865 width: 60%; 5866} 5867#text-box-1820398109 .text-box-content { 5868 font-size: 100%; 5869} 5870</style> 5871 </div> 5872 5873 </div> 5874 </div> 5875 5876 5877<style> 5878#banner-1002541133 { 5879 padding-top: 60%; 5880} 5881#banner-1002541133 .overlay { 5882 background-color: rgba(0, 0, 0, 0.2); 5883} 5884</style> 5885 </div> 5886 5887 5888 <div id="gap-1984171307" class="gap-element clearfix" style="display:block; height:auto;"> 5889 5890<style> 5891#gap-1984171307 { 5892 padding-top: 16px; 5893} 5894</style> 5895 </div> 5896 5897<h4>Tutorial Atur Etalase Barang di Kasflo Toko</h4> 5898 </div> 5899 </div> 5900 5901 5902 5903 <div id="col-1249267825" class="col medium-4 small-12 large-4" > 5904 <div class="col-inner" > 5905 5906 5907 5908 <div class="banner has-hover bg-overlay-remove" id="banner-1968266757"> 5909 <div class="banner-inner fill"> 5910 <div class="banner-bg fill" > 5911 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Toko-Penarikan-Saldo-Merchant.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Toko-Penarikan-Saldo-Merchant.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Toko-Penarikan-Saldo-Merchant-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Toko-Penarikan-Saldo-Merchant-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Toko-Penarikan-Saldo-Merchant-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100v
5911w, 1280px" /> <div class="overlay"></div> 5912 </div> 5913 5914 <div class="banner-layers container"> 5915 <div class="fill banner-link"></div> 5916 <div id="text-box-1485058676" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 5917 <div class="text-box-content text dark"> 5918 5919 <div class="text-inner text-center"> 5920 5921<div class="video-button-wrapper" style="font-size:150%"><a href="https://www.youtube.com/watch?v=LiL2YPDIi1I" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 5922 </div> 5923 5924<style> 5925#text-box-1485058676 { 5926 width: 60%; 5927} 5928#text-box-1485058676 .text-box-content { 5929 font-size: 100%; 5930} 5931</style> 5932 </div> 5933 5934 </div> 5935 </div> 5936 5937 5938<style> 5939#banner-1968266757 { 5940 padding-top: 60%; 5941} 5942#banner-1968266757 .overlay { 5943 background-color: rgba(0, 0, 0, 0.2); 5944} 5945</style> 5946 </div> 5947 5948 5949 <div id="gap-894631538" class="gap-element clearfix" style="display:block; height:auto;"> 5950 5951<style> 5952#gap-894631538 { 5953 padding-top: 16px; 5954} 5955</style> 5956 </div> 5957 5958<h4>Tutorial Penarikan Saldo Merchant di Kasflo Toko</h4> 5959 </div> 5960 </div> 5961 5962 5963</div> 5964<div class="row row-collapse guide-items-wrap-mobile show-for-medium" id="row-887233988"> 5965 5966 <div id="col-1418510164" class="col small-12 large-12" > 5967 <div class="col-inner" > 5968 5969 5970<div class="slider-wrapper relative" id="slider-1861267925" > 5971 <div class="slider slider-nav-dots-simple slider-nav-circle slider-nav-large slider-nav-dark slider-style-normal slider-show-nav" 5972 data-flickity-options='{ 5973 "cellAlign": "center", 5974 "imagesLoaded": true, 5975 "lazyLoad": 1, 5976 "freeScroll": false, 5977 "wrapAround": true, 5978 "autoPlay": false, 5979 "pauseAutoPlayOnHover" : true, 5980 "prevNextButtons": true, 5981 "contain" : true, 5982 "adaptiveHeight" : true, 5983 "dragThreshold" : 10, 5984 "percentPosition": true, 5985 "pageDots": true, 5986 "rightToLeft": false, 5987 "draggable": true, 5988 "selectedAttraction": 0.1, 5989 "parallax" : 0, 5990 "friction": 0.6 }' 5991 > 5992 5993<div class="row row-collapse" id="row-1989615971"> 5994 5995 <div id="col-333029936" class="col small-12 large-12" > 5996 <div class="col-inner" > 5997 5998 5999 6000 <div class="banner has-hover bg-overlay-remove" id="banner-1174327673"> 6001 <div class="banner-inner fill"> 6002 <div class="banner-bg fill" > 6003 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Toko-Setup-Awal.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Toko-Setup-Awal.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Toko-Setup-Awal-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Toko-Setup-Awal-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Toko-Setup-Awal-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /> <div class="overlay"></div> 6004 </div> 6005 6006 <div class="banner-layers container"> 6007 <div class="fill banner-link"></div> 6008 <div id="text-box-125673894" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 6009 <div class="text-box-content text dark"> 6010 6011 <div class="text-inner text-center"> 6012 6013<div class="video-button-wrapper" ><a href="https://www.youtube.com/watch?v=_J6pWqS2btg" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 6014 </div> 6015 6016<style> 6017#text-box-125673894 { 6018 width: 60%; 6019} 6020#text-box-125673894 .text-box-content { 6021 font-size: 100%; 6022} 6023</style> 6024 </div> 6025 6026 </div> 6027 </div> 6028 6029 6030<style> 6031#banner-1174327673 { 6032 padding-top: 56.25%; 6033} 6034#banner-1174327673 .overlay { 6035 background-color: rgba(0, 0, 0, 0.2); 6036} 6037@media (min-width:550px) { 6038 #banner-1174327673 { 6039 padding-top: 60%; 6040 } 6041} 6042</style> 6043 </div> 6044 6045 6046 <div id="gap-1850382134" class="gap-element clearfix" style="display:block; height:auto;"> 6047 6048<style> 6049#gap-1850382134 { 6050 padding-top: 10px; 6051} 6052@media (min-width:550px) { 6053 #gap-1850382134 { 6054 padding-top: 30px; 6055 } 6056} 6057</style> 6058 </div> 6059 6060 <div id="text-590799884" class="text"> 6061 6062<h3>Tutorial Setup Awal</h3> 6063 6064<style> 6065#text-590799884 { 6066 text-align: center; 6067} 6068</style> 6069 </div> 6070 6071 </div> 6072 </div> 6073 6074 6075</div> 6076<div class="row row-collapse" id="row-231091976"> 6077 6078 <div id="col-1640057726" class="col small-12 large-12" > 6079 <div class="col-inner" > 6080 6081 6082 6083 <div class="banner has-hover bg-overlay-remove" id="banner-60751001"> 6084 <div class="banner-inner fill"> 6085 <div class="banner-bg fill" > 6086 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Toko-Etalase-Barang.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Toko-Etalase-Barang.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Toko-Etalase-Barang-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Toko-Etalase-Barang-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Toko-Etalase-Barang-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100v
6086w, 1280px" /> <div class="overlay"></div> 6087 </div> 6088 6089 <div class="banner-layers container"> 6090 <div class="fill banner-link"></div> 6091 <div id="text-box-893109013" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 6092 <div class="text-box-content text dark"> 6093 6094 <div class="text-inner text-center"> 6095 6096<div class="video-button-wrapper" ><a href="https://www.youtube.com/watch?v=kshWsCAi47g" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 6097 </div> 6098 6099<style> 6100#text-box-893109013 { 6101 width: 60%; 6102} 6103#text-box-893109013 .text-box-content { 6104 font-size: 100%; 6105} 6106</style> 6107 </div> 6108 6109 </div> 6110 </div> 6111 6112 6113<style> 6114#banner-60751001 { 6115 padding-top: 56.25%; 6116} 6117#banner-60751001 .overlay { 6118 background-color: rgba(0, 0, 0, 0.2); 6119} 6120@media (min-width:550px) { 6121 #banner-60751001 { 6122 padding-top: 60%; 6123 } 6124} 6125</style> 6126 </div> 6127 6128 6129 <div id="gap-275357920" class="gap-element clearfix" style="display:block; height:auto;"> 6130 6131<style> 6132#gap-275357920 { 6133 padding-top: 10px; 6134} 6135@media (min-width:550px) { 6136 #gap-275357920 { 6137 padding-top: 30px; 6138 } 6139} 6140</style> 6141 </div> 6142 6143 <div id="text-2782443311" class="text"> 6144 6145<h3>Tutorial Atur Etalase Barang di Kasflo Toko</h3> 6146 6147<style> 6148#text-2782443311 { 6149 text-align: center; 6150} 6151</style> 6152 </div> 6153 6154 </div> 6155 </div> 6156 6157 6158</div> 6159<div class="row row-collapse" id="row-2127189610"> 6160 6161 <div id="col-887281164" class="col small-12 large-12" > 6162 <div class="col-inner" > 6163 6164 6165 6166 <div class="banner has-hover bg-overlay-remove" id="banner-1139343864"> 6167 <div class="banner-inner fill"> 6168 <div class="banner-bg fill" > 6169 <img loading="lazy" decoding="async" width="1280" height="720" src="https://kasflo.id/wp-content/uploads/2026/08/Toko-Penarikan-Saldo-Merchant.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/Toko-Penarikan-Saldo-Merchant.jpg 1280w, https://kasflo.id/wp-content/uploads/2026/08/Toko-Penarikan-Saldo-Merchant-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/Toko-Penarikan-Saldo-Merchant-1024x576.jpg 1024w, https://kasflo.id/wp-content/uploads/2026/08/Toko-Penarikan-Saldo-Merchant-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /> <div class="overlay"></div> 6170 </div> 6171 6172 <div class="banner-layers container"> 6173 <div class="fill banner-link"></div> 6174 <div id="text-box-890183762" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 6175 <div class="text-box-content text dark"> 6176 6177 <div class="text-inner text-center"> 6178 6179<div class="video-button-wrapper" ><a href="https://www.youtube.com/watch?v=LiL2YPDIi1I" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 6180 </div> 6181 6182<style> 6183#text-box-890183762 { 6184 width: 60%; 6185} 6186#text-box-890183762 .text-box-content { 6187 font-size: 100%; 6188} 6189</style> 6190 </div> 6191 6192 </div> 6193 </div> 6194 6195 6196<style> 6197#banner-1139343864 { 6198 padding-top: 56.25%; 6199} 6200#banner-1139343864 .overlay { 6201 background-color: rgba(0, 0, 0, 0.2); 6202} 6203@media (min-width:550px) { 6204 #banner-1139343864 { 6205 padding-top: 60%; 6206 } 6207} 6208</style> 6209 </div> 6210 6211 6212 <div id="gap-1503268745" class="gap-element clearfix" style="display:block; height:auto;"> 6213 6214<style> 6215#gap-1503268745 { 6216 padding-top: 10px; 6217} 6218@media (min-width:550px) { 6219 #gap-1503268745 { 6220 padding-top: 30px; 6221 } 6222} 6223</style> 6224 </div> 6225 6226 <div id="text-1388507741" class="text"> 6227 6228<h3>Tutorial Penarikan Saldo Merchant di Kasflo Toko</h3> 6229 6230<style> 6231#text-1388507741 { 6232 text-align: center; 6233} 6234</style> 6235 </div> 6236 6237 </div> 6238 </div> 6239 6240 6241</div> 6242 </div> 6243 6244 <div class="loading-spin dark large centered"></div> 6245 6246 </div> 6247 6248 6249 </div> 6250 </div> 6251 6252 6253</div> 6254</div></div></div> 6255 </div> 6256 </div> 6257 6258 6259</div> 6260 </div> 6261 6262 6263<style> 6264#section_285844335 { 6265 padding-top: 0px; 6266 padding-bottom: 0px; 6267} 6268@media (min-width:550px) { 6269 #section_285844335 { 6270 padding-top: 30px; 6271 padding-bottom: 30px; 6272 } 6273} 6274</style> 6275 </section> 6276 6277 6278 <section class="section demo-sims-section dark" id="section_1091729236"> 6279 <div class="section-bg fill" > 6280 6281 6282 6283 6284 6285 </div> 6286 6287 6288 6289 <div class="section-content relative"> 6290 6291 <div id="gap-1447432855" class="gap-element clearfix" style="display:block; height:auto;"> 6292 6293<style> 6294#gap-1447432855 { 6295 padding-top: 30px; 6296} 6297</style> 6298 </div> 6299 6300<div class="row" id="row-394899195"> 6301 6302 <div id="col-1051663740" class="col medium-6 small-12 large-6" > 6303 <div class="col-inner" > 6304 6305 6306 <div id="text-245105644" class="text heading-title"> 6307 6308<h2>Eksplor Fitur Kasflo 
Melalui Simulasi Interaktif</h2> 6309 </div> 6310 6311 </div> 6312 </div> 6313 6314 6315</div> 6316 <div id="gap-689256143" class="gap-element clearfix" style="display:block; height:auto;"> 6317 6318<style> 6319#gap-689256143 { 6320 padding-top: 0px; 6321} 6322@media (min-width:550px) { 6323 #gap-689256143 { 6324 padding-top: 40px; 6325 } 6326} 6327</style> 6328 </div> 6329 6330<div class="row" id="row-1526547169"> 6331 6332 <div id="col-718233359" class="col small-12 large-12" > 6333 <div class="col-inner" > 6334 6335 6336 6337 <div class="tabbed-content sims-demo-tabs tabs-has-icon"> 6338 6339 <ul class="nav nav-line-bottom nav-normal nav-size-normal nav-left" role="tablist"><li id="tab-kasflo-resto" class="tab active has-icon" role="presentation"><a href="#tab_kasflo-resto" role="tab" aria-selected="true" aria-controls="tab_kasflo-resto"><span>Kasflo Resto</span></a></li> 6340<li id="tab-kasflo-bisnis" class="tab has-icon" role="presentation"><a href="#tab_kasflo-bisnis" tabindex="-1" role="tab" aria-selected="false" aria-controls="tab_kasflo-bisnis"><span>Kasflo Bisnis</span></a></li></ul><div class="tab-panels"><div id="tab_kasflo-resto" class="panel active entry-content" role="tabpanel" aria-labelledby="tab-kasflo-resto"> 6341<div class="row row-small sims-demo-row" id="row-781902967"> 6342 6343 <div id="col-1653691296" class="col medium-6 small-12 large-6" > 6344 <div class="col-inner" > 6345 6346 6347 <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_555117457"> 6348 <div class="img-inner image-cover dark" style="padding-top:56.25%;"> 6349 <img loading="lazy" decoding="async" width="915" height="516" src="https://kasflo.id/wp-content/uploads/2026/08/ss-demo-dashboard.jpg" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/ss-demo-dashboard.jpg 915w, https://kasflo.id/wp-content/uploads/2026/08/ss-demo-dashboard-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/ss-demo-dashboard-768x433.jpg 768w" sizes="auto, (max-width: 915p
6349x) 100vw, 915px" /> 6350 </div> 6351 6352<style> 6353#image_555117457 { 6354 width: 100%; 6355} 6356</style> 6357 </div> 6358 6359<h3>Dashboard</h3> 6360 </div> 6361 </div> 6362 6363 6364 6365 <div id="col-27777072" class="col medium-6 small-12 large-6" > 6366 <div class="col-inner" > 6367 6368 6369 <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_941766141"> 6370 <div class="img-inner image-cover dark" style="padding-top:56.25%;"> 6371 <img loading="lazy" decoding="async" width="917" height="516" src="https://kasflo.id/wp-content/uploads/2026/08/ss-demo-katalog.jpg" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/ss-demo-katalog.jpg 917w, https://kasflo.id/wp-content/uploads/2026/08/ss-demo-katalog-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/ss-demo-katalog-768x432.jpg 768w" sizes="auto, (max-width: 917px) 100vw, 917px" /> 6372 </div> 6373 6374<style> 6375#image_941766141 { 6376 width: 100%; 6377} 6378</style> 6379 </div> 6380 6381<h3>Katalog</h3> 6382 </div> 6383 </div> 6384 6385 6386 6387 <div id="col-2143874713" class="col medium-6 small-12 large-6" > 6388 <div class="col-inner" > 6389 6390 6391 <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_2075258495"> 6392 <div class="img-inner image-cover dark" style="padding-top:56.25%;"> 6393 <img loading="lazy" decoding="async" width="915" height="516" src="https://kasflo.id/wp-content/uploads/2026/08/ss-demo-bahan.jpg" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/ss-demo-bahan.jpg 915w, https://kasflo.id/wp-content/uploads/2026/08/ss-demo-bahan-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/ss-demo-bahan-768x433.jpg 768w" sizes="auto, (max-width: 915px) 100vw, 915px" /> 6394 </div> 6395 6396<style> 6397#image_2075258495 { 6398 width: 100%; 6399} 6400</style> 6401 </div> 6402 6403<h3>Bahan Baku</h3> 6404 </div> 6405 </div> 6406 6407 6408 6409 <div id="col-1845186890" class="col medium-6 small-12 large-6" > 6410 <div class="col-inner" > 6411 6412 6413 <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_680368133"> 6414 <div class="img-inner image-cover dark" style="padding-top:56.25%;"> 6415 <img loading="lazy" decoding="async" width="917" height="518" src="https://kasflo.id/wp-content/uploads/2026/08/ss-demo-pembukuan.jpg" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/ss-demo-pembukuan.jpg 917w, https://kasflo.id/wp-content/uploads/2026/08/ss-demo-pembukuan-300x169.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/ss-demo-pembukuan-768x434.jpg 768w" sizes="auto, (max-width: 917px) 100vw, 917px" /> 6416 </div> 6417 6418<style> 6419#image_680368133 { 6420 width: 100%; 6421} 6422</style> 6423 </div> 6424 6425<h3>Pembukuan</h3> 6426 </div> 6427 </div> 6428 6429 6430</div> 6431 <div id="gap-947199236" class="gap-element clearfix" style="display:block; height:auto;"> 6432 6433<style> 6434#gap-947199236 { 6435 padding-top: 20px; 6436} 6437</style> 6438 </div> 6439 6440<div class="row" id="row-1633061352"> 6441 6442 <div id="col-415477995" class="col small-12 large-12" > 6443 <div class="col-inner text-center" > 6444 6445 6446<a href="http://backoffice.kasflo.id/demo?referral_code=SOR" target="_blank" class="button white lowercase new-button" rel="noopener" style="border-radius:10px;"> 6447 <span>Coba Demo Sekarang</span> 6448 <i class="icon-angle-right" aria-hidden="true" ></i></a> 6449 6450 </div> 6451 </div> 6452 6453 6454</div> 6455</div> 6456<div id="tab_kasflo-bisnis" class="panel entry-content" role="tabpanel" aria-labelledby="tab-kasflo-bisnis"> 6457<div class="row row-small sims-demo-row" id="row-363635619"> 6458 6459 <div id="col-832133509" class="col medium-6 small-12 large-6" > 6460 <div class="col-inner" > 6461 6462 6463 <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_922743804"> 6464 <div class="img-inner image-cover dark" style="padding-top:56.25%;"> 6465 <img loading="lazy" decoding="async" width="916" height="503" src="https://kasflo.id/wp-content/uploads/2026/08/ss-demo-bisnis-dashboard.jpg" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/ss-demo-bisnis-dashboard.jpg 916w, https://kasflo.id/wp-content/uploads/2026/08/ss-demo-bisnis-dashboard-300x165.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/ss-demo-bisnis-dashboard-768x422.jpg 768w" sizes="auto, (max-width: 916px) 100v
6465w, 916px" /> 6466 </div> 6467 6468<style> 6469#image_922743804 { 6470 width: 100%; 6471} 6472</style> 6473 </div> 6474 6475<h3>Dashboard</h3> 6476 </div> 6477 </div> 6478 6479 6480 6481 <div id="col-1554153019" class="col medium-6 small-12 large-6" > 6482 <div class="col-inner" > 6483 6484 6485 <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_811386881"> 6486 <div class="img-inner image-cover dark" style="padding-top:56.25%;"> 6487 <img loading="lazy" decoding="async" width="916" height="503" src="https://kasflo.id/wp-content/uploads/2026/08/ss-demo-bisnis-katalog.jpg" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/ss-demo-bisnis-katalog.jpg 916w, https://kasflo.id/wp-content/uploads/2026/08/ss-demo-bisnis-katalog-300x165.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/ss-demo-bisnis-katalog-768x422.jpg 768w" sizes="auto, (max-width: 916px) 100vw, 916px" /> 6488 </div> 6489 6490<style> 6491#image_811386881 { 6492 width: 100%; 6493} 6494</style> 6495 </div> 6496 6497<h3>Katalog</h3> 6498 </div> 6499 </div> 6500 6501 6502 6503 <div id="col-1144948748" class="col medium-6 small-12 large-6" > 6504 <div class="col-inner" > 6505 6506 6507 <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_42839600"> 6508 <div class="img-inner image-cover dark" style="padding-top:56.25%;"> 6509 <img loading="lazy" decoding="async" width="916" height="503" src="https://kasflo.id/wp-content/uploads/2026/08/ss-demo-bisnis-inventori.jpg" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/ss-demo-bisnis-inventori.jpg 916w, https://kasflo.id/wp-content/uploads/2026/08/ss-demo-bisnis-inventori-300x165.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/ss-demo-bisnis-inventori-768x422.jpg 768w" sizes="auto, (max-width: 916px) 100vw, 916px" /> 6510 </div> 6511 6512<style> 6513#image_42839600 { 6514 width: 100%; 6515} 6516</style> 6517 </div> 6518 6519<h3>Inventori</h3> 6520 </div> 6521 </div> 6522 6523 6524 6525 <div id="col-1903013516" class="col medium-6 small-12 large-6" > 6526 <div class="col-inner" > 6527 6528 6529 <div class="img has-hover x md-x lg-x y md-y lg-y" id="image_75314350"> 6530 <div class="img-inner image-cover dark" style="padding-top:56.25%;"> 6531 <img loading="lazy" decoding="async" width="916" height="503" src="https://kasflo.id/wp-content/uploads/2026/08/ss-demo-bisnis-pembukuan.jpg" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/ss-demo-bisnis-pembukuan.jpg 916w, https://kasflo.id/wp-content/uploads/2026/08/ss-demo-bisnis-pembukuan-300x165.jpg 300w, https://kasflo.id/wp-content/uploads/2026/08/ss-demo-bisnis-pembukuan-768x422.jpg 768w" sizes="auto, (max-width: 916px) 100vw, 916px" /> 6532 </div> 6533 6534<style> 6535#image_75314350 { 6536 width: 100%; 6537} 6538</style> 6539 </div> 6540 6541<h3>Pembukuan</h3> 6542 </div> 6543 </div> 6544 6545 6546</div> 6547 <div id="gap-1198228164" class="gap-element clearfix" style="display:block; height:auto;"> 6548 6549<style> 6550#gap-1198228164 { 6551 padding-top: 20px; 6552} 6553</style> 6554 </div> 6555 6556<div class="row" id="row-267230166"> 6557 6558 <div id="col-406395514" class="col small-12 large-12" > 6559 <div class="col-inner text-center" > 6560 6561 6562<a href="https://backoffice-bisnis.kasflo.id/demo?referral_code=SOB" target="_blank" class="button white lowercase new-button" rel="noopener" style="border-radius:10px;"> 6563 <span>Coba Demo Sekarang</span> 6564 <i class="icon-angle-right" aria-hidden="true" ></i></a> 6565 6566 </div> 6567 </div> 6568 6569 6570</div> 6571</div></div></div> 6572 </div> 6573 </div> 6574 6575 6576</div> 6577 </div> 6578 6579 6580<style> 6581#section_1091729236 { 6582 padding-top: 50px; 6583 padding-bottom: 50px; 6584 background-color: rgb(111, 35, 254); 6585} 6586</style> 6587 </section> 6588 6589 6590 <section class="section new-home-about-section dark" id="section_1384797366"> 6591 <div class="section-bg fill" > 6592 <img loading="lazy" decoding="async" width="1019" height="1127" src="https://kasflo.id/wp-content/uploads/2026/08/image-home-about.jpg" class="bg" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/image-home-about.jpg 1019w, https://kasflo.id/wp-content/uploads/2026/08/image-home-about-271x300.jpg 271w, https://kasflo.id/wp-content/uploads/2026/08/image-home-about-926x1024.jpg 926w, https://kasflo.id/wp-content/uploads/2026/08/image-home-about-768x849.jpg 768w" sizes="auto, (max-width: 1019px) 100vw, 1019px" /> 6593 6594 6595 6596 6597 </div> 6598 6599 6600 6601 <div class="section-content relative"> 6602 6603 <div id="gap-1912890604" class="gap-element clearfix" style="display:block; height:auto;"> 6604 6605<style> 6606#gap-1912890604 { 6607 padding-top: 430px; 6608} 6609@media (min-width:550px) { 6610 #gap-1912890604 { 6611 padding-top: 50px; 6612 } 6613} 6614</style> 6615 </div> 6616 6617<div class="row align-right" id="row-1848439447"> 6618 6619 <div id="col-1969938452" class="col medium-6 small-12 large-6" > 6620 <div class="col-inner" > 6621 6622 6623 <div id="text-1891123432" class="text heading-title"> 6624 6625<h2>Tentang Kasflo</h2> 6626 </div> 6627 6628<p><strong>
6628Kasflo adalah aplikasi kasir dan Point of Sale (POS) untuk membantu bisnis mengelola penjualan dan operasional dalam satu platform.</strong> Kasflo cocok digunakan oleh berbagai jenis usaha, seperti resto, retail, sport & entertainment, serta UMKM.</p> 6629<p>Sebagai aplikasi POS, Kasflo membantu pemilik usaha mengelola transaksi penjualan, produk, inventori, pelanggan, pembukuan, laporan usaha, dan karyawan secara lebih praktis. Kasflo juga mendukung bisnis multi-cabang agar pemilik usaha dapat memantau operasional dan transaksi dengan lebih mudah.</p> 6630<p>Kasflo hadir dengan <strong>harga dan biaya yang transparan.</strong> Informasi biaya disampaikan secara jelas sehingga pemilik usaha dapat menyesuaikan paket dengan kebutuhan bisnisnya.</p> 6631<p>Untuk mendukung operasional yang lebih lengkap, Kasflo juga menyediakan <strong>QRIS Dinamis, Self Order, Reservasi, dan Billing System</strong> yang membantu bisnis memberikan proses transaksi dan layanan yang lebih praktis kepada pelanggan.<br /> 6632<strong>Gunakan Kasflo untuk mengelola kasir, transaksi, dan operasional bisnis dalam satu sistem. #PastiLebihBaik</strong></p> 6633 </div> 6634 </div> 6635 6636 6637</div> 6638 </div> 6639 6640 6641<style> 6642#section_1384797366 { 6643 padding-top: 30px; 6644 padding-bottom: 30px; 6645 background-color: rgb(254, 52, 110); 6646} 6647</style> 6648 </section> 6649 6650 6651 <section class="section new-home-testi-section" id="section_846276880"> 6652 <div class="section-bg fill" > 6653 6654 6655 6656 6657 <div class="is-border" 6658 style="border-color:rgb(226, 226, 226);border-width:0px 0px 1px 0px;"> 6659 </div> 6660 6661 </div> 6662 6663 6664 6665 <div class="section-content relative"> 6666 6667 <div id="gap-1869806942" class="gap-element clearfix" style="display:block; height:auto;"> 6668 6669<style> 6670#gap-1869806942 { 6671 padding-top: 30px; 6672} 6673</style> 6674 </div> 6675 6676<div class="row" id="row-611760146"> 6677 6678 <div id="col-1818438227" class="col small-12 large-12" > 6679 <div class="col-inner" > 6680 6681 6682 <div id="text-1755930381" class="text heading-title"> 6683 6684<h2>Perjalanan Bisnis yang Lebih Mudah Bersama Kasflo</h2> 6685 6686<style> 6687#text-1755930381 { 6688 text-align: center; 6689 color: rgb(48, 1, 104); 6690} 6691#text-1755930381 > * { 6692 color: rgb(48, 1, 104); 6693} 6694</style> 6695 </div> 6696 6697 </div> 6698 </div> 6699 6700 6701</div> 6702<div class="row" id="row-705830653"> 6703 6704 <div id="col-255003610" class="col small-12 large-12" > 6705 <div class="col-inner" > 6706 6707 6708<div class="slider-wrapper relative testimonials-slider-wrapper" id="slider-514090447" > 6709 <div class="slider slider-nav-circle slider-nav-large slider-nav-dark slider-nav-outside slider-style-normal slider-show-nav" 6710 data-flickity-options='{ 6711 "cellAlign": "center", 6712 "imagesLoaded": true, 6713 "lazyLoad": 1, 6714 "freeScroll": false, 6715 "wrapAround": true, 6716 "autoPlay": false, 6717 "pauseAutoPlayOnHover" : true, 6718 "prevNextButtons": true, 6719 "contain" : true, 6720 "adaptiveHeight" : true, 6721 "dragThreshold" : 10, 6722 "percentPosition": true, 6723 "pageDots": false, 6724 "rightToLeft": false, 6725 "draggable": true, 6726 "selectedAttraction": 0.1, 6727 "parallax" : 0, 6728 "friction": 0.6 }' 6729 > 6730 6731<div class="row row-collapse new-testi-row" id="row-1176646439"> 6732 6733 <div id="col-1883865303" class="col small-12 large-12" > 6734 <div class="col-inner" > 6735 6736 6737<div class="row row-collapse align-equal" id="row-1891754107"> 6738 6739 <div id="col-1357739159" class="col first-col medium-6 small-12 large-6" > 6740 <div class="col-inner" > 6741 6742 6743 6744 <div class="banner has-hover bg-overlay-remove" id="banner-1012820033"> 6745 <div class="banner-inner fill"> 6746 <div class="banner-bg fill" > 6747 <img loading="lazy" decoding="async" width="1920" height="1080" src="https://kasflo.id/wp-content/uploads/2024/09/THUMBNAIL-1.png" class="bg" alt="" /> <div class="overlay"></div> 6748 </div> 6749 6750 <div class="banner-layers container"> 6751 <div class="fill banner-link"></div> 6752 <div id="text-box-995503832" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 6753 <div class="text-box-content text dark"> 6754 6755 <div class="text-inner text-center"> 6756 6757<div class="video-button-wrapper" style="font-size:150%"><a href="https://www.youtube.com/watch?v=XKRUTOILMQY" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 6758 </div> 6759 6760<style> 6761#text-box-995503832 { 6762 width: 60%; 6763} 6764#text-box-995503832 .text-box-content { 6765 font-size: 100%; 6766} 6767</style> 6768 </div> 6769 6770 </div> 6771 </div> 6772 6773 6774<style> 6775#banner-1012820033 { 6776 padding-top: 56.25%; 6777 background-color: rgb(255, 255, 255); 6778} 6779#banner-1012820033 .overlay { 6780 background-color: rgba(0, 0, 0, 0.35); 6781} 6782#banner-1012820033 .bg { 6783 object-position: 0% 100%; 6784} 6785</style> 6786 </div> 6787 6788 6789 </div> 6790 6791<style> 6792#col-1357739159 > .col-inner { 6793 padding: 0px 0px 0px 0px; 6794} 6795@media (min-width:550px) { 6796 #col-1357739159 > .col-inner { 6797 padding: 0px 50px 0px 0px; 6798 } 6799} 6800</style> 6801 </div> 6802 6803 6804 6805 <div id="col-1007696290" class="col second-col medium-6 small-12 large-6" > 6806 <div class="col-inner text-left" > 6807 6808 6809 6810 <div class="icon-box featured-box icon-box-top text-left" > 6811 <div class="icon-box-img" style="width: 148px"> 6812 <div class="icon"> 6813 <div class="icon-inner" > 6814 <img loading="lazy" decoding="async" width="222" height="90" src="https://kasflo.id/wp-content/uploads/2024/09/logo-bilik-kucing.png" class="attachment-medium size-medium" alt="" /> </div>
6815 </div> 6816 </div> 6817 <div class="icon-box-text last-reset"> 6818 6819<h2>Meidy Aisyah</h2> 6820<h3>Owner Bilik Kucing Cat Cafe</h3> 6821<p>“Aku seneng banget sih Kasflo itu Gratis, jadi buat semua kalangan UMKM bisa cobain sistem kasir digital. Karna banyak UMKM yang terkendala dengan biaya subscribe.”</p> 6822 </div> 6823 </div> 6824 6825 6826 </div> 6827 6828<style> 6829#col-1007696290 > .col-inner { 6830 padding: 20px 20px 20px 20px; 6831} 6832@media (min-width:550px) { 6833 #col-1007696290 > .col-inner { 6834 padding: 30px 50px 30px 50px; 6835 } 6836} 6837@media (min-width:850px) { 6838 #col-1007696290 > .col-inner { 6839 padding: 30px 16px 30px 0px; 6840 } 6841} 6842</style> 6843 </div> 6844 6845 6846 6847<style> 6848#row-1891754107 > .col > .col-inner { 6849 background-color: rgb(255,255,255); 6850} 6851</style> 6852</div> 6853 </div> 6854 </div> 6855 6856 6857</div> 6858<div class="row row-collapse new-testi-row" id="row-866263932"> 6859 6860 <div id="col-1092040351" class="col small-12 large-12" > 6861 <div class="col-inner" > 6862 6863 6864<div class="row row-collapse align-equal" id="row-687501074"> 6865 6866 <div id="col-1956736150" class="col first-col medium-6 small-12 large-6" > 6867 <div class="col-inner" > 6868 6869 6870 6871 <div class="banner has-hover bg-overlay-remove" id="banner-1830000217"> 6872 <div class="banner-inner fill"> 6873 <div class="banner-bg fill" > 6874 <img loading="lazy" decoding="async" width="1920" height="1080" src="https://kasflo.id/wp-content/uploads/2024/09/Thumbnail-Artwork-1.png" class="bg" alt="" /> <div class="overlay"></div> 6875 </div> 6876 6877 <div class="banner-layers container"> 6878 <div class="fill banner-link"></div> 6879 <div id="text-box-1423083157" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 6880 <div class="text-box-content text dark"> 6881 6882 <div class="text-inner text-center"> 6883 6884<div class="video-button-wrapper" style="font-size:150%"><a href="https://www.youtube.com/watch?v=FY2qiOeki3Q" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 6885 </div> 6886 6887<style> 6888#text-box-1423083157 { 6889 width: 60%; 6890} 6891#text-box-1423083157 .text-box-content { 6892 font-size: 100%; 6893} 6894</style> 6895 </div> 6896 6897 </div> 6898 </div> 6899 6900 6901<style> 6902#banner-1830000217 { 6903 padding-top: 56.25%; 6904 background-color: rgb(255, 255, 255); 6905} 6906#banner-1830000217 .overlay { 6907 background-color: rgba(0, 0, 0, 0.35); 6908} 6909#banner-1830000217 .bg { 6910 object-position: 0% 100%; 6911} 6912</style> 6913 </div> 6914 6915 6916 </div> 6917 6918<style> 6919#col-1956736150 > .col-inner { 6920 padding: 0px 50px 0px 0px; 6921} 6922</style> 6923 </div> 6924 6925 6926 6927 <div id="col-1958169586" class="col second-col medium-6 small-12 large-6" > 6928 <div class="col-inner text-left" > 6929 6930 6931 6932 <div class="icon-box featured-box icon-box-top text-left" > 6933 <div class="icon-box-img" style="width: 148px"> 6934 <div class="icon"> 6935 <div class="icon-inner" > 6936 <img loading="lazy" decoding="async" width="222" height="90" src="https://kasflo.id/wp-content/uploads/2024/09/logo-artwork-cafe.png" class="attachment-medium size-medium" alt="" /> </div> 6937 </div> 6938 </div> 6939 <div class="icon-box-text last-reset"> 6940 6941<h2>Demas</h2> 6942<h3>Owner Artwork Cafe</h3> 6943<p>“Kasflo ngebantu banget buat Operasional Artwork Cafe untuk ngatur pembukuan, buku menu, inventory stok hingga pembayaran QRIS Dinamis yang mempermudah pelanggan untuk bayar tanpa harus input nominal.”</p> 6944 </div> 6945 </div> 6946 6947 6948 </div> 6949 6950<style> 6951#col-1958169586 > .col-inner { 6952 padding: 20px 20px 20px 20px; 6953} 6954@media (min-width:550px) { 6955 #col-1958169586 > .col-inner { 6956 padding: 30px 50px 30px 50px; 6957 } 6958} 6959@media (min-width:850px) { 6960 #col-1958169586 > .col-inner { 6961 padding: 30px 16px 30px 0px; 6962 } 6963} 6964</style> 6965 </div> 6966 6967 6968 6969<style> 6970#row-687501074 > .col > .col-inner { 6971 background-color: rgb(255,255,255); 6972} 6973</style> 6974</div> 6975 </div> 6976 </div> 6977 6978 6979</div> 6980<div class="row row-collapse new-testi-row" id="row-280250784"> 6981 6982 <div id="col-338276915" class="col small-12 large-12" > 6983 <div class="col-inner" > 6984 6985 6986<div class="row row-collapse align-equal" id="row-2129188011"> 6987 6988 <div id="col-424455629" class="col first-col medium-6 small-12 large-6" > 6989 <div class="col-inner" > 6990 6991 6992 6993 <div class="banner has-hover bg-overlay-remove" id="banner-329354105"> 6994 <div class="banner-inner fill"> 6995 <div class="banner-bg fill" > 6996 <img loading="lazy" decoding="async" width="1920" height="1080" src="https://kasflo.id/wp-content/uploads/2024/10/THUMBNAIL-1.jpg" class="bg" alt="" /> <div class="overlay"></div> 6997 </div> 6998 6999 <div class="banner-layers container"> 7000 <div class="fill banner-link"></div> 7001 <div id="text-box-1099145464" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 7002 <div class="text-box-content text dark"> 7003 7004 <div class="text-inner text-center"> 7005 7006<div class="video-button-wrapper" style="font-size:150%"><a href="https://youtube.com/watch?v=GGuxA0qcqh0" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 7007 </div> 7008 7009<style> 7010#text-box-1099145464 { 7011 width: 60%; 7012} 7013#text-box-1099145464 .text-box-content { 7014 font-size: 100%; 7015} 7016</style> 7017 </div> 7018 7019 </div> 7020 </div> 7021 7022 7023<style> 7024#banner-329354105 { 7025 padding-top: 56.25%; 7026 background-color: rgb(255, 255, 255); 7027} 7028#banner-329354105 .overlay { 7029 background-color: rgba(0, 0, 0, 0.35); 7030} 7031#banner-329354105 .bg { 7032 object-position: 0% 100%; 7033} 7034</style> 7035 </div> 7036 7037 7038 </div> 7039 7040<style> 7041#col-424455629 > .col-inner { 7042 padding: 0px 50px 0px 0px; 7043} 7044</style> 7045 </div> 7046 7047 7048 7049 <div id="col-1611575408" class="col second-col medium-6 small-12 large-6" > 7050 <div class="col-inner text-left" > 7051 7052 7053 7054 <div class="icon-box featured-box icon-box-top text-left" > 7055 <div class="icon-box-img" style="width: 148px"> 7056 <div class="icon"> 7057 <div class="icon-inner" > 7058 <img loading="lazy" decoding="async" width="222" height="90" src="https://kasflo.id/wp-content/uploads/2024/09/logo-do-go-juice.png" class="attachment-medium size-medium" alt="" /> </div>
7059 </div> 7060 </div> 7061 <div class="icon-box-text last-reset"> 7062 7063<h2>Fenny</h2> 7064<h3>Owner Juice Do & Go</h3> 7065<p>“Kasflo nge-provide kebutuhan usaha saya secara keseluruhan, lebih tenang buat ngatur 8 cabang Juice Do & Go yang tersebar di Jabodetabek. Tinggal pantau dari mana aja, data yang ditampilkan sangat lengkap dan real time.”</p> 7066 </div> 7067 </div> 7068 7069 7070 </div> 7071 7072<style> 7073#col-1611575408 > .col-inner { 7074 padding: 20px 20px 20px 20px; 7075} 7076@media (min-width:550px) { 7077 #col-1611575408 > .col-inner { 7078 padding: 30px 50px 30px 50px; 7079 } 7080} 7081@media (min-width:850px) { 7082 #col-1611575408 > .col-inner { 7083 padding: 30px 16px 30px 0px; 7084 } 7085} 7086</style> 7087 </div> 7088 7089 7090 7091<style> 7092#row-2129188011 > .col > .col-inner { 7093 background-color: rgb(255,255,255); 7094} 7095</style> 7096</div> 7097 </div> 7098 </div> 7099 7100 7101</div> 7102 </div> 7103 7104 <div class="loading-spin dark large centered"></div> 7105 7106 </div> 7107 7108 7109 </div> 7110 </div> 7111 7112 7113</div> 7114 </div> 7115 7116 7117<style> 7118#section_846276880 { 7119 padding-top: 20px; 7120 padding-bottom: 20px; 7121} 7122@media (min-width:550px) { 7123 #section_846276880 { 7124 padding-top: 40px; 7125 padding-bottom: 40px; 7126 } 7127} 7128@media (min-width:850px) { 7129 #section_846276880 { 7130 padding-top: 50px; 7131 padding-bottom: 50px; 7132 } 7133} 7134</style> 7135 </section> 7136 7137 7138 <section class="section" id="section_1895022319"> 7139 <div class="section-bg fill" > 7140 7141 7142 7143 7144 7145 </div> 7146 7147 7148 7149 <div class="section-content relative"> 7150 7151<div class="row row-collapse align-middle new-home-video-news" id="row-931910912"> 7152 7153 <div id="col-780192448" class="col video-col medium-6 small-12 large-6 small-col-first" > 7154 <div class="col-inner" > 7155 7156 7157 7158 <div class="banner has-hover bg-overlay-remove" id="banner-1353463094"> 7159 <div class="banner-inner fill"> 7160 <div class="banner-bg fill" > 7161 <img loading="lazy" decoding="async" width="1920" height="1080" src="https://kasflo.id/wp-content/uploads/2024/09/Thumbnail-event-ifbc-1.jpg" class="bg" alt="" /> <div class="overlay"></div> 7162 </div> 7163 7164 <div class="banner-layers container"> 7165 <div class="fill banner-link"></div> 7166 <div id="text-box-1620011815" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text"> 7167 <div class="text-box-content text dark"> 7168 7169 <div class="text-inner text-center"> 7170 7171<div class="video-button-wrapper" style="font-size:150%"><a href="https://www.youtube.com/watch?v=5B0vDRvyRw4" class="button open-video icon circle is-outline is-xlarge"><i class="icon-play" style="font-size:1.5em;" ></i></a></div> </div> 7172 </div> 7173 7174<style> 7175#text-box-1620011815 { 7176 width: 60%; 7177} 7178#text-box-1620011815 .text-box-content { 7179 font-size: 100%; 7180} 7181</style> 7182 </div> 7183 7184 </div> 7185 </div> 7186 7187 7188<style> 7189#banner-1353463094 { 7190 padding-top: 56.25%; 7191 background-color: rgb(255, 255, 255); 7192} 7193#banner-1353463094 .overlay { 7194 background-color: rgba(0, 0, 0, 0.35); 7195} 7196#banner-1353463094 .bg { 7197 object-position: 0% 100%; 7198} 7199</style> 7200 </div> 7201 7202 7203 </div> 7204 7205<style> 7206#col-780192448 > .col-inner { 7207 padding: 0px 20px 20px 20px; 7208} 7209@media (min-width:550px) { 7210 #col-780192448 > .col-inner { 7211 padding: 0px 50px 0px 0px; 7212 } 7213} 7214</style> 7215 </div> 7216 7217 7218 7219 <div id="col-113921999" class="col text-col medium-6 small-12 large-6" > 7220 <div class="col-inner" > 7221 7222 7223 <div id="text-823472371" class="text heading-title-sm"> 7224 7225<h2>Kasflo Hadir di IFBC 2024: Transformasi Bisnis melalui Digital POS Tanpa Biaya Langganan!</h2> 7226 </div> 7227 7228<p>Kasflo hadir untuk membantu ribuan pelaku usaha berkembang lebih efisien dengan ekosistem terintegrasi. Kasflo Resto untuk kuliner, Kasflo Toko untuk warung & toko kelontong, dan Kasflo Bisnis untuk ritel & jasa, yang baru saja dirilis bertepatan dengan event IFBC sudah pasti tanpa biaya langganan. Terus maju bersama Kasflo dan nantikan inovasi kami di event-event berikutnya!</p> 7229 </div> 7230 7231<style> 7232#col-113921999 > .col-inner { 7233 padding: 0px 20px 0px 20px; 7234} 7235@media (min-width:550px) { 7236 #col-113921999 > .col-inner { 7237 padding: 0px 0px 0px 0px; 7238 } 7239} 7240@media (min-width:850px) { 7241 #col-113921999 > .col-inner { 7242 padding: 0px 30px 0px 0px; 7243 } 7244} 7245</style> 7246 </div> 7247 7248 7249</div> 7250 <div id="gap-181630061" class="gap-element clearfix" style="display:block; height:auto;"> 7251 7252<style> 7253#gap-181630061 { 7254 padding-top: 60px; 7255} 7256</style> 7257 </div> 7258 7259<div class="row" id="row-1668022598"> 7260 7261 7262 <div id="col-563265264" class="col small-12 large-12" > 7263 <div class="col-inner" > 7264 7265 7266 7267 7268 <div class="banner has-hover affiliates-banner-wrap" id="banner-1546267114"> 7269 <div class="banner-inner fill"> 7270 <div class="banner-bg fill" > 7271 <img loading="lazy" decoding="async" width="2136" height="803" src="https://kasflo.id/wp-content/uploads/2024/11/Image-affiliate.jpg" class="bg" alt="" /> 7272 </div> 7273 7274 <div class="banner-layers container"> 7275 <div class="fill banner-link"></div> 7276 7277 <div id="text-box-852852473" class="text-box banner-layer x50 md-x0 lg-x0 y0 md-y50 lg-y50 res-text"> 7278 <div class="text-box-content text dark"> 7279 7280 <div class="text-inner text-left"> 7281 7282 7283<h2>Raih Komisi Jutaan<br /> 7284Gabung Kasflo Affiliate Sekarang!</h2> 7285<p>Ajak pengusaha kuliner untuk pakai Kasflo Resto, dan kamu bisa dapatkan komisi dari setiap transaksi. Semakin banyak transaksi, semakin besar komisi yang bisa kamu dapatkan!</p> 7286<a href="https://affiliate.kasflo.id/" target="_blank" class="button white lowercase new-button" rel="noopener" style="border-radius:12px;"> 7287 <span>Pelajari Di Sini!</span> 7288 <i class="icon-angle-right" aria-hidden="true" ></i></a> 7289 7290 7291 7292 </div> 7293 </div> 7294 7295<style> 7296#text-box-852852473 .text-inner { 7297 padding: 20px 20px 0px 20px; 7298} 7299#text-box-852852473 { 7300 width: 100%; 7301} 7302#text-box-852852473 .text-box-content { 7303 font-size: 100%; 7304} 7305@media (min-width:550px) { 7306 #text-box-852852473 .text-inner { 7307 padding: 0px 0px 0px 50px; 7308 } 7309 #text-box-852852473 { 7310 width: 60%; 7311 } 7312} 7313@media (min-width:850px) { 7314 #text-box-852852473 .text-inner { 7315 padding: 0px 0px 0px 90px; 7316 } 7317 #text-box-852852473 { 7318 width: 60%; 7319 } 7320} 7321</style> 7322 </div> 7323 7324 7325 </div> 7326 </div> 7327 7328 7329<style> 7330#banner-1546267114 { 7331 padding-top: 600px; 7332} 7333#banner-1546267114 .bg { 7334 object-position: 100% 0%; 7335} 7336@media (min-width:550px) { 7337 #banner-1546267114 { 7338 padding-top: 460px; 7339 } 7340} 7341</style> 7342 </div> 7343 7344 7345 7346 </div> 7347 </div> 7348 7349 7350 7351</div> 7352 <div id="gap-1958262775" class="gap-element clearfix" style="display:block; height:auto;"> 7353 7354<style> 7355#gap-1958262775 { 7356 padding-top: 30px; 7357} 7358</style> 7359 </div> 7360 7361<div class="row row-collapse align-equal new-cs-row" id="row-225667444"> 7362 7363 7364 <div id="col-897588721" class="col medium-4 small-12 large-4" > 7365 <div class="col-inner" > 7366 7367 7368 7369 <div class="img has-hover new-cs-image x md-x lg-x y md-y lg-y" id="image_951823801"> 7370 <div class="img-inner dark" > 7371 <img loading="lazy" decoding="async" width="593" height="593" src="https://kasflo.id/wp-content/uploads/2026/08/customer-support-1.png" class="attachment-original size-original" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/customer-support-1.png 593w, https://kasflo.id/wp-content/uploads/2026/08/customer-support-1-300x300.png 300w, https://kasflo.id/wp-content/uploads/2026/08/customer-support-1-150x150.png 150w" sizes="auto, (max-width: 593px) 100vw, 593px" /> 7372 </div> 7373 7374<style> 7375#image_951823801 { 7376 width: 100%; 7377} 7378</style> 7379 </div> 7380 7381 7382 7383 </div> 7384 </div> 7385 7386 7387 7388 <div id="col-342163811" class="col medium-8 small-12 large-8" > 7389 <div class="col-inner" > 7390 7391 7392 7393 <div id="text-2379870567" class="text heading-title-md"> 7394 7395 7396<h2>Hubungi Customer Service</h2> 7397 7398<style> 7399#text-2379870567 { 7400 color: rgb(48, 1, 104); 7401} 7402#text-2379870567 > * { 7403 color: rgb(48, 1, 104); 7404} 7405</style> 7406 </div> 7407 7408 <div id="text-1522427759" class="text"> 7409 7410 7411<p>Untuk pertanyaan, keluhan dan bantuan selama menggunakan Kasflo, hubungi kami di kontak berikut.</p> 7412 7413<style> 7414#text-1522427759 { 7415 color: rgb(147, 147, 147); 7416} 7417#text-1522427759 > * { 7418 color: rgb(147, 147, 147); 7419} 7420</style> 7421 </div> 7422 7423 <div id="gap-723684726" class="gap-element clearfix" style="display:block; height:auto;"> 7424 7425<style> 7426#gap-723684726 { 7427 padding-top: 10px; 7428} 7429</style> 7430 </div> 7431 7432 7433 <div id="text-1745049513" class="text heading-title"> 7434 7435 7436<h3>WhatsApp</h3> 7437 </div> 7438 7439 <div id="stack-2605200091" class="stack stack-row justify-start items-center sm:stack-col sm:items-start"> 7440 7441 7442<a href="https://wa.me/6281286468855?text=Hai%20Kak,%20saya%20mau%20menanyakan%20tentang%20..." target="_blank" class="button primary is-outline lowercase new-cs-button cs-button-wa" rel="noopener" style="border-radius:12px;"> 7443 <i class="icon-whatsapp" aria-hidden="true" ></i> <span>081286468855</span> 7444 </a> 7445 7446 7447<a href="https://wa.me/6287777911838?text=Hai%20Kak,%20saya%20mau%20menanyakan%20tentang%20..." target="_blank" class="button primary is-outline lowercase new-cs-button cs-button-wa" rel="noopener" style="border-radius:12px;"> 7448 <i class="icon-whatsapp" aria-hidden="true" ></i> <span>087777911838</span> 7449 </a> 7450 7451 7452 7453 7454<style> 7455#stack-2605200091 > * { 7456 --stack-gap: 0.75rem; 7457} 7458@media (min-width:550px) { 7459 #stack-2605200091 > * { 7460 --stack-gap: 0.875rem; 7461 } 7462} 7463</style> 7464 </div> 7465 7466 <div id="gap-1177303640" class="gap-element clearfix" style="display:block; height:auto;"> 7467 7468<style> 7469#gap-1177303640 { 7470 padding-top: 20px; 7471} 7472</style> 7473 </div> 7474 7475 7476 <div id="text-567805500" class="text heading-title"> 7477 7478 7479<h3>Email</h3> 7480 </div> 7481 7482<a href="/cdn-cgi/l/email-protection#bcdfcffcd7ddcfdad0d392d5d8" target="_blank" class="button primary is-outline lowercase new-cs-button cs-button-mail" rel="noopener" style="border-radius:12px;"> 7483 <i class="icon-envelop" aria-hidden="true" ></i> <span><span class="__cf_email__" data-cfemail="d9baaa99b2b8aabfb5b6f7b0bd">[email protected]</span></span> 7484 </a> 7485 7486 7487 7488 </div> 7489 7490<style> 7491#col-342163811 > .col-inner { 7492 padding: 30px 16px 30px 16px; 7493} 7494@media (min-width:550px) { 7495 #col-342163811 > .col-inner { 7496 padding: 40px 50px 40px 50px; 7497 } 7498} 7499</style> 7500 </div> 7501 7502 7503 7504</div> 7505 </div> 7506 7507 7508<style> 7509#section_1895022319 { 7510 padding-top: 40px; 7511 padding-bottom: 40px; 7512} 7513@media (min-width:550px) { 7514 #section_1895022319 { 7515 padding-top: 40px; 7516 padding-bottom: 40px; 7517 } 7518} 7519@media (min-width:850px) { 7520 #section_1895022319 { 7521 padding-top: 70px; 7522 padding-bottom: 70px; 7523 } 7524} 7525</style> 7526 </section> 7527 7528 7529 <section class="section new-home-faq-section" id="section_932920794"> 7530 <div class="section-bg fill" > 7531 7532 7533 7534 7535 7536 </div> 7537 7538 7539 7540 <div class="section-content relative"> 7541 7542 <div id="gap-1188847892" class="gap-element clearfix" style="display:block; height:auto;"> 7543 7544<style> 7545#gap-1188847892 { 7546 padding-top: 30px; 7547} 7548</style> 7549 </div> 7550 7551<div class="row new-faq-wrapper" id="row-1295239099"> 7552 7553 <div id="col-1809276311" class="col medium-4 small-12 large-4" > 7554 <div class="col-inner" > 7555 7556 7557 7558 <div class="icon-box featured-box icon-box-top text-left" > 7559 <div class="icon-box-img" style="width: 128px"> 7560 <div class="icon"> 7561 <div class="icon-inner" > 7562 <img loading="lazy" decoding="async" width="256" height="256" src="https://kasflo.id/wp-content/uploads/2026/08/icon-question-mark.png" class="attachment-medium size-medium" alt="" srcset="https://kasflo.id/wp-content/uploads/2026/08/icon-question-mark.png 256w, https://kasflo.id/wp-content/uploads/2026/08/icon-question-mark-150x150.png 150w" sizes="auto, (max-width: 256px) 100v
7562w, 256px" /> </div> 7563 </div> 7564 </div> 7565 <div class="icon-box-text last-reset"> 7566 7567 <div id="text-1816304154" class="text heading-title"> 7568 7569<h2>Hal yang sering ditanyakan.
Punya pertanyaan?</h2> 7570 7571<style> 7572#text-1816304154 { 7573 color: rgb(48, 1, 104); 7574} 7575#text-1816304154 > * { 7576 color: rgb(48, 1, 104); 7577} 7578</style> 7579 </div> 7580 7581 <div id="gap-275315336" class="gap-element clearfix" style="display:block; height:auto;"> 7582 7583<style> 7584#gap-275315336 { 7585 padding-top: 10px; 7586} 7587</style> 7588 </div> 7589 7590 <div id="text-1368732463" class="text"> 7591 7592<p>Kami punya jawabannya. Telusuri pertanyaan umum di bawah atau hubungi tim kami.<br /> 7593 7594<style> 7595#text-1368732463 { 7596 color: rgb(147, 147, 147); 7597} 7598#text-1368732463 > * { 7599 color: rgb(147, 147, 147); 7600} 7601</style> 7602 </div> 7603 7604 <div id="gap-1559497006" class="gap-element clearfix" style="display:block; height:auto;"> 7605 7606<style> 7607#gap-1559497006 { 7608 padding-top: 20px; 7609} 7610</style> 7611 </div> 7612 7613<a href="https://wa.me/6281286468855?text=Hai%20Kak,%20saya%20mau%20menanyakan%20tentang%20..." target="_blank" class="button primary lowercase new-button" rel="noopener" style="border-radius:10px;"> 7614 <span>Gratis Konsultasi Sekarang</span> 7615 <i class="icon-angle-right" aria-hidden="true" ></i></a> 7616 7617 </div> 7618 </div> 7619 7620 7621 </div> 7622 </div> 7623 7624 7625 7626 <div id="col-1108120080" class="col medium-8 small-12 large-8" > 7627 <div class="col-inner" > 7628 7629 7630<div class="accordion"> 7631 <div id="accordion-342110993" class="accordion-item"> 7632 <a id="accordion-342110993-label" class="accordion-title plain" href="#accordion-item-apa-itu-kasflo?" aria-expanded="false" aria-controls="accordion-342110993-content" > 7633 <button class="toggle" aria-label="Toggle"><i class="icon-angle-down"></i></button> 7634 <span>Apa itu Kasflo?</span> 7635 </a> 7636 <div id="accordion-342110993-content" class="accordion-inner" aria-labelledby="accordion-342110993-label" > 7637 7638<p>Kasflo adalah aplikasi kasir dan Point of Sale (POS) yang membantu bisnis mengelola transaksi, stok, pelanggan, pembayaran, laporan, hingga operasional bisnis dalam satu sistem.</p> 7639 </div> 7640 </div> 7641 7642 <div id="accordion-2997361943" class="accordion-item"> 7643 <a id="accordion-2997361943-label" class="accordion-title plain" href="#accordion-item-kasflo-cocok-untuk-bisnis-apa-saja?" aria-expanded="false" aria-controls="accordion-2997361943-content" > 7644 <button class="toggle" aria-label="Toggle"><i class="icon-angle-down"></i></button> 7645 <span>Kasflo cocok untuk bisnis apa saja?</span> 7646 </a> 7647 <div id="accordion-2997361943-content" class="accordion-inner" aria-labelledby="accordion-2997361943-label" > 7648 7649<p>Kasflo dapat digunakan oleh berbagai jenis bisnis, mulai dari restoran, kafe, toko, retail, salon, barbershop, laundry, hingga berbagai usaha lainnya.</p> 7650 </div> 7651 </div> 7652 7653 <div id="accordion-2330685320" class="accordion-item"> 7654 <a id="accordion-2330685320-label" class="accordion-title plain" href="#accordion-item-apa-saja-yang-bisa-dilakukan-dengan-kasflo?" aria-expanded="false" aria-controls="accordion-2330685320-content" > 7655 <button class="toggle" aria-label="Toggle"><i class="icon-angle-down"></i></button> 7656 <span>Apa saja yang bisa dilakukan dengan Kasflo?</span> 7657 </a> 7658 <div id="accordion-2330685320-content" class="accordion-inner" aria-labelledby="accordion-2330685320-label" > 7659 7660<p>Kasflo membantu mengelola berbagai kebutuhan bisnis seperti transaksi penjualan, stok, produk, pelanggan, promosi, pembayaran, laporan usaha, hingga manajemen karyawan.</p> 7661 </div> 7662 </div> 7663 7664 <div id="accordion-2360050056" class="accordion-item"> 7665 <a id="accordion-2360050056-label" class="accordion-title plain" href="#accordion-item-apa-itu-aplikasi-pos?" aria-expanded="false" aria-controls="accordion-2360050056-content" > 7666 <button class="toggle" aria-label="Toggle"><i class="icon-angle-down"></i></button> 7667 <span>Apa itu aplikasi POS?</span> 7668 </a> 7669 <div id="accordion-2360050056-content" class="accordion-inner" aria-labelledby="accordion-2360050056-label" > 7670 7671<p>POS (Point of Sale) adalah sistem yang digunakan untuk mencatat dan mengelola transaksi penjualan. Dengan POS, bisnis dapat mencatat transaksi, menerima pembayaran, mengelola produk dan stok, serta melihat laporan penjualan dengan lebih mudah.</p> 7672 </div> 7673 </div> 7674 7675 <div id="accordion-2624498395" class="accordion-item"> 7676 <a id="accordion-2624498395-label" class="accordion-title plain" href="#accordion-item-apa-bedanya-aplikasi-kasir-dengan-pos?" aria-expanded="false" aria-controls="accordion-2624498395-content" > 7677 <button class="toggle" aria-label="Toggle"><i class="icon-angle-down"></i></button> 7678 <span>
7678Apa bedanya aplikasi kasir dengan POS?</span> 7679 </a> 7680 <div id="accordion-2624498395-content" class="accordion-inner" aria-labelledby="accordion-2624498395-label" > 7681 7682<p>Aplikasi kasir biasanya berfokus pada pencatatan transaksi, sedangkan POS memiliki fungsi yang lebih lengkap untuk membantu mengelola berbagai kebutuhan bisnis, seperti stok, pelanggan, laporan, pembayaran, dan operasional.</p> 7683 </div> 7684 </div> 7685 7686 <div id="accordion-4258231782" class="accordion-item"> 7687 <a id="accordion-4258231782-label" class="accordion-title plain" href="#accordion-item-ada-berapa-produk-yang-dimiliki-kasflo?" aria-expanded="false" aria-controls="accordion-4258231782-content" > 7688 <button class="toggle" aria-label="Toggle"><i class="icon-angle-down"></i></button> 7689 <span>Ada berapa produk yang dimiliki Kasflo?</span> 7690 </a> 7691 <div id="accordion-4258231782-content" class="accordion-inner" aria-labelledby="accordion-4258231782-label" > 7692 7693<p>Kasflo memiliki tiga produk, ada Kasflo Resto, Kasflo Bisnis, dan Kasflo Toko.</p> 7694 </div> 7695 </div> 7696 7697 <div id="accordion-106209488" class="accordion-item"> 7698 <a id="accordion-106209488-label" class="accordion-title plain" href="#accordion-item-kasflo-cocok-untuk-siapa?" aria-expanded="false" aria-controls="accordion-106209488-content" > 7699 <button class="toggle" aria-label="Toggle"><i class="icon-angle-down"></i></button> 7700 <span>Kasflo cocok untuk siapa?</span> 7701 </a> 7702 <div id="accordion-106209488-content" class="accordion-inner" aria-labelledby="accordion-106209488-label" > 7703 7704<p>Kasflo cocok untuk berbagai jenis bisnis, mulai dari UMKM hingga bisnis yang sudah memiliki beberapa outlet atau cabang.</p> 7705 </div> 7706 </div> 7707 7708 <div id="accordion-1207559153" class="accordion-item"> 7709 <a id="accordion-1207559153-label" class="accordion-title plain" href="#accordion-item-apakah-kasflo-cocok-untuk-bisnis-baru?" aria-expanded="false" aria-controls="accordion-1207559153-content" > 7710 <button class="toggle" aria-label="Toggle"><i class="icon-angle-down"></i></button> 7711 <span>Apakah Kasflo cocok untuk bisnis baru?</span> 7712 </a> 7713 <div id="accordion-1207559153-content" class="accordion-inner" aria-labelledby="accordion-1207559153-label" > 7714 7715<p>Tentu. Kasflo dapat membantu bisnis baru membangun sistem operasional yang lebih rapi sejak awal sehingga lebih mudah dikelola saat bisnis berkembang.</p> 7716 </div> 7717 </div> 7718 7719 <div id="accordion-3470388229" class="accordion-item"> 7720 <a id="accordion-3470388229-label" class="accordion-title plain" href="#accordion-item-apakah-kasflo-bisa-digunakan-untuk-berbagai-jenis-usaha?" aria-expanded="false" aria-controls="accordion-3470388229-content" > 7721 <button class="toggle" aria-label="Toggle"><i class="icon-angle-down"></i></button> 7722 <span>Apakah Kasflo bisa digunakan untuk berbagai jenis usaha?</span> 7723 </a> 7724 <div id="accordion-3470388229-content" class="accordion-inner" aria-labelledby="accordion-3470388229-label" > 7725 7726<p>Bisa. Kasflo dirancang untuk mendukung kebutuhan berbagai jenis usaha dengan solusi yang dapat disesuaikan dengan karakteristik bisnis.</p> 7727 </div> 7728 </div> 7729 7730 <div id="accordion-2159086684" class="accordion-item"> 7731 <a id="accordion-2159086684-label" class="accordion-title plain" href="#accordion-item-apa-keuntungan-menggunakan-kasflo?" aria-expanded="false" aria-controls="accordion-2159086684-content" > 7732 <button class="toggle" aria-label="Toggle"><i class="icon-angle-down"></i></button> 7733 <span>Apa keuntungan menggunakan Kasflo?</span> 7734 </a> 7735 <div id="accordion-2159086684-content" class="accordion-inner" aria-labelledby="accordion-2159086684-label" > 7736 7737<p>Kasflo membantu membuat pekerjaan bisnis lebih praktis, mengurangi pekerjaan manual, menghemat waktu operasional, dan memberikan informasi yang lebih jelas untuk membantu pemilik bisnis mengambil keputusan. Selain kasflo juga memiliki beberapa jenis paket, ada paket aplikasi kasir gratis hingga yang berbayar. Meskipun bayar, biaya berlangganan paket kasflo sangatlah murah dibandingkan yang lainnya.</p> 7738 </div> 7739 </div> 7740 7741 <div id="accordion-1410255353" class="accordion-item"> 7742 <a id="accordion-1410255353-label" class="accordion-title plain" href="#accordion-item-apakah-kasflo-mudah-digunakan?" aria-expanded="false" aria-controls="accordion-1410255353-content" > 7743 <button class="toggle" aria-label="Toggle"><i class="icon-angle-down"></i></button> 7744 <span>Apakah Kasflo mudah digunakan?</span> 7745 </a>
7746 <div id="accordion-1410255353-content" class="accordion-inner" aria-labelledby="accordion-1410255353-label" > 7747 7748<p>Ya. Kasflo dirancang dengan tampilan dan alur yang sederhana agar dapat digunakan dengan mudah, bahkan bagi pengguna yang baru menggunakan sistem digital untuk bisnis.</p> 7749 </div> 7750 </div> 7751 7752 <div id="accordion-1649521408" class="accordion-item"> 7753 <a id="accordion-1649521408-label" class="accordion-title plain" href="#accordion-item-apakah-saya-perlu-memiliki-kemampuan-teknis-untuk-menggunakan-kasflo?" aria-expanded="false" aria-controls="accordion-1649521408-content" > 7754 <button class="toggle" aria-label="Toggle"><i class="icon-angle-down"></i></button> 7755 <span>Apakah saya perlu memiliki kemampuan teknis untuk menggunakan Kasflo?</span> 7756 </a> 7757 <div id="accordion-1649521408-content" class="accordion-inner" aria-labelledby="accordion-1649521408-label" > 7758 7759<p>Tidak. Kamu tidak perlu memiliki kemampuan teknis khusus untuk menggunakan Kasflo. Sistem dirancang agar dapat digunakan dengan mudah dalam aktivitas bisnis sehari-hari.</p> 7760 </div> 7761 </div> 7762 7763 <div id="accordion-3099474683" class="accordion-item"> 7764 <a id="accordion-3099474683-label" class="accordion-title plain" href="#accordion-item-apakah-data-bisnis-saya-aman-di-kasflo?" aria-expanded="false" aria-controls="accordion-3099474683-content" > 7765 <button class="toggle" aria-label="Toggle"><i class="icon-angle-down"></i></button> 7766 <span>Apakah data bisnis saya aman di Kasflo?</span> 7767 </a> 7768 <div id="accordion-3099474683-content" class="accordion-inner" aria-labelledby="accordion-3099474683-label" > 7769 7770<p>Kasflo menerapkan sistem keamanan dan pengelolaan akses untuk membantu menjaga data bisnis dan memastikan informasi hanya dapat diakses oleh pihak yang memiliki izin.</p> 7771 </div> 7772 </div> 7773 7774 <div id="accordion-3128114247" class="accordion-item"> 7775 <a id="accordion-3128114247-label" class="accordion-title plain" href="#accordion-item-apakah-kasflo-bisa-digunakan-untuk-bisnis-dengan-banyak-cabang?" aria-expanded="false" aria-controls="accordion-3128114247-content" > 7776 <button class="toggle" aria-label="Toggle"><i class="icon-angle-down"></i></button> 7777 <span>Apakah Kasflo bisa digunakan untuk bisnis dengan banyak cabang?</span> 7778 </a> 7779 <div id="accordion-3128114247-content" class="accordion-inner" aria-labelledby="accordion-3128114247-label" > 7780 7781<p>Bisa. Kasflo dapat membantu bisnis yang memiliki beberapa outlet atau cabang agar pengelolaan usaha menjadi lebih teratur dan mudah dipantau.</p> 7782 </div> 7783 </div> 7784 7785 <div id="accordion-2879450853" class="accordion-item"> 7786 <a id="accordion-2879450853-label" class="accordion-title plain" href="#accordion-item-apakah-kasflo-memiliki-biaya-tambahan-atau-biaya-tersembunyi?" aria-expanded="false" aria-controls="accordion-2879450853-content" > 7787 <button class="toggle" aria-label="Toggle"><i class="icon-angle-down"></i></button> 7788 <span>Apakah Kasflo memiliki biaya tambahan atau biaya tersembunyi?</span> 7789 </a>
7790 <div id="accordion-2879450853-content" class="accordion-inner" aria-labelledby="accordion-2879450853-label" > 7791 7792<p>Kasflo memberikan informasi biaya secara transparan sesuai layanan yang digunakan. Detail biaya dapat disesuaikan dengan kebutuhan dan paket yang dipilih.</p> 7793 </div> 7794 </div> 7795 7796</div> 7797 </div> 7798 7799<style> 7800#col-1108120080 > .col-inner { 7801 padding: 0px 0px 0px 0px; 7802} 7803@media (min-width:550px) { 7804 #col-1108120080 > .col-inner { 7805 padding: 0px 0px 0px 60px; 7806 } 7807} 7808</style> 7809 </div> 7810 7811 7812</div> 7813 </div> 7814 7815 7816<style> 7817#section_932920794 { 7818 padding-top: 20px; 7819 padding-bottom: 20px; 7820 background-color: rgb(243, 244, 250); 7821} 7822@media (min-width:550px) { 7823 #section_932920794 { 7824 padding-top: 50px; 7825 padding-bottom: 50px; 7826 } 7827} 7828</style> 7829 </section> 7830 7831 7832 <section class="section" id="section_258718529"> 7833 <div class="section-bg fill" > 7834 7835 7836 7837 7838 7839 </div> 7840 7841 7842 7843 <div class="section-content relative"> 7844 7845 <div id="gap-1914612248" class="gap-element clearfix" style="display:block; height:auto;"> 7846 7847<style> 7848#gap-1914612248 { 7849 padding-top: 30px; 7850} 7851</style> 7852 </div> 7853 7854<div class="row" id="row-147658795"> 7855 7856 <div id="col-1955976995" class="col small-12 large-12" > 7857 <div class="col-inner" > 7858 7859 7860 <div id="text-1281413666" class="text home-seo-text"> 7861 7862<h2>Pengertian Aplikasi POS Kasir</h2> 7863<p>Aplikasi <strong>POS Kasir</strong> (Point of Sale) adalah aplikasi kasir yang mempermudah proses transaksi usaha atau bisnis. Dengan menggunakan aplikasi POS, pemilik usaha dapat mengelola penjualan, inventaris, absensi karyawan, dan laporan keuangan dengan lebih efisien dan akurat. Aplikasi kasir kini banyak digunakan di berbagai jenis usaha, mulai dari restoran, toko ritel, hingga layanan jasa. Hal ini dikarena kemudahannya dalam mempercepat transaksi dan menyediakan data yang berguna untuk pengambilan keputusan bisnis.</p> 7864<h2>Apa itu Aplikasi POS Kasir?</h2> 7865<p>Aplikasi <strong>POS Kasir</strong> adalah perangkat lunak yang digunakan untuk memproses transaksi penjualan di tempat (offline) dan mengelola operasional bisnis secara otomatis dengan menggunakan sistem yang mumpuni.</p> 7866<p>Aplikasi ini sering terhubung dengan perangkat keras seperti <strong>printer struk</strong>, <strong>scanner barcode</strong>, dan <strong>cash drawer</strong> untuk mendukung kelancaran proses transaksi. Dengan fitur yang terintegrasi, aplikasi kasir ini membantu pemilik usaha untuk memonitor pemasukan, stok barang, menghitung harga secara otomatis, dan laporan penjualan secara real-time.</p> 7867<h2>Manfaat Aplikasi POS Kasir untuk Usaha</h2> 7868<ol class="bold-number"> 7869<li><strong>Efisiensi dalam Transaksi</strong><br /> 7870Aplikasi POS membuat transaksi jadi lebih cepat dan mudah. Kasir bisa langsung menginput produk dengan scanner barcode atau memilihnya melalui aplikasi, mengurangi human error, dan mempercepat pelayanan pelanggan.</li> 7871<li><strong>Pengelolaan Inventaris yang Akurat</strong><br /> 7872Aplikasi POS sering dilengkapi dengan fitur <strong>manajemen stok</strong> yang memungkinkan pemilik usaha untuk memantau persediaan barang secara real-time. Hal ini dapat membantu menghindari stok kosong dan mempermudah pengadaan barang.</li> 7873<li><strong>Laporan Keuangan Real-Time</strong><br /> 7874Setiap transaksi yang terjadi langsung tercatat dalam sistem dan dapat dipantau dalam laporan penjualan. Laporan ini membantu pemilik usaha mengetahui perkembangan keuangan mereka, serta dapat melakukan analisis secara cepat.</li> 7875<li><strong>Keamanan Transaksi yang Lebih Terjamin</strong><br /> 7876Dengan sistem POS berbasis cloud, data transaksi disimpan secara aman di server dengan enkripsi yang canggih, mengurangi risiko kehilangan data atau penipuan.</li> 7877</ol> 7878 </div> 7879 7880 </div> 7881 </div> 7882 7883 7884</div> 7885 </div> 7886 7887 7888<style> 7889#section_258718529 { 7890 padding-top: 10px; 7891 padding-bottom: 10px; 7892} 7893@media (min-width:550px) { 7894 #section_258718529 { 7895 padding-top: 50px; 7896 padding-bottom: 50px; 7897 } 7898} 7899</style> 7900 </section> 7901 7902 7903 7904 7905</div> 7906 7907 7908 7909</main> 7910 7911<footer data-rocket-location-hash="7f5078e88df32179731a375173793d24" id="footer" class="footer-wrapper"> 7912 7913 7914 <section data-rocket-location-hash="6b7b98e4a6fe040feb8147024da7bfc3" class="section new-footer-top dark" id="section_1747758121"> 7915 <div class="section-bg fill" > 7916 7917 7918 7919 7920 7921 </div> 7922 7923 7924 7925 <div class="section-content relative"> 7926 7927 7928<div class="row row-collapse" id="row-1178102821"> 7929 7930 7931 <div id="col-175130506" class="col small-12 large-12" > 7932 <div class="col-inner" > 7933 7934 7935 7936 <div id="stack-3814968922" class="stack stack-row justify-between items-center sm:stack-col"> 7937 7938 7939 <div class="img has-hover new-footer-logo x md-x lg-x y md-y lg-y" id="image_747225391"> 7940 <div class="img-inner dark" > 7941 <img width="412" height="180" src="https://kasflo.id/wp-content/uploads/2026/08/logo-white.png" class="attachment-original size-original" alt="" decoding="async" loading="lazy" srcset="https://kasflo.id/wp-content/uploads/2026/08/logo-white.png 412w, https://kasflo.id/wp-content/uploads/2026/08/logo-white-300x131.png 300w" sizes="auto, (max-width: 412px) 100vw, 412px" /> 7942 </div> 7943 7944<style> 7945#image_747225391 { 7946 width: 50%; 7947} 7948@media (min-width:550px) { 7949 #image_747225391 { 7950 width: 16%; 7951 } 7952} 7953</style> 7954 </div> 7955 7956 7957<a href="https://wa.me/6281286468855?text=Hai%20Kak,%20saya%20mau%20menanyakan%20tentang%20..." target="_blank" class="button white lowercase new-button" rel="noopener" style="border-radius:10px;"> 7958 <span>Gratis Konsultasi Sekarang</span> 7959 <i class="icon-angle-right" aria-hidden="true" ></i></a> 7960 7961 7962 7963 7964<style> 7965#stack-3814968922 > * { 7966 --stack-gap: 1.875rem; 7967} 7968@media (min-width:550px) { 7969 #stack-3814968922 > * { 7970 --stack-gap: 0rem; 7971 } 7972} 7973</style> 7974 </div> 7975 7976 7977 </div> 7978 7979<style> 7980#col-175130506 > .col-inner { 7981 padding: 0px 20px 0px 20px; 7982} 7983</style> 7984 </div> 7985 7986 7987 7988</div> 7989 7990 </div> 7991 7992 7993<style> 7994#section_1747758121 { 7995 padding-top: 20px; 7996 padding-bottom: 20px; 7997 background-color: rgb(94, 1, 208); 7998} 7999</style> 8000 </section> 8001 8002 8003 <section data-rocket-location-hash="e99f89dddbf761d5a9c6ffd0f14977ea" class="section new-footer-bottom dark" id="section_464866079"> 8004 <div class="section-bg fill" > 8005 8006 8007 8008 8009 8010 </div> 8011 8012 8013 8014 <div class="section-content relative"> 8015 8016 8017 <div id="gap-1602969766" class="gap-element clearfix" style="display:block; height:auto;"> 8018 8019<style> 8020#gap-1602969766 { 8021 padding-top: 44px; 8022} 8023</style> 8024 </div> 8025 8026 8027<div class="row new-footer-menu-row" id="row-191791924"> 8028 8029 8030 <div id="col-1123773935" class="col medium-10 small-12 large-10" > 8031 <div class="col-inner" > 8032 8033 8034 8035<div class="row" id="row-1399068695"> 8036 8037 8038 <div id="col-490222899" class="col medium-2 small-12 large-2" > 8039 <div class="col-inner" > 8040 8041 8042 8043<h3>Kasflo Resto</h3> 8044 <div class="ux-menu stack stack-col justify-start"> 8045 8046 8047 <div class="ux-menu-title flex"> 8048 Backoffice </div> 8049 8050 8051 <div class="ux-menu-link flex menu-item"> 8052 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-resto/#tab_backoffice" > 8053 <span class="ux-menu-link__text"> 8054 Katalog Menu </span> 8055 </a> 8056 </div> 8057 8058 8059 <div class="ux-menu-link flex menu-item"> 8060 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-resto/#tab_backoffice" > 8061 <span class="ux-menu-link__text"> 8062 Bahan Baku </span> 8063 </a> 8064 </div> 8065 8066 8067 <div class="ux-menu-link flex menu-item"> 8068 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-resto/#tab_backoffice" > 8069 <span class="ux-menu-link__text"> 8070 Promosi </span> 8071 </a> 8072 </div> 8073 8074 8075 <div class="ux-menu-link flex menu-item"> 8076 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-resto/#tab_backoffice" > 8077 <span class="ux-menu-link__text"> 8078 Pembukuan </span> 8079 </a> 8080 </div> 8081 8082 8083 <div class="ux-menu-link flex menu-item"> 8084 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-resto/#tab_backoffice" > 8085 <span class="ux-menu-link__text"> 8086 Laporan Usaha </span> 8087 </a> 8088 </div> 8089 8090 8091 <div class="ux-menu-link flex menu-item"> 8092 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-resto/#tab_backoffice" > 8093 <span class="ux-menu-link__text"> 8094 Manajemen User </span> 8095 </a> 8096 </div> 8097 8098 8099 <div class="ux-menu-title flex"> 8100 Point of Sales </div> 8101 8102 8103 <div class="ux-menu-link flex menu-item"> 8104 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-resto/#tab_point-of-sales" > 8105 <span class="ux-menu-link__text"> 8106 Reservasi </span> 8107 </a> 8108 </div> 8109 8110 8111 <div class="ux-menu-link flex menu-item"> 8112 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-resto/#tab_point-of-sales" > 8113 <span class="ux-menu-link__text"> 8114 Billing System </span> 8115 </a> 8116 </div> 8117 8118 8119 <div class="ux-menu-link flex menu-item"> 8120 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-resto/#tab_point-of-sales" > 8121 <span class="ux-menu-link__text"> 8122 QRIS Dinamis </span> 8123 </a> 8124 </div> 8125 8126 8127 <div class="ux-menu-link flex menu-item"> 8128 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-resto/#tab_point-of-sales" > 8129 <span class="ux-menu-link__text"> 8130 Absensi </span> 8131 </a> 8132 </div> 8133 8134 8135 <div class="ux-menu-link flex menu-item"> 8136 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-resto/#tab_point-of-sales" > 8137 <span class="ux-menu-link__text"> 8138 Self Order </span> 8139 </a> 8140 </div> 8141 8142 8143 <div class="ux-menu-title flex"> 8144 Self Order </div> 8145 8146 8147 <div class="ux-menu-link flex menu-item"> 8148 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-resto/#tab_self
8148-order" > 8149 <span class="ux-menu-link__text"> 8150 Katalog Menu </span> 8151 </a> 8152 </div> 8153 8154 8155 <div class="ux-menu-link flex menu-item"> 8156 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-resto/#tab_self-order" > 8157 <span class="ux-menu-link__text"> 8158 Scan QR Code </span> 8159 </a> 8160 </div> 8161 8162 8163 <div class="ux-menu-link flex menu-item"> 8164 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-resto/#tab_self-order" > 8165 <span class="ux-menu-link__text"> 8166 Kustomisasi Pesanan </span> 8167 </a> 8168 </div> 8169 8170 8171 <div class="ux-menu-link flex menu-item"> 8172 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-resto/#tab_self-order" > 8173 <span class="ux-menu-link__text"> 8174 Pembayaran Digital (Cashless) </span> 8175 </a> 8176 </div> 8177 8178 8179 <div class="ux-menu-link flex menu-item"> 8180 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-resto/#tab_self-order" > 8181 <span class="ux-menu-link__text"> 8182 Integrasi ke POS </span> 8183 </a> 8184 </div> 8185 8186 8187 8188 </div> 8189 8190 8191 </div> 8192 </div> 8193 8194 8195 8196 <div id="col-1519068859" class="col medium-2 small-12 large-2" > 8197 <div class="col-inner" > 8198 8199 8200 8201<h3>Kasflo Bisnis</h3> 8202 <div class="ux-menu stack stack-col justify-start"> 8203 8204 8205 <div class="ux-menu-title flex"> 8206 Backoffice </div> 8207 8208 8209 <div class="ux-menu-link flex menu-item"> 8210 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-bisnis/#tab_backoffice" > 8211 <span class="ux-menu-link__text"> 8212 Produk </span> 8213 </a> 8214 </div> 8215 8216 8217 <div class="ux-menu-link flex menu-item"> 8218 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-bisnis/#tab_backoffice" > 8219 <span class="ux-menu-link__text"> 8220 Inventori </span> 8221 </a> 8222 </div> 8223 8224 8225 <div class="ux-menu-link flex menu-item"> 8226 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-bisnis/#tab_backoffice" > 8227 <span class="ux-menu-link__text"> 8228 Manajemen Pelanggan </span> 8229 </a> 8230 </div> 8231 8232 8233 <div class="ux-menu-link flex menu-item"> 8234 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-bisnis/#tab_backoffice" > 8235 <span class="ux-menu-link__text"> 8236 Promosi </span> 8237 </a> 8238 </div> 8239 8240 8241 <div class="ux-menu-link flex menu-item"> 8242 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-bisnis/#tab_backoffice" > 8243 <span class="ux-menu-link__text"> 8244 Laporan Usaha </span> 8245 </a> 8246 </div> 8247 8248 8249 <div class="ux-menu-link flex menu-item"> 8250 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-bisnis/#tab_backoffice" > 8251 <span class="ux-menu-link__text"> 8252 Sumber Daya </span> 8253 </a> 8254 </div> 8255 8256 8257 <div class="ux-menu-title flex"> 8258 Point of Sales </div> 8259 8260 8261 <div class="ux-menu-link flex menu-item"> 8262 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-bisnis/#tab_point-of-sales" > 8263 <span class="ux-menu-link__text"> 8264 Reservasi </span> 8265 </a> 8266 </div> 8267 8268 8269 <div class="ux-menu-link flex menu-item"> 8270 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-bisnis/#tab_point-of-sales" > 8271 <span class="ux-menu-link__text"> 8272 Billing System </span> 8273 </a> 8274 </div> 8275 8276 8277 <div class="ux-menu-link flex menu-item"> 8278 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-bisnis/#tab_point-of-sales" > 8279 <span class="ux-menu-link__text"> 8280 QRIS Dinamis </span> 8281 </a> 8282 </div> 8283 8284 8285 <div class="ux-menu-link flex menu-item"> 8286 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-bisnis/#tab_point-of-sales" > 8287 <span class="ux-menu-link__text"> 8288 Absensi </span> 8289 </a> 8290 </div> 8291 8292 8293 8294 </div> 8295 8296 8297 </div> 8298 </div> 8299 8300 8301 8302 <div id="col-1424981042" class="col medium-2 small-12 large-2" > 8303 <div class="col-inner" > 8304 8305 8306 8307<h3>Kasflo Toko</h3> 8308 <div class="ux-menu stack stack-col justify-start"> 8309 8310 8311 <div class="ux-menu-link flex menu-item"> 8312 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-toko/#fitur-toko" > 8313 <span class="ux-menu-link__text"> 8314 Catat Penjualan </span> 8315 </a> 8316 </div> 8317 8318 8319 <div class="ux-menu-link flex menu-item"> 8320 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-toko/#fitur-toko" > 8321 <span class="ux-menu-link__text"> 8322 Catat Pengeluaran </span> 8323 </a> 8324 </div> 8325 8326 8327 <div class="ux-menu-link flex menu-item"> 8328 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-toko/#fitur-toko" > 8329 <span class="ux-menu-link__text"> 8330 Utang & Piutang </span> 8331 </a> 8332 </div> 8333 8334 8335 <div class="ux-menu-link flex menu-item"> 8336 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-toko/#fitur-toko" > 8337 <span class="ux-menu-link__text"> 8338 Order Pembelian </span> 8339 </a> 8340 </div> 8341 8342 8343 <div class="ux-menu-link flex menu-item"> 8344 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-toko/#fitur-toko" > 8345 <span class="ux-menu-link__text"> 8346 Data Pelanggan </span> 8347 </a> 8348 </div> 8349 8350 8351 <div class="ux-menu-link flex menu-item"> 8352 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-toko/#fitur-toko" > 8353 <span class="ux-menu-link__text"> 8354 Kas Toko </span> 8355 </a> 8356 </div> 8357 8358 8359 <div class="ux-menu-link flex menu-item"> 8360 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-toko/#fitur-toko" > 8361 <span class="ux-menu-link__text"> 8362 Etalase Barang </span> 8363 </a> 8364 </div> 8365 8366 8367 <div class="ux-menu-link flex menu-item"> 8368 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-toko/#fitur-toko" > 8369 <span class="ux-menu-link__text"> 8370 Laporan Usaha </span> 8371 </a> 8372 </div> 8373 8374 8375 8376 </div> 8377 8378 8379 </div> 8380 </div> 8381 8382 8383 8384 <div id="col-378958713" class="col medium-2 small-12 large-2" > 8385 <div class="col-inner" > 8386 8387 8388 8389<h3>Produk</h3> 8390 <div class="ux-menu stack stack-col justify-start"> 8391 8392 8393 <div class="ux-menu-link flex menu-item"> 8394 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-resto/" > 8395 <span class="ux-menu-link__text"> 8396 Kasflo Resto </span> 8397 </a> 8398 </div> 8399 8400 8401 <div class="ux-menu-link flex menu-item"> 8402 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-toko/" > 8403 <span class="ux-menu-link__text"> 8404 Kasflo Toko </span> 8405 </a> 8406 </div> 8407 8408 8409 <div class="ux-menu-link flex menu-item"> 8410 <a class="ux-menu-link__link flex" href="https://kasflo.id/kasflo-bisnis/" > 8411 <span class="ux-menu-link__text"> 8412 Kasflo Bisnis </span> 8413 </a> 8414 </div> 8415 8416 8417 8418 </div> 8419 8420 8421 </div> 8422 </div> 8423 8424 8425 8426 <div id="col-1929454050" class="col medium-2 small-12 large-2" > 8427 <div class="col-inner" > 8428 8429 8430 8431<h3>Solusi Bisnis</h3> 8432 <div class="ux-menu stack stack-col justify-start"> 8433 8434 8435 <div class="ux-menu-link flex menu-item"> 8436 <a class="ux-menu-link__link flex" href="https://kasflo.id/bisnis-fb-apakah-menguntungkan/" > 8437 <span class="ux-menu-link__text"> 8438 Kuliner F&B </span> 8439 </a> 8440 </div> 8441 8442 8443 <div class="ux-menu-link flex menu-item"> 8444 <a class="ux-menu-link__link flex" href="https://kasflo.id" > 8445 <span class="ux-menu-link__text"> 8446 Bisnis Jasa </span> 8447 </a> 8448 </div> 8449 8450 8451 <div class="ux-menu-link flex menu-item"> 8452 <a class="ux-menu-link__link flex" href="https://kasflo.id/sistem-kasir-untuk-toko-retail/" > 8453 <span class="ux-menu-link__text"> 8454 Toko Distributor </span> 8455 </a> 8456 </div> 8457 8458 8459 <div class="ux-menu-link flex menu-item"> 8460 <a class="ux-menu-link__link flex" href="https://kasflo.id" > 8461 <span class="ux-menu-link__text"> 8462 Toko Distributor </span> 8463 </a> 8464 </div> 8465 8466 8467 <div class="ux-menu-link flex menu-item"> 8468 <a class="ux-menu-link__link flex" href="https://kasflo.id/aplikasi-kasir-untuk-semua-bisnis/" > 8469 <span class="ux-menu-link__text"> 8470 Bisnis Komersial </span> 8471 </a> 8472 </div> 8473 8474 8475 8476 </div> 8477 8478 8479 </div> 8480 </div> 8481 8482 8483 8484 <div id="col-583396804" class="col medium-2 small-12 large-2" > 8485 <div class="col-inner" > 8486 8487 8488 8489<h3>Resources</h3> 8490 <div class="ux-menu stack stack-col justify-start"> 8491 8492 8493 <div class="ux-menu-link flex menu-item"> 8494 <a class="ux-menu-link__link flex" href="https://kasflo.id/berlangganan/kasflo-resto/" > 8495 <span class="ux-menu-link__text"> 8496 Harga Kasflo Resto </span> 8497 </a> 8498 </div> 8499 8500 8501 <div class="ux-menu-link flex menu-item"> 8502 <a class="ux-menu-link__link flex" href="https://kasflo.id/berlangganan/kasflo-bisnis/" > 8503 <span class="ux-menu-link__text"> 8504 Harga Kasflo Bisnis </span> 8505 </a> 8506 </div> 8507 8508 8509 <div class="ux-menu-link flex menu-item"> 8510 <a class="ux-menu-link__link flex" href="https://kasflo.id/panduan/" > 8511 <span class="ux-menu-link__text"> 8512 Panduan </span> 8513 </a> 8514 </div> 8515 8516 8517 <div class="ux-menu-link flex menu-item"> 8518 <a class="ux-menu-link__link flex" href="https://kasflo.id/blog/" > 8519 <span class="ux-menu-link__text"> 8520 Blog </span> 8521 </a> 8522 </div> 8523 8524 8525 8526 </div> 8527 8528 8529 </div> 8530 </div> 8531 8532 8533 8534</div> 8535 8536 </div> 8537 </div> 8538 8539 8540 8541 <div id="col-73458597" class="col medium-2 small-12 large-2" > 8542 <div class="col-inner" > 8543 8544 8545 8546 <div id="text-3413360374" class="text new-footer-small-text"> 8547 8548 8549<p>Direktorat Jendral Perlindungan Konsumen dan Tertib Niaga Kementerian Perdagangan Republik Indonesia</p> 8550<p>WhatsApp : +62 853-1111-1010</p> 8551 </div> 8552 8553 8554 </div> 8555 </div> 8556 8557 8558 8559</div> 8560<div class="row row-collapse" id="row-1924349903"> 8561 8562 8563 <div id="col-1354352622" class="col small-12 large-12" > 8564 <div class="col-inner" > 8565 8566 8567 8568<h3>Alamat</h3> 8569 8570 </div> 8571 8572<style> 8573#col-1354352622 > .col-inner { 8574 padding: 0px 20px 0px 20px; 8575} 8576@media (min-width:550px) { 8577 #col-1354352622 > .col-inner { 8578 padding: 0px 0px 0px 0px; 8579 } 8580} 8581</style> 8582 </div> 8583 8584 8585 8586</div> 8587<div class="row new-footer-address-row" id="row-1412263291"> 8588 8589 8590 <div id="col-1483320641" class="col medium-4 small-12 large-4" > 8591 <div class="col-inner" > 8592 8593 8594 8595<h4>Head Office</h4> 8596<p>Jln P. Diponogoro No. 48, Kel. Melayu, Kec. Singkawang Barat, Kota Singkawang, Prov. Kalimantan Barat 79122</p> 8597 8598 </div> 8599 </div> 8600 8601 8602 8603 <div id="col-113989832" class="col medium-4 small-12 large-4" > 8604 <div class="col-inner" > 8605 8606 8607 8608<h4>Research & Development Offices</h4> 8609<p>Jl. Raya Jatinangor No.1 Hegarmanah ( Skyland City Jatinangor Apartemen ) Kec. Jatinangor Kab. Sumedang Prov. Jawa Barat</p> 8610 8611 </div> 8612 </div> 8613 8614 8615 8616 <div id="col-1545123387" class="col medium-4 small-12 large-4" > 8617 <div class="col-inner" > 8618 8619 8620 8621<h4>Marketing Offices</h4> 8622<p>Jl. Raya Jatinangor No.1 Hegarmanah ( Skyland City Jatinangor Apartemen ) Kec. Jatinangor Kab. Sumedang Prov. Jawa Barat</p> 8623 8624 </div> 8625 </div> 8626 8627 8628 8629</div> 8630<div class="row row-small" id="row-2027467169"> 8631 8632 8633 <div id="col-896237439" class="col small-12 large-12" > 8634 <div class="col-inner" > 8635 8636 8637
8638<div class="is-divider divider clearfix" style="max-width:100%;height:1px;background-color:rgb(118, 118, 118);"></div> 8639 8640 8641 </div> 8642 </div> 8643 8644 8645 8646</div> 8647<div class="row align-middle new-footer-copyright-row" id="row-305639482"> 8648 8649 8650 <div id="col-1245841141" class="col medium-4 small-12 large-4" > 8651 <div class="col-inner" > 8652 8653 8654 8655<p>All Right Reserved by PT Topindo Solusi Komunika Tbk</p> 8656 8657 </div> 8658 </div> 8659 8660 8661 8662 <div id="col-1978368388" class="col medium-4 small-12 large-4" > 8663 <div class="col-inner" > 8664 8665 8666 8667 <div class="ux-menu stack stack-col justify-start"> 8668 8669 8670 <div class="ux-menu-link flex menu-item"> 8671 <a class="ux-menu-link__link flex" href="https://kasflo.id/terms-and-condition/" > 8672 <span class="ux-menu-link__text"> 8673 Syarat & Ketentuan </span> 8674 </a> 8675 </div> 8676 8677 8678 <div class="ux-menu-link flex menu-item"> 8679 <a class="ux-menu-link__link flex" href="https://kasflo.id/privacy-policy/" > 8680 <span class="ux-menu-link__text"> 8681 Privacy Policy </span> 8682 </a> 8683 </div> 8684 8685 8686 8687 </div> 8688 8689 8690 </div> 8691 </div> 8692 8693 8694 8695 <div id="col-1230708715" class="col new-social-icon-col medium-4 small-12 large-4" > 8696 <div class="col-inner" > 8697 8698 8699 8700<div class="social-icons follow-icons" ><a href="https://www.facebook.com/kasflo.id" target="_blank" data-label="Facebook" class="icon button circle is-outline facebook tooltip" title="Follow on Facebook" aria-label="Follow on Facebook" rel="noopener nofollow" ><i class="icon-facebook" ></i></a><a href="https://www.instagram.com/kasflo.id/" target="_blank" data-label="Instagram" class="icon button circle is-outline instagram tooltip" title="Follow on Instagram" aria-label="Follow on Instagram" rel="noopener nofollow" ><i class="icon-instagram" ></i></a><a href="https://www.tiktok.com/@kasflo.id" target="_blank" data-label="TikTok" class="icon button circle is-outline tiktok tooltip" title="Follow on TikTok" aria-label="Follow on TikTok" rel="noopener nofollow" ><i class="icon-tiktok" ></i></a><a href="https://www.youtube.com/@Kasflo_id" data-label="YouTube" target="_blank" class="icon button circle is-outline youtube tooltip" title="Follow on YouTube" aria-label="Follow on YouTube" rel="noopener nofollow" ><i class="icon-youtube" ></i></a></div> 8701 8702 8703 </div> 8704 </div> 8705 8706 8707 8708</div> 8709 8710 </div> 8711 8712 8713<style> 8714#section_464866079 { 8715 padding-top: 4px; 8716 padding-bottom: 4px; 8717 background-color: rgb(17, 0, 49); 8718} 8719</style> 8720 </section> 8721 8722<div data-rocket-location-hash="7cf86ea44668367f0731e1b92549892d" class="absolute-footer dark medium-text-center text-center"> 8723 <div class="container clearfix"> 8724 8725 8726 <div class="footer-primary pull-left"> 8727 <div class="menu-footer-menu-container"><ul id="menu-footer-menu" class="links footer-nav uppercase"><li id="menu-item-613" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-613"><a href="https://kasflo.id/terms-and-condition/">Syarat & Ketentuan</a></li> 8728<li id="menu-item-614" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-614"><a rel="privacy-policy" href="https://kasflo.id/privacy-policy/">Kebijakan Privasi</a></li> 8729</ul></div> <div class="copyright-footer"> 8730 All Right Reserved by <a href="https://topindoku.co.id" target="_blank">PT Topindo Solusi Komunika Tbk</a> </div> 8731 </div> 8732 </div> 8733</div> 8734 8735</footer> 8736 8737</div> 8738 8739<div data-rocket-location-hash="7c91a6e122f6539a84b8ccc838892db4" id="main-menu" class="mobile-sidebar no-scrollbar mfp-hide mobile-sidebar-slide mobile-sidebar-levels-1" data-levels="1"> 8740 8741 8742 <div data-rocket-location-hash="3a92e007bcfdc13c5af2c5f7d313eea9" class="sidebar-menu no-scrollbar "> 8743 8744 8745 <ul class="nav nav-sidebar nav-vertical nav-uppercase nav-slide" data-tab="1"> 8746 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-5942 current_page_item menu-item-6846"><a href="https://kasflo.id/" aria-current="page">Home</a></li> 8747<li class="menu-item-level-1 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3448"><a href="#">Solusi Bisnis</a> 8748<ul class="sub-menu nav-sidebar-ul children"> 8749 <li 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"><a href="https://kasflo.id/kasflo-resto/">Kasflo Resto</a> 8750 <ul class="sub-menu nav-sidebar-ul"> 8751 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3454"><a>Beverages</a></li> 8752 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3455"><a>Coffe Shop</a></li> 8753 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3456"><a>Cepat Saji</a></li> 8754 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3457"><a>Restoran</a></li> 8755 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3458"><a>Dessert Cafe</a></li> 8756 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3463"><a>
8756Tea House</a></li> 8757 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3464"><a>Cocktail Bar</a></li> 8758 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3465"><a>Toko Kue</a></li> 8759 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3466"><a>Food Truck</a></li> 8760 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3467"><a>Smoothie Bar</a></li> 8761 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3468"><a>Drive Thru</a></li> 8762 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3469"><a>Food Court</a></li> 8763 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3470"><a>Pasar Makanan</a></li> 8764 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3471"><a>Gerai Makanan Jalanan</a></li> 8765 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3472"><a>Catering</a></li> 8766 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3473"><a>Juice Bar</a></li> 8767 <li class="button-more menu-item menu-item-type-custom menu-item-object-custom menu-item-3496"><a href="/kasflo-resto/">Lihat Selengkapnya</a></li> 8768 </ul> 8769</li> 8770 <li 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"><a href="https://kasflo.id/kasflo-toko/">Kasflo Toko</a> 8771 <ul class="sub-menu nav-sidebar-ul"> 8772 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3474"><a>Toko Grosir</a></li> 8773 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3475"><a>Toko Retail</a></li> 8774 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3476"><a>Warung Sembako</a></li> 8775 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3477"><a>Warung Kelontong</a></li> 8776 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3478"><a>Warung Sayur</a></li> 8777 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3479"><a>Warung Buah</a></li> 8778 <li class="button-more menu-item menu-item-type-custom menu-item-object-custom menu-item-3497"><a href="/kasflo-toko/">Lihat Selengkapnya</a></li> 8779 </ul> 8780</li> 8781 <li 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"><a href="https://kasflo.id/kasflo-bisnis/">Kasflo Bisnis</a> 8782 <ul class="sub-menu nav-sidebar-ul"> 8783 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3480"><a>Laundry</a></li> 8784 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3481"><a>Barbershop</a></li> 8785 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3482"><a>Salon Kecantikan</a></li> 8786 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3483"><a>Toko Farmasi</a></li> 8787 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3484"><a>Sewa Lapangan</a></li> 8788 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3485"><a>Cuci Mobil & Motor</a></li> 8789 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3486"><a>Rental Playstation</a></li> 8790 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3487"><a>Toko Komputer, HP dan Accesories</a></li> 8791 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3488"><a>Toko Kelontong</a></li> 8792 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3489"><a>Toko Kosmetik</a></li> 8793 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3490"><a>Petshop</a></li> 8794 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3491"><a>Photo Studio</a></li> 8795 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3492"><a>Pijat Refleksi</a></li> 8796 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3493"><a>Rental Motor & Mobil</a></li> 8797 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3494"><a>Salon & Spa</a></li> 8798 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3495"><a>Toko Perangkat Elektronik</a></li> 8799 <li class="button-more menu-item menu-item-type-custom menu-item-object-custom menu-item-3498"><a href="/kasflo-bisnis/">Lihat Selengkapnya</a></li> 8800 </ul> 8801</li> 8802</ul> 8803</li> 8804<li class="simple-dropdown menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-4756"><a href="https://kasflo.id/berlangganan/">Harga</a> 8805<ul class="sub-menu nav-sidebar-ul children"> 8806 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4857"><a href="https://kasflo.id/berlangganan/kasflo-resto/">Berlangganan Kasflo Resto</a></li> 8807 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4856"><a href="https://kasflo.id/berlangganan/kasflo-bisnis/">Berlangganan Kasflo Bisnis</a></li> 8808</ul> 8809</li> 8810<li class="menu-item-level-1 menu-item menu-item-type-post_type menu-item-object-page menu-item-3452"><a href="https://kasflo.id/panduan/">Panduan</a></li> 8811<li class="menu-item-level-1 menu-item menu-item-type-post_type menu-item-object-page menu-item-3453"><a href="https://kasflo.id/blog/">Blog</a></li> 8812 </ul> 8813 8814 8815 </div> 8816 8817 8818</div>
vendor: 109 bytes, lines 8818-8819
8818 8819<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
8819<script type="speculationrules"> 8820{"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"}]} 8821</script>
8821 8822<!-- HFCM by 99 Robots - Snippet # 6: Change Element Link to P in Mega Menu -->
8823<script type="text/javascript"> 8824jQuery(document).ready(function($) { 8825 $('.menu-item-level-2 .menu-item > a:not([href])').each(function() { 8826 var textContent = $(this).text(); 8827 var newElement = $('<p>').text(textContent); 8828 $(this).replaceWith(newElement); 8829 }); 8830}); 8831</script>
8831 8832<!-- /end HFCM by 99 Robots -->
8833<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Apa itu Kasflo?","acceptedAnswer":{"@type":"Answer","text":"\n<p>Kasflo adalah aplikasi kasir dan Point of Sale (POS) yang membantu bisnis mengelola transaksi, stok, pelanggan, pembayaran, laporan, hingga operasional bisnis dalam satu sistem.<\/p>\n"}},{"@type":"Question","name":"Kasflo cocok untuk bisnis apa saja?","acceptedAnswer":{"@type":"Answer","text":"\n<p>Kasflo dapat digunakan oleh berbagai jenis bisnis, mulai dari restoran, kafe, toko, retail, salon, barbershop, laundry, hingga berbagai usaha lainnya.<\/p>\n"}},{"@type":"Question","name":"Apa saja yang bisa dilakukan dengan Kasflo?","acceptedAnswer":{"@type":"Answer","text":"\n<p>Kasflo membantu mengelola berbagai kebutuhan bisnis seperti transaksi penjualan, stok, produk, pelanggan, promosi, pembayaran, laporan usaha, hingga manajemen karyawan.<\/p>\n"}},{"@type":"Question","name":"Apa itu aplikasi POS?","acceptedAnswer":{"@type":"Answer","text":"\n<p>POS (Point of Sale) adalah sistem yang digunakan untuk mencatat dan mengelola transaksi penjualan. Dengan POS, bisnis dapat mencatat transaksi, menerima pembayaran, mengelola produk dan stok, serta melihat laporan penjualan dengan lebih mudah.<\/p>\n"}},{"@type":"Question","name":"Apa bedanya aplikasi kasir dengan POS?","acceptedA
8833nswer":{"@type":"Answer","text":"\n<p>Aplikasi kasir biasanya berfokus pada pencatatan transaksi, sedangkan POS memiliki fungsi yang lebih lengkap untuk membantu mengelola berbagai kebutuhan bisnis, seperti stok, pelanggan, laporan, pembayaran, dan operasional.<\/p>\n"}},{"@type":"Question","name":"Ada berapa produk yang dimiliki Kasflo?","acceptedAnswer":{"@type":"Answer","text":"\n<p>Kasflo memiliki tiga produk, ada Kasflo Resto, Kasflo Bisnis, dan Kasflo Toko.<\/p>\n"}},{"@type":"Question","name":"Kasflo cocok untuk siapa?","acceptedAnswer":{"@type":"Answer","text":"\n<p>Kasflo cocok untuk berbagai jenis bisnis, mulai dari UMKM hingga bisnis yang sudah memiliki beberapa outlet atau cabang.<\/p>\n"}},{"@type":"Question","name":"Apakah Kasflo cocok untuk bisnis baru?","acceptedAnswer":{"@type":"Answer","text":"\n<p>Tentu. Kasflo dapat membantu bisnis baru membangun sistem operasional yang lebih rapi sejak awal sehingga lebih mudah dikelola saat bisnis berkembang.<\/p>\n"}},{"@type":"Question","name":"Apakah Kasflo bisa digunakan untuk berbagai jenis usaha?","acceptedA
8833nswer":{"@type":"Answer","text":"\n<p>Bisa. Kasflo dirancang untuk mendukung kebutuhan berbagai jenis usaha dengan solusi yang dapat disesuaikan dengan karakteristik bisnis.<\/p>\n"}},{"@type":"Question","name":"Apa keuntungan menggunakan Kasflo?","acceptedAnswer":{"@type":"Answer","text":"\n<p>Kasflo membantu membuat pekerjaan bisnis lebih praktis, mengurangi pekerjaan manual, menghemat waktu operasional, dan memberikan informasi yang lebih jelas untuk membantu pemilik bisnis mengambil keputusan. Selain kasflo juga memiliki beberapa jenis paket, ada paket aplikasi kasir gratis hingga yang berbayar. Meskipun bayar, biaya berlangganan paket kasflo sangatlah murah dibandingkan yang lainnya.<\/p>\n"}},{"@type":"Question","name":"Apakah Kasflo mudah digunakan?","acceptedAnswer":{"@type":"Answer","text":"\n<p>Ya. Kasflo dirancang dengan tampilan dan alur yang sederhana agar dapat digunakan dengan mudah, bahkan bagi pengguna yang baru menggunakan sistem digital untuk bisnis.<\/p>\n"}},{"@type":"Question","name":"Apakah saya perlu memiliki kemampuan teknis untuk menggunakan Kasflo?","acceptedA
8833nswer":{"@type":"Answer","text":"\n<p>Tidak. Kamu tidak perlu memiliki kemampuan teknis khusus untuk menggunakan Kasflo. Sistem dirancang agar dapat digunakan dengan mudah dalam aktivitas bisnis sehari-hari.<\/p>\n"}},{"@type":"Question","name":"Apakah data bisnis saya aman di Kasflo?","acceptedAnswer":{"@type":"Answer","text":"\n<p>Kasflo menerapkan sistem keamanan dan pengelolaan akses untuk membantu menjaga data bisnis dan memastikan informasi hanya dapat diakses oleh pihak yang memiliki izin.<\/p>\n"}},{"@type":"Question","name":"Apakah Kasflo bisa digunakan untuk bisnis dengan banyak cabang?","acceptedAnswer":{"@type":"Answer","text":"\n<p>Bisa. Kasflo dapat membantu bisnis yang memiliki beberapa outlet atau cabang agar pengelolaan usaha menjadi lebih teratur dan mudah dipantau.<\/p>\n"}},{"@type":"Question","name":"Apakah Kasflo memiliki biaya tambahan atau biaya tersembunyi?","acceptedAnswer":{"@type":"Answer","text":"\n<p>Kasflo memberikan informasi biaya secara transparan sesuai layanan yang digunakan. Detail biaya dapat disesuaikan dengan kebutuhan dan paket yang dipilih.<\/p>\n"}}]}</script>
8833<script>document.addEventListener('DOMContentLoaded', function () { 8834 const tooltipContent = ` 8835 <div class="snk-fee-trx-wrap"> 8836 <h4>Syarat & Ketentuan</h4> 8837 <ol> 8838 <li>Pengguna dapat menggunakan layanan aplikasi Kasflo (termasuk Kasflo Resto) melalui opsi berlangganan "Paket Basic".</li> 8839 <li>Atas setiap transaksi yang berhasil diproses melalui sistem Kasflo dengan menggunakan Paket Basic, Pengguna akan dikenakan Biaya Layanan / Fee-Based Transaction (FBT) sebesar Rp500,- (Lima Ratus Rupiah) per transaksi.</li> 8840 <li>Biaya FBT sebesar Rp500,- dihitung berdasarkan jumlah total transaksi yang tercatat sukses di dalam sistem selama satu periode penagihan (billing cycle), terlepas dari metode pembayaran yang digunakan oleh pelanggan (Tunai, QRIS, maupun metode lainnya).</li> 8841 <li>Apabila pelanggan melakukan pembayaran menggunakan metode QRIS bawaan sistem Kasflo, maka sistem akan secara otomatis memotong tagihan FBT (Rp500,-) dari nominal transaksi QRIS tersebut sebelum masuk ke saldo Pengguna.</li> 8842 <li>Apabila pelanggan melakukan pembayaran menggunakan metode Non-QRIS, termasuk namun tidak terbatas pada pembayaran secara tunai, Debit/Kredit, atau e-Wallet di luar sistem Kasflo, maka Biaya Transaksi (FBT) atas transaksi tersebut akan diakumulasikan dan ditagihkan kepada Pengguna.</li> 8843 <li>Sistem akan menerbitkan dan menyampaikan Invoice kepada Pengguna pada tanggal 5 (lima) setiap bulan untuk tagihan FBT pada periode penagihan bulan sebelumnya (next billing cycle).</li> 8844 <li>Pembayaran Invoice dapat dilakukan oleh Pengguna melalui payment channel berupa QRIS yang tersedia di dalam sistem Kasflo.</li> 8845 <li>Apabila Pengguna belum melunasi Invoice sampai dengan tanggal jatuh tempo (pada tanggal 5 (lima) di bulan Invoice diterbitkan), maka Kasflo berhak menonaktifkan (disable) opsi metode pembayaran Non-QRIS pada aplikasi pengguna.</li> 8846 </ol> 8847 </div> 8848 `; 8849 const triggers = document.querySelectorAll('.snk-fee-trigger'); 8850 if (!triggers.length) return; 8851 const tooltip = document.createElement('div'); 8852 tooltip.className = 'snk-fee-trx-tooltip'; 8853 tooltip.innerHTML = tooltipContent; 8854 document.body.appendChild(tooltip); 8855 let activeTrigger = null; 8856 let closeTimer = null; 8857 function positionTooltip(trigger) { 8858 if (!trigger) return; 8859 const triggerRect = trigger.getBoundingClientRect(); 8860 tooltip.style.visibility = 'hidden'; 8861 tooltip.classList.add('is-visible'); 8862 const tooltipRect = tooltip.getBoundingClientRect(); 8863 const gap = 10; 8864 let top = triggerRect.top - tooltipRect.height - gap; 8865 let left = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2); 8866 if (top < 10) { 8867 top = triggerRect.bottom + gap; 8868 tooltip.classList.add('tooltip-bottom'); 8869 } else { 8870 tooltip.classList.remove('tooltip-bottom'); 8871 } 8872 if (left < 10) { 8873 left = 10; 8874 } 8875 if (left + tooltipRect.width > window.innerWidth - 10) { 8876 left = window.innerWidth - tooltipRect.width - 10; 8877 } 8878 tooltip.style.top = `${top}px`; 8879 tooltip.style.left = `${left}px`; 8880 tooltip.style.visibility = 'visible'; 8881 } 8882 function openTooltip(trigger) { 8883 clearTimeout(closeTimer); 8884 activeTrigger = trigger; 8885 positionTooltip(trigger); 8886 } 8887 function closeTooltip() { 8888 closeTimer = setTimeout(function () { 8889 tooltip.classList.remove('is-visible'); 8890 tooltip.style.visibility = 'hidden'; 8891 activeTrigger = null; 8892 }, 100); 8893 } 8894 triggers.forEach(function (trigger) { 8895 trigger.addEventListener('mouseenter', function () { 8896 openTooltip(trigger); 8897 }); 8898 trigger.addEventListener('mouseleave', function () { 8899 closeTooltip(); 8900 }); 8901 trigger.addEventListener('click', function (event) { 8902 event.stopPropagation(); 8903 if (activeTrigger === trigger) { 8904 tooltip.classList.remove('is-visible'); 8905 tooltip.style.visibility = 'hidden'; 8906 activeTrigger = null; 8907 } else { 8908 openTooltip(trigger); 8909 } 8910 }); 8911 });
8912 tooltip.addEventListener('mouseenter', function () { 8913 clearTimeout(closeTimer); 8914 }); 8915 tooltip.addEventListener('mouseleave', function () { 8916 closeTooltip(); 8917 }); 8918 document.addEventListener('click', function (event) { 8919 if ( 8920 !tooltip.contains(event.target) && 8921 !event.target.closest('.snk-fee-trigger') 8922 ) { 8923 tooltip.classList.remove('is-visible'); 8924 tooltip.style.visibility = 'hidden'; 8925 activeTrigger = null; 8926 } 8927 }); 8928 document.addEventListener('keydown', function (event) { 8929 if (event.key === 'Escape') { 8930 tooltip.classList.remove('is-visible'); 8931 tooltip.style.visibility = 'hidden'; 8932 activeTrigger = null; 8933 } 8934 }); 8935 window.addEventListener('resize', function () { 8936 if (activeTrigger) { 8937 positionTooltip(activeTrigger); 8938 } 8939 }); 8940 window.addEventListener('scroll', function () { 8941 if (activeTrigger) { 8942 positionTooltip(activeTrigger); 8943 } 8944 }, true); 8945});</script>
8945<script>document.addEventListener("DOMContentLoaded", function () { 8946 8947 const supportsIO = "IntersectionObserver" in window; 8948 8949 function initVideo(container) { 8950 8951 const video = container.querySelector(".smart-video"); 8952 const image = container.querySelector(".video-fallback"); 8953 8954 if (!video || !image) return; 8955 8956 let hasStarted = false; 8957 8958 function showVideo() { 8959 8960 if (hasStarted) return; 8961 8962 hasStarted = true; 8963 8964 video.classList.add("is-ready"); 8965 image.classList.add("is-hidden"); 8966 8967 const playPromise = video.play(); 8968 8969 if (playPromise !== undefined) { 8970 8971 playPromise.catch(function(error) { 8972 8973 console.log("Autoplay blocked:", error); 8974 8975 video.classList.remove("is-ready"); 8976 image.classList.remove("is-hidden"); 8977 8978 hasStarted = false; 8979 }); 8980 8981 } 8982 } 8983 8984 function showFallback() { 8985 8986 video.classList.remove("is-ready"); 8987 image.classList.remove("is-hidden"); 8988 } 8989 8990 // Safari lebih suka property JS juga diset 8991 video.muted = true; 8992 video.defaultMuted = true; 8993 video.playsInline = true; 8994 8995 video.addEventListener("canplay", showVideo); 8996 8997 video.addEventListener("loadeddata", function() { 8998 8999 if (video.readyState >= 3) { 9000 showVideo(); 9001 } 9002 9003 }); 9004
9005 video.addEventListener("error", showFallback); 9006 9007 // mulai load 9008 video.load(); 9009 9010 // timeout jika loading terlalu lama 9011 setTimeout(function() { 9012 9013 if (video.readyState < 3) { 9014 showFallback(); 9015 } 9016 9017 }, 5000); 9018 9019 } 9020 9021 if (supportsIO) { 9022 9023 const observer = new IntersectionObserver(function(entries) { 9024 9025 entries.forEach(function(entry) { 9026 9027 if (!entry.isIntersecting) return; 9028 9029 initVideo(entry.target); 9030 9031 observer.unobserve(entry.target); 9032 9033 }); 9034 9035 }, { 9036 rootMargin: "200px 0px", 9037 threshold: 0.01 9038 }); 9039 9040 document.querySelectorAll(".video-container").forEach(function(container) { 9041 9042 observer.observe(container); 9043 9044 }); 9045 9046 } else { 9047 9048 document.querySelectorAll(".video-container").forEach(function(container) { 9049 9050 initVideo(container); 9051 9052 }); 9053 9054 } 9055 9056});</script>
9056<script>document.addEventListener("DOMContentLoaded", function () { 9057 9058 // Helper: scroll item ke tengah container 9059 function centerItem(container, item) { 9060 if (!container || !item) return; 9061 const contRect = container.getBoundingClientRect(); 9062 const itemRect = item.getBoundingClientRect(); 9063 const current = container.scrollLeft; 9064 const offsetWithin = (itemRect.left - contRect.left) + current; 9065 const target = offsetWithin - (container.clientWidth / 2) + (item.clientWidth / 2); 9066 container.scrollTo({ left: Math.max(0, target), behavior: "smooth" }); 9067 } 9068 9069 /** 9070 * Inisialisasi auto-center untuk tab navigation 9071 * @param {string} navSelector - Selector untuk <ul> nav tabs 9072 * @param {function} getActive - Function untuk return element li aktif 9073 * @param {object} observeCfg - Konfigurasi observer { targetSelector, attr } 9074 */ 9075 function initAutoCenterTabs(navSelector, getActive, observeCfg) { 9076 document.querySelectorAll(navSelector).forEach((nav) => { 9077 const activeEl = () => getActive(nav); 9078 9079 // Center saat load 9080 centerItem(nav, activeEl()); 9081 9082 // Fallback saat klik 9083 nav.addEventListener("click", () => { 9084 setTimeout(() => centerItem(nav, activeEl()), 0); 9085 }); 9086 9087 // MutationObserver (pantau perubahan state) 9088 if (observeCfg) { 9089 const mo = new MutationObserver(() => centerItem(nav, activeEl())); 9090 nav.querySelectorAll(observeCfg.targetSelector).forEach((el) => { 9091 mo.observe(el, { attributes: true, attributeFilter: [observeCfg.attr] }); 9092 }); 9093 } 9094 }); 9095 } 9096 9097 // ------------------------ 9098 // Tabs 1: .tabbed-content .nav 9099 // Aktif ditandai <a role="tab" aria-selected="true"> 9100 // ------------------------ 9101 initAutoCenterTabs( 9102 ".tabbed-content .nav", 9103 (nav) => { 9104 const a = nav.querySelector('a[role="tab"][aria-selected="true"]'); 9105 return a ? a.closest("li") : null; 9106 }, 9107 { targetSelector: 'a[role="tab"]', attr: "aria-selected" } 9108 ); 9109 9110 // ------------------------ 9111 // Tabs 2: .epkb-main-nav .epkb-nav-tabs 9112 // Aktif ditandai <li class="active"> 9113 // ------------------------ 9114 initAutoCenterTabs( 9115 ".epkb-main-nav .epkb-nav-tabs", 9116 (nav) => nav.querySelector("li.active"), 9117 { targetSelector: "li", attr: "class" } 9118 ); 9119 9120}); 9121</script>
9121<script>document.addEventListener("DOMContentLoaded", function () { 9122 document.querySelectorAll(".table-comparison-wrap").forEach(function (wrap) { 9123 const wrapper = wrap.querySelector(".features-comparison-wrapper"); 9124 const button = wrap.querySelector(".show-hide-button"); 9125 if (!wrapper || !button) return; 9126 9127 // Atur teks awal 9128 button.textContent = wrapper.classList.contains("collapsed") 9129 ? "Lihat Selengkapnya" 9130 : "Sembunyikan Sebagian"; 9131 button.setAttribute("aria-expanded", String(!wrapper.classList.contains("collapsed"))); 9132 9133 button.addEventListener("click", function () { 9134 wrapper.classList.toggle("collapsed"); 9135 const isCollapsed = wrapper.classList.contains("collapsed"); 9136 9137 if (isCollapsed) { 9138 button.textContent = "Lihat Selengkapnya"; 9139 const topPos = wrap.getBoundingClientRect().top + window.pageYOffset - 450; 9140 window.scrollTo({ top: topPos, behavior: "smooth" }); 9141 } else { 9142 button.textContent = "Sembunyikan Sebagian"; 9143 } 9144 9145 button.setAttribute("aria-expanded", String(!isCollapsed)); 9146 }); 9147 }); 9148});</script>
9148<script>jQuery(document).ready(function ($) { 9149 $(".sidebar-menu .menu-item-level-2 > a").append('<i class="icon-angle-down"></i>'); 9150 $(".sidebar-menu .menu-item-level-2 > a").on("click", function (event) { 9151 event.preventDefault(); 9152 9153 const submenu = $(this).next(".sub-menu"); 9154 const parentMenuItem = $(this).parent(".menu-item-level-2"); 9155 9156 $(".sidebar-menu .menu-item-level-2 .sub-menu").not(submenu).slideUp(200); 9157 $(".sidebar-menu .menu-item-level-2").not(parentMenuItem).removeClass("active"); 9158 9159 submenu.slideToggle(); 9160 parentMenuItem.toggleClass("active"); 9161 }); 9162});</script>
9162<script>document.addEventListener("DOMContentLoaded", function() { 9163 const dropdowns = document.querySelectorAll(".header-cta-wrapper .cta-dropdown button"); 9164 9165 dropdowns.forEach(button => { 9166 button.addEventListener("click", function(event) { 9167 document.querySelectorAll(".header-cta-wrapper .cta-dropdown").forEach(drop => { 9168 if (drop !== button.parentElement) { 9169 drop.classList.remove("active"); 9170 } 9171 }); 9172 9173 button.parentElement.classList.toggle("active"); 9174 event.stopPropagation(); 9175 }); 9176 }); 9177 9178 document.addEventListener("click", function(event) { 9179 if (!event.target.closest(".cta-dropdown")) { 9180 document.querySelectorAll(".header-cta-wrapper .cta-dropdown").forEach(drop => { 9181 drop.classList.remove("active"); 9182 }); 9183 } 9184 }); 9185});</script>
9185<script>document.addEventListener("DOMContentLoaded", function() { 9186 const urlParams = new URLSearchParams(window.location.search); 9187 const referralParam = "referral_code"; 9188 const referralCode = urlParams.get(referralParam); 9189 const daftarGratisButton = document.querySelector("a[href^='https://backoffice.kasflo.id/register']"); 9190 const masukButton = document.querySelector("a[href^='https://backoffice.kasflo.id']"); 9191 9192 // 1. Tambahkan referral_code ke URL button "Daftar Gratis" jika parameter ini ada di URL kasflo.id 9193 if (referralCode && daftarGratisButton) { 9194 const buttonUrl = new URL(daftarGratisButton.href); 9195 buttonUrl.searchParams.set(referralParam, referralCode); // Menambahkan referral_code tanpa menghapus _gl 9196 daftarGratisButton.href = buttonUrl.toString(); 9197 } 9198 9199 if (referralCode && masukButton) { 9200 const masukButtonUrl = new URL(masukButton.href); 9201 masukButtonUrl.searchParams.set(referralParam, referralCode); // Menambahkan referral_code tanpa menghapus _gl 9202 masukButton.href = masukButtonUrl.toString(); 9203 } 9204 9205 // 2. Pastikan referral_code tetap ada selama navigasi di kasflo.id 9206 if (referralCode) { 9207 document.querySelectorAll("a").forEach(link => { 9208 link.addEventListener("click", function(event) { 9209 if (link.hostname === window.location.hostname && !link.href.includes(referralParam)) { 9210 event.preventDefault(); 9211 const linkUrl = new URL(link.href); 9212 linkUrl.searchParams.set(referralParam, referralCode); 9213 window.location.href = linkUrl.toString(); 9214 } 9215 }); 9216 }); 9217 } 9218});</script>
9218<script id="walcf7-datepicker-js-js" src="https://kasflo.id/wp-content/plugins/date-time-picker-for-contact-form-7/assets/js/jquery.datetimepicker.full.min.js"></script>
vendor: 1 bytes, line 9218
9218
9219<script data-minify="1" id="walcf7-datepicker-js" src="https://kasflo.id/wp-content/cache/min/1/wp-content/plugins/date-time-picker-for-contact-form-7/assets/js/datetimepicker.js?ver=1790737158"></script>
vendor: 1 bytes, line 9219
9219
9220<script id="wp-hooks-js" src="https://kasflo.id/wp-includes/js/dist/hooks.min.js"></script>
vendor: 1 bytes, line 9220
9220
9221<script id="wp-i18n-js" src="https://kasflo.id/wp-includes/js/dist/i18n.min.js"></script>
vendor: 1 bytes, line 9221
9221
9222<script id="wp-i18n-js-after"> 9223wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 9224//# sourceURL=wp-i18n-js-after 9225</script>
vendor: 1 bytes, line 9225
9225
9226<script data-minify="1" id="swv-js" src="https://kasflo.id/wp-content/cache/min/1/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=1790737158"></script>
vendor: 1 bytes, line 9226
9226
9227<script id="contact-form-7-js-before"> 9228var wpcf7 = { 9229 "api": { 9230 "root": "https:\/\/kasflo.id\/wp-json\/", 9231 "namespace": "contact-form-7\/v1" 9232 }, 9233 "cached": 1 9234}; 9235//# sourceURL=contact-form-7-js-before 9236</script>
vendor: 1 bytes, line 9236
9236
9237<script data-minify="1" id="contact-form-7-js" src="https://kasflo.id/wp-content/cache/min/1/wp-content/plugins/contact-form-7/includes/js/index.js?ver=1790737158"></script>
vendor: 1 bytes, line 9237
9237
9238<script id="wpcf7-redirect-script-js-extra"> 9239var wpcf7r = {"ajax_url":"https://kasflo.id/wp-admin/admin-ajax.php"}; 9240//# sourceURL=wpcf7-redirect-script-js-extra 9241</script>
vendor: 1 bytes, line 9241
9241
9242<script data-minify="1" id="wpcf7-redirect-script-js" src="https://kasflo.id/wp-content/cache/min/1/wp-content/plugins/wpcf7-redirect/build/assets/frontend-script.js?ver=1790737158"></script>
vendor: 1 bytes, line 9242
9242
9243<script data-minify="1" id="slick-js-js" src="https://kasflo.id/wp-content/cache/min/1/npm/[email protected]/slick/slick.min.js?ver=1790737158"></script>
vendor: 1 bytes, line 9243
9243
9244<script id="rocket-browser-checker-js-after"> 9245"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); 9246//# sourceURL=rocket-browser-checker-js-after 9247</script>
vendor: 1 bytes, line 9247
9247
9248<script id="rocket-preload-links-js-extra"> 9249var RocketPreloadLinksConfig = {"excludeUris":"/(?:.+/)?feed(?:/(?:.+/?)?)?$|/(?:.+/)?embed/|/(index.php/)?(.*)wp-json(/.*|$)|/refer/|/go/|/recommend/|/recommends/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https://kasflo.id","onHoverDelay":"100","rateThrottle":"3"}; 9250//# sourceURL=rocket-preload-links-js-extra 9251</script>
vendor: 1 bytes, line 9251
9251
9252<script id="rocket-preload-links-js-after"> 9253(function() { 9254"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); 9255}()); 9256 9257//# sourceURL=rocket-preload-links-js-after 9258</script>
vendor: 1 bytes, line 9258
9258
9259<script id="googlesitekit-events-provider-contact-form-7-js" src="https://kasflo.id/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-contact-form-7-fac2a8013ba5ba355cd0.js" defer></script>
vendor: 1 bytes, line 9259
9259
9260<script id="googlesitekit-events-provider-content-events-js-before"> 9261window._googlesitekit = window._googlesitekit || {}; 9262window._googlesitekit.contentEvents = {"postID":5942,"isSinglePost":false,"hasVimeoEmbed":false}; 9263//# sourceURL=googlesitekit-events-provider-content-events-js-before 9264</script>
vendor: 1 bytes, line 9264
9264
9265<script id="googlesitekit-events-provider-content-events-js" src="https://kasflo.id/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-content-events-c7172f3fd0e4d5ad62ef.js" defer></script>
vendor: 1 bytes, line 9265
9265
9266<script id="jquery-ui-core-js-before"> 9267jQuery.uiBackCompat = true; 9268//# sourceURL=jquery-ui-core-js-before 9269</script>
vendor: 1 bytes, line 9269
9269
9270<script id="jquery-ui-core-js" src="https://kasflo.id/wp-includes/js/jquery/ui/core.min.js"></script>
vendor: 1 bytes, line 9270
9270
9271<script id="popup-maker-site-js-extra"> 9272var pum_vars = {"version":"1.25.0","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","disable_url_params":"","home_url":"/","message_position":"top","core_sub_forms_enabled":"1","popups":[],"cookie_domain":"","paramNames":{"popup_id":"pid","cta":"cta","notrack":"notrack"}}; 9273var pum_sub_vars = {"ajaxurl":"https://kasflo.id/wp-admin/admin-ajax.php","message_position":"top"}; 9274var pum_popups = []; 9275//# sourceURL=popup-maker-site-js-extra 9276</script>
vendor: 1 bytes, line 9276
9276
9277<script data-minify="1" id="popup-maker-site-js" src="https://kasflo.id/wp-content/cache/min/1/wp-content/plugins/popup-maker/dist/assets/site.js?ver=1790737158"></script>
vendor: 1 bytes, line 9277
9277
9278<script id="googlesitekit-events-provider-popup-maker-js" src="https://kasflo.id/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-popup-maker-b946f1908d7c0c105eca.js" defer></script>
vendor: 1 bytes, line 9278
9278
9279<script id="hoverIntent-js" src="https://kasflo.id/wp-includes/js/hoverIntent.min.js"></script>
vendor: 1 bytes, line 9279
9279
9280<script id="flatsome-js-js-extra"> 9281var 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"}}; 9282//# sourceURL=flatsome-js-js-extra 9283</script>
vendor: 1 bytes, line 9283
9283
9284<script data-minify="1" id="flatsome-js-js" src="https://kasflo.id/wp-content/cache/min/1/wp-content/themes/flatsome/assets/js/flatsome.js?ver=1790737158"></script>
vendor: 1 bytes, line 9284
9284
9285<script id="ivory-search-scripts-js-extra"> 9286var IvorySearchVars = {"is_analytics_enabled":"1"}; 9287//# sourceURL=ivory-search-scripts-js-extra 9288</script>
vendor: 1 bytes, line 9288
9288
9289<script id="ivory-search-scripts-js" src="https://kasflo.id/wp-content/plugins/add-search-to-menu/public/js/ivory-search.min.js"></script>
9289 9290
9291<script>var rocket_beacon_data = {"ajax_url":"https:\/\/kasflo.id\/wp-admin\/admin-ajax.php","nonce":"07b1b831af","url":"https:\/\/kasflo.id","is_mobile":false,"width_threshold":1600,"height_threshold":700,"delay":500,"debug":null,"status":{"atf":true,"lrc":true,"preconnect_external_domain":true},"elements":"img, video, picture, p, main, div, li, svg, section, header, span","lrc_threshold":1800,"preconnect_external_domain_elements":["link","script","iframe"],"preconnect_external_domain_exclusions":["static.cloudflareinsights.com","rel=\"profile\"","rel=\"preconnect\"","rel=\"dns-prefetch\"","rel=\"icon\""]}</script>
9291<script data-name="wpr-wpr-beacon" src='https://kasflo.id/wp-content/plugins/wp-rocket/assets/js/wpr-beacon.min.js' async></script>
9291<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:'a43cd7f28e931277',t:'MTc5MDg3MjEzOA=='};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>
9291<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":"62c3d25d72c44c6ba75ea72c7d95896b","r":1,"spa":2}' crossorigin="anonymous"></script>
9291 9292</body> 9293</html> 9294 9295<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1790838398 -->
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.