1<head> 2 <title>Enterprise Dashboard</title> 3 <meta name="description" content="Lacak seluruh transaksi, status tagihan, dan performa distribusi dari satu dashboard hingga bulk transaction untuk produk PPOB."> 4 <meta name="keywords" content="Enterprise Dashboard, Pembayaran Tagihan, Integrasi, PPOB, 350+ Partner, 3000+ Produk"> 5 <meta property="og:title" content="Enterprise Dashboard"> 6 <meta property="og:description" content="Lacak seluruh transaksi, status tagihan, dan performa distribusi dari satu dashboard hingga bulk transaction untuk produk PPOB."> 7<style id='global-styles-inline-css' type='text/css'> 8: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--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%);
8--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);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}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;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.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-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-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-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;}
8.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;} 9/*# sourceURL=global-styles-inline-css */ 10</style> 11 12</head> 13<!DOCTYPE html> 14<html lang="en-US"> 15<head> 16<meta charset="UTF-8"> 17<meta name="viewport" content="width=device-width, initial-scale=1"> 18<link rel="shortcut icon" href="https://alterrabills.id/wp-content/themes/abills_theme/asset/Favicon_ABills-1.png"> 19<link rel="stylesheet" href="https://alterrabills.id/wp-content/themes/abills_theme/css/main.min.css"> 20<link rel="stylesheet" href="https://alterrabills.id/wp-content/themes/abills_theme/css/footer.min.css">
21<script src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/assets/js/main.js"></script>
21 22<link rel="profile" href="http://gmpg.org/xfn/11"> 23 24 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 25 26 <!-- This site is optimized with the Yoast SEO plugin v27.6 - https://yoast.com/product/yoast-seo-wordpress/ --> 27 <title>Alterra Bills</title> 28 <meta property="og:locale" content="en_US" /> 29 <meta property="og:type" content="website" /> 30 <meta property="og:site_name" content="Alterra Bills" /> 31 <meta name="twitter:card" content="summary_large_image" /> 32
32<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/alterrabills.id\/#website","url":"https:\/\/alterrabills.id\/","name":"Alterra Bills","description":"","publisher":{"@id":"https:\/\/alterrabills.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/alterrabills.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/alterrabills.id\/#organization","name":"Alterra Bills","url":"https:\/\/alterrabills.id\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/alterrabills.id\/#\/schema\/logo\/image\/","url":"https:\/\/alterrabills.id\/wp-content\/uploads\/2026\/05\/Abills-Logo-Main-Color-scaled.png","contentUrl":"https:\/\/alterrabills.id\/wp-content\/uploads\/2026\/05\/Abills-Logo-Main-Color-scaled.png","width":2560,"height":1288,"caption":"Alterra Bills"},"image":{"@id":"https:\/\/alterrabills.id\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/alterra.bills\/"]}]}</script>
32 33 <!-- / Yoast SEO plugin. --> 34 35 36<link rel='dns-prefetch' href='//www.googletagmanager.com' /> 37<link rel='dns-prefetch' href='//alterrabills.id' /> 38<link rel='dns-prefetch' href='//fonts.googleapis.com' /> 39<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'> 40img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 41/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 42</style> 43<style id='wp-block-library-inline-css' type='text/css'> 44:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
44--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 45/*wp_block_styles_on_demand_placeholder:6ac9296a405c1*/ 46/*# sourceURL=wp-block-library-inline-css */ 47</style> 48<style id='classic-theme-styles-inline-css' type='text/css'> 49/*! This file is auto-generated */ 50.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 51/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 52</style> 53<link rel='stylesheet' id='abills-google-fonts-css' href='https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Muli:wght@400;600&display=swap' type='text/css' media='all' /> 54<link rel='stylesheet' id='abills-style-css' href='https://alterrabills.id/wp-content/themes/abills_theme/new-abills/style.css?ver=1789007337' type='text/css' media='all' /> 55 56<!-- Google tag (gtag.js) snippet added by Site Kit --> 57<!-- Google Analytics snippet added by Site Kit -->
vendor: 81 bytes, lines 57-58
57 58<script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=
58GT-PBNG4Z7
vendor: 40 bytes, line 58
58" id="google_gtagjs-js" async></script>
59<script type="text/javascript" id="google_gtagjs-js-after"> 60/* <![CDATA[ */ 61window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} 62gtag("set","linker",{"domains":["alterrabills.id"]}); 63gtag("js", new Date()); 64gtag("set", "developer_id.dZTNiMT", true); 65gtag("config", "GT-PBNG4Z7"); 66 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" } ); }; 67//# sourceURL=google_gtagjs-js-after 68/* ]]> */ 69</script>
69 70<link rel="https://api.w.org/" href="https://alterrabills.id/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://alterrabills.id/xmlrpc.php?rsd" /> 71<meta name="generator" content="WordPress 6.9.4" /> 72<meta name="generator" content="Site Kit by Google 1.179.0" /></head> 73 74<body class="wp-theme-abills_theme"> 75<div id="page" class="site"> 76 77<header id="masthead" class="site-header show-desktop"> 78 <div class="main-navigation-container"> 79 <div class="navigation-content"> 80 <div class="logo desktop-logo"> 81 <a href="https://alterrabills.id/" rel="home"> 82 <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/Logo.svg" alt="Alterra Bills"> 83 </a> 84 </div> 85 <div class="hamburger-menu"> 86 <div class="bar"></div> 87 <div class="bar"></div> 88 <div class="bar"></div> 89</div> 90 91<div class="mobile-menu-container"> 92 <div class="logo mobile-logo"> 93 <a href="https://alterrabills.id/" rel="home"> 94 <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/Logo.svg" alt="Alterra Bills"> 95 </a> 96 </div> 97 <nav id="site-navigation" class="main-navigation"> 98 <ul id="primary-menu"><li class="menu-item-has-children"><a href="#">Solusi</a><ul class="sub-menu"><li><a href="https://alterrabills.id/bill-payment-aggregator"> 99 <div class="header-submenu"> 100 <div> 101 Bill Payment Aggregator<br/><span class="fz12 color-desc">Akses langsung ke ribuan produk digital </span> 102 </div> 103 <div> 104 <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/Icon-chevron-right.png" alt="Chevron" class="menu-link-icon"> 105 </div> 106 </div> 107 </a> 108 </li><li><a href="https://alterrabills.id/switching-integrator"> 109 <div class="header-submenu"> 110 <div> 111 Switching & Integrator<br/><span class="fz12 color-desc">Pastikan produk selalu aktif tanpa gangguan</span> 112 </div> 113 <div> 114 <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/Icon-chevron-right.png" alt="Chevron" class="menu-link-icon"> 115 </div> 116 </div> 117 </a> 118 </li><li><a href="https://alterrabills.id/digital-billing-system"> 119 <div class="header-submenu"> 120 <div> 121 Digital Billing System<br/><span class="fz12 color-desc">Otomatisasi pembuatan dan pengiriman tagihan</span> 122 </div> 123 <div> 124 <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/Icon-chevron-right.png" alt="Chevron" class="menu-link-icon"> 125 </div> 126 </div> 127 </a> 128 </li><li><a href="https://alterrabills.id/whitelabel-solution"> 129 <div class="header-submenu"> 130 <div> 131 Whitelabel Solutions<br/><span class="fz12 color-desc">Gunakan sistem kami dengan brand Anda</span> 132 </div> 133 <div> 134 <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/Icon-chevron-right.png" alt="Chevron" class="menu-link-icon"> 135 </div> 136 </div> 137 </a> 138 </li><li><a href="https://alterrabills.id/enterprise-dashboard"> 139 <div class="header-submenu"> 140 <div> 141 Enterprise Dashboard<br/><span class="fz12 color-desc">Kelola performa transaksi dalam satu tampilan</span> 142 </div> 143 <div> 144 <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/Icon-chevron-right.png" alt="Chevron" class="menu-link-icon"> 145 </div> 146 </div> 147 </a> 148 </li></ul></li><li><a href="https://alterrabills.id/tentang-kami">Tentang Kami</a></li><li><a href="https://alterrabills.id/blog">Blog</a> </li></ul></nav><!-- #site-navigation --> 149<a style="text-decoration: none;" href="https://alterrabills.id/hubungi-kami" rel="home"> 150 <div class="header-button button-form"> 151 <p class="hubungi-kami-button button-form">Hubungi Kami</p> 152 </div> 153</a> 154</div> 155</div> 156</div> 157</header><!-- #masthead --> 158 159<header id="masthead" class="site-header show-mobile"> 160 <!-- Header mobile default (logo + hamburger) --> 161 <div class="mobile-header"> 162 <div class="mobile-header__logo"> 163 <a href="https://alterrabills.id/" rel="home"> 164 <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/Logo.svg" alt="Alterra Bills"> 165 </a> 166 </div> 167 <button type="button" class="mobile-header__hamburger js-mobile-open-menu" aria-label="Buka menu">
168 <span class="mobile-header__hamburger-line"></span> 169 <span class="mobile-header__hamburger-line"></span> 170 </button> 171 </div> 172 173 <!-- Overlay full screen (muncul ketika hamburger diklik) --> 174 <div class="mobile-nav-overlay js-mobile-nav-overlay"> 175 <div class="mobile-nav"> 176 <!-- Header di dalam overlay --> 177 <div class="mobile-nav__header mobile-nav__header--root"> 178 <div class="mobile-nav__logo"> 179 <a href="https://alterrabills.id/" rel="home"> 180 <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/Logo.svg" alt="Alterra Bills"> 181 </a> 182 </div> 183 <button type="button" class="mobile-nav__close js-mobile-nav-close" aria-label="Tutup menu"> 184 × 185 </button> 186 </div> 187 188 <!-- List menu utama --> 189 <div class="mobile-nav__panel mobile-nav__panel--root is-active"> 190 <ul class="mobile-nav__list"> 191 <li class="mobile-nav__item"> 192 <button type="button" class="mobile-nav__link mobile-nav__link--with-chevron js-mobile-open-solusi"> 193 <span>Solusi</span> 194 <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/Icon-chevron-right.png" alt="Chevron" class="mobile-nav__chevron"> 195 </button> 196 </li> 197 <li class="mobile-nav__item"> 198 <a href="https://alterrabills.id/tentang-kami" class="mobile-nav__link">Tentang Kami</a> 199 </li> 200 <li class="mobile-nav__item"> 201 <a href="https://alterrabills.id/blog" class="mobile-nav__link">Blog</a> 202 </li> 203 <!-- <li class="mobile-nav__item"> 204 <button type="button" class="mobile-nav__link mobile-nav__link--with-chevron"> 205 <span>Bahasa</span> 206 <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/Icon-chevron-right.png" alt="Chevron" class="mobile-nav__chevron"> 207 </button> 208 </li> --> 209 </ul> 210 </div> 211 212 <!-- Header & list ketika Solusi di-expand --> 213 <div class="mobile-nav__panel mobile-nav__panel--solusi"> 214 <div class="mobile-nav__header mobile-nav__header--sub"> 215 <button type="button" class="mobile-nav__back js-mobile-solusi-back"> 216 <span class="mobile-nav__back-icon">‹</span> 217 <span>Kembali</span> 218 </button> 219 <button type="button" class="mobile-nav__close js-mobile-nav-close" aria-label="Tutup menu"> 220 × 221 </button> 222 </div> 223 224 <ul class="mobile-nav__list"> 225 <li class="mobile-nav__item"> 226 <a href="https://alterrabills.id/bill-payment-aggregator" class="mobile-nav__link"> 227 Bill Payment Aggregator 228 </a> 229 </li> 230 <li class="mobile-nav__item"> 231 <a href="https://alterrabills.id/enterprise-dashboard" class="mobile-nav__link"> 232 Enterprise Dashboard 233 </a> 234 </li> 235 <li class="mobile-nav__item"> 236 <a href="https://alterrabills.id/digital-billing-system" class="mobile-nav__link"> 237 Digital Billing System 238 </a> 239 </li> 240 <li class="mobile-nav__item"> 241 <a href="https://alterrabills.id/switching-integrator" class="mobile-nav__link"> 242 Switching Integrator 243 </a> 244 </li> 245 <li class="mobile-nav__item"> 246 <a href="https://alterrabills.id/whitelabel-solution" class="mobile-nav__link"> 247 Whitelabel Solutions 248 </a> 249 </li> 250 <!-- <li class="mobile-nav__item"> 251 <a href="https://alterrabills.id/solusi" class="mobile-nav__link"> 252 Lihat Use Case 253 </a> 254 </li> --> 255 </ul> 256 </div> 257 258 <!-- Tombol CTA di bawah --> 259 <a style="text-decoration: none; color: #fff;" class="js-mobile-nav-close" href="https://alterrabills.id/hubungi-kami" rel="home"> 260 <div class="mobile-nav__cta button-form"> 261 <p class="hubungi-kami-button button-form">Hubungi Kami</a> 262 </div> 263 </a> 264 </div> 265 </div> 266</header>
267<div id="content" class="site-content"> 268<div id="modal-contact-form" class="section-contact-form"> 269 <div class="form-content"> 270 <div class="flex-between"> 271 <img class="logo-form" src="https://alterrabills.id/wp-content/themes/abills_theme/hubfs/website-abills/logoAlterra%20(1).svg" alt="logo_alterra_bills"> 272 <svg id="close-form" class="icon-close-form" width="34" height="34" viewbox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"> 273 <path fill-rule="evenodd" clip-rule="evenodd" d="M16.9987 0.333496C7.78203 0.333496 0.332031 7.7835 0.332031 17.0002C0.332031 26.2168 7.78203 33.6668 16.9987 33.6668C26.2154 33.6668 33.6654 26.2168 33.6654 17.0002C33.6654 7.7835 26.2154 0.333496 16.9987 0.333496ZM25.332 22.9835L22.982 25.3335L16.9987 19.3502L11.0154 25.3335L8.66537 22.9835L14.6487 17.0002L8.66537 11.0168L11.0154 8.66683L16.9987 14.6502L22.982 8.66683L25.332 11.0168L19.3487 17.0002L25.332 22.9835Z" fill="#F47522" /> 274 </svg> 275 </div> 276 <div class="container-content-form"> 277 <div class="section-form-txt"> 278 <div class="form-txt"> 279 <div> 280 <h2 class="title-contact-us"><span class="title-lightblue">Terima kasih</span> atas ketertarikan Anda dengan Alterra Bills</h2> 281 <p class="desc-contact-us">Silakan lengkapi form di bawah ini! Tim kami akan segera menghubungi Anda untuk memberikan informasi lebih lanjut.</p> 282 </div> 283 <img class="img-contact-form" src="https://alterrabills.id/wp-content/themes/abills_theme/hubfs/website-abills/banner-contact-form.svg" alt="img" contact form> 284 </div> 285 </div> 286 <div class="section-form-txt"> 287 <div class="form-wrapper"> 288 <span id="hs_cos_wrapper_footer-module-2_my_form" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="form"> 289 <div id="hs_form_target_footer-module-2_my_form"> 290 <form 291 id="customForm" 292 method="POST" 293 action="/contact-form"> 294 <div class="hs_firstname hs-firstname hs-fieldtype-text field hs-form-field"> 295 <label for="fullname"> 296 <span>Nama</span> 297 <span class="hs-form-required">*</span> 298 </label> 299 <div class="input"> 300 <input id="fullname" name="fullname" type="text" class="hs-input invalid error" inputmode="text" required> 301 </div> 302 </div> 303 <div class="hs_email hs-email hs-fieldtype-text field hs-form-field"> 304 <label for="email"> 305 <span>Email</span> 306 <span class="hs-form-required">*</span> 307 </label> 308 <div class="input"> 309 <input id="email" name="email" type="email" class="hs-input" inputmode="email" required> 310 </div> 311 </div> 312 <div class="hs_phone hs-phone hs-fieldtype-phonenumber field hs-form-field"> 313 <label for="phone"> 314 <span>Nomor Handphone</span><span class="hs-form-required">*</span> 315 </label> 316 <div class="input"> 317 <input id="phone" name="phone" type="tel" class="hs-input" pattern="\+62[0-9]{9,13}" value="+62" required> 318 </div> 319 </div> 320 321 <div class="hs_jenis_bisnis_atau_perusahaan hs-jenis_bisnis_atau_perusahaan hs-fieldtype-select field hs-form-field"> 322 <label for="businessType"> 323 <span>Jenis Bisnis atau Perusahaan</span> 324 <span class="hs-form-required">*</span> 325 </label> 326 <div class="input"> 327 <select id="businessType" class="hs-input is-placeholder" name="businessType" required> 328 <option>Please Select</option> 329 <option value="PT">PT</option> 330 <option value="CV">CV</option> 331 <option value="UMKM">UMKM</option> 332 <option value="Perorangan">Perorangan</option> 333 </select> 334 </div> 335 </div> 336 337 <div class="hs_company hs-company hs-fieldtype-text field hs-form-field"> 338 <label for="company">
339 <span>Nama Bisnis atau Perusahaan</span> 340 <span class="hs-form-required">*</span> 341 </label> 342 <div class="input"> 343 <input id="company" name="company" type="text" class="hs-input" inputmode="text" required> 344 </div> 345 </div> 346 347 <div class="hs_jenis_layanan hs-jenis_layanan hs-fieldtype-checkbox field hs-form-field"> 348 <label id="label-jenis_layanan" class="hs-form-label"> 349 <span>Layanan yang ingin Anda ketahui</span><span class="hs-form-required">*</span> 350 </label> 351 <div class="input"> 352 <ul class="inputs-list multi-container"> 353 <li class="hs-form-checkbox"> 354 <label> 355 <input type="checkbox" name="requiredService[]" value="Bill Payment Agregator"> Bill Payment Aggregator 356 </label> 357 </li> 358 <li class="hs-form-checkbox"> 359 <label> 360 <input type="checkbox" name="requiredService[]" value="Switching Integrator"> Switching Integrator 361 </label> 362 </li> 363 <li class="hs-form-checkbox"> 364 <label> 365 <input type="checkbox" name="requiredService[]" value="Enterprise Dashboard"> Enterprise Dashboard 366 </label> 367 </li> 368 <li class="hs-form-checkbox"> 369 <label> 370 <input type="checkbox" name="requiredService[]" value="Digital Billing System"> Digital Billing System 371 </label> 372 </li> 373 </ul> 374 </div> 375 </div> 376 377 <div class="hs_message hs-message hs-fieldtype-textarea field hs-form-field"> 378 <label for="message"> 379 <span>Apa yang Anda butuhkan?</span><span class="hs-form-required">*</span> 380 </label> 381 <div class="input"> 382 <textarea id="message" class="hs-input hs-fieldtype-textarea" name="message" required></textarea> 383 </div> 384 </div> 385 386 <div class="hs_submit hs-submit"> 387 <div class="hs-field-desc" style="display: none;"></div> 388 <div class="actions"> 389 <input type="submit" class="hs-button primary large" value="Kirim Sekarang" name="custom_form_submitted"> 390 </div> 391 </div> 392 </form> 393 </div> 394 </span> 395 <p class="text-tnc">Dengan mengklik tombol "Kirim Sekarang", Anda setuju untuk menerima komunikasi pemasaran dari kami sesuai dengan <a class="link-privacy" href="https://alterrabills.id/kebijakan-privasi" target="_blank"><span class="tnc-orange">Kebijakan Privasi</span></a> kami.</p> 396 </div> 397 </div> 398 </div> 399 <div></div> 400 </div> 401</div> 402 403 404 405<section class="hero"> 406 <div class="hero__container"> 407 <div class="hero__content"> 408 <div class="title__tag"> 409 <p class="hero__tag">Enterprise Dashboard</p> 410 <div class="hero__context"> 411 <h1 class="hero__title">Hemat Waktu dengan <span class="highlight">Kelola</span> Ratusan Transaksi <span class="highlight">Sekaligus</span></h1> 412 <p class="hero__desc">Monitor dan lakukan transaksi terjadwal, satuan maupun banyak transaksi sekaligus, semua tagihan bisnis mulai dari PLN, PDAM, e-Wallet, hingga telco dan voucher digital lewat dashboard</p> 413 </div> 414 </div> 415 <div class="hero__cta"> 416 <a style="text-decoration: none;" href="https://alterrabills.id/hubungi-kami" rel="home"> 417 <p class="btn btn-primary button-form">Hubungi Kami</p> 418 </a> 419 </div> 420 </div> 421 <div class="hero__image"> 422 <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/enterprise-dashboard.png" alt="Hero Illustration" /> 423 </div> 424 </div> 425</section> 426<section class="section-wrapper"> 427 <div class="container-section"> 428 <div class="container-tag"> 429 <p class="tag-product mb12">Fitur</p> 430 </div> 431 <div class="container-tag mb24"> 432 <div class="container-desc-product"> 433 <h2 class="color-title font-title fz-32">Sentralisasi Data dalam <span class="font-highlight">Satu Dashboard</span></h2> 434 <p class="font-desc fz16 color-desc font-desc-fitur">Lacak seluruh transaksi, status tagihan, dan performa distribusi dari satu tampilan.</p> 435 </div> 436 </div> 437 <div class="section-performance-img"> 438 <div class="img-bpa1-container"> 439 <picture> 440 <source media="(max-width: 500px)" srcset="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/enterprise-mobile-1.png"> 441 <img class="img-bpa1" src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/img-enterprise-1.png" alt="Performance 1"> 442 </picture> 443 <div class="bpa1-gradient"></div> 444 <div class="text-bpa1"> 445 <p class="fz-32 font-title font-middle lh160">Transaksi Terjadwal Otomatis</p> 446 <p class="font-desc fz16 font-white lh160">Kurangi proses manual dengan penjadwalan dan pelacakan otomatis yang mendukung efisiensi tim Anda.</p> 447 </div> 448 </div> 449 <div class="img-bpa2-container"> 450 <div class="wrapper-img-bpa2"> 451 <picture> 452 <source media="(max-width: 500px)" srcset="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/enterprise-mobile-2.png"> 453 <img class="img-bpa2" src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/img-enterprise-2.png" alt="Performance 1"> 454 </picture> 455 <div class="bpa1-gradient"></div> 456 <div class="text-bpa1"> 457 <p class="fz-32 font-title font-middle"> Bulk Transaksi</p> 458 <p class="font-desc fz16 font-white lh160">Lakukan banyak transaksi sekaligus dengan satu klik untuk efisiensi maksimal.</p> 459 </div> 460 </div> 461 <div class="wrapper-img-bpa2"> 462 <picture> 463 <source media="(max-width: 500px)" srcset="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/enterprise-mobile-3.png"> 464 <img class="img-bpa2" src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/img-enterprise-3.png" alt="Performance 2"> 465 </picture> 466 <div class="bpa1-gradient"></div> 467 <div class="text-bpa1"> 468 <p class="fz-32 font-title font-middle">Availability Tinggi</p> 469 <p class="font-desc fz16 font-white lh160">Tidak perlu khawatir dengan ketersediaan produk, lewat dashboard kami, kamu dapat melihat status produk.</p> 470 </div> 471 </div> 472 </div> 473 </div> 474 </div> 475</section> 476<section class="section-customer-loyalty">
477 <div class="container-section flex-mobile"> 478 <div class="container-customer-loyalty-content"> 479 <p class="font-title fz-32 mb20 color-title lh160">Tingkatkan Customer Loyalty dan Kemudahan Distribusi Employee Benefits</p> 480 <p class="font-desc fz16 color-desc mb20 lh160">Monitor penukaran loyalty reward dengan produk PPOB kami dan jadwalkan transaksi produk PPOB setiap bulannya untuk karyawan perusahaan Anda</p> 481 <div class="hero__cta"> 482 <a style="text-decoration: none;" href="https://alterrabills.id/hubungi-kami" rel="home"> 483 <p class="btn btn-primary button-form">Uji Coba Sekarang</p> 484 </a> 485 </div> 486 </div> 487 <div class="container-customer-loyalty-image"> 488 <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/loyalty-feedback.png" alt="Loyalty Feedback"> 489 </div> 490 </div> 491</section> 492 493</div><!-- #content --> 494 495<footer id="colophon" class="site-footer"> 496 <div class="footer__background"> 497 <div class="footer__inner"> 498 <div class="footer__cards"> 499 <div class="footer__card footer__card--links"> 500 <div class="footer__links"> 501 <div class="footer__link-group"> 502 <h4>Solusi</h4> 503 <ul class="footer__link-list"> 504 <li><a href="https://alterrabills.id/bill-payment-aggregator">Bill Payment Aggregator</a></li> 505 <li><a href="https://alterrabills.id/digital-billing-system">Digital Billing System</a></li> 506 <li><a href="https://alterrabills.id/switching-integrator">Switching & Integrator</a></li> 507 <li><a href="https://alterrabills.id/enterprise-dashboard">Enterprise Dashboard</a></li> 508 <li><a href="https://alterrabills.id/whitelabel-solution">Whitelabel Solutions</a></li> 509 </ul> 510 </div> 511 <div class="footer__link-group"> 512 <h4>Perusahaan</h4> 513 <ul class="footer__link-list"> 514 <li><a href="https://alterrabills.id/blog">Blog</a></li> 515 <li><a href="https://alterrabills.id/tentang-kami">Tentang Kami</a></li> 516 <li><a href="https://docs.alterrabills.id/docs/api/alterra-bills-api/">API Docs</a></li> 517 </ul> 518 </div> 519 <div class="footer__link-group"> 520 <h4>Keamanan</h4> 521 <ul class="footer__link-list"> 522 <li><a href="https://alterrabills.id/kebijakan-privasi">Kebijakan Privasi</a></li> 523 <li><a href="https://alterrabills.id/ketentuan-layanan">Ketentuan Layanan</a></li> 524 </ul> 525 </div> 526 </div> 527 </div> 528 529<div class="footer__card footer__card--details"> 530 <div class="footer__details"> 531 <div class="footer__details-top"> 532 <div class="footer__info-block"> 533 <h4>PT Sepulsa Teknologi Indonesia</h4> 534 <p>Penyedia layanan pembayaran tagihan yang menghubungkan penerbit tagihan dengan kanal pembayaran.</p> 535 </div> 536<div class="footer__info-block"> 537 <h4>Hubungi Kami</h4> 538<ul class="footer__info-list"> 539 <li> 540 <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/icon-whatsapp.svg" alt="WhatsApp" class="footer__badge"> 541 <a href="https://wa.me/+6285741462228" target="_blank" >0857 4146 2228</a> 542 </li> 543<li> 544 <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/icon-email.svg" alt="Email" class="footer__badge"> 545 <a href="/cdn-cgi/l/email-protection#ed8e8c9f88ad8c8199889f9f8cc38489"><span class="__cf_email__" data-cfemail="dbb8baa9be9bbab7afbea9a9baf5b2bf">[email protected]</span></a> 546</li> 547</ul> 548</div> 549<div class="footer__info-block"> 550 <h4>Ikuti Kami</h4> 551 <ul class="footer__social-list"> 552 <li><a href="https://www.instagram.com/alterra.bills/" target="_blank" class="footer__social-badge"><img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/icon-instagram.svg" alt="Instagra"></a></li> 553 <li><a href="https://www.linkedin.com/company/alterra-bills" target="_blank" class="footer__social-badge"><img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/icon-linkedin.svg" alt="LinkedIn"></a></li> 554 </ul> 555 </div> 556</div> 557 558<div class="footer__divider"></div> 559 560<div class="footer__details-bottom"> 561 <div class="footer__info-block"> 562 <h4>Layanan Pengaduan Konsumen</h4> 563 <p>Direktorat Jenderal Perlindungan Konsumen dan Tertib Niaga Kementerian Perdagangan RI</p> 564<ul class="footer__info-list"> 565 <li> 566 <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/icon-whatsapp.svg" alt="WhatsApp" class="footer__badge"> 567 <a href="https://wa.me/+6285311111010" target="_blank">0853 1111 1010</a> 568 <span class="footer__muted">(chat only)</span> 569</li> 570</ul> 571</div> 572<div class="footer__info-block"> 573 <h4>Sertifikasi & Lisensi</h4> 574<div class="footer__certifications"> 575 <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/oss-certification.png" alt="OSS Certification" style="height: 40px;"> 576 <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/komdigi.png" alt="Kominfo Digitali" style="height: 40px;"> 577 </div> 578</div> 579</div> 580</div> 581</div> 582</div> 583 584<div class="footer__bottom-card"> 585 <div class="footer__bottom"> 586 <div class="footer__brand" aria-label="Alterra Bills"> 587 <img class="footer__brand-logo" src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/Logo.svg" alt="Alterra Bills"> 588 </div>
589 <p class="footer__copyright">© 2026 Alterra Bills. All rights reserved.</p> 590</div> 591</div> 592</div> 593</div> 594</footer> 595</div><!-- #page -->
vendor: 110 bytes, lines 595-597
595 596 597<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
597<script type="speculationrules"> 598{"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/abills_theme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 599</script>
vendor: 1 bytes, line 599
599
600<script type="text/javascript" src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/assets/js/main.js?ver=1771401614" id="abills-main-js"></script>
600 601 602</body> 603</html><style> 604.font-desc-fitur { 605 margin: -20px 0px 20px 0px; 606 max-width: 550px; 607 width: 100%; 608} 609.tag-product { 610 border-radius: 100px; 611 background: #E5E7EE; 612 padding: 4px 10px; 613 border: 1px solid #E5E7EE; 614 font-size: 13px; 615 color:#0B1628; 616 width: fit-content; 617} 618.container-tag { 619 display: flex; 620 justify-content: center; 621} 622.container-desc-product { 623 max-width: 700px; 624 display: flex; 625 flex-wrap: wrap; 626 justify-content: center; 627} 628 629.container-product { 630 display: flex; 631 justify-content: center; 632 gap: 24px; 633 margin-bottom: 60px; 634} 635 636.container-section { 637 max-width: 1200px; 638 margin: 0 auto; 639} 640 641.section-wrapper { 642 margin: 120px 60px; 643 text-align: center; 644} 645.section-wrapper__item { 646 width: 30%; 647 text-align: left; 648 background: #F4F4F4; 649 border-radius: 8px; 650 padding: 16px; 651} 652.mb48 { 653 margin-bottom: 48px; 654} 655 656.flex-center { 657 display: flex; 658 justify-content: center; 659 align-items: center; 660} 661 662.img-bpa1 { 663 max-width: 585px; 664 max-height: 780px; 665 width: 100%; 666 height: 100%; 667 object-fit: fill; 668 display: block; 669 border-radius: 8px; 670} 671.bpa1-gradient { 672 position: absolute; 673 inset: 0; 674 background: linear-gradient( 675 to bottom, 676 rgba(0, 0, 0, 0), 677 rgba(0, 0, 0, 0.1), 678 rgba(0, 0, 0, 0.8) 679 ); 680 border-radius: 8px; 681} 682.img-bpa1-container { 683 width: 50%; 684 position: relative; 685 border-radius: 8px; 686} 687.text-bpa1 { 688 position: absolute; 689 left: 24px; 690 right: 24px; 691 bottom: 22px; 692 color: #fff; 693 z-index: 2; 694 text-align: left; 695 font-weight: 600; 696} 697.img-bpa2-container { 698 width: 50%; 699 display: flex; 700 flex-direction: column; 701 gap: 24px; 702 justify-content: space-between; 703} 704.wrapper-img-bpa2 { 705 width: 100%; 706 height: 100%; 707 max-width: 585px; 708 max-height: 375px; 709 position: relative; 710 border-radius: 8px; 711} 712.img-bpa2 { 713 height: 100%; 714 width: 100%; 715 object-fit: fill; 716 display: block; 717 border-radius: 8px; 718} 719 720.lh160 { 721 line-height: 160%; 722} 723 724.no-border { 725 border: none !important; 726} 727 728 729.highlight { 730 color: #F47522; 731} 732.highlight-blue { 733 color: #496FB6; 734} 735.section-performance-img { 736 display: flex; 737 gap: 24px; 738} 739 740.section-customer-loyalty { 741 position: relative; 742 overflow: hidden; 743 background: #F4F4F4; 744 padding: 60px 20px; 745 min-height: 360px; 746} 747.container-customer-loyalty-content { 748 width: min(58%, 620px); 749 z-index: 1; 750} 751.container-customer-loyalty-image { 752 position: absolute; 753 right: 0; 754 bottom: 0; 755 width: min(48%, 620px); 756 z-index: 0; 757} 758.container-customer-loyalty-image img { 759 display: block; 760 width: 100%; 761 height: auto; 762 clip-path: inset(0 0 60px 0); 763} 764 765@media (max-width: 768px) { 766 .img-bpa1 { 767 max-width: 100%; 768 max-height: 100%; 769 width: 100%; 770 height: 100%; 771 } 772 .section-wrapper { 773 margin: 60px 20px; 774 text-align: center; 775 } 776 777 .section-wrapper__item { 778 width: 100%; 779 } 780 .container-product { 781 flex-wrap: wrap; 782 } 783 .img-bpa1-container { 784 width: 100%; 785 } 786 .img-bpa2-container { 787 width: 100%; 788 } 789 .section-performance-img { 790 flex-wrap: wrap; 791 } 792 .container-customer-loyalty-content { 793 width: 100%; 794 } 795 .container-customer-loyalty-image { 796 right: -20px; 797 width: 100%; 798 position: relative; 799 } 800 .container-customer-loyalty-image img { 801 clip-path: none; 802 } 803 .img-bpa1 { 804 max-width: 100%; 805 max-height: 100%; 806 } 807 .wrapper-img-bpa2 { 808 max-width: 100%; 809 max-height: 100%; 810 } 811 .flex-mobile { 812 display: flex; 813 flex-wrap: wrap; 814 } 815} 816@media (max-width: 500px) { 817 .img-bpa1 { 818 height: 400px; 819 object-fit: cover; 820 } 821 .img-bpa2 { 822 height: 400px; 823 object-fit: cover; 824 } 825} 826@media (min-width: 768px) and (max-width: 1020px) { 827 .font-middle { 828 font-size: 24px !important; 829 } 830} 831</style>
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.