<?xml version="1.0" encoding="UTF-8" ?><!-- generator=Zoho Sites --><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><atom:link href="https://www.aplikasi.us/blogs/Case-Studies-English/feed" rel="self" type="application/rss+xml"/><title>Aplikasi v2 - Blog , Case Studies (English)</title><description>Aplikasi v2 - Blog , Case Studies (English)</description><link>https://www.aplikasi.us/blogs/Case-Studies-English</link><lastBuildDate>Mon, 14 Sep 2026 04:04:49 -0700</lastBuildDate><generator>http://zoho.com/sites/</generator><item><title><![CDATA[[Case Study] Innoveam Sdn.Bhd: Advanced Sales & Project Automation]]></title><link>https://www.aplikasi.us/blogs/post/case-study-innoveam-sdn.bhd-advanced-sales-project-automation1</link><description><![CDATA[]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm_-LC6M6L0Rp66FpqzUCKgow" data-element-type="section" class="zpsection "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_m3kIZttDSnOIjkhp-eO4Bw" data-element-type="row" class="zprow zprow-container zpalign-items- zpjustify-content- " data-equal-column=""><style type="text/css"></style><div data-element-id="elm_LKXETHYNQBWNTKRLRuFDgQ" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- "><style type="text/css"></style><div data-element-id="elm_X9UyxC4Cdne9STI_34_QtA" data-element-type="codeSnippet" class="zpelement zpelem-codesnippet "><div class="zpsnippet-container"><!DOCTYPE html><html lang="en"><meta charset="UTF-8"><title>[Case Study] Innoveam Sdn.Bhd: Advanced Sales &amp; Project Automation</title><style> .zpelement{ margin:0; } .theme-blog-container-column .zpelement{ margin:unset; } .theme-blog-container-column { h1, h2,h3,h4,h5,h6{padding: 1em 0;}} .zpelement::before{ display: none; } .zpsection { padding: 0; } @media (min-width: 992px) { .theme-pages-full-stretch .zpcontainer { max-inline-size: 1300px; } } .zpheader-style-01 .theme-header .zpcontainer { flex-direction: row; } :root { --primary: #c92127; --primary-off: #ff914d; --secondary: #8C53FF; --secondary-off: #7D4AE5; --accent: #f39c13; --accent-off: #eab36a; --body-color: #292c2e; --body-off: #535353; --white: #ffffff; --base: #ffffff; --bg-base: #fff5ee; --grey-light: #e6e7e8; --grey: #414141; --grey-mid: #86898e; --black: #1b1b1b; --highlight: #FFC514cc; --highlight-dark: #FFC51490; --hover-brightness: 1.3; --border-radius: 0.5rem; --btn-radius: 8px; --btn-hover: ""; --btn-outline-border: 2px; --gradient-1: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); --xxxl: 6.5rem; --xxl: 4.5rem; --xl: 3.375rem; --l: 2.25rem; --m: 1.5rem; --body: 1.125rem; --s: 1rem; --xs:0.667rem; --lh-xxxl: 1.2em; --lh-h1: 1.1em; --lh-h2: 1.3em; --lh-heading: 1.3em; --lh-body: 1.5em; --lh-btn: 1em; --ls-heading:unset; --ls-h1:unset; --ls-h2:unset; --col:7rem; --clamp-xxxl: clamp(3rem, calc(3rem + ((1vw - 0.3rem) * 7.6923)), var(--xxxl)); --clamp-xxl: clamp(2.5rem, calc(2.5rem + ((1vw - 0.3rem) * 4.8077)), var(--xxl)); --clamp-xl: clamp(1.75rem, calc(1.75rem + ((1vw - 0.3rem) * 2.4038)), var(--xl)); --clamp-l: clamp(1.5rem, calc(1.5rem + ((1vw - 0.3rem) * 0.9615)), var(--l)); --clamp-m: clamp(1.125rem, calc(1.125rem + ((1vw - 0.3rem) * 0.7212)), var(--m)); --clamp-s: clamp(0.875rem, calc(0.875rem + ((1vw - 0.3rem) * 0.2404)), var(--s)); --clamp-xs: clamp(0.625rem, calc(0.625rem + ((1vw - 0.3rem) * 0.2404)), var(--xs)); --clamp-body: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.2404)), var(--body)); --clamp-section: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 3.8462)), 3rem); --width-card: 26rem; --width-card-m: 40rem; --width-card-l: 54rem; --width-content: 1080px; --desktop: 1312px; --tablet: 992px; --landscape: 768px; --mobile: 480px; } *,::after,::before{box-sizing:border-box} img,picture {width:100%; height: auto; outline: none; vertical-align: middle;} button,input,select, textarea{font:inherit} html { scroll-behavior: smooth; } body { min-height:100vh; text-rendering:optimizeSpeed; font-size: var(--clamp-body); color: var(--body-color); line-height: var(--lh-body); background-color: var(--base); } h1, .text-xxl { font-size: var(--clamp-xxl); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); } h2, .text-xl{ font-size: var(--clamp-xl); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); } h3, .text-l { font-size: var(--clamp-l); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h4, .text-m { font-size: var(--clamp-m); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h5, h6, .text-s { font-size: var(--clamp-s); line-height: var(--lh-heading); } .text-xs{ font-size: var(--clamp-xs); } .text-m, .text-s, .text-body, .text-xs { line-height: var(--lh-body); } div { h1,h2,h3,h4, .text-xxxl, .text-xxl, .text-xl, .text-l, .text-m, .text-s, .text-xs, .text-xxs {margin:0} } .text-bold { font-weight: 700; } .text-italic { font-style: italic; } .text-center { text-align: center; } .primary, .primary a {color: var(--primary)} .secondary, .secondary a {color: var(--secondary)} .accent, .accent a {color: var(--accent)} .black, .dark,.black a, .dark a {color: var(--black);} .body-color, .body-color a {color: var(--body-color);} main p { margin: 0 0 calc(var(--clamp-s) * 1.25); padding: 0; } ol li, ul li { padding: 0.5rem 0; } main ul, main ol { margin: 0; padding-left: 0; list-style-position: inside; } /* Button */ .btn-primary a,.btn-secondary a,.btn-accent a{ z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .btn-primary a { background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; } .btn-secondary a { background-color: var(--secondary); } .btn-accent a{ background-color: var(--accent); } a { transition: all 0.5s; color: var(--primary); } /* Quotes */ blockquote { font-size: var(--clamp-m); line-height: var(--lh-body); margin: 1rem auto; max-width: 50vw; padding: 1.5rem 1.5rem 1.5rem 2.5rem; } blockquote footer { color: var(--grey); font-size: var(--clamp-xs); line-height: var(--lh-body); padding: 1.5rem 0; } blockquote p {margin:0; padding: 0} blockquote::before, blockquote::after, blockquote p::before, blockquote p::after { content: none !important; } @media (max-width:992px) { blockquote {max-width:75vw} } @media (max-width:480px) { blockquote {max-width:90vw} } /* Tables */ table { border: 1px solid var(--grey-light); border-radius: var(--border-radius); border-spacing: 0; display: table; width: 100%; max-width: 100%; overflow-x: auto; padding: 0; white-space: normal; background-color: var(--white); } table td, table th, table tr { padding: 0.75rem 1rem; } table thead { background: linear-gradient(90deg, #ff3131 0%, #ff914d 100%); border-collapse: collapse; border-radius: var(--border-radius); color: var(--white); border-color: #ff914d; margin: 0; padding: 0; } table thead th:first-child { border-top-left-radius: var(--border-radius); } table thead th:last-child { border-top-right-radius: var(--border-radius); } table tbody tr:nth-child(even) { background-color: var(--grey-light); } </style><main><article><h1 class="text-xl text-bold text-center" style="margin-bottom:0.3rem;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">[Case Study] Innoveam Sdn.Bhd: Advanced Sales &amp; Project Automation</h1><div style="width:100%;margin:0 auto 2rem;border-radius:1rem;overflow:hidden;aspect-ratio:16 / 9;"><iframe width="100%" height="100%" src="https://www.youtube.com/embed/pg_i9WZ0w5s" title="Innoveam Sdn Bhd Advanced Sales and Project Automation" frameborder="0" allowfullscreen style="display:block;"></iframe></div>
<h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Business Case at a Glance</h3><p style="letter-spacing:0.3px;">From the get-go, Innoveam understood that there was a need to digitise their back-end processes. Data consolidation involved inter-departmental activities, but their top priority was to get their books in check.</p><p style="letter-spacing:0.3px;">Previously, they opted for whatever was available out there: Google Suite for their calendar, mail, Google Drive, Google Forms, PipeDrive for CRM, and spreadsheets. However, <strong style="color:rgb(27, 27, 27);">the information and data could not be consolidated, data integrity was an issue, and most importantly, they could not pull a report in real-time.</strong></p><p style="letter-spacing:0.3px;">Innoveam's solution integrates numerous apps, including Zoho CRM Plus, Zoho Projects, Zoho Analytics, Zoho Books, Zoho People, and Zoho Expense. These programmes are integrated to manage sales, finance, and HR. Digitalization improves Innoveam's efficiency.</p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Company Background</h3><p style="letter-spacing:0.3px;">Innoveam is a <strong style="color:rgb(27, 27, 27);">regional technology solutions provider</strong> that uses the latest ICT technologies to process, analyse, simulate, and visualise 3D datasets to provide business and operations improvement solutions for various industries. Their focus is on enterprise, and their experience in <strong style="color:rgb(27, 27, 27);">providing 3D data solutions</strong> within the region places them as a major player in the Industrial Revolution 4.0, specialising in Engineering Design, &amp; Virtual Reality/Augmented Reality content development.</p><p style="letter-spacing:0.3px;">The company was founded in January 2013 by the Managing Director, Zamir Rashid and has about 20 employees in total. Technologies utilised by Innoveam include 3D Simulation (CFD, FEA, Game Engines), Motion Capture, Immersive Virtual Reality, Non-immersive VR/Interactive App, 360 Photo Capture, Augmented Reality Apps, Cloud Computing, Artificial Intelligence, Cross-Platform Virtual Collaboration, and IoT/Smart Sensors.</p><p style="letter-spacing:0.3px;">The main industry they are involved in is the oil and gas industry, where they assist in conducting safety studies and equipment design with clients based locally in Malaysia and internationally, such as in Indonesia and Qatar.</p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">The Challenge</h3><p style="letter-spacing:0.3px;">As we are told, they were unable to generate their accounting report on the fly. They can't take traditional or semi-automated accounting with them. Accounting is tied back to orders; they need an easy and convenient way to invoice and receive payment right on the spot&mdash;even if that spot is miles from the office. <strong style="color:rgb(27, 27, 27);">The information that they had was also not in real-time and was handled in silos.</strong> As a result, data integrity was compromised, and the timeline for the information audit was questioned.</p><p style="letter-spacing:0.3px;">The problems include the consolidation of information across departments and tracking the number of hours taken to handle projects. <strong style="color:rgb(27, 27, 27);">Unreliable data is one of the most common hurdles companies face.</strong> Often, this is the result of manually inputting data across numerous locations and separate databases, a cumbersome task that results in human error. As for time tracking, they <strong style="color:rgb(27, 27, 27);">don't have the right tool to track how much time is spent on client work to bill it accordingly</strong> and are <strong style="color:rgb(27, 27, 27);">unable to track how much ROI they have when they invest in a project.</strong></p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Finding the Solution</h3><p style="letter-spacing:0.3px;">For Innoveam, we have implemented multiple applications into one solution. What is the solution? It consists of these applications: <strong style="color:rgb(27, 27, 27);">Zoho CRM, Zoho Project, Zoho Books, Zoho People, Zoho Expense, and Zoho Analytics</strong>. All these apps are integrated into one solution to manage their sales, finance, and HR. Innoveam has been digitalized, which allows them to be more efficient.</p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Implementations &amp; Results</h3><p style="letter-spacing:0.3px;">Zoho CRM was introduced to simplify the sales process, and custom functions were developed to <strong style="color:rgb(27, 27, 27);">automate the numbering of business transactions according to their respective conventions</strong>. Zoho CRM is integrated with Zoho Books to <strong style="color:rgb(27, 27, 27);">ensure sales transactions like quotations and invoices flow through finance for real-time consolidation and reporting.</strong></p><p style="letter-spacing:0.3px;">Approvals were also put in place to <strong style="color:rgb(27, 27, 27);">increase data governance.</strong> Zoho People and Zoho Expense were configured to digitalize their HR management and claim management. Expenses in particular are integrated into Zoho Books. This has <strong style="color:rgb(27, 27, 27);">aided the finance team in managing all claims as expenses, resulting in a 10-day reduction in claim cycle time.</strong></p><p style="letter-spacing:0.3px;">Zoho Projects was also integrated into task management and project tracking. With direct integration into Zoho Books, <strong style="color:rgb(27, 27, 27);">project profitability reports can easily be generated to identify any cost overruns earlier and also provide real-time reporting on each running project.</strong></p><div style="display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;margin-top:1rem;"><div style="flex:2 1 400px;display:flex;flex-direction:column;"><h3 class="text-m text-bold" style="margin-top:0;background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">What our client says about our service?</h3><blockquote class="card" style="width:100%;max-width:100%;margin-top:0.25rem;font-size:var(--clamp-body) !important;text-align:left;font-style:italic;font-weight:600;border-left:5px solid var(--accent);border-radius:1rem;"><p style="font-size:var(--clamp-body) !important;">We are glad about all the existing features and functions. It is user friendly, easy to understand and use, solving basic accounting/finance matters, good tools for a small to medium company.</p><footer style="text-align:left;color:var(--grey-mid);font-weight:700;font-size:var(--clamp-body) !important;">&mdash; Innoveam Team</footer></blockquote></div>
<div style="flex:1 1 220px;"><h6 class="text-m text-bold" style="margin-top:0;background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">What apps have been deployed</h6><div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect x="3" y="4" width="18" height="14" rx="2"/><circle cx="8.5" cy="10" r="1.8"/><path d="M6 15c.5-1.5 1.6-2.2 2.5-2.2s2 .7 2.5 2.2"/><path d="M14 8.5h4M14 12h4"/></svg><span class="black text-bold">Zoho CRM Plus</span></div>
<div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect x="3" y="4" width="5" height="16" rx="1"/><rect x="9.5" y="4" width="5" height="10" rx="1"/><rect x="16" y="4" width="5" height="13" rx="1"/></svg><span class="black text-bold">Zoho Projects</span></div>
<div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><circle cx="12" cy="12" r="9.5"/><circle cx="12" cy="10" r="3"/><path d="M6 18.5c1-3 3-4.5 6-4.5s5 1.5 6 4.5"/></svg><span class="black text-bold">Zoho People</span></div>
<div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect x="2.5" y="2.5" width="19" height="19" rx="4"/><rect x="6" y="6" width="4.5" height="4.5" rx="1"/><rect x="13.5" y="6" width="4.5" height="4.5" rx="1"/><rect x="6" y="13.5" width="4.5" height="4.5" rx="1"/><rect x="13.5" y="13.5" width="4.5" height="4.5" rx="1"/></svg><span class="black text-bold">Zoho Expense</span></div>
<div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><path d="M3 5.5c2.2-1 5-1 7 0v13c-2-1-4.8-1-7 0z"/><path d="M21 5.5c-2.2-1-5-1-7 0v13c2-1 4.8-1 7 0z"/></svg><span class="black text-bold">Zoho Books</span></div>
<div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><path d="M4 4v16h16"/><rect x="7" y="12" width="2.5" height="5"/><rect x="11.5" y="8" width="2.5" height="9"/><rect x="16" y="10" width="2.5" height="7"/></svg><span class="black text-bold">Zoho Analytics</span></div>
</div></div><div style="display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;margin-top:2rem;"><div class="btn-primary btn-m" style="flex:1 1 240px;"><a href="https://www.aplikasi.us/book-demo" style="width:100%;justify-content:center;text-align:center;">Book free demo now!</a></div>
<div class="btn-secondary btn-outline btn-m" style="flex:1 1 240px;"><a href="https://support.aplikasi.us/portal/en/home" target="_blank" style="width:100%;justify-content:center;text-align:center;">Visit the support centre</a></div>
</div><div style="border:2px solid var(--black);border-radius:1.5rem;padding:2.5rem;text-align:center;margin-top:4rem;"><p>Ready to turn your business challenges into success stories? Let&rsquo;s explore how Aplikasi can simplify and streamline your operations&mdash;just like we&rsquo;ve done for businesses across various industries.</p><div class="btn-primary"><a href="https://api.whatsapp.com/send?phone=60176009646&amp;text=Hi%2C I am interested to know more about your services.

Name%3A
Company%3A
Email%3A&amp;utm_source=blog&amp;utm_medium=article&amp;utm_campaign=innoveam_case_study" target="_blank">Get Started Now</a></div>
</div></article></main></div></div></div></div></div></div></div> ]]></content:encoded><pubDate>Tue, 08 Sep 2026 16:54:59 +0800</pubDate></item><item><title><![CDATA[[Case Study] AE Aequitas Sdn Bhd: Asset Movement & Management System]]></title><link>https://www.aplikasi.us/blogs/post/case-study-ae-aequitas-sdn-bhd-asset-movement-management-system1</link><description><![CDATA[]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm_IY1AtavBSh2Hb29DQ4fNLA" data-element-type="section" class="zpsection "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_TBBNWv0MS6a8hF-RlVNKnA" data-element-type="row" class="zprow zprow-container zpalign-items- zpjustify-content- " data-equal-column=""><style type="text/css"></style><div data-element-id="elm_Ds0BGHEgRZGGc2dM8BL6kQ" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- "><style type="text/css"></style><div data-element-id="elm_SIFgtalf1O-o1bhp2KdyrA" data-element-type="codeSnippet" class="zpelement zpelem-codesnippet "><div class="zpsnippet-container"><!DOCTYPE html><html lang="en"><meta charset="UTF-8"><title>[Case Study] AE Aequitas Sdn Bhd: Asset Movement &amp; Management System</title><style> .zpelement{ margin:0; } .theme-blog-container-column .zpelement{ margin:unset; } .theme-blog-container-column { h1, h2,h3,h4,h5,h6{padding: 1em 0;}} .zpelement::before{ display: none; } .zpsection { padding: 0; } @media (min-width: 992px) { .theme-pages-full-stretch .zpcontainer { max-inline-size: 1300px; } } .zpheader-style-01 .theme-header .zpcontainer { flex-direction: row; } :root { --primary: #c92127; --primary-off: #ff914d; --secondary: #8C53FF; --secondary-off: #7D4AE5; --accent: #f39c13; --accent-off: #eab36a; --body-color: #292c2e; --body-off: #535353; --white: #ffffff; --base: #ffffff; --bg-base: #fff5ee; --grey-light: #e6e7e8; --grey: #414141; --grey-mid: #86898e; --black: #1b1b1b; --highlight: #FFC514cc; --highlight-dark: #FFC51490; --hover-brightness: 1.3; --border-radius: 0.5rem; --btn-radius: 8px; --btn-hover: ""; --btn-outline-border: 2px; --gradient-1: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); --xxxl: 6.5rem; --xxl: 4.5rem; --xl: 3.375rem; --l: 2.25rem; --m: 1.5rem; --body: 1.125rem; --s: 1rem; --xs:0.667rem; --lh-xxxl: 1.2em; --lh-h1: 1.1em; --lh-h2: 1.3em; --lh-heading: 1.3em; --lh-body: 1.5em; --lh-btn: 1em; --ls-heading:unset; --ls-h1:unset; --ls-h2:unset; --col:7rem; --clamp-xxxl: clamp(3rem, calc(3rem + ((1vw - 0.3rem) * 7.6923)), var(--xxxl)); --clamp-xxl: clamp(2.5rem, calc(2.5rem + ((1vw - 0.3rem) * 4.8077)), var(--xxl)); --clamp-xl: clamp(1.75rem, calc(1.75rem + ((1vw - 0.3rem) * 2.4038)), var(--xl)); --clamp-l: clamp(1.5rem, calc(1.5rem + ((1vw - 0.3rem) * 0.9615)), var(--l)); --clamp-m: clamp(1.125rem, calc(1.125rem + ((1vw - 0.3rem) * 0.7212)), var(--m)); --clamp-s: clamp(0.875rem, calc(0.875rem + ((1vw - 0.3rem) * 0.2404)), var(--s)); --clamp-xs: clamp(0.625rem, calc(0.625rem + ((1vw - 0.3rem) * 0.2404)), var(--xs)); --clamp-body: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.2404)), var(--body)); --clamp-section: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 3.8462)), 3rem); --width-card: 26rem; --width-card-m: 40rem; --width-card-l: 54rem; --width-content: 1080px; --desktop: 1312px; --tablet: 992px; --landscape: 768px; --mobile: 480px; } *,::after,::before{box-sizing:border-box} img,picture {width:100%; height: auto; outline: none; vertical-align: middle;} button,input,select, textarea{font:inherit} html { scroll-behavior: smooth; } body { min-height:100vh; text-rendering:optimizeSpeed; font-size: var(--clamp-body); color: var(--body-color); line-height: var(--lh-body); background-color: var(--base); } h1, .text-xxl { font-size: var(--clamp-xxl); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); } h2, .text-xl{ font-size: var(--clamp-xl); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); } h3, .text-l { font-size: var(--clamp-l); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h4, .text-m { font-size: var(--clamp-m); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h5, h6, .text-s { font-size: var(--clamp-s); line-height: var(--lh-heading); } .text-xs{ font-size: var(--clamp-xs); } .text-m, .text-s, .text-body, .text-xs { line-height: var(--lh-body); } div { h1,h2,h3,h4, .text-xxxl, .text-xxl, .text-xl, .text-l, .text-m, .text-s, .text-xs, .text-xxs {margin:0} } .text-bold { font-weight: 700; } .text-italic { font-style: italic; } .text-center { text-align: center; } .primary, .primary a {color: var(--primary)} .secondary, .secondary a {color: var(--secondary)} .accent, .accent a {color: var(--accent)} .black, .dark,.black a, .dark a {color: var(--black);} .body-color, .body-color a {color: var(--body-color);} main p { margin: 0 0 calc(var(--clamp-s) * 1.25); padding: 0; } ol li, ul li { padding: 0.5rem 0; } main ul, main ol { margin: 0; padding-left: 0; list-style-position: inside; } /* Button */ .btn-primary a,.btn-secondary a,.btn-accent a{ z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .btn-primary a { background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; } .btn-secondary a { background-color: var(--secondary); } .btn-accent a{ background-color: var(--accent); } a { transition: all 0.5s; color: var(--primary); } /* Quotes */ blockquote { font-size: var(--clamp-m); line-height: var(--lh-body); margin: 1rem auto; max-width: 50vw; padding: 1.5rem 1.5rem 1.5rem 2.5rem; } blockquote footer { color: var(--grey); font-size: var(--clamp-xs); line-height: var(--lh-body); padding: 1.5rem 0; } blockquote p {margin:0; padding: 0} blockquote::before, blockquote::after, blockquote p::before, blockquote p::after { content: none !important; } @media (max-width:992px) { blockquote {max-width:75vw} } @media (max-width:480px) { blockquote {max-width:90vw} } /* Tables */ table { border: 1px solid var(--grey-light); border-radius: var(--border-radius); border-spacing: 0; display: table; width: 100%; max-width: 100%; overflow-x: auto; padding: 0; white-space: normal; background-color: var(--white); } table td, table th, table tr { padding: 0.75rem 1rem; } table thead { background: linear-gradient(90deg, #ff3131 0%, #ff914d 100%); border-collapse: collapse; border-radius: var(--border-radius); color: var(--white); border-color: #ff914d; margin: 0; padding: 0; } table thead th:first-child { border-top-left-radius: var(--border-radius); } table thead th:last-child { border-top-right-radius: var(--border-radius); } table tbody tr:nth-child(even) { background-color: var(--grey-light); } </style><main><article><h1 class="text-xl text-bold text-center" style="margin-bottom:0.3rem;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">[Case Study] AE Aequitas Sdn Bhd: Asset Movement &amp; Management System</h1><div style="width:100%;margin:0 auto 2rem;border-radius:1rem;overflow:hidden;aspect-ratio:16 / 9;"><iframe width="100%" height="100%" src="https://www.youtube.com/embed/RRlrxc2GIKI" title="AE Aequitas Sdn Bhd Asset Movement and Management System" frameborder="0" allowfullscreen style="display:block;"></iframe></div>
<h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Business Case at a Glance</h3><p style="letter-spacing:0.3px;">AE Aequitas Sdn Bhd is a fast-growing safety services and engineering company in Malaysia that <strong style="color:rgb(27, 27, 27);">specialises in fire protection systems</strong>. Their services include maintenance of the fire protection system. For that, we offer Aequitas an <strong style="color:rgb(27, 27, 27);">efficient fire extinguisher management system powered by Zoho</strong>. They have been running things manually, and after a fateful meeting with Aplikasi, they decided to go with Zoho People and Zoho Expense for its 33 employees thus far. With the dedication and help from Aplikasi, the implementation was a success, covering two locations in just over a month.</p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Company Background</h3><p style="letter-spacing:0.3px;">Aequitas is a fire extinguisher service company that has served and still serves reputable MNCs in Malaysia. With the recent advancement in technology and the pressing need to keep up, the company is desperate for a solution that would help. However, <strong style="color:rgb(27, 27, 27);">cost is a major concern</strong> for them, as it is for most SMEs. After a meeting in an unlikely venue&mdash;the hospital cafeteria&mdash;its CEO, Ridzuan, was awed by the depth of what <strong style="color:rgb(27, 27, 27);">Zoho People and Expenses</strong> had to offer at such an <strong style="color:rgb(27, 27, 27);">affordable price</strong> and decided to get on board right away.</p><p style="letter-spacing:0.3px;">AE Aequitas Sdn Bhd evolved from another company and is now primarily focused on providing fire extinguisher services throughout Malaysia. The company has three operations centres covering different parts of Malaysia. Currently, it has 33 dedicated employees, most of whom are on the field. Ridzuan, the CEO of the company, is the one who&rsquo;s responsible for the start of the company&rsquo;s digital transformation journey. With a lot more challenges coming their way, Ridzuan and his dedicated team aspire to fully transform their business with other Zoho apps as well.</p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">The Challenge</h3><p style="letter-spacing:0.3px;">Prior to their engagement with Aplikasi, all their jobs namely <strong style="color:rgb(27, 27, 27);">work monitoring, claim processing, attendance, and collaboration</strong>&mdash;were done <strong style="color:rgb(27, 27, 27);">manually</strong>. Because the operations team's jobs require a lot of traveling, there are a lot of claims. The whole process of applying for claims and approving them took the company two weeks per month to settle them. This job involves the finance department, the clerk, and also the HR department, and the 2-week cycle is <strong style="color:rgb(27, 27, 27);">killing their productivity</strong>.</p><p style="letter-spacing:0.3px;">The next phase involved heavily configuring and <strong style="color:rgb(27, 27, 27);">customising Zoho CRM to be a Fire Extinguisher Servicing System.</strong> Previously, as with their HR processes, everything was done manually, and there was no centralised database for all their assets. Technicians have their own logbooks for deliveries and pick-ups, and as the process is analogue, there is no transparency as well. Tanks' whereabouts cannot be traced should they be lost, and this is a major problem.</p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Finding the Solution</h3><p style="letter-spacing:0.3px;">Ridzuan (Aequitas CEO) never knew about Zoho before he met us. All he knew then was that he needs to find a solution fast, but he needs to find the one he can pay for. He told this to his friend, who happens to be a mutual friend of Aplikasi&rsquo;s founder, Azlan. In just two days, the meeting was set. Upon explanation and a short demo by Aplikasi, Ridzuan decided that every problem his company was having could be solved by Zoho People and Zoho Expense. On top of that, the <strong style="color:rgb(27, 27, 27);">price tag is exactly what he is looking for</strong>.</p><p style="letter-spacing:0.3px;">Aplikasi is a consultant partner for Aequitas, promising a smooth-sailing implementation of Zoho People and Zoho Expense. <strong style="color:rgb(27, 27, 27);">Aequitas does not have any IT-savvy personnel or change management professionals</strong>, so that&rsquo;s where Aplikasi comes in. With years of experience in handling change management projects and SAP implementation and consultation, Aplikasi is convinced that they are able to help Aequitas end-to-end. Aplikasi also <strong style="color:rgb(27, 27, 27);">helped in redefining and restructuring Aequitas business processes that would otherwise be inefficient and time-consuming.</strong></p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Implementations &amp; Results</h3><p style="letter-spacing:0.3px;">The whole implementation process which includes requirement gathering, customization and settings, review, fixes, training, and user acceptance test (UAT) only took a month to complete. The company <strong style="color:rgb(27, 27, 27);">notices an immediate improvement in their business processes</strong> after going live. In their claims process for example, it took them 2 weeks per month to settle everything; from claim applications to verification, approval, and reimbursement as the operation team&rsquo;s work is mostly on the go. Hundreds of papers are documented every month to store the receipts and application forms. Three departments: Human Resource, Administration, and Finance would be busy handling the claim process. <strong style="color:rgb(27, 27, 27);">Zoho Expense immediately eliminates all the paperwork</strong>, and what&rsquo;s most apparent is that it <strong style="color:rgb(27, 27, 27);">reduces 80% of the whole cycle process from 10 days to just 2 days.</strong></p><p style="letter-spacing:0.3px;">With Zoho Expense, nobody has to be physically in the office to submit and approve the claims, and the capture receipt function in <strong style="color:rgb(27, 27, 27);">Zoho Expense makes it possible for the receipts to be stored without wasting papers and space.</strong> As for their leave management, the same benefit of saving paper can be observed. Now, with the convenience of the Zoho People mobile app, both <strong style="color:rgb(27, 27, 27);">requesters and approvers can do their jobs on the go</strong>. Attendance tracking and remote working monitoring are also possible now, <strong style="color:rgb(27, 27, 27);">promoting transparency and ensuring resources are being spent appropriately and responsibly.</strong></p><p style="letter-spacing:0.3px;">The Fire Extinguisher Management System proved to be a challenging task indeed, as a lot of customization and configuration needed to be done to the CRM. The implementation focused on <strong style="color:rgb(27, 27, 27);">transparent and real-time database updates from each technician and each pickup and delivery.</strong> Having it integrated with Zoho Forms has made it possible for the technicians on the field to transfer information to the back office for further processing. The implementation also involves scanning devices and barcode printers, which would have the numbers generated from CRM automatically and later be used in asset tracing.</p><div style="display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;margin-top:1rem;"><div style="flex:2 1 400px;display:flex;flex-direction:column;"><h3 class="text-m" style="margin-top:0;background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">What our client says about our service?</h3><blockquote class="text-s card" style="width:100%;max-width:100%;margin-top:0.25rem;text-align:left;font-style:italic;font-weight:600;border-left:5px solid var(--accent);border-radius:1rem;"><p>I really hope that with Zoho People and Expense implementation, it can boost our productivity and save us valuable time and effort. With efficiency and transparency, I believe the application can help us to focus on business growth rather than spending most of our time managing small things.</p><footer style="text-align:left;color:var(--grey-mid);font-weight:700;font-size:1.05rem;">&mdash; Mr. Ridzuan, CEO of AE Aequitas Sdn Bhd</footer></blockquote></div>
<div style="flex:1 1 220px;margin-bottom:1.5rem;"><h6 class="text-m text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">What apps have been deployed</h6><div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect x="3" y="4" width="18" height="14" rx="2"/><circle cx="8.5" cy="10" r="1.8"/><path d="M6 15c.5-1.5 1.6-2.2 2.5-2.2s2 .7 2.5 2.2"/><path d="M14 8.5h4M14 12h4"/></svg><span class="black text-s text-bold">Zoho CRM</span></div>
<div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect x="5" y="3" width="14" height="18" rx="2"/><path d="M9 3h6v2.2H9z"/><path d="M8.2 9.5l1.3 1.3L12 8.3"/><path d="M8.2 14.5l1.3 1.3L12 13.3"/><path d="M14.2 9.5h2.3M14.2 14.5h2.3"/></svg><span class="black text-s text-bold">Zoho Form</span></div>
<div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><circle cx="12" cy="12" r="9.5"/><circle cx="12" cy="10" r="3"/><path d="M6 18.5c1-3 3-4.5 6-4.5s5 1.5 6 4.5"/></svg><span class="black text-s text-bold">Zoho People</span></div>
<div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect x="2.5" y="2.5" width="19" height="19" rx="4"/><rect x="6" y="6" width="4.5" height="4.5" rx="1"/><rect x="13.5" y="6" width="4.5" height="4.5" rx="1"/><rect x="6" y="13.5" width="4.5" height="4.5" rx="1"/><rect x="13.5" y="13.5" width="4.5" height="4.5" rx="1"/></svg><span class="black text-s text-bold">Zoho Expense</span></div>
</div></div><div style="display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;margin-top:2rem;"><div class="btn-primary btn-m" style="flex:1 1 240px;"><a href="https://www.aplikasi.us/book-demo" style="width:100%;justify-content:center;text-align:center;">Book free demo now!</a></div>
<div class="btn-secondary btn-outline btn-m" style="flex:1 1 240px;"><a href="https://support.aplikasi.us/portal/en/home" target="_blank" style="width:100%;justify-content:center;text-align:center;">Visit the support centre</a></div>
</div><div style="border:2px solid var(--black);border-radius:1.5rem;padding:2.5rem;text-align:center;margin-top:4rem;"><p>Ready to turn your business challenges into success stories? Let&rsquo;s explore how Aplikasi can simplify and streamline your operations&mdash;just like we&rsquo;ve done for businesses across various industries.</p><div class="btn-primary"><a href="https://api.whatsapp.com/send?phone=60176009646&amp;text=Hi%2C I am interested to know more about your services.

Name%3A
Company%3A
Email%3A&amp;utm_source=blog&amp;utm_medium=article&amp;utm_campaign=aequitas_case_study" target="_blank">Get Started Now</a></div>
</div></article></main></div></div></div></div></div></div></div> ]]></content:encoded><pubDate>Tue, 08 Sep 2026 15:09:43 +0800</pubDate></item><item><title><![CDATA[[Case Study] HRDCorp: Customer Service Automation]]></title><link>https://www.aplikasi.us/blogs/post/case-study-hrdcorp-customer-service-automation1</link><description><![CDATA[]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm_gaoS45nCRZerZZtwItSmPQ" data-element-type="section" class="zpsection "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_AcxDMC8zQUymdFOvlYOc6g" data-element-type="row" class="zprow zprow-container zpalign-items- zpjustify-content- " data-equal-column=""><style type="text/css"></style><div data-element-id="elm_dTr_yrxgTu2oJDWWwF4nOQ" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- "><style type="text/css"></style><div data-element-id="elm_fAB3xbDu8ZVTKZkKaXza7g" data-element-type="codeSnippet" class="zpelement zpelem-codesnippet "><div class="zpsnippet-container"><!DOCTYPE html><html lang="en"><meta charset="UTF-8"><title>[Case Study] HRDCorp: Customer Service Automation</title><style> .zpelement{ margin:0; } .theme-blog-container-column .zpelement{ margin:unset; } .theme-blog-container-column { h1, h2,h3,h4,h5,h6{padding: 1em 0;}} .zpelement::before{ display: none; } .zpsection { padding: 0; } @media (min-width: 992px) { .theme-pages-full-stretch .zpcontainer { max-inline-size: 1300px; } } .zpheader-style-01 .theme-header .zpcontainer { flex-direction: row; } :root { --primary: #c92127; --primary-off: #ff914d; --secondary: #8C53FF; --secondary-off: #7D4AE5; --accent: #f39c13; --accent-off: #eab36a; --body-color: #292c2e; --body-off: #535353; --white: #ffffff; --base: #ffffff; --bg-base: #fff5ee; --grey-light: #e6e7e8; --grey: #414141; --grey-mid: #86898e; --black: #1b1b1b; --highlight: #FFC514cc; --highlight-dark: #FFC51490; --hover-brightness: 1.3; --border-radius: 0.5rem; --btn-radius: 8px; --btn-hover: ""; --btn-outline-border: 2px; --gradient-1: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); --xxxl: 6.5rem; --xxl: 4.5rem; --xl: 3.375rem; --l: 2.25rem; --m: 1.5rem; --body: 1.125rem; --s: 1rem; --xs:0.667rem; --lh-xxxl: 1.2em; --lh-h1: 1.1em; --lh-h2: 1.3em; --lh-heading: 1.3em; --lh-body: 1.5em; --lh-btn: 1em; --ls-heading:unset; --ls-h1:unset; --ls-h2:unset; --col:7rem; --clamp-xxxl: clamp(3rem, calc(3rem + ((1vw - 0.3rem) * 7.6923)), var(--xxxl)); --clamp-xxl: clamp(2.5rem, calc(2.5rem + ((1vw - 0.3rem) * 4.8077)), var(--xxl)); --clamp-xl: clamp(1.75rem, calc(1.75rem + ((1vw - 0.3rem) * 2.4038)), var(--xl)); --clamp-l: clamp(1.5rem, calc(1.5rem + ((1vw - 0.3rem) * 0.9615)), var(--l)); --clamp-m: clamp(1.125rem, calc(1.125rem + ((1vw - 0.3rem) * 0.7212)), var(--m)); --clamp-s: clamp(0.875rem, calc(0.875rem + ((1vw - 0.3rem) * 0.2404)), var(--s)); --clamp-xs: clamp(0.625rem, calc(0.625rem + ((1vw - 0.3rem) * 0.2404)), var(--xs)); --clamp-body: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.2404)), var(--body)); --clamp-section: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 3.8462)), 3rem); --width-card: 26rem; --width-card-m: 40rem; --width-card-l: 54rem; --width-content: 1080px; --desktop: 1312px; --tablet: 992px; --landscape: 768px; --mobile: 480px; } *,::after,::before{box-sizing:border-box} img,picture {width:100%; height: auto; outline: none; vertical-align: middle;} button,input,select, textarea{font:inherit} html { scroll-behavior: smooth; } body { min-height:100vh; text-rendering:optimizeSpeed; font-size: var(--clamp-body); color: var(--body-color); line-height: var(--lh-body); background-color: var(--base); } h1, .text-xxl { font-size: var(--clamp-xxl); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); } h2, .text-xl{ font-size: var(--clamp-xl); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); } h3, .text-l { font-size: var(--clamp-l); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h4, .text-m { font-size: var(--clamp-m); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h5, h6, .text-s { font-size: var(--clamp-s); line-height: var(--lh-heading); } .text-xs{ font-size: var(--clamp-xs); } .text-m, .text-s, .text-body, .text-xs { line-height: var(--lh-body); } div { h1,h2,h3,h4, .text-xxxl, .text-xxl, .text-xl, .text-l, .text-m, .text-s, .text-xs, .text-xxs {margin:0} } .text-bold { font-weight: 700; } .text-italic { font-style: italic; } .text-center { text-align: center; } .primary, .primary a {color: var(--primary)} .secondary, .secondary a {color: var(--secondary)} .accent, .accent a {color: var(--accent)} .black, .dark,.black a, .dark a {color: var(--black);} .body-color, .body-color a {color: var(--body-color);} main p { margin: 0 0 calc(var(--clamp-s) * 1.25); padding: 0; } ol li, ul li { padding: 0.5rem 0; } main ul, main ol { margin: 0; padding-left: 0; list-style-position: inside; } /* Button */ .btn-primary a,.btn-secondary a,.btn-accent a{ z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .btn-primary a { background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; } .btn-secondary a { background-color: var(--secondary); } .btn-accent a{ background-color: var(--accent); } a { transition: all 0.5s; color: var(--primary); } /* Quotes */ blockquote { font-size: var(--clamp-m); line-height: var(--lh-body); margin: 1rem auto; max-width: 50vw; padding: 1.5rem 1.5rem 1.5rem 2.5rem; } blockquote footer { color: var(--grey); font-size: var(--clamp-xs); line-height: var(--lh-body); padding: 1.5rem 0; } blockquote p {margin:0; padding: 0} blockquote::before, blockquote::after, blockquote p::before, blockquote p::after { content: none !important; } @media (max-width:992px) { blockquote {max-width:75vw} } @media (max-width:480px) { blockquote {max-width:90vw} } /* Tables */ table { border: 1px solid var(--grey-light); border-radius: var(--border-radius); border-spacing: 0; display: table; width: 100%; max-width: 100%; overflow-x: auto; padding: 0; white-space: normal; background-color: var(--white); } table td, table th, table tr { padding: 0.75rem 1rem; } table thead { background: linear-gradient(90deg, #ff3131 0%, #ff914d 100%); border-collapse: collapse; border-radius: var(--border-radius); color: var(--white); border-color: #ff914d; margin: 0; padding: 0; } table thead th:first-child { border-top-left-radius: var(--border-radius); } table thead th:last-child { border-top-right-radius: var(--border-radius); } table tbody tr:nth-child(even) { background-color: var(--grey-light); } </style><main><article><h1 class="text-xl text-bold text-center" style="margin-bottom:0.3rem;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">[Case Study] HRDCorp: Customer Service Automation</h1><div style="width:100%;margin:0 auto 2rem;border-radius:1rem;overflow:hidden;aspect-ratio:16 / 9;"><iframe width="100%" height="100%" src="https://www.youtube.com/embed/ZWyFjeoGldo" title="HRDCorp Customer Service Automation" frameborder="0" allowfullscreen style="display:block;"></iframe></div>
<h2 class="text-xl text-bold text-center" style="margin-top:0.3rem;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Quick Read</h2><div style="display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:2rem;"><div class="card" style="flex:1 1 250px;padding:1.5rem;"><h6 class="text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Problem Statement</h6><ul><li>Not enough agents to handle tickets, resulting to bad customer satisfaction</li><li>Manual ticket transfer between departments which takes too much time and oversight</li><li>No convenient channel to reach actual agents</li><li>Unsystematic Knowledge Base management</li></ul></div>
<div class="card" style="flex:1 1 250px;padding:1.5rem;"><h6 class="text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Proposed Solution</h6><ul><li>Ticket automation to transfer between departments</li><li>Automatic replies in ticket management</li><li>Proper catelogue management for Knowledge Base</li><li>A chat tool to enable customers to reach actual agents</li></ul></div>
<div class="card" style="flex:1 1 250px;padding:1.5rem;"><h6 class="text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Implementation and Results</h6><ul><li>Auto-reply and convenient ticket transfer <strong style="color:rgb(27, 27, 27);">improved reply and resolution time</strong>.</li><li>No tickets are left to be uncategorized and unaccounted for.</li><li><strong style="color:rgb(27, 27, 27);">Easier navigation</strong> and access to information for HRDCorp's customers.</li></ul></div>
</div><h2 class="text-xl text-bold text-center" style="margin-top:2rem;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Read the full case study here</h2><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Business Case at a Glance</h3><p style="letter-spacing:0.3px;">HRDCorp has been using <strong style="color:rgb(27, 27, 27);">Zoho Desk to handle hundreds of tickets a day</strong>, but unfortunately, it has <strong style="color:rgb(27, 27, 27);">not been used to its full capacity.</strong> Although agents do have a place to look at all their tickets, no defined process was in place, and thus there was no automation possible that could have helped ease the burden on the support agents.</p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Company Background</h3><p style="letter-spacing:0.3px;">HRDCorp is a <strong style="color:rgb(27, 27, 27);">government-linked company (GLC) in Malaysia</strong> that manages and promotes human capital development through various channels, methods, and events. When a company reaches a certain size in terms of the number of employees, they're required to be registered with HRDCorp and will be obligated to contribute a fraction of their revenue. In return, <strong style="color:rgb(27, 27, 27);">HRDCorp provides resources and means to improve the skills of the employees.</strong> Having said that, HRDCorp is a large organisation and is constantly addressing the issues and concerns of its contributors.</p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">The Challenge</h3><p style="letter-spacing:0.3px;">Zoho Desk was only used as a database to keep track of all the tickets and respond to them. However, when hundreds of tickets come in a day, it becomes <strong style="color:rgb(27, 27, 27);">too overwhelming for the service agents to keep track of them</strong>, which leads to unattended tickets. That, in turn, leads to unsatisfactory service quality, as seen by the contributors.</p><p style="letter-spacing:0.3px;">The agents are also faced with issues where they are overwhelmed with direct calls from employers and employees alike. <strong style="color:rgb(27, 27, 27);">More time spent answering calls means fewer issues that can be addressed per day.</strong> Most of the issues are solvable by referring to existing articles in the knowledge base.</p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Finding the Solution</h3><p style="letter-spacing:0.3px;">As such, our focus when trying to solve this issue is on <strong style="color:rgb(27, 27, 27);">simplifying some of the processes</strong>, defining them, and taking a load off of their shoulders in general. Because HRDCorp cannot afford to have downtime, we do have to keep that in mind when offering our consultation and finding the best possible solution.</p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Implementations &amp; Results</h3><p style="letter-spacing:0.3px;">The first thing that we did was <strong style="color:rgb(27, 27, 27);">make clear distinctions between the numerous departments</strong> in the organisation and define teams in each of the departments. Then, an automation is being put in place to <strong style="color:rgb(27, 27, 27);">automate ticket assignment according to the defined criteria</strong>. This eliminates the need for the agents to do it manually, a task that consumes a lot of time, more so when the agent is relatively new.</p><p style="letter-spacing:0.3px;">Then, we <strong style="color:rgb(27, 27, 27);">implemented blueprints</strong> so that everybody, regardless of their role, could know what they had to do as instructed by the system. This allows <strong style="color:rgb(27, 27, 27);">less time for training agents and memorising the steps</strong> as the system has dictated what must be done step by step.</p><p style="letter-spacing:0.3px;">We make use of the Knowledge Base in Zoho Desk and integrate it with SalesIQ, where we built a <strong style="color:rgb(27, 27, 27);">chatbot</strong> that would entertain the visitors by default when they visit HRDCorp's website. This has <strong style="color:rgb(27, 27, 27);">reduced the agents' interaction time</strong> with the visitors considerably. This means that they can focus their resources on doing more important things.</p><div style="display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;margin-top:1rem;"><div style="flex:2 1 400px;display:flex;flex-direction:column;"><h3 class="text-m text-bold" style="margin-top:0;background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">What our client says about our service?</h3><blockquote class="text-s card" style="flex:1;width:100%;max-width:100%;margin-top:1rem;text-align:left;font-style:italic;font-weight:600;border-left:5px solid var(--accent);border-radius:1rem;display:flex;flex-direction:column;justify-content:center;"><p>Aplikasi has been extremely helpful during the implementation period and they provide superb support. They have been supportive and accommodating, and this is especially crucial as we can't afford to have any downtime whatsoever.</p><footer style="text-align:left;color:var(--grey-mid);font-weight:700;">&mdash; HRDCorp Team</footer></blockquote></div>
<div style="flex:1 1 220px;"><h6 class="text-m text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">What apps have been deployed</h6><div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><path d="M4 13.5V12a8 8 0 0 1 16 0v1.5"/><rect x="3" y="13" width="4.5" height="6" rx="1.5"/><rect x="16.5" y="13" width="4.5" height="6" rx="1.5"/><path d="M19.5 19v.5a3 3 0 0 1-3 3h-3"/></svg><span class="black text-bold">Zoho Desk</span></div>
<div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><path d="M20.5 12a8.5 6.8 0 0 1-8.5 6.8c-1.1 0-2.15-.16-3.12-.46L4.5 20l1.1-3.3A6.7 6.7 0 0 1 3.5 12 8.5 6.8 0 0 1 12 5.2 8.5 6.8 0 0 1 20.5 12Z"/></svg><span class="black text-bold">Zoho SalesIQ</span></div>
</div></div><div style="display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;margin-top:2rem;"><div class="btn-primary btn-m" style="flex:1 1 240px;"><a href="https://www.aplikasi.us/book-demo" style="width:100%;justify-content:center;text-align:center;">Book free demo now!</a></div>
<div class="btn-secondary btn-outline btn-m" style="flex:1 1 240px;"><a href="https://support.aplikasi.us/portal/en/home" target="_blank" style="width:100%;justify-content:center;text-align:center;">Visit the support centre</a></div>
</div><div style="border:2px solid var(--black);border-radius:1.5rem;padding:2.5rem;text-align:center;margin-top:4rem;"><p>Ready to turn your business challenges into success stories? Let&rsquo;s explore how Aplikasi can simplify and streamline your operations&mdash;just like we&rsquo;ve done for businesses across various industries.</p><div class="btn-primary"><a href="https://api.whatsapp.com/send?phone=60176009646&amp;text=Hi%2C I am interested to know more about your services.

Name%3A
Company%3A
Email%3A&amp;utm_source=blog&amp;utm_medium=article&amp;utm_campaign=hrdcorp_case_study" target="_blank">Get Started Now</a></div>
</div></article></main></div></div></div></div></div></div></div> ]]></content:encoded><pubDate>Tue, 08 Sep 2026 11:59:15 +0800</pubDate></item><item><title><![CDATA[[Case Study] Behind Carsome's Struggle]]></title><link>https://www.aplikasi.us/blogs/post/case-study-behind-carsome-s-struggle1</link><description><![CDATA[]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm_vk1lyrekSMKcvg6HfgQO9A" data-element-type="section" class="zpsection "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_5LAXiyUKQ6qwLedI3yj5Tw" data-element-type="row" class="zprow zprow-container zpalign-items- zpjustify-content- " data-equal-column=""><style type="text/css"></style><div data-element-id="elm_ObnGeRPiQWaJ8chufCxPHw" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- "><style type="text/css"></style><div data-element-id="elm_ftvtdANvDliFN3Ht3HaavA" data-element-type="codeSnippet" class="zpelement zpelem-codesnippet "><div class="zpsnippet-container"><!DOCTYPE html><html lang="en"><meta charset="UTF-8"><title>[Case Study] Carsome: Behind the Struggle with Customer Data</title><style> .zpelement{ margin:0; } .theme-blog-container-column .zpelement{ margin:unset; } .theme-blog-container-column { h1, h2,h3,h4,h5,h6{padding: 1em 0;}} .zpelement::before{ display: none; } .zpsection { padding: 0; } @media (min-width: 992px) { .theme-pages-full-stretch .zpcontainer { max-inline-size: 1300px; } } .zpheader-style-01 .theme-header .zpcontainer { flex-direction: row; } :root { --primary: #c92127; --primary-off: #ff914d; --secondary: #8C53FF; --secondary-off: #7D4AE5; --accent: #f39c13; --accent-off: #eab36a; --body-color: #292c2e; --body-off: #535353; --white: #ffffff; --base: #ffffff; --bg-base: #fff5ee; --grey-light: #e6e7e8; --grey: #414141; --grey-mid: #86898e; --black: #1b1b1b; --highlight: #FFC514cc; --highlight-dark: #FFC51490; --hover-brightness: 1.3; --border-radius: 0.5rem; --btn-radius: 8px; --btn-hover: ""; --btn-outline-border: 2px; --gradient-1: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); --xxxl: 6.5rem; --xxl: 4.5rem; --xl: 3.375rem; --l: 2.25rem; --m: 1.5rem; --body: 1.125rem; --s: 1rem; --xs:0.667rem; --lh-xxxl: 1.2em; --lh-h1: 1.1em; --lh-h2: 1.3em; --lh-heading: 1.3em; --lh-body: 1.5em; --lh-btn: 1em; --ls-heading:unset; --ls-h1:unset; --ls-h2:unset; --col:7rem; --clamp-xxxl: clamp(3rem, calc(3rem + ((1vw - 0.3rem) * 7.6923)), var(--xxxl)); --clamp-xxl: clamp(2.5rem, calc(2.5rem + ((1vw - 0.3rem) * 4.8077)), var(--xxl)); --clamp-xl: clamp(1.75rem, calc(1.75rem + ((1vw - 0.3rem) * 2.4038)), var(--xl)); --clamp-l: clamp(1.5rem, calc(1.5rem + ((1vw - 0.3rem) * 0.9615)), var(--l)); --clamp-m: clamp(1.125rem, calc(1.125rem + ((1vw - 0.3rem) * 0.7212)), var(--m)); --clamp-s: clamp(0.875rem, calc(0.875rem + ((1vw - 0.3rem) * 0.2404)), var(--s)); --clamp-xs: clamp(0.625rem, calc(0.625rem + ((1vw - 0.3rem) * 0.2404)), var(--xs)); --clamp-body: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.2404)), var(--body)); --clamp-section: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 3.8462)), 3rem); --width-card: 26rem; --width-card-m: 40rem; --width-card-l: 54rem; --width-content: 1080px; --desktop: 1312px; --tablet: 992px; --landscape: 768px; --mobile: 480px; } *,::after,::before{box-sizing:border-box} img,picture {width:100%; height: auto; outline: none; vertical-align: middle;} button,input,select, textarea{font:inherit} html { scroll-behavior: smooth; } body { min-height:100vh; text-rendering:optimizeSpeed; font-size: var(--clamp-body); color: var(--body-color); line-height: var(--lh-body); background-color: var(--base); } h1, .text-xxl { font-size: var(--clamp-xxl); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); } h2, .text-xl{ font-size: var(--clamp-xl); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); } h3, .text-l { font-size: var(--clamp-l); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h4, .text-m { font-size: var(--clamp-m); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h5, h6, .text-s { font-size: var(--clamp-s); line-height: var(--lh-heading); } .text-xs{ font-size: var(--clamp-xs); } .text-m, .text-s, .text-body, .text-xs { line-height: var(--lh-body); } div { h1,h2,h3,h4, .text-xxxl, .text-xxl, .text-xl, .text-l, .text-m, .text-s, .text-xs, .text-xxs {margin:0} } .text-bold { font-weight: 700; } .text-italic { font-style: italic; } .text-center { text-align: center; } .primary, .primary a {color: var(--primary)} .secondary, .secondary a {color: var(--secondary)} .accent, .accent a {color: var(--accent)} .black, .dark,.black a, .dark a {color: var(--black);} .body-color, .body-color a {color: var(--body-color);} main p { margin: 0 0 calc(var(--clamp-s) * 1.25); padding: 0; } ol li, ul li { padding: 0.5rem 0; } main ul, main ol { margin: 0; padding-left: 0; list-style-position: inside; } /* Button */ .btn-primary a,.btn-secondary a,.btn-accent a{ z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .btn-primary a { background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; } .btn-secondary a { background-color: var(--secondary); } .btn-accent a{ background-color: var(--accent); } a { transition: all 0.5s; color: var(--primary); } /* Quotes */ blockquote { font-size: var(--clamp-m); line-height: var(--lh-body); margin: 1rem auto; max-width: 50vw; padding: 1.5rem 1.5rem 1.5rem 2.5rem; } blockquote footer { color: var(--grey); font-size: var(--clamp-xs); line-height: var(--lh-body); padding: 1.5rem 0; } blockquote p {margin:0; padding: 0} blockquote::before, blockquote::after, blockquote p::before, blockquote p::after { content: none !important; } @media (max-width:992px) { blockquote {max-width:75vw} } @media (max-width:480px) { blockquote {max-width:90vw} } /* Tables */ table { border: 1px solid var(--grey-light); border-radius: var(--border-radius); border-spacing: 0; display: table; width: 100%; max-width: 100%; overflow-x: auto; padding: 0; white-space: normal; background-color: var(--white); } table td, table th, table tr { padding: 0.75rem 1rem; } table thead { background: linear-gradient(90deg, #ff3131 0%, #ff914d 100%); border-collapse: collapse; border-radius: var(--border-radius); color: var(--white); border-color: #ff914d; margin: 0; padding: 0; } table thead th:first-child { border-top-left-radius: var(--border-radius); } table thead th:last-child { border-top-right-radius: var(--border-radius); } table tbody tr:nth-child(even) { background-color: var(--grey-light); } </style><main><article><h1 class="text-xl text-bold text-center" style="margin-bottom:0.3rem;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">[Case Study] Carsome: Behind the Struggle with Customer Data</h1><div style="width:100%;margin:0 auto 2rem;border-radius:1rem;overflow:hidden;aspect-ratio:16 / 9;"><iframe width="100%" height="100%" src="https://www.youtube.com/embed/hHMe1oUifSg" title="Carsome Case Study" frameborder="0" allowfullscreen style="display:block;"></iframe></div>
<h3 class="text-m" style="margin-top:2rem;background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Business Case at a Glance</h3><p style="letter-spacing:0.3px;">Carsome encountered a significant challenge in <strong style="color:rgb(27, 27, 27);">retrieving historical client data</strong>, magnified by a specialized CRM module that <strong style="color:rgb(27, 27, 27);">treated each customer interaction as a distinct entity</strong> and <strong style="color:rgb(27, 27, 27);">not linking it back to any specific customer record</strong>, complicating service delivery and made it impossible to churn out meaningful demographical analytics.</p><p style="letter-spacing:0.3px;">Additionally, the integration of their old and new databases within the CRM system posed another obstacle, resulting in a <strong style="color:rgb(27, 27, 27);">cluttered database and complicating the consolidation of information</strong>. The challenge for Carsome extended beyond acquiring the right tools; it involved finding a seamless integration method to ensure operational smoothness.</p><p style="letter-spacing:0.3px;">Therefore there is a need for a solution that can <strong style="color:rgb(27, 27, 27);">help keep things organized</strong> and make it <strong style="color:rgb(27, 27, 27);">easier to look back at past information</strong>, which is especially important for big companies. The key is for the system to handle these challenges, <strong style="color:rgb(27, 27, 27);">making sure that keeping track of interactions and people's information works together smoothly</strong>. It's like a careful dance, and when done right, it turns managing information into a smooth and organized process.</p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Company Background</h3><p style="letter-spacing:0.3px;">In the dynamic landscape of the automotive sales industry, one name stands out prominently which is <strong style="color:rgb(27, 27, 27);">Carsome</strong>. For over six years, this avant-garde company <strong style="color:rgb(27, 27, 27);">has been revolutionizing the used car subsector</strong>. Established in 2015, Carsome has etched its mark as a formidable player in the market. In 2017, the company expanded its operations across Southeast Asia, a move that underscored its growing regional presence. Not content with the status quo, Carsome made waves in 2020 by acquiring major competitors, iCar Asia, and 2ndLease, cementing its position as a dominant market force.</p><p style="letter-spacing:0.3px;">At the heart of Carsome's operations lies a mission to <strong style="color:rgb(27, 27, 27);">simplify the complexities of buying and selling used cars</strong>. The company's core values, <strong style="color:rgb(27, 27, 27);">built on transparency, trust, and innovation, define its commitment to delivering an exceptional customer experience</strong>. Carsome offers a <strong style="color:rgb(27, 27, 27);">comprehensive suite of services, encompassing inspections, certifications, and a digital marketplace for pre-owned vehicles</strong>. Their commitment to quality and reliability ensures that every car that passes through their platform is thoroughly vetted and backed by a warranty, giving customers peace of mind.</p><p style="letter-spacing:0.3px;">While the company website provides a detailed roster of key leadership personnel, one noteworthy figure is Co-founder and CEO, <strong style="color:rgb(27, 27, 27);">Eric Cheng</strong>. His visionary approach and leadership have played a pivotal role in steering Carsome toward its current success. With a steadfast commitment to their mission and values, Carsome continues to be a driving force in the used car industry, offering innovative solutions and trustworthy services to customers in Southeast Asia and beyond.</p><img src="https://www.aplikasi.us/Article%20Images/carsome%20gif%201.gif" alt="Meme graphic of a man in a Team Carsome jersey labelled King Eric of Cars"><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">The Challenge</h3><p style="letter-spacing:0.3px;">One of the foremost problems that Carsome faced was the <strong style="color:rgb(27, 27, 27);">inability to access historical data of a particular client</strong>. This issue stemmed from the fact that they had a <strong style="color:rgb(27, 27, 27);">custom module in their CRM system that created each old customer as a new entity, rather than connecting them to their existing records</strong>. Thus, this resulted in a situation that made it <strong style="color:rgb(27, 27, 27);">impossible to see old conversations and past deals</strong> making it tough to give top-notch services to customers.</p><p style="letter-spacing:0.3px;">Furthermore, Carsome faced a formidable challenge as they tried to <strong style="color:rgb(27, 27, 27);">integrate their old database with the new one within their CRM ecosystem</strong>. The failure to establish a seamless connection between the two databases created a <strong style="color:rgb(27, 27, 27);">disconnect that impeded their ability to gain a comprehensive view of their clients</strong>. This not only made it <strong style="color:rgb(27, 27, 27);">difficult to consolidate information but also led to a cluttered database</strong>.</p><p style="letter-spacing:0.3px;">These two problems contributed significantly to their <strong style="color:rgb(27, 27, 27);">inability to produce any meaningful customer-centric analytics</strong> which is pivotal in driving strategic decision-making.</p><p style="letter-spacing:0.3px;">Adding to their list of conundrums was the sheer volume of data that required migration. Carsome found themselves <strong style="color:rgb(27, 27, 27);">wrestling with the task of splitting this colossal chunk of data into separate modules</strong>, all the while ensuring that they were linked together for historical data preservation. They needed to put all the pieces together in the right way, but it was <strong style="color:rgb(27, 27, 27);">really tricky</strong>, and they <strong style="color:rgb(27, 27, 27);">didn't have all the right pieces to the puzzle</strong>.</p><p style="letter-spacing:0.3px;">Apart from their CRM tribulations, Carsome also confronted <strong style="color:rgb(27, 27, 27);">hurdles when they attempted to develop and embed their live chat support widget into their mobile applications</strong>. This was a two-fold challenge. Firstly, they <strong style="color:rgb(27, 27, 27);">lacked clear and comprehensive directions to navigate this intricate process</strong>. Secondly, the <strong style="color:rgb(27, 27, 27);">absence of appropriate resources, both in terms of human expertise and technical support</strong>, further complicates the issue. The absence of a well-defined roadmap delayed their progress in enhancing their mobile applications with the live chat support widget, which had the potential to significantly improve customer engagement.</p><img src="https://www.aplikasi.us/Article%20Images/carsome%20gif.gif" alt="Animated illustration of scattered yellow puzzle pieces, representing disconnected pieces of the problem"><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Finding the Solution</h3><p style="letter-spacing:0.3px;">To solve these problems, Carsome knew they needed a smart plan. They realized that just using technology wouldn't be enough. Fixing these issues meant <strong style="color:rgb(27, 27, 27);">careful planning</strong>, <strong style="color:rgb(27, 27, 27);">getting help from experts</strong>, and <strong style="color:rgb(27, 27, 27);">being creative with new ideas</strong>.</p><p style="letter-spacing:0.3px;">Regarding the issue of historical data within their CRM system, our proposed solution involved a <strong style="color:rgb(27, 27, 27);">substantial revamping of their data management procedures</strong>. The recommendation was to <strong style="color:rgb(27, 27, 27);">implement a rigorous data entry system</strong>, <strong style="color:rgb(27, 27, 27);">emphasizing consistency and accuracy</strong>. This required a concerted effort to ensure that all customer data was entered uniformly and accurately into the CRM, eradicating the creation of redundant records. Additionally, a robust data linkage mechanism was established to amalgamate customer records over time, not only thwarting data duplication but also furnishing a holistic view of customer interactions.</p><p style="letter-spacing:0.3px;">In addressing the challenge of integrating old and new databases, Carsome sought us as the experts of CRM who could bridge the gap seamlessly. We devised a strategy for the smooth <strong style="color:rgb(27, 27, 27);">migration of the old database into their CRM while safeguarding data integrity and averting duplication</strong>. This strategic collaboration allowed Carsome to <strong style="color:rgb(27, 27, 27);">unify its data sources</strong>, <strong style="color:rgb(27, 27, 27);">optimizing operational efficiency</strong> and <strong style="color:rgb(27, 27, 27);">paving the way for more streamlined data management</strong>.</p><p style="letter-spacing:0.3px;">Facing the complexity of organizing data, we took a systematic approach where we <strong style="color:rgb(27, 27, 27);">migrated their data into relevant groups and used a strong tagging system</strong>. This method made it much easier for them to track each customer's history and connect related parts. As a result, not only was the improvement in data organization clear, but it also helped make better decisions based on complete information.</p><p style="letter-spacing:0.3px;">Facing challenges in <strong style="color:rgb(27, 27, 27);">adding the livechat widget to mobile apps</strong>, Carsome decided to be proactive. They need an <strong style="color:rgb(27, 27, 27);">appropriate resources</strong>, both in terms of <strong style="color:rgb(27, 27, 27);">human expertise and technical support</strong>. This combined effort could help them overcome the problems and offer a smooth experience to customers on their mobile apps, making their customer interactions even better.</p><img src="https://www.aplikasi.us/Article%20Images/carsome%20gif%202.gif" alt="Trevor Noah from The Daily Show pointing with text Problem Solved"><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Implementations &amp; Results</h3><h6 class="text-s text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">A web untangled.</h6><p style="letter-spacing:0.3px;">The issue arised when they had a custom module in their CRM system that created each old customer as a new entity, rather than connecting them to their existing records. The implementation process involved the <strong style="color:rgb(27, 27, 27);">introduction of key modules to enhance their operational efficiency and customer interactions</strong>. The focal point of this initiative was the <strong style="color:rgb(27, 27, 27);">introduction of the contacts and deals module</strong>, a strategic move to streamline the tracking of interactions. In this approach, each interaction was designated as a deal, and these deals were linked to the respective contact. This meant that every contact could potentially have multiple deals, reflecting the frequency of their interactions with Carsome. The system was designed <strong style="color:rgb(27, 27, 27);">to create a new deal and link it to an existing contact when a new interaction occurred</strong>. In cases where no existing contact was found, a new deal would be created.</p><h6 class="text-s text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Decluttering 700,000 of data.</h6><p style="letter-spacing:0.3px;">Not only that, Carsome faced a formidable challenge as they tried to integrate their old database with the new one within their CRM ecosystem. The magnitude of this digital overhaul became evident during the migration of data. <strong style="color:rgb(27, 27, 27);">A staggering 700,000 records needed to be meticulously decluttered and migrated into the new modules</strong>. This intricate process required a <strong style="color:rgb(27, 27, 27);">meticulous separation of data into contacts and interactions</strong>, <strong style="color:rgb(27, 27, 27);">turning one massive dataset into two distinct databases which is contact and deal database</strong>. The complexity escalated as each interaction had to be linked back to the corresponding contacts, demanding a delicate balance between data organization and historical continuity.</p><p style="letter-spacing:0.3px;">Despite the challenges, the team successfully navigated this complex data migration exercise. The process <strong style="color:rgb(27, 27, 27);">involved linking the deals back to the contacts module, a feat that required meticulous effort and attention to detail</strong>. Through strategic implementation, we had seamlessly <strong style="color:rgb(27, 27, 27);">integrated their historical data into the new digital infrastructure, setting the stage for enhanced operational insights</strong>.</p><h6 class="text-s text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Right guidance leads to straight path.</h6><p style="letter-spacing:0.3px;">Lastly, Carsome also confronted hurdles when they attempted to develop and embed SalesIQ support widget into their mobile applications. To ensure a smooth transition and ongoing support, <strong style="color:rgb(27, 27, 27);">routine weekly sessions were established</strong>. These sessions served as a platform for <strong style="color:rgb(27, 27, 27);">collaborative discussions and Q&amp;A, providing a direct avenue for problem-solving</strong>. The proactive engagement of the team <strong style="color:rgb(27, 27, 27);">not only facilitated immediate issue resolution but also allowed for the conveyance of critical messages to Zoho when needed</strong>. As a result, Carsome <strong style="color:rgb(27, 27, 27);">successfully incorporated SalesIQ</strong> widget into their mobile applications, marking a significant milestone in their digital journey.</p><img src="https://www.aplikasi.us/Article%20Images/image.png" alt="Zoho CRM Import History log showing thousands of Deals records updated during the Carsome data migration"><div style="display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;margin-top:1rem;"><div style="flex:2 1 400px;display:flex;flex-direction:column;"><h3 class="text-m text-bold" style="margin-top:0;background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">What our client says about our service?</h3><blockquote class="text-s card" style="width:100%;max-width:100%;margin-top:1rem;text-align:left;font-style:italic;font-weight:600;border-left:5px solid var(--accent);border-radius:1rem;"><p>Working with Aplikasi over the past 5 months has been an absolute delight. They have seamlessly implemented different Zoho applications tailored to our business and offered feedback on different use cases. What sets them apart is their unwavering commitment to understanding our unique challenges and pain points. Aplikasi immerses themselves in our problem statement and works tirelessly to provide effective solutions using Zoho, highlighting the flexibility of the Zoho ecosystem in the process. Their expertise and dedication have transformed the way we operate, making us more efficient and productive. I wholeheartedly recommend Zoho as well as Aplikasi to anyone seeking tech implementation partners in Malaysia who truly care about their clients' success.</p><footer style="text-align:left;color:var(--grey-mid);font-weight:700;">&mdash; Carsome</footer></blockquote></div>
<div style="flex:1 1 220px;margin-bottom:1.5rem;"><h6 class="text-m text-bold" style="margin-top:0;background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">What apps have been deployed</h6><div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect x="3" y="4" width="18" height="14" rx="2"/><circle cx="8.5" cy="10" r="1.8"/><path d="M6 15c.5-1.5 1.6-2.2 2.5-2.2s2 .7 2.5 2.2"/><path d="M14 8.5h4M14 12h4"/></svg><span class="black text-bold">Zoho CRM</span></div>
<div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><path d="M20.5 12a8.5 6.8 0 0 1-8.5 6.8c-1.1 0-2.15-.16-3.12-.46L4.5 20l1.1-3.3A6.7 6.7 0 0 1 3.5 12 8.5 6.8 0 0 1 12 5.2 8.5 6.8 0 0 1 20.5 12Z"/></svg><span class="black text-bold">Zoho SalesIQ</span></div>
</div></div><div style="display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;margin-top:2rem;"><div class="btn-primary btn-m" style="flex:1 1 240px;"><a href="https://www.aplikasi.us/book-demo" target="_blank" style="width:100%;justify-content:center;text-align:center;">Book free demo now!</a></div>
<div class="btn-secondary btn-outline btn-m" style="flex:1 1 240px;"><a href="https://support.aplikasi.us/portal/en/home" target="_blank" style="width:100%;justify-content:center;text-align:center;">Visit the support centre</a></div>
</div><div style="border:2px solid var(--black);border-radius:1.5rem;padding:2.5rem;text-align:center;margin-top:3rem;"><p>Ready to turn your business challenges into success stories? Let&rsquo;s explore how Aplikasi can simplify and streamline your operations&mdash;just like we&rsquo;ve done for businesses across various industries.</p><div class="btn-primary"><a href="https://api.whatsapp.com/send?phone=60176009646&amp;text=Hi%2C I am interested to know more about your services.

Name%3A
Company%3A
Email%3A&amp;utm_source=blog&amp;utm_medium=article&amp;utm_campaign=carsome_case_study" target="_blank">Get Started Now</a></div>
</div></article></main></div></div></div></div></div></div></div> ]]></content:encoded><pubDate>Thu, 27 Aug 2026 17:43:50 +0800</pubDate></item><item><title><![CDATA[GoGlobal Business Process Automation]]></title><link>https://www.aplikasi.us/blogs/post/work-smarter-with-zoho-crm-goglobal</link><description><![CDATA[<img align="left" hspace="5" src="https://www.aplikasi.us/web/2214939121.jpg"/>Streamlined configurations cut approval time by 50%, improved data consistency, and enhanced global reporting. GoGlobal now benefits from an ongoing support partnership with Aplikasi for continuous system optimization.]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm_-GK2IbphSRSAO19xV8_1gg" data-element-type="section" class="zpsection "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_6f8ffaSdTOeZSYU85sB6Aw" data-element-type="row" class="zprow zprow-container zpalign-items- zpjustify-content- " data-equal-column=""><style type="text/css"></style><div data-element-id="elm_Ad1TfKmmTq6ixnImO3dqoQ" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- "><style type="text/css"></style><div data-element-id="elm_txPRdRhz6xEXHA69PlKTMw" data-element-type="codeSnippet" class="zpelement zpelem-codesnippet "><div class="zpsnippet-container"><!DOCTYPE html><html lang="en"><meta charset="UTF-8"><title>Goglobal</title><style> .zpelement{ margin:0; } .theme-blog-container-column .zpelement{ margin:unset; } .theme-blog-container-column { h1, h2,h3,h4,h5,h6{padding: 1em 0;}} .zpelement::before{ display: none; } .zpsection { padding: 0; } @media (min-width: 992px) { .theme-pages-full-stretch .zpcontainer { max-inline-size: 1300px; /* change this to change the container width */ } } .zpheader-style-01 .theme-header .zpcontainer { flex-direction: row; } /* SETTINGS. DO NOT EDIT. Add custom code in bottom (scroll to line ~1250) */ :root { --primary: #c92127; --primary-off: #ff914d; --secondary: #8C53FF; --secondary-off: #7D4AE5; --accent: #f39c13; --accent-off: #eab36a; --body-color: #292c2e; --body-off: #535353; --white: #ffffff; --base: #ffffff; --bg-base: #fff5ee; --grey-light: #e6e7e8; --grey: #414141; --grey-mid: #86898e; --black: #1b1b1b; --highlight: #FFC514cc; /* default 44 */ --highlight-dark: #FFC51490; /* default 77 */ --hover-brightness: 1.3; --border-radius: 0.5rem; --btn-radius: 8px; --btn-hover: ""; --btn-outline-border: 2px; /* \2192 for arrow \203A for single right chevron \00BB for double right chevron */ --gradient-1: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); --xxxl: 6.5rem ; /* changed 120px*/ --xxl: 4.5rem ; /* H1 80px */ --xl: 3.375rem ; /* H2 54px */ --l: 2.25rem ; /* H3 36px */ --m: 1.5rem ; /* H4 24px */ --body: 1.125rem ; /* 18px */ --s: 1rem ; /* 16px */ --xs:0.667rem ; /* changed 10px*/ --lh-xxxl: 1.2em; --lh-h1: 1.1em; --lh-h2: 1.3em; --lh-heading: 1.3em; --lh-body: 1.5em; --lh-btn: 1em; --ls-heading:unset; --ls-h1:unset; --ls-h2:unset; --col:7rem; --clamp-xxxl: clamp(3rem, calc(3rem + ((1vw - 0.3rem) * 7.6923)), var(--xxxl)); --clamp-xxl: clamp(2.5rem, calc(2.5rem + ((1vw - 0.3rem) * 4.8077)), var(--xxl)); --clamp-xl: clamp(1.75rem, calc(1.75rem + ((1vw - 0.3rem) * 2.4038)), var(--xl)); --clamp-l: clamp(1.5rem, calc(1.5rem + ((1vw - 0.3rem) * 0.9615)), var(--l)); --clamp-m: clamp(1.125rem, calc(1.125rem + ((1vw - 0.3rem) * 0.7212)), var(--m)); --clamp-s: clamp(0.875rem, calc(0.875rem + ((1vw - 0.3rem) * 0.2404)), var(--s)); --clamp-xs: clamp(0.625rem, calc(0.625rem + ((1vw - 0.3rem) * 0.2404)), var(--xs)); --clamp-body: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.2404)), var(--body)); --clamp-section: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 3.8462)), 3rem); --width-card: 26rem; --width-card-m: 40rem; --width-card-l: 54rem; --width-content: 1080px; /*BreakEvent Point*/ --desktop: 1312px; /* Desktop */ --tablet: 992px; /* Tablet */ --landscape: 768px; /* Landscape */ --mobile: 480px; /* Mobile */ } /* AutoCSS 1.0 for 11ty (1 Jan 2025) Modified for Zoho site (1 Jul 2026) by Aisyah Developed by Laman7 https://github.com/edwin-laman7/autoCSS */ /* Load "AutoCSS Setting" variables before the following lines */ *,::after,::before{box-sizing:border-box} img,picture {width:100%; height: auto; outline: none; vertical-align: middle;} button,input,select, textarea{font:inherit} @media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto; } *, *::before, *::after { -webkit-animation-duration: 0.01ms !important; animation-duration: 0.01ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } html { scroll-behavior: smooth; } /*Typography*/ body { min-height:100vh; text-rendering:optimizeSpeed; font-size: var(--clamp-body); color: var(--body-color); line-height: var(--lh-body); background-color: var(--base); } .text-xxxl { font-size: var(--clamp-xxxl); line-height: var(--lh-xxxl); letter-spacing: var(--ls-h1); } h1, .text-xxl { font-size: var(--clamp-xxl); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); } h2, .text-xl{ font-size: var(--clamp-xl); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); } h3, .text-l { font-size: var(--clamp-l); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h4, .text-m { font-size: var(--clamp-m); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h5, h6, .text-s { font-size: var(--clamp-s); line-height: var(--lh-heading); } .text-xs{ font-size: var(--clamp-xs); } .text-body { font-size: var(--clamp-body); line-height: var(--lh-body); } .text-m, .text-s, .text-body, .text-xs { line-height: var(--lh-body); } div { h1,h2,h3,h4, .text-xxxl, .text-xxl, .text-xl, .text-l, .text-m, .text-s, .text-xs, .text-xxs {margin:0} } /* Text */ .text-larger {font-size: 2em;} .text-smaller {font-size: 0.875em;} .text-lighter { font-weight: 100; } .text-light { font-weight: 200; } .text-normal { font-weight: 400; } .text-semibold { font-weight: 600; } .text-bold { font-weight: 700; } .text-bolder, .text-black { font-weight: 900; } .text-italic { font-style: italic; } .text-oblique { font-style: oblique; } .text-decoration-none { -webkit-text-decoration: none; text-decoration: none; } .text-underline { -webkit-text-decoration: underline; text-decoration: underline; } .text-underline-wavy { -webkit-text-decoration: underline wavy; text-decoration: underline wavy; } .text-underline-dotted { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } .text-underline-double { -webkit-text-decoration: underline double; text-decoration: underline double; } .text-underline-dashed { -webkit-text-decoration: underline dashed; text-decoration: underline dashed; } .text-overline { -webkit-text-decoration: overline; text-decoration: overline; } .text-line-through { -webkit-text-decoration: line-through; text-decoration: line-through; } .text-transform-none { text-transform: none; } .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } .text-capitalize { text-transform: capitalize; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .primary, .primary a {color: var(--primary)} .primary-off, .primary-off a {color: var(--primary-off)} .secondary, .secondary a {color: var(--secondary)} .secondary-off, .secondary-off a {color: var(--secondary-off)} .accent, .accent a {color: var(--accent)} .accent-off, .accent-off a{color: var(--accent-off)} .base, .base a {color: var(--base)} .white, .white a, .light, .light a {color: var(--white);} .grey, .grey a, .grey h1{color: var(--grey);} .grey-dark, .grey-dark a, .grey-dark h1{color: var(--grey-dark);} .grey-mid {a, h1, h2, h3, h4{color: var(--grey-mid);}} .grey-light, .grey-light a{color: var(--grey-light);} .black, .dark,.black a, .dark a {color: var(--black);} .body-color, .body-color a {color: var(--body-color);} .body-off, .body-off a {color: var(--body-off);} .bg-primary {background-color: var(--primary)} .bg-primary-off {background-color: var(--primary-off)} .bg-secondary {background-color: var(--secondary)} .bg-secondary-off {background-color: var(--secondary-off)} .bg-accent {background-color: var(--accent)} .bg-accent-off {background-color: var(--accent-off)} .bg-base {background-color: var(--base)} .bg-white, .bg-light {background-color: var(--white);} .bg-grey {background-color: var(--grey);} .bg-grey-dark {background-color: var(--grey-dark);} .bg-grey-mid {background-color: var(--grey-mid);} .bg-grey-light {background-color: var(--grey-light);} .bg-black, .bg-dark {background-color: var(--black);} .bg-body-color {background-color: var(--body-color);} .bg-body-off {background-color: var(--body-off);} /* Space System */ /* Works like owl system */ .space-v-xs:not(.ct-section) > * + * { margin-top: var(--clamp-s); } .space-v-s:not(.ct-section) > * + * { margin-top: var(--clamp-m); } .space-v-m:not(.ct-section) > * + * { margin-top: calc(var(--clamp-s) * 2); } .space-v-l:not(.ct-section) > * + * { margin-top: calc(var(--clamp-s) * 3); } .space-v-xl:not(.ct-section) > * + * { margin-top: calc(var(--clamp-s) * 4); } .space-h-xs:not(.ct-section) > * + * { margin-left: var(--clamp-s); } .space-h-s:not(.ct-section) > * + * { margin-left: var(--clamp-m); } .space-h-m:not(.ct-section) > * + * { margin-left: calc(var(--clamp-s) * 2); } .space-h-l:not(.ct-section) > * + * { margin-left: calc(var(--clamp-s) * 3); } .space-h-xl:not(.ct-section) > * + * { margin-left: calc(var(--clamp-s) * 4); } @media (max-width: 480px) { .space-h-xs:not(.ct-section) > * + *,.space-h-s:not(.ct-section) > * + *, .space-h-m:not(.ct-section) > * + *, .space-h-l:not(.ct-section) > * + *, .space-h-xl:not(.ct-section) > * + * {margin-left:.5rem} } section{ padding: 0 clamp(1rem, calc(1rem + ((1vw - 0.3rem) * -1.9038)), 0.01rem); } /* New Padding sizes */ .brxe-section, section, .section, .zpsection { header &, footer & { padding: 0; } padding: calc(var(--clamp-section)*2) 0; &.pad-xxs, &.section-pad-xxs { padding: calc(var(--clamp-section)*.25) 0; } &.pad-xs, &.section-pad-xs { padding: calc(var(--clamp-section)*.5) 0; } &.pad-s, &.section-pad-s { padding: calc(var(--clamp-section)*1) 0; } &.pad-m, &.section-pad-m { padding: calc(var(--clamp-section)*2) 0; } &.pad-l, &.section-pad-l { padding: calc(var(--clamp-section)*3) 0; } &.pad-xl, &.section-pad-xl { padding: calc(var(--clamp-section)*4) 0; } } .brxe-container, .container, .zpcontainer{ row-gap: calc(var(--clamp-s) * 4); column-gap: calc(var(--clamp-s) * 4); &.pad-xs {padding: calc(var(--clamp-s) * 1)} &.pad-s {padding: calc(var(--clamp-s) * 2)} &.pad-m {padding: calc(var(--clamp-s) * 4)} &.pad-l {padding: calc(var(--clamp-s) * 6)} &.pad-xl {padding: calc(var(--clamp-s) * 8)} &.pad-xxl {padding: calc(var(--clamp-s) * 10)} &.pad-xxxl {padding: calc(var(--clamp-s) * 12)} &.row-gap-xs {row-gap: calc(var(--clamp-s) * 1)} &.row-gap-s {row-gap: calc(var(--clamp-s) * 2)} &.row-gap-l {row-gap: calc(var(--clamp-s) * 6)} &.row-gap-xl {row-gap: calc(var(--clamp-s) * 8)} &.row-gap-xxl {row-gap: calc(var(--clamp-s) * 10)} &.row-gap-xxxl {row-gap: calc(var(--clamp-s) * 12)} &.col-gap-xs {column-gap: calc(var(--clamp-s) * 1)} &.col-gap-s {column-gap: calc(var(--clamp-s) * 2)} &.col-gap-l {column-gap: calc(var(--clamp-s) * 6)} &.col-gap-xl {column-gap: calc(var(--clamp-s) * 8)} &.col-gap-xxl {column-gap: calc(var(--clamp-s) * 10)} &.col-gap-xxxl {column-gap: calc(var(--clamp-s) * 12)} } .brxe-block, .block, .zpelem-box{ display: flex; align-items: flex-start; flex-direction: column; width: 100%; row-gap: calc(var(--clamp-s) * 1); column-gap: calc(var(--clamp-s) * 1); &.pad-xs {padding: calc(var(--clamp-s) * .75)} &.pad-s {padding: calc(var(--clamp-s) * 1)} &.pad-m {padding: calc(var(--clamp-s) * 1.5)} &.pad-l {padding: calc(var(--clamp-s) * 2)} &.pad-xl {padding: calc(var(--clamp-s) * 2.5)} &.pad-xxl {padding: calc(var(--clamp-s) * 3)} &.pad-xxxl {padding: calc(var(--clamp-s) * 3.5)} &.row-gap-xs {row-gap: calc(var(--clamp-s) * .25)} &.row-gap-s {row-gap: calc(var(--clamp-s) * .75)} &.row-gap-l {row-gap: calc(var(--clamp-s) * 1.5)} &.row-gap-xl {row-gap: calc(var(--clamp-s) * 2)} &.row-gap-xxl {row-gap: calc(var(--clamp-s) * 2.5)} &.row-gap-xxxl {row-gap: calc(var(--clamp-s) * 3)} &.col-gap-xs {column-gap: calc(var(--clamp-s) * .25)} &.col-gap-s {column-gap: calc(var(--clamp-s) * .75)} &.col-gap-l {column-gap: calc(var(--clamp-s) * 1.5)} &.col-gap-xl {column-gap: calc(var(--clamp-s) * 2)} &.col-gap-xxl {column-gap: calc(var(--clamp-s) * 2.5)} &.col-gap-xxxl {column-gap: calc(var(--clamp-s) * 3)} } /* Width System */ .width-1 {width: calc(1*8.3%);} .width-2, .width-xs {width: calc(2*8.3%);} .width-3, .width-s {width: calc(3*8.3%);} .width-4, .width-m {width: calc(4*8.3%);} .width-5 {width: calc(5*8.3%);} .width-6, .width-l, .width-50 {width: calc(6*8.3%);} .width-7 {width: calc(7*8.3%);} .width-8, .width-xl {width: calc(8*8.3%);} .width-9 {width: calc(9*8.3%);} .width-10 {width: calc(10*8.3%);} .width-11 {width: calc(11*8.3%);} .width-12 {width: calc(12*8.3%);} .width-full, .container { width: 100%; max-width: 100%; } /* Reactivate */ .col-1 {width: calc(var(--col)*1 - 2rem)} .col-2 {width: calc(var(--col)*2 - 2rem)} .col-3 {width: calc(var(--col)*3 - 2rem)} .col-4 {width: calc(var(--col)*4 - 2rem)} .col-5 {width: calc(var(--col)*5 - 2rem)} .col-6 {width: calc(var(--col)*6 - 2rem)} .col-7 {width: calc(var(--col)*7 - 2rem)} .col-8 {width: calc(var(--col)*8 - 2rem)} .col-9 {width: calc(var(--col)*9 - 2rem)} .col-10 {width: calc(var(--col)*10 - 2rem)} .col-11 {width: calc(var(--col)*11 - 2rem)} .col-12 {width: calc(var(--col)*12 - 2rem)} @media (max-width: 1312px) { .width-full, .container {max-width: 1200px;} .width-l-full {width: 100%;} } @media (max-width: 992px) { .width-full, .container {max-width: 992px} .width-xxl, .width-xl, .width-l, .width-m, .width-50, .width-4, .width-5, .width-6, .width-7, .width-8, .width-9, .width-10, .width-100, .col-12, .col-11, .col-10 {width: 100%;} .width-1, .width-2, .width-3, .width-xs, .width-s {width: 50%;} .width-lg-1 {width: calc(1*25%);} .width-lg-2, .width-lg-xs {width: calc(2*25%);} .width-lg-3, .width-lg-s {width: calc(3*25%);} .width-lg-4, .width-lg-m {width: calc(4*25%);} } @media (max-width:480px) { .width-sm-1 {width: calc(1*25%)} .width-sm-2 {width: calc(2*25%)} .width-sm-3 {width: calc(3*25%)} .width-sm-full, .width-sm-4 {width: 100%;} } .card { background-color: var(--white); box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; border-radius: var(--border-radius); border:1px solid #eee; transition: all 500ms; } @media (max-width: 768px) { .card { margin: 0.5rem 0;} } .card:hover { box-shadow: .25rem .25rem 1rem rgba(0, 0, 0, 0.3); cursor: pointer; } /* Grid */ .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-1-2, .grid-1-3, .grid-2-1, .grid-2-3, .grid-3-1, .grid-3-2 { display: grid !important; gap: calc(var(--clamp-s) * 2);; align-items: stretch; } .grid-2:not(.ct-section) { grid-template-columns: repeat(2,1fr); } .grid-3:not(.ct-section) { grid-template-columns: repeat(3,1fr); } .grid-4:not(.ct-section) { grid-template-columns: repeat(4,1fr); } .grid-5:not(.ct-section) { grid-template-columns: repeat(5,1fr); } .grid-6:not(.ct-section) { grid-template-columns: repeat(6,1fr); } @media (max-width: 1312px) { .col-9, .col-10, .col-11, .col-12 {width: auto;} } @media (max-width: 992px) { .col-9, .col-10, .col-11, .col-12 {width: auto;} .col-5, .col-6, .col-7, .col-8 {width: auto} .grid-3:not(.ct-section),.grid-4:not(.ct-section) {grid-template-columns: repeat(3,1fr)} .grid-5:not(.ct-section),.grid-6:not(.ct-section) { grid-template-columns: repeat(4,1fr);} } @media (max-width: 768px) { .grid-3:not(.ct-section),.grid-4:not(.ct-section) {grid-template-columns: repeat(2,1fr)} .grid-5:not(.ct-section),.grid-6:not(.ct-section) { grid-template-columns: repeat(3,1fr);} .grid-md-1:not(.ct-section){grid-template-columns: repeat(1,1fr);} .grid-md-2:not(.ct-section){grid-template-columns: repeat(2,1fr);} .grid-md-3:not(.ct-section){grid-template-columns: repeat(3,1fr);} .grid-md-4:not(.ct-section){grid-template-columns: repeat(4,1fr);} } @media (max-width:480px) { .grid-2:not(.ct-section),.grid-3:not(.ct-section) { grid-template-columns: repeat(1,1fr);} .grid-sm-1:not(.ct-section){grid-template-columns: repeat(1,1fr);} .grid-sm-2:not(.ct-section){grid-template-columns: repeat(2,1fr);} .grid-sm-3:not(.ct-section){grid-template-columns: repeat(3,1fr);} .grid-sm-4:not(.ct-section){grid-template-columns: repeat(4,1fr);} } @media (max-width: 340px) { .grid-4:not(.ct-section) {grid-template-columns: repeat(1,1fr)} .grid-5:not(.ct-section),.grid-6:not(.ct-section) { grid-template-columns: repeat(2,1fr);} } .grid-1-2:not(.ct-section) { grid-template-columns: 1fr 2fr; } .grid-1-3:not(.ct-section) { grid-template-columns: 1fr 3fr; } .grid-2-1:not(.ct-section) { grid-template-columns: 2fr 1fr; } .grid-2-3:not(.ct-section) { grid-template-columns: 2fr 3fr; } .grid-3-1:not(.ct-section) { grid-template-columns: 3fr 1fr; } .grid-3-2:not(.ct-section) { grid-template-columns: 3fr 2fr; } @media (max-width: 768px) { .grid-1-2:not(.ct-section) { grid-template-columns: repeat(1, 1fr);} .grid-1-3:not(.ct-section), .grid-2-3:not(.ct-section) {grid-template-columns: 1fr 2fr;} .grid-3-1:not(.ct-section), .grid-3-2:not(.ct-section) {grid-template-columns: 2fr 1fr;} } @media (max-width: 480px) { .grid-1-2:not(.ct-section),.grid-2-1:not(.ct-section), .grid-1-3:not(.ct-section),.grid-3-2:not(.ct-section),.grid-2-3:not(.ct-section),.grid-3-1:not(.ct-section) { grid-template-columns: repeat(1, 1fr); } } .grid-top {align-items: start;} .grid-bottom{align-items: end;} /* Gaps for Grid */ .gap-xs:not(.ct-section) { gap: var(--clamp-s) } .gap-s:not(.ct-section) { gap: var(--clamp-m) } .gap-m:not(.ct-section) { gap: calc(var(--clamp-s) * 2); } .gap-l:not(.ct-section) { gap: calc(var(--clamp-s) * 3); } .gap-xl:not(.ct-section) { gap: calc(var(--clamp-s) * 4); } .gap-xxl:not(.ct-section) { gap: calc(var(--clamp-s) * 6); } .gap-none:not(.ct-section), .gap-0:not(.ct-section) { gap: 0; } /* Breakout */ @media (min-width: 1279px) { .breakout-s { width: 60vw; max-width: 60vw !important; margin: 0 calc(-30vw + 50%); } .breakout-m { width: 70vw; max-width: 70vw !important; margin: 0 calc(-35vw + 50%); } .breakout-l { width: 80vw; max-width: 80vw !important; margin: 0 calc(-40vw + 50%); } .breakout-xl { width: 90vw; max-width: 90vw !important; margin: 0 calc(-45vw + 50%); } } .breakout-full { width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important; } @media (max-width: 1279px) { [class*="breakout-"]:not(.breakout-full) { width: 100% !important; max-width: 100% !important; margin: 0; } } @media (max-width: 768px) { .breakout-full {margin: 0} } @media (max-width: 480px) { .breakout-m-full { width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important; align-self: flex-start;} } /* Margin */ .margin-v-xs:not(.ct-section) { margin: var(--clamp-s) 0; } .margin-v-s:not(.ct-section) { margin: var(--clamp-m) 0; } .margin-v-m:not(.ct-section) { margin: calc(var(--clamp-s) * 2) 0; } .margin-v-l:not(.ct-section) { margin: calc(var(--clamp-s) * 3) 0; } .margin-v-xl:not(.ct-section) { margin: calc(var(--clamp-s) * 4) 0; } .margin-v-xxl:not(.ct-section) { margin: vcalc(var(--clamp-s) * 6) 0; } @media (max-width: 1312px) { .pad-lg-0, .pad-xl-0, .pad-xl-none, {padding: 0;} } @media (max-width: 992px) { .pad-md-0, .pad-lg-0, .pad-lg-none {padding: 0 !important;} .grid-xl-reverse, .grid-lg-reverse {order: -1} } @media (max-width: 768px) { .pad-xxl, .pad-xl, .brxe-container.pad-xxl, .brxe-container.pad-xl, .container.pad-xxl, .container.pad-xl { padding: var(--clamp-m); } .pad-md-none, .pad-lg-none, .pad-md-0 {padding: 0 !important} .grid-l-reverse, .grid-md-reverse {order: -1} .pad-l, .brxe-container.pad-l, .brxe-container.pad-m, .container.pad-l, .container.pad-m { padding: var(--clamp-s);} } @media (max-width: 480px) { .pad-sm-none, .pad-m-none, .pad-sm-0 {padding: 0 !important} .grid-m-reverse, .grid-sm-reverse {order: -1} } .pad-v-xs:not(.ct-section) { padding-top: var(--clamp-s); padding-bottom: var(--clamp-s); } .pad-v-s:not(.ct-section) { padding-top: var(--clamp-m); padding-bottom: var(--clamp-m); } .pad-v-m:not(.ct-section) { padding-top: calc(var(--clamp-s) * 2); padding-bottom: calc(var(--clamp-s) * 2); } .pad-v-l:not(.ct-section), .pad-v { padding-top: calc(var(--clamp-s) * 3); padding-bottom: calc(var(--clamp-s) * 3); } .pad-v-xl:not(.ct-section) { padding-top: calc(var(--clamp-s) * 4); padding-bottom: calc(var(--clamp-s) * 4); } .pad-v-xxl:not(.ct-section) { padding-top: calc(var(--clamp-s) * 6); padding-bottom: calc(var(--clamp-s) * 6); } .pad-v-xxxl:not(.ct-section) { padding-top: var(--clamp-xxxl); padding-bottom: var(--clamp-xxxl); } .margin-b-xs {margin-bottom: var(--s)} .margin-b-s {margin-bottom: var(--m)} .margin-b-m {margin-bottom: calc(var(--s) * 3)} .margin-b-l {margin-bottom: calc(var(--s) * 4)} .margin-b-xl {margin-bottom: calc(var(--s) * 6)} .margin-b-xxl {margin-bottom: calc(var(--s) * 8)} .pad-h-xs:not(.ct-section) { padding-left: var(--clamp-s); padding-right: var(--clamp-s); } .pad-h-s:not(.ct-section) { padding-left: var(--clamp-m); padding-right: var(--clamp-m); } .pad-h-m:not(.ct-section) { padding-left: calc(var(--clamp-s) * 2); padding-right: calc(var(--clamp-s) * 2); } .pad-h-l:not(.ct-section) { padding-left: calc(var(--clamp-s) * 3); padding-right: calc(var(--clamp-s) * 3); } .pad-h-xl:not(.ct-section) { padding-left: calc(var(--clamp-s) * 4); padding-right: calc(var(--clamp-s) * 4); } .pad-0 {padding: 0} /* Center */ .center-all, .center-all > * { flex-direction: column; align-items: center; align-self: center; align-content: center; justify-content: center; justify-items: center; text-align: center; } .center-v{ flex-direction: column; justify-items: center; justify-content: center; align-items: flex-start; } .center-h { flex-direction: column; justify-items: center; justify-content: center; align-items: center; } @media (max-width: 991px) { .center-all:not(.ct-section), .ct-section.center-all > .ct-section-inner-wrap { display: flex; flex-direction: column; align-items: center; align-content: center; justify-items: center; justify-content: center; text-align: center; } .center-y:not(.ct-section), .ct-section.center-y > .ct-section-inner-wrap { flex-direction: column; justify-items: center; justify-content: center; align-items: flex-start; } .center-h:not(.ct-section), .ct-section.center-h > .ct-section-inner-wrap { display: flex; flex-direction: column; justify-items: center; justify-content: center; align-items: center; } } .center-self, .align-center {margin: auto;} .align-right {margin-left: auto;} .sticky { position: -webkit-sticky; position: sticky; top: 0; } .sticky-top-s { top: 2.5%; } .sticky-top-m { top: 5%; } .sticky-top-l { top: 10%; } @media only screen and (max-width: 767px) { .sticky-top-s, .sticky-top-m, .sticky-top-l {top:.5rem} } /* Button */ .btn-primary a,.btn-secondary a,.btn-accent a,.btn-white a, .btn-black a{ z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .btn-primary a::before,.btn-secondary a::before,.btn-accent a::before,.btn-white a::before, .btn-black a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s; z-index: -1; transform: translateX(-110%); border-radius: var(--btn-radius); } .btn-primary a::before { /*background-color: var(--primary-off);*/ background-color: #ff5757; } .btn-secondary a::before { background-color: var(--secondary-off); } .btn-accent a::before { background-color: var(--accent-off); } .btn-white a::before { background-color: var(--body-color); } .btn-white a::before { background-color: var(--body-color); } .btn-black a::before { background-color: var(--white); } .btn-primary a:hover::before, .btn-secondary a:hover::before, .btn-accent a:hover::before, .btn-white a:hover::before, .btn-black a:hover::before { transform: translateX(0); } .btn-long a:hover {padding-right: 4em} .btn-primary a::after, .btn-secondar a::after, .btn-accent a::after, .btn-white a::after, .btn-black a::after { content: var(--btn-hover); position: absolute; right: var(--btn-on); opacity:0; transition: all .2s; } .btn-primary a:hover::after,.btn-secondary a:hover::after,.btn-accent a:hover::after, .btn-white a:hover::after, .btn-black a:hover::after{ right:1em; opacity:1; } .btn-primary a { background-color: var(--primary); /* font-size: var(--body); font-size: var(--clamp-body); */ } .btn-primary.btn-outline a{ background-color: transparent; color: var(--primary); box-shadow: 0 0 0 var(--btn-outline-border) var(--primary) inset } .btn-primary.btn-outline a::before { background-color: var(--primary); } .btn-primary.btn-outline a:hover { color:var(--white); box-shadow: 0 0 0 var(--btn-outline-border) var(--primary) inset } .btn-secondary a { background-color: var(--secondary); /* font-size: var(--body); font-size: var(--clamp-body); */ } .btn-secondary.btn-outline a{ background-color: transparent; color: var(--secondary); box-shadow: 0 0 0 var(--btn-outline-border) var(--secondary) inset } .btn-secondary.btn-outline a::before { background-color: var(--secondary); } color:var(--white); .btn-secondary.btn-outline a:hover { box-shadow: 0 0 0 var(--btn-outline-border) var(--secondary) inset } .btn-accent a{ background-color: var(--accent); /* font-size: var(--body); font-size: var(--clamp-body); */ } .btn-accent.btn-outline a { background-color: transparent; color: var(--accent); box-shadow: 0 0 0 var(--btn-outline-border) var(--accent) inset } .btn-accent.btn-outline a::before { background-color: var(--accent); } .btn-accent.btn-outline a:hover { color:var(--white); box-shadow: 0 0 0 var(--btn-outline-border) var(--accent) inset } .btn-white a { background-color: var(--white); color:var(--black); font-size: var(--clamp-body); } .btn-white a:hover {color:var(--white)} .btn-white.btn-outline a { background-color: transparent; color: var(--white); box-shadow: 0 0 0 var(--btn-outline-border) var(--white) inset } .btn-white.btn-outline a::before { background-color: var(--white); } .btn-white.btn-outline a:hover { color:var(--black); box-shadow: 0 0 0 var(--btn-outline-border) var(--white) inset } .btn-black a{ background-color: var(--black); color:var(--white); font-size: var(--body); font-size: var(--clamp-body); } .btn-black a:hover {color:var(--black)} .btn-black.btn-outline a { background-color: transparent; color: var(--black); box-shadow: 0 0 0 var(--btn-outline-border) var(--black) inset } .btn-black a.btn-outline a::before { background-color: var(--white); } .btn-black.btn-outline a:hover { /* color:var(--black); */ box-shadow: 0 0 0 var(--btn-outline-border) var(--white) inset } .btn-xs a{ font-size: var(--clamp-xs); padding: calc(var(--clamp-xs)*.75) calc(var(--clamp-xs)*1.5); } .btn-s a{ font-size: var(--s); font-size: var(--clamp-s); padding: calc(var(--clamp-s)*.75) calc(var(--clamp-s)*1.5); } .btn-m a{ font-size: var(--clamp-m); padding: calc(var(--clamp-body)*1.25) calc(var(--clamp-body)*2.5); } .btn-l a{ font-size: var(--clamp-l); padding: calc(var(--clamp-body)*1.5) calc(var(--clamp-body)*3); } .btn-long a{padding: calc(var(--clamp-body)) calc(var(--clamp-body)*4);} .btn-xs.btn-long a{ padding: calc(var(--clamp-xs)) calc(var(--clamp-xs)*4);} .btn-s.btn-long a { padding: calc(var(--clamp-s)) calc(var(--clamp-s)*4);} .btn-m.btn-long a{ padding: calc(var(--clamp-m)) calc(var(--clamp-m)*4);} .btn-l.btn-long a{ padding: calc(var(--clamp-l)) calc(var(--clamp-l)*4);} a[class*="btn--"] { display: inline-block; } .btn-clear a{ background: none; border: none; } a { transition: all 0.5s; color: var(--primary); } button a:hover { cursor: pointer; filter: brightness(var(--hover-brightness)); } @media (max-width:480px) { .btn-long{ padding: var(--clamp-body) calc(var(--clamp-body)*2);} .btn-xs.btn-long { padding: calc(var(--clamp-xs)) calc(var(--clamp-xs)*2);} .btn-s.btn-long { padding: calc(var(--clamp-s)) calc(var(--clamp-s)*2);} .btn-m.btn-long { padding: calc(var(--clamp-m)) calc(var(--clamp-m)*2);} .btn-l.btn-long { padding: calc(var(--clamp-l)) calc(var(--clamp-l)*2);} .btn-m { padding: calc(var(--clamp-body)*1) calc(var(--clamp-body)*1.5);} .btn-l { padding: calc(var(--clamp-body)*1.25) calc(var(--clamp-body)*2);} } a.btn-text-dark {color: var(--black)} a.btn-text-light {color:var(--white)} a.link-primary, .link-primary a {color: var(--primary); } a.link-secondary, .link-secondary a {color: var(--secondary)} a.link-accent, .link-accent a {color: var(--accent)} a.link-white, .link-white a {color: var(--white)} a.link-grey, .link-grey a {color: var(--grey)} a.link-body, .link-body a {color: var(--body-color)} a.link-primary, a.link-secondary, a.link-accent, a.link-white, a.link-grey, a.link-body { display: inline-block; text-decoration: none; } a.link-primary::after, a.link-secondary::after, a.link-accent::after, a.link-white::after, a.link-grey::after, a.link-body::after, .link-primary a::after, .link-secondary a::after, .link-accent a::after, .link-white a::after, .link-grey a::after, .link-body a::after { content: ''; display: block; width: 0; height: 2px; transition: width .4s; margin-top:6px } a.link-primary::after, .link-primary a::after { background: var(--primary);} a.link-secondary::after, .link-secondary a::after {background: var(--secondary)} a.link-accent::after, .link-accent a::after {background: var(--accent)} a.link-white::after, .link-white a::after {background: var(--white)} a.link-grey::after, .link-grey a::after {background: var(--grey)} a.link-body::after, a.link-body a::after {background: var(--body-color)} a.link-primary:hover::after, a.link-secondary:hover::after, a.link-accent:hover::after, a.link-white:hover::after, a.link-grey:hover::after, a.link-body:hover::after, .link-primary:hover a::after, .link-secondary:hover a::after, .link-accent:hover a::after, .link-white:hover a::after, .link-grey:hover a::after, .link-body:hover a::after { width:100%; } .rounded-xs, .rounded-xs img { border-radius: 0.4444444444rem; } .rounded-s, .rounded-s img{ border-radius: 0.25rem; } .rounded-m, .rounded-m img { border-radius: 0.5rem; } .rounded-l, .rounded-l img { border-radius: 1rem; } .rounded-xl, .rounded-xl img { border-radius: 2rem; } .rounded-xxl, .rounded-xxl img{ border-radius: 4rem; } .rounded-circle, .rounded-circle img { border-radius: 50%; } /* .rounded-xs, .rounded-s, .rounded-m, .rounded-l, .rounded-xl, .rounded-xxl, .rounded-circle {overflow: hidden;} */ /* Tables */ table { border: 1px solid var(--grey-light); border-radius: var(--border-radius); border-spacing: 0; display: table; width: 100%; max-width: 100%; overflow-x: auto; padding: 0; white-space: normal; background-color: var(--white); max-width: 100%; overflow-x: auto; padding: 0; white-space: normal; background-color: var(--white); } table td, table th, table tr { padding: 0.75rem 1rem; } table thead { background: linear-gradient(90deg, #ff3131 0%, #ff914d 100%); border-collapse: collapse; border-radius: var(--border-radius); color: var(--white); border-color: #ff914d; margin: 0; padding: 0; } table thead th:first-child { border-top-left-radius: var(--border-radius); } table thead th:last-child { border-top-right-radius: var(--border-radius); } table tr:nth-child(even) { /* background-color: var(--grey-light);*/ } /* Quotes */ blockquote { font-size: var(--clamp-m); line-height: var(--lh-body); margin: 1rem auto; max-width: 50vw; padding: 1.5rem 1.5rem 1.5rem 2.5rem; } blockquote footer { color: var(--body-mute); font-size: var(--clamp-xs); line-height: var(--lh-body); padding: 1.5rem 0; } blockquote p {margin:0; padding: 0} ol li, ul li { padding: 0.5rem 0; } main ul, main ol { margin: 0; padding-left: 0; list-style-position: inside; } main p { margin: 0 0 calc(var(--clamp-s) * 1.25); padding: 0; } pre { margin: 1rem 0; max-width: var(--width-card-l); padding: 1rem 0; } pre code, pre samp { display: block; max-width: var(--width-card-l); padding: 0.5rem 2rem; white-space: pre-wrap; } @media (max-width: 480px) { form { padding: 1rem 0; } } form header { margin: 1.5rem 0; padding: 1.5rem 0; } input, label, select, textarea { display: block; font-size: inherit; } input[type="checkbox"], input[type="radio"] { display: inline-block; } input[type="checkbox"]+label, input[type="radio"]+label { display: inline-block; font-weight: normal; } input, select,textarea { border: 1px solid var(--grey); border-radius: var(--border-radius); } input[readonly], textarea[readonly] { background-color: var(--grey); } label, .label { margin-bottom: 0.2rem; font-size: var(--clamp-xs); } form ul li { padding: 0 } ::selection { color: var(--base); background: var(--primary); } /* width */ ::-webkit-scrollbar { width:8px; height:8px; } /* Track */ ::-webkit-scrollbar-track { background-color: rgba(255,255,255,0.1); border-radius: 8px; border:none; } /* Handle */ ::-webkit-scrollbar-thumb { background-image: linear-gradient( rgba(0,0,0,0.3), rgba(0,0,0,0.3)); border-radius:8px; box-shadow: rgba(0,0,0,.12) 0 3px 13px 1px; transition: all 1s; } ::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active { background-image: linear-gradient(45deg, var(--primary), var(--secondary)); } @media (max-width:992px) { .none-lg {display: none !important;} blockquote {max-width:75vw} } @media (max-width:768px) { .none-md {display: none !important;} } @media (max-width:480px) { .none-sm {display: none !important;} blockquote {max-width:90vw} } .div-relative { position: relative} .div-absolute {position: absolute} .height-25 {min-height: 25vh;} .height-50 {min-height: 50vh;} .height-60 {min-height: 60vh;} .height-75 {min-height: 75vh;} .height-80 {min-height: 80vh;} .height-100,.height-full {min-height: 100vh;} .margin-top-5 {margin-top:5vh} .margin-top-10 {margin-top:10vh} .margin-top-25 {margin-top:25vh} .margin-0 {margin:0} .bg-img,.bg-default {position: relative; background-color: grey; background-image: repeating-linear-gradient( 45deg,#eee,#eee 10px,#ddd 10px,#ddd 20px );} @media (max-width:767px) { .height-md-25 {min-height: 25vh;} .height-md-50 {min-height: 50vh;} .height-md-60 {min-height: 60vh;} .height-md-75 {min-height: 75vh;} .height-md-80 {min-height: 80vh;} .height-md-100,.height-full {min-height: 100vh;} } .ratio-1-1 {aspect-ratio: 1 / 1; object-fit: cover;} .ratio-2-3 {aspect-ratio: 2 / 3; object-fit: cover;} .ratio-3-2 {aspect-ratio: 3 / 2; object-fit: cover;} .ratio-3-4 {aspect-ratio: 3 / 4; object-fit: cover;} .ratio-4-3 {aspect-ratio: 4 / 3; object-fit: cover;} .ratio-16-9 {aspect-ratio: 16 / 9; object-fit: cover;} .columns-2 {column-count: 2} .columns-3 {column-count: 3} @media (max-width:992px) { .columns-2, .columns-3 {column-count: 1} } main em { padding: 0 0.5rem; border-radius: 1em; font-style: normal; font-weight:500; background-image: linear-gradient(90deg,var(--highlight-dark),var(--highlight),var(--highlight)); } .border-grey {border:1px solid var(--grey); border-radius: var(--border-radius)} .border-grey-dark {border:1px solid var(--grey-dark); border-radius: var(--border-radius)} .fit-content > * {min-width:fit-content} .flex-row {display:flex; flex-direction: row;} .flex-right {justify-content: right;} .flex-h-center {justify-content: center;} .flex-v-center {align-items: center;} .flex-col {display:flex; flex-direction: column;} .flex-wrap {flex-wrap: wrap;} @media (max-width: 768px) { .flex > * {min-width:auto} } .none {display:none !important} /* New for 11ty */ .brxe-container, .container, .zpcontainer { width: 1312px; display: flex; flex-direction: column; margin-left:auto; margin-right: auto; @media (max-width: 992px) { width: 100%; padding: 0 var(--clamp-s); } } /* =============== END OF AUTOCSS =============== */ /* ZOHO FIX */ /* =============== CUSTOM CSS STARTS HERE =============== */ .hero-banner{ background-repeat:no-repeat; display: flex; flex-direction:row; align-items:center; padding: 0; } .hero-svg{ height:560px; } .hero-wrap{ position: relative; } .hero-background { position: absolute; } .btn-primary a{ background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; } .btn-primary a.zpbutton-wrapper.zpbutton.zpbutton-type-primary { color: white; } .btn-box{ display:flex; flex-direction:row; gap:2em; } @media (max-width:767px) { .btn-box{ flex-direction:column;} } .btn-box.zpelement:before { content: ""; display: none; } .text-grad-1, h2 span{ font-family: var(--font-family); background: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* Client logo filmstrip */ .client-logo{ .hb-grid-gallery img { max-width: 100px; margin: 0 30px; filter: grayscale(1); transition: filter .3s; } .hb-grid-gallery img:hover { filter: grayscale(0); } .zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container.zpcarousel-arrow-type-03 svg{ fill:var(--primary); } [data-layout-type=filmstrip].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-left, [data-layout-type=filmstrip].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-right, [data-filmstrip-enabled].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-left, [data-filmstrip-enabled].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-right{ background: var(--white); } } .bg-red-b{ background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); } .team-transformation { background-image: url(/teams%20transformation.webp), linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); background-size: 50%, 100% 30rem, 100% 30rem; background-position: left bottom, center bottom, center bottom; padding-bottom: 25rem; /*background-position: left bottom, center, center;*/ background-repeat: no-repeat; } .step { color: var(--primary); font-weight: 500; border: 1px solid var(--grey-light); padding: 0 0.8em; border-radius: var(--xs); display: flex; align-items: center; } .step::before { width: 10px; height: 10px; background: var(--gradient-1); content: " "; margin-right: 5px; } .cards-2{ box-shadow: none; border: 1px solid var(--grey-light); } .cards-2 h3.zpimage-heading { font-weight: 800; } .bg-grad-2{ background: radial-gradient(44.16% 44.16% at 49.97% 35.03%, rgba(145, 55, 124, 0.1) 0%, rgba(255, 255, 255, 0.5) 79.97%, #fff 100%), var(--white); } .text-label{ letter-spacing: 4px; font-weight: 500; font-size: var(--s); } .footer-cta { } /* solutions internal pages*/ .features-header{ background-size: 60%; } @media (max-width: 480px) { .features-header { background-size: 76%; height: 480px; padding-top: 90px; }} .features-section{ background-image: linear-gradient(180deg, #fff 20%, rgba(255, 255, 255, 0) 100%), linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); background-size: 100%; background-position: top center; background-repeat: no-repeat; } .feature-wrap{ margin-top: -10em; } .feature-icon .zpicon-container .zpicon-size-md{ background: linear-gradient(42deg, #e83935 0%, #871c1c 100%); border-radius: var(--s); } .feature-icon{ width: 100%; } .feature-icon h4{ font-size:var(--m); font-weight: 600; margin-top: 12px; } .footer{ background: linear-gradient(90deg, rgba(255, 87, 87, 0.7) 50%, rgba(140, 82, 255, 0.7) 100%), #000; color:white; } .footer a{ color:var(--white) } .footer .zpcontainer-fluid.zpcontainer { row-gap: 1em; } .footer-bottom{ display: flex; flex-direction: row; align-content: space-between; } .credit{ opacity: 0.5; } .text-label h1{ font-size:var(--xs); font-weight:600; color:var(--grey); text-transform: uppercase; } .text-label{ } .theme-blog-container .zptext *{ margin:1em; } h2.hero {font} .btn-secondary:hover {color:var(--white)} /* Responsive Fix 1024 to 0 px*/ @media (max-width: 768px) { .team-transformation {padding-bottom: 10rem} .hero-banner{ height: auto; } } /* Mobile Fix 768px to 0 px*/ @media (max-width: 768px) { .gap-s {gap:1rem} .card {margin:0} } /* Mobile Fix 425px to 0 px*/ @media (max-width: 425px) { .gap-s {gap:1rem} } .team-transformation h3, .solutions h3{ font-size: var(--m); } .flex{ display: flex; flex-direction: row; } .theme-blog-post-content h2 span{ background: unset; background-clip: unset; -webkit-text-fill-color: unset; font-size: unset; } .theme-logo-parent img { height: auto; width: 50px; } .footer h5 { font-weight: 600; } .solution-img-prob .zpimage-container.zpimage-align-center figure img { object-fit: cover; } @media (max-width: 924px) { .solution-img-prob .zpimage-container.zpimage-align-center figure img { width: auto !important; } } /********* contact form ************/ .contact-form button, .contact-form input[type='submit'], .contact-form input[type='reset'], .contact-form input[type='button'] { background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .fields-wrap { width: 510px; row-gap: 0.5em; display: flex; flex-direction: column; } /* Fix for Jagged on mobile */ html,body { overflow-x: clip; } .zpcontainer, .zpcontainer-fluid, .theme-content-area { max-width: 100%; } .contact-form-page{ width:100%; height: 800px; min-height:800px } /* Case study badge */ .case-badge { display: inline-flex; align-items: center; gap: 0.4em; border: 1px solid var(--grey-light); border-radius: var(--btn-radius); padding: 0.3em 0.9em; font-size: var(--clamp-xs); font-weight: 600; color: var(--primary); margin-bottom: 0.5rem; } </style><main><article><h2 class="text-xl text-bold text-center" style="margin-bottom:0.3rem;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">How GoGlobal Optimized People and Expense Operations with Zoho</h2><h2 class="text-xl text-bold text-center" style="margin-top:0.3rem;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Quick Read</h2><img src="https://www.aplikasi.us/images/the-meeting-between-co-founders-of-startups-start-2023-11-27-05-13-43-utc%20-1-.jpg" alt="Close-up of hands reviewing a printed budget report and pie charts during a planning session" style="margin-bottom:2rem;"><div style="display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:2rem;"><div class="card" style="flex:1 1 250px;padding:1.5rem;"><h6 class="text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Problem Statement</h6><p>GoGlobal&rsquo;s rapid global expansion led to inconsistent workflows, duplicated data, and manual reconciliation between Zoho People and Zoho Expense, slowing approvals and reducing visibility.</p></div>
<div class="card" style="flex:1 1 250px;padding:1.5rem;"><h6 class="text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Proposed Solution</h6><p>Aplikasi conducted a full system audit, aligning configurations, standardizing data, and automating approval workflows across both platforms for stronger accuracy and efficiency.</p></div>
<div class="card" style="flex:1 1 250px;padding:1.5rem;"><h6 class="text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Implementation &amp; Results</h6><p>Streamlined configurations cut approval time by 50%, improved data consistency, and enhanced global reporting.</p><p>GoGlobal now benefits from an ongoing support partnership with Aplikasi for continuous system optimization.</p></div>
</div><h2 class="text-xl text-bold text-center" style="margin-top:2rem;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Full Case Study</h2><img src="https://www.aplikasi.us/images/meeting.jpg" alt="Team members reviewing reports together during a business meeting"><div style="display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;"><div style="flex:2 1 400px;"><h3 class="text-s" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Business Case at a Glance</h3><p>GoGlobal GEO Malaysia wanted to understand how they could make better use of their Zoho People and Zoho Expense platforms. To achieve this, they engaged Aplikasi to conduct a system audit that would help identify areas for improvement and uncover ways to manage their people and expense operations more effectively across 64 countries.</p><p>Through Aplikasi&rsquo;s structured assessment and targeted configuration improvements, GoGlobal gained clarity on system gaps, achieved stronger data consistency, and established smoother approval and reporting workflows.</p><p>The audit&rsquo;s success led GoGlobal to formally engage Aplikasi for ongoing support, marking the start of a long-term partnership focused on continuous system optimization and advisory.</p></div>
<div style="flex:1 1 220px;"><h6 class="text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">What apps have been deployed</h6><div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><circle cx="12" cy="12" r="9.5"/><circle cx="12" cy="10" r="3"/><path d="M6 18.5c1-3 3-4.5 6-4.5s5 1.5 6 4.5"/></svg><span class="black text-bold">Zoho People</span></div>
<div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect x="2.5" y="2.5" width="19" height="19" rx="4"/><rect x="6" y="6" width="4.5" height="4.5" rx="1"/><rect x="13.5" y="6" width="4.5" height="4.5" rx="1"/><rect x="6" y="13.5" width="4.5" height="4.5" rx="1"/><rect x="13.5" y="13.5" width="4.5" height="4.5" rx="1"/></svg><span class="black text-bold">Zoho Expense</span></div>
</div></div><h3 class="text-s" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Company Background</h3><p>GoGlobal GEO Malaysia Sdn Bhd is a leading provider of global employment outsourcing solutions, managing payroll, workforce, and compliance for clients across 64 countries. The company uses Zoho People to manage people operations and Zoho Expense to handle reimbursements, travel, and allowances. As operations expanded, GoGlobal recognized that while their systems worked well, there was potential to use them more efficiently. They wanted a trusted Zoho partner who could review their current setup, identify what could be improved, and recommend practical changes that would strengthen both platforms.</p><h3 class="text-s" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">The Challenge</h3><p>Over time, GoGlobal&rsquo;s growth created variations in configuration, data structure, and approval workflows across regions. These differences led to inconsistencies and extra manual work in expense processing and reporting.</p><p><strong>Key challenges included:</strong></p><ul><li>Misalignment between people operations and expense approval hierarchies.</li><li>Redundant custom fields and inconsistent data entry.</li></ul><p>GoGlobal needed a clear, expert assessment to understand what was working, what wasn&rsquo;t, and how they could use Zoho more effectively to scale their operations.</p><h3 class="text-s" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Finding the Solution</h3><p>GoGlobal engaged Aplikasi to perform a comprehensive system audit across Zoho People and Zoho Expense. The goal was to understand current usage patterns, uncover inefficiencies, and recommend realistic, scalable improvements.</p><h6 class="text-bold" style="margin-top:1.5rem;background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Diagnostic Assessment</h6><p>Aplikasi conducted a detailed review of configuration structures, policies, workflows, and data mapping across both systems to identify where processes could be simplified or better aligned.</p><h6 class="text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Strategic Recommendations</h6><p>Findings were summarized in a structured Findings &amp; Recommendations Report, highlighting configuration improvements, data governance standards, and opportunities for better process alignment.</p><h6 class="text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Implementation Support</h6><p>Working closely with GoGlobal&rsquo;s internal teams, Aplikasi implemented practical configuration updates and standardized workflows to make processes more consistent and efficient.</p><h6 class="text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Transition to Ongoing Support</h6><p>Following the success of the audit, GoGlobal engaged Aplikasi for continued support, including monitoring, optimization, and advisory services to maintain system performance over time.</p><img src="https://www.aplikasi.us/images/partnership-collaboration-and-hands-of-business-p-2023-03-01-21-00-50-utc.jpg" alt="Stacked hands symbolizing partnership and collaboration"><h3 class="text-s" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Key Improvements Driven by Aplikasi</h3><div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:1rem;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><circle cx="12" cy="12" r="9.5"/><circle cx="12" cy="10" r="3"/><path d="M6 18.5c1-3 3-4.5 6-4.5s5 1.5 6 4.5"/></svg><span class="black text-bold text-s">Zoho People</span></div>
<ul><li>Standardized departments, designations, and reporting hierarchies to align with expense approvals.</li><li>Linked attendance and leave information to reimbursement eligibility for better visibility.</li><li>Streamlined employee master data for more accurate synchronization with Zoho Expense.</li></ul><div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:1rem;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect x="2.5" y="2.5" width="19" height="19" rx="4"/><rect x="6" y="6" width="4.5" height="4.5" rx="1"/><rect x="13.5" y="6" width="4.5" height="4.5" rx="1"/><rect x="6" y="13.5" width="4.5" height="4.5" rx="1"/><rect x="13.5" y="13.5" width="4.5" height="4.5" rx="1"/></svg><span class="black text-bold text-s">Zoho Expense</span></div>
<ul><li>Introduced consistent naming conventions for expense policies and categories.</li><li>Consolidated redundant fields for simpler reporting.</li><li>Implemented dropdown validation for country and project data to improve accuracy.</li><li>Reorganized expense policies for easier navigation and user clarity.</li></ul><h3 class="text-s" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Results and Impact</h3><table><thead><tr><th>Area</th><th>Before</th><th>After</th></tr></thead><tbody><tr><td>Configuration Consistency</td><td>Varied by region</td><td>Standardized globally</td></tr><tr><td>Expense Data Accuracy</td><td>Unstructured and prone to duplication</td><td>Cleaner, validated data structure</td></tr><tr><td>Approval Efficiency</td><td>Delays from manual reviews</td><td>Automated flow cutting approval time by 50%</td></tr><tr><td>Support Structure</td><td>No formal post-implementation support</td><td>Dedicated ongoing partnership with Aplikasi</td></tr></tbody></table><h3 class="text-s" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Conclusion</h3><p>The collaboration between GoGlobal GEO Malaysia and Aplikasi began with a simple goal, to find out how things could be done better.</p><p>By performing a full system audit, identifying areas for improvement, and optimizing configurations across Zoho People and Zoho Expense, Aplikasi helped GoGlobal:</p><ul><li>Simplify and standardize workflows.</li><li>Improve data integrity and visibility.</li><li>Establish a long-term support partnership for sustained performance.</li></ul><p>Aplikasi continues to support GoGlobal through ongoing system optimization, user assistance, and advisory services&mdash;helping the organization scale confidently while maintaining excellence in people and expense management.</p><blockquote class="text-s card" style="width:100%;max-width:100%;margin-bottom:2rem;text-align:left;font-style:italic;font-weight:600;border-left:5px solid var(--accent);border-radius:1rem;"><p>The support team at Aplikasi has been nothing short of outstanding. Azlan, Taufiq, and Nurul Asyiqin have consistently provided top-tier assistance, always going the extra mile to address and resolve any concerns we have with Zoho. Their responsiveness, in-depth knowledge, and proactive approach have made working with them an absolute pleasure. They are always patient, thorough, and dedicated to ensuring our needs are met promptly and efficiently. We truly value their unwavering support and expertise, which has played a vital role in enhancing our experience with Zoho.</p><footer style="text-align:left;color:var(--grey-mid);font-weight:700;">&mdash; GoGlobal GEO Malaysia Sdn Bhd</footer></blockquote><div style="border:2px solid var(--black);border-radius:1.5rem;padding:2.5rem;text-align:center;"><p>Ready to turn your business challenges into success stories? Let&rsquo;s explore how Aplikasi can simplify and streamline your operations&mdash;just like we&rsquo;ve done for businesses across various industries.</p><div class="btn-primary"><a href="https://api.whatsapp.com/send?phone=60176009646&amp;text=Hi%2C I am interested to know more about your services.

Name%3A
Company%3A
Email%3A&amp;utm_source=blog&amp;utm_medium=article&amp;utm_campaign=honda_case_study" target="_blank">Get Started Now</a></div>
</div></article></main></div></div></div></div></div></div></div> ]]></content:encoded><pubDate>Wed, 19 Aug 2026 15:33:25 +0800</pubDate></item><item><title><![CDATA[Part 2: How Aplikasi Turns Ideas into Seamless Solutions]]></title><link>https://www.aplikasi.us/blogs/post/part-2</link><description><![CDATA[]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm_MWoo3-gKQXOcSi7lUxhPlQ" data-element-type="section" class="zpsection "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_CgQR0xDEQ7up_b4uGjSYoQ" data-element-type="row" class="zprow zprow-container zpalign-items- zpjustify-content- " data-equal-column=""><style type="text/css"></style><div data-element-id="elm_y7pLiIeiS4ud1lzJMndlUw" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- "><style type="text/css"></style><div data-element-id="elm_ajuoVuZSMiQAX13XHz5gSg" data-element-type="codeSnippet" class="zpelement zpelem-codesnippet "><div class="zpsnippet-container"><!DOCTYPE html><html lang="en"><meta charset="UTF-8"><title>Why Zoho Books Was the Best Fit</title><style> .zpelement{ margin:0; } .theme-blog-container-column .zpelement{ margin:unset; } .theme-blog-container-column { h1, h2,h3,h4,h5,h6{padding: 1em 0;}} .zpelement::before{ display: none; } .zpsection { padding: 0; } @media (min-width: 992px) { .theme-pages-full-stretch .zpcontainer { max-inline-size: 1300px; /* change this to change the container width */ } } .zpheader-style-01 .theme-header .zpcontainer { flex-direction: row; } /* SETTINGS. DO NOT EDIT. Add custom code in bottom (scroll to line ~1250) */ :root { --primary: #c92127; --primary-off: #ff914d; --secondary: #8C53FF; --secondary-off: #7D4AE5; --accent: #f39c13; --accent-off: #eab36a; --body-color: #292c2e; --body-off: #535353; --white: #ffffff; --base: #ffffff; --bg-base: #fff5ee; --grey-light: #e6e7e8; --grey: #414141; --grey-mid: #86898e; --black: #1b1b1b; --highlight: #FFC514cc; /* default 44 */ --highlight-dark: #FFC51490; /* default 77 */ --hover-brightness: 1.3; --border-radius: 0.5rem; --btn-radius: 8px; --btn-hover: ""; --btn-outline-border: 2px; /* \2192 for arrow \203A for single right chevron \00BB for double right chevron */ --gradient-1: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); --xxxl: 6.5rem ; /* changed 120px*/ --xxl: 4.5rem ; /* H1 80px */ --xl: 3.375rem ; /* H2 54px */ --l: 2.25rem ; /* H3 36px */ --m: 1.5rem ; /* H4 24px */ --body: 1.125rem ; /* 18px */ --s: 1rem ; /* 16px */ --xs:0.667rem ; /* changed 10px*/ --lh-xxxl: 1.2em; --lh-h1: 1.1em; --lh-h2: 1.3em; --lh-heading: 1.3em; --lh-body: 1.5em; --lh-btn: 1em; --ls-heading:unset; --ls-h1:unset; --ls-h2:unset; --col:7rem; --clamp-xxxl: clamp(3rem, calc(3rem + ((1vw - 0.3rem) * 7.6923)), var(--xxxl)); --clamp-xxl: clamp(2.5rem, calc(2.5rem + ((1vw - 0.3rem) * 4.8077)), var(--xxl)); --clamp-xl: clamp(1.75rem, calc(1.75rem + ((1vw - 0.3rem) * 2.4038)), var(--xl)); --clamp-l: clamp(1.5rem, calc(1.5rem + ((1vw - 0.3rem) * 0.9615)), var(--l)); --clamp-m: clamp(1.125rem, calc(1.125rem + ((1vw - 0.3rem) * 0.7212)), var(--m)); --clamp-s: clamp(0.875rem, calc(0.875rem + ((1vw - 0.3rem) * 0.2404)), var(--s)); --clamp-xs: clamp(0.625rem, calc(0.625rem + ((1vw - 0.3rem) * 0.2404)), var(--xs)); --clamp-body: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.2404)), var(--body)); --clamp-section: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 3.8462)), 3rem); --width-card: 26rem; --width-card-m: 40rem; --width-card-l: 54rem; --width-content: 1080px; /*BreakEvent Point*/ --desktop: 1312px; /* Desktop */ --tablet: 992px; /* Tablet */ --landscape: 768px; /* Landscape */ --mobile: 480px; /* Mobile */ } /* AutoCSS 1.0 for 11ty (1 Jan 2025) Modified for Zoho site (1 Jul 2026) by Aisyah Developed by Laman7 https://github.com/edwin-laman7/autoCSS */ /* Load "AutoCSS Setting" variables before the following lines */ *,::after,::before{box-sizing:border-box} img,picture {width:100%; height: auto; outline: none; vertical-align: middle;} button,input,select, textarea{font:inherit} @media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto; } *, *::before, *::after { -webkit-animation-duration: 0.01ms !important; animation-duration: 0.01ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } html { scroll-behavior: smooth; } /*Typography*/ body { min-height:100vh; text-rendering:optimizeSpeed; font-size: var(--clamp-body); color: var(--body-color); line-height: var(--lh-body); background-color: var(--base); } .text-xxxl { font-size: var(--clamp-xxxl); line-height: var(--lh-xxxl); letter-spacing: var(--ls-h1); } h1, .text-xxl { font-size: var(--clamp-xxl); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); } h2, .text-xl{ font-size: var(--clamp-xl); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); } h3, .text-l { font-size: var(--clamp-l); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h4, .text-m { font-size: var(--clamp-m); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h5, h6, .text-s { font-size: var(--clamp-s); line-height: var(--lh-heading); } .text-xs{ font-size: var(--clamp-xs); } .text-body { font-size: var(--clamp-body); line-height: var(--lh-body); } .text-m, .text-s, .text-body, .text-xs { line-height: var(--lh-body); } div { h1,h2,h3,h4, .text-xxxl, .text-xxl, .text-xl, .text-l, .text-m, .text-s, .text-xs, .text-xxs {margin:0} } /* Text */ .text-larger {font-size: 2em;} .text-smaller {font-size: 0.875em;} .text-lighter { font-weight: 100; } .text-light { font-weight: 200; } .text-normal { font-weight: 400; } .text-semibold { font-weight: 600; } .text-bold { font-weight: 700; } .text-bolder, .text-black { font-weight: 900; } .text-italic { font-style: italic; } .text-oblique { font-style: oblique; } .text-decoration-none { -webkit-text-decoration: none; text-decoration: none; } .text-underline { -webkit-text-decoration: underline; text-decoration: underline; } .text-underline-wavy { -webkit-text-decoration: underline wavy; text-decoration: underline wavy; } .text-underline-dotted { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } .text-underline-double { -webkit-text-decoration: underline double; text-decoration: underline double; } .text-underline-dashed { -webkit-text-decoration: underline dashed; text-decoration: underline dashed; } .text-overline { -webkit-text-decoration: overline; text-decoration: overline; } .text-line-through { -webkit-text-decoration: line-through; text-decoration: line-through; } .text-transform-none { text-transform: none; } .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } .text-capitalize { text-transform: capitalize; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .primary, .primary a {color: var(--primary)} .primary-off, .primary-off a {color: var(--primary-off)} .secondary, .secondary a {color: var(--secondary)} .secondary-off, .secondary-off a {color: var(--secondary-off)} .accent, .accent a {color: var(--accent)} .accent-off, .accent-off a{color: var(--accent-off)} .base, .base a {color: var(--base)} .white, .white a, .light, .light a {color: var(--white);} .grey, .grey a, .grey h1{color: var(--grey);} .grey-dark, .grey-dark a, .grey-dark h1{color: var(--grey-dark);} .grey-mid {a, h1, h2, h3, h4{color: var(--grey-mid);}} .grey-light, .grey-light a{color: var(--grey-light);} .black, .dark,.black a, .dark a {color: var(--black);} .body-color, .body-color a {color: var(--body-color);} .body-off, .body-off a {color: var(--body-off);} .bg-primary {background-color: var(--primary)} .bg-primary-off {background-color: var(--primary-off)} .bg-secondary {background-color: var(--secondary)} .bg-secondary-off {background-color: var(--secondary-off)} .bg-accent {background-color: var(--accent)} .bg-accent-off {background-color: var(--accent-off)} .bg-base {background-color: var(--base)} .bg-white, .bg-light {background-color: var(--white);} .bg-grey {background-color: var(--grey);} .bg-grey-dark {background-color: var(--grey-dark);} .bg-grey-mid {background-color: var(--grey-mid);} .bg-grey-light {background-color: var(--grey-light);} .bg-black, .bg-dark {background-color: var(--black);} .bg-body-color {background-color: var(--body-color);} .bg-body-off {background-color: var(--body-off);} /* Space System */ /* Works like owl system */ .space-v-xs:not(.ct-section) > * + * { margin-top: var(--clamp-s); } .space-v-s:not(.ct-section) > * + * { margin-top: var(--clamp-m); } .space-v-m:not(.ct-section) > * + * { margin-top: calc(var(--clamp-s) * 2); } .space-v-l:not(.ct-section) > * + * { margin-top: calc(var(--clamp-s) * 3); } .space-v-xl:not(.ct-section) > * + * { margin-top: calc(var(--clamp-s) * 4); } .space-h-xs:not(.ct-section) > * + * { margin-left: var(--clamp-s); } .space-h-s:not(.ct-section) > * + * { margin-left: var(--clamp-m); } .space-h-m:not(.ct-section) > * + * { margin-left: calc(var(--clamp-s) * 2); } .space-h-l:not(.ct-section) > * + * { margin-left: calc(var(--clamp-s) * 3); } .space-h-xl:not(.ct-section) > * + * { margin-left: calc(var(--clamp-s) * 4); } @media (max-width: 480px) { .space-h-xs:not(.ct-section) > * + *,.space-h-s:not(.ct-section) > * + *, .space-h-m:not(.ct-section) > * + *, .space-h-l:not(.ct-section) > * + *, .space-h-xl:not(.ct-section) > * + * {margin-left:.5rem} } section{ padding: 0 clamp(1rem, calc(1rem + ((1vw - 0.3rem) * -1.9038)), 0.01rem); } /* New Padding sizes */ .brxe-section, section, .section, .zpsection { header &, footer & { padding: 0; } padding: calc(var(--clamp-section)*2) 0; &.pad-xxs, &.section-pad-xxs { padding: calc(var(--clamp-section)*.25) 0; } &.pad-xs, &.section-pad-xs { padding: calc(var(--clamp-section)*.5) 0; } &.pad-s, &.section-pad-s { padding: calc(var(--clamp-section)*1) 0; } &.pad-m, &.section-pad-m { padding: calc(var(--clamp-section)*2) 0; } &.pad-l, &.section-pad-l { padding: calc(var(--clamp-section)*3) 0; } &.pad-xl, &.section-pad-xl { padding: calc(var(--clamp-section)*4) 0; } } .brxe-container, .container, .zpcontainer{ row-gap: calc(var(--clamp-s) * 4); column-gap: calc(var(--clamp-s) * 4); &.pad-xs {padding: calc(var(--clamp-s) * 1)} &.pad-s {padding: calc(var(--clamp-s) * 2)} &.pad-m {padding: calc(var(--clamp-s) * 4)} &.pad-l {padding: calc(var(--clamp-s) * 6)} &.pad-xl {padding: calc(var(--clamp-s) * 8)} &.pad-xxl {padding: calc(var(--clamp-s) * 10)} &.pad-xxxl {padding: calc(var(--clamp-s) * 12)} &.row-gap-xs {row-gap: calc(var(--clamp-s) * 1)} &.row-gap-s {row-gap: calc(var(--clamp-s) * 2)} &.row-gap-l {row-gap: calc(var(--clamp-s) * 6)} &.row-gap-xl {row-gap: calc(var(--clamp-s) * 8)} &.row-gap-xxl {row-gap: calc(var(--clamp-s) * 10)} &.row-gap-xxxl {row-gap: calc(var(--clamp-s) * 12)} &.col-gap-xs {column-gap: calc(var(--clamp-s) * 1)} &.col-gap-s {column-gap: calc(var(--clamp-s) * 2)} &.col-gap-l {column-gap: calc(var(--clamp-s) * 6)} &.col-gap-xl {column-gap: calc(var(--clamp-s) * 8)} &.col-gap-xxl {column-gap: calc(var(--clamp-s) * 10)} &.col-gap-xxxl {column-gap: calc(var(--clamp-s) * 12)} } .brxe-block, .block, .zpelem-box{ display: flex; align-items: flex-start; flex-direction: column; width: 100%; row-gap: calc(var(--clamp-s) * 1); column-gap: calc(var(--clamp-s) * 1); &.pad-xs {padding: calc(var(--clamp-s) * .75)} &.pad-s {padding: calc(var(--clamp-s) * 1)} &.pad-m {padding: calc(var(--clamp-s) * 1.5)} &.pad-l {padding: calc(var(--clamp-s) * 2)} &.pad-xl {padding: calc(var(--clamp-s) * 2.5)} &.pad-xxl {padding: calc(var(--clamp-s) * 3)} &.pad-xxxl {padding: calc(var(--clamp-s) * 3.5)} &.row-gap-xs {row-gap: calc(var(--clamp-s) * .25)} &.row-gap-s {row-gap: calc(var(--clamp-s) * .75)} &.row-gap-l {row-gap: calc(var(--clamp-s) * 1.5)} &.row-gap-xl {row-gap: calc(var(--clamp-s) * 2)} &.row-gap-xxl {row-gap: calc(var(--clamp-s) * 2.5)} &.row-gap-xxxl {row-gap: calc(var(--clamp-s) * 3)} &.col-gap-xs {column-gap: calc(var(--clamp-s) * .25)} &.col-gap-s {column-gap: calc(var(--clamp-s) * .75)} &.col-gap-l {column-gap: calc(var(--clamp-s) * 1.5)} &.col-gap-xl {column-gap: calc(var(--clamp-s) * 2)} &.col-gap-xxl {column-gap: calc(var(--clamp-s) * 2.5)} &.col-gap-xxxl {column-gap: calc(var(--clamp-s) * 3)} } /* Width System */ .width-1 {width: calc(1*8.3%);} .width-2, .width-xs {width: calc(2*8.3%);} .width-3, .width-s {width: calc(3*8.3%);} .width-4, .width-m {width: calc(4*8.3%);} .width-5 {width: calc(5*8.3%);} .width-6, .width-l, .width-50 {width: calc(6*8.3%);} .width-7 {width: calc(7*8.3%);} .width-8, .width-xl {width: calc(8*8.3%);} .width-9 {width: calc(9*8.3%);} .width-10 {width: calc(10*8.3%);} .width-11 {width: calc(11*8.3%);} .width-12 {width: calc(12*8.3%);} .width-full, .container { width: 100%; max-width: 100%; } /* Reactivate */ .col-1 {width: calc(var(--col)*1 - 2rem)} .col-2 {width: calc(var(--col)*2 - 2rem)} .col-3 {width: calc(var(--col)*3 - 2rem)} .col-4 {width: calc(var(--col)*4 - 2rem)} .col-5 {width: calc(var(--col)*5 - 2rem)} .col-6 {width: calc(var(--col)*6 - 2rem)} .col-7 {width: calc(var(--col)*7 - 2rem)} .col-8 {width: calc(var(--col)*8 - 2rem)} .col-9 {width: calc(var(--col)*9 - 2rem)} .col-10 {width: calc(var(--col)*10 - 2rem)} .col-11 {width: calc(var(--col)*11 - 2rem)} .col-12 {width: calc(var(--col)*12 - 2rem)} @media (max-width: 1312px) { .width-full, .container {max-width: 1200px;} .width-l-full {width: 100%;} } @media (max-width: 992px) { .width-full, .container {max-width: 992px} .width-xxl, .width-xl, .width-l, .width-m, .width-50, .width-4, .width-5, .width-6, .width-7, .width-8, .width-9, .width-10, .width-100, .col-12, .col-11, .col-10 {width: 100%;} .width-1, .width-2, .width-3, .width-xs, .width-s {width: 50%;} .width-lg-1 {width: calc(1*25%);} .width-lg-2, .width-lg-xs {width: calc(2*25%);} .width-lg-3, .width-lg-s {width: calc(3*25%);} .width-lg-4, .width-lg-m {width: calc(4*25%);} } @media (max-width:480px) { .width-sm-1 {width: calc(1*25%)} .width-sm-2 {width: calc(2*25%)} .width-sm-3 {width: calc(3*25%)} .width-sm-full, .width-sm-4 {width: 100%;} } .card { background-color: var(--white); box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; border-radius: var(--border-radius); border:1px solid #eee; transition: all 500ms; } @media (max-width: 768px) { .card { margin: 0.5rem 0;} } .card:hover { box-shadow: .25rem .25rem 1rem rgba(0, 0, 0, 0.3); cursor: pointer; } /* Grid */ .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-1-2, .grid-1-3, .grid-2-1, .grid-2-3, .grid-3-1, .grid-3-2 { display: grid !important; gap: calc(var(--clamp-s) * 2);; align-items: stretch; } .grid-2:not(.ct-section) { grid-template-columns: repeat(2,1fr); } .grid-3:not(.ct-section) { grid-template-columns: repeat(3,1fr); } .grid-4:not(.ct-section) { grid-template-columns: repeat(4,1fr); } .grid-5:not(.ct-section) { grid-template-columns: repeat(5,1fr); } .grid-6:not(.ct-section) { grid-template-columns: repeat(6,1fr); } @media (max-width: 1312px) { .col-9, .col-10, .col-11, .col-12 {width: auto;} } @media (max-width: 992px) { .col-9, .col-10, .col-11, .col-12 {width: auto;} .col-5, .col-6, .col-7, .col-8 {width: auto} .grid-3:not(.ct-section),.grid-4:not(.ct-section) {grid-template-columns: repeat(3,1fr)} .grid-5:not(.ct-section),.grid-6:not(.ct-section) { grid-template-columns: repeat(4,1fr);} } @media (max-width: 768px) { .grid-3:not(.ct-section),.grid-4:not(.ct-section) {grid-template-columns: repeat(2,1fr)} .grid-5:not(.ct-section),.grid-6:not(.ct-section) { grid-template-columns: repeat(3,1fr);} .grid-md-1:not(.ct-section){grid-template-columns: repeat(1,1fr);} .grid-md-2:not(.ct-section){grid-template-columns: repeat(2,1fr);} .grid-md-3:not(.ct-section){grid-template-columns: repeat(3,1fr);} .grid-md-4:not(.ct-section){grid-template-columns: repeat(4,1fr);} } @media (max-width:480px) { .grid-2:not(.ct-section),.grid-3:not(.ct-section) { grid-template-columns: repeat(1,1fr);} .grid-sm-1:not(.ct-section){grid-template-columns: repeat(1,1fr);} .grid-sm-2:not(.ct-section){grid-template-columns: repeat(2,1fr);} .grid-sm-3:not(.ct-section){grid-template-columns: repeat(3,1fr);} .grid-sm-4:not(.ct-section){grid-template-columns: repeat(4,1fr);} } @media (max-width: 340px) { .grid-4:not(.ct-section) {grid-template-columns: repeat(1,1fr)} .grid-5:not(.ct-section),.grid-6:not(.ct-section) { grid-template-columns: repeat(2,1fr);} } .grid-1-2:not(.ct-section) { grid-template-columns: 1fr 2fr; } .grid-1-3:not(.ct-section) { grid-template-columns: 1fr 3fr; } .grid-2-1:not(.ct-section) { grid-template-columns: 2fr 1fr; } .grid-2-3:not(.ct-section) { grid-template-columns: 2fr 3fr; } .grid-3-1:not(.ct-section) { grid-template-columns: 3fr 1fr; } .grid-3-2:not(.ct-section) { grid-template-columns: 3fr 2fr; } @media (max-width: 768px) { .grid-1-2:not(.ct-section) { grid-template-columns: repeat(1, 1fr);} .grid-1-3:not(.ct-section), .grid-2-3:not(.ct-section) {grid-template-columns: 1fr 2fr;} .grid-3-1:not(.ct-section), .grid-3-2:not(.ct-section) {grid-template-columns: 2fr 1fr;} } @media (max-width: 480px) { .grid-1-2:not(.ct-section),.grid-2-1:not(.ct-section), .grid-1-3:not(.ct-section),.grid-3-2:not(.ct-section),.grid-2-3:not(.ct-section),.grid-3-1:not(.ct-section) { grid-template-columns: repeat(1, 1fr); } } .grid-top {align-items: start;} .grid-bottom{align-items: end;} /* Gaps for Grid */ .gap-xs:not(.ct-section) { gap: var(--clamp-s) } .gap-s:not(.ct-section) { gap: var(--clamp-m) } .gap-m:not(.ct-section) { gap: calc(var(--clamp-s) * 2); } .gap-l:not(.ct-section) { gap: calc(var(--clamp-s) * 3); } .gap-xl:not(.ct-section) { gap: calc(var(--clamp-s) * 4); } .gap-xxl:not(.ct-section) { gap: calc(var(--clamp-s) * 6); } .gap-none:not(.ct-section), .gap-0:not(.ct-section) { gap: 0; } /* Breakout */ @media (min-width: 1279px) { .breakout-s { width: 60vw; max-width: 60vw !important; margin: 0 calc(-30vw + 50%); } .breakout-m { width: 70vw; max-width: 70vw !important; margin: 0 calc(-35vw + 50%); } .breakout-l { width: 80vw; max-width: 80vw !important; margin: 0 calc(-40vw + 50%); } .breakout-xl { width: 90vw; max-width: 90vw !important; margin: 0 calc(-45vw + 50%); } } .breakout-full { width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important; } @media (max-width: 1279px) { [class*="breakout-"]:not(.breakout-full) { width: 100% !important; max-width: 100% !important; margin: 0; } } @media (max-width: 768px) { .breakout-full {margin: 0} } @media (max-width: 480px) { .breakout-m-full { width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important; align-self: flex-start;} } /* Margin */ .margin-v-xs:not(.ct-section) { margin: var(--clamp-s) 0; } .margin-v-s:not(.ct-section) { margin: var(--clamp-m) 0; } .margin-v-m:not(.ct-section) { margin: calc(var(--clamp-s) * 2) 0; } .margin-v-l:not(.ct-section) { margin: calc(var(--clamp-s) * 3) 0; } .margin-v-xl:not(.ct-section) { margin: calc(var(--clamp-s) * 4) 0; } .margin-v-xxl:not(.ct-section) { margin: vcalc(var(--clamp-s) * 6) 0; } @media (max-width: 1312px) { .pad-lg-0, .pad-xl-0, .pad-xl-none, {padding: 0;} } @media (max-width: 992px) { .pad-md-0, .pad-lg-0, .pad-lg-none {padding: 0 !important;} .grid-xl-reverse, .grid-lg-reverse {order: -1} } @media (max-width: 768px) { .pad-xxl, .pad-xl, .brxe-container.pad-xxl, .brxe-container.pad-xl, .container.pad-xxl, .container.pad-xl { padding: var(--clamp-m); } .pad-md-none, .pad-lg-none, .pad-md-0 {padding: 0 !important} .grid-l-reverse, .grid-md-reverse {order: -1} .pad-l, .brxe-container.pad-l, .brxe-container.pad-m, .container.pad-l, .container.pad-m { padding: var(--clamp-s);} } @media (max-width: 480px) { .pad-sm-none, .pad-m-none, .pad-sm-0 {padding: 0 !important} .grid-m-reverse, .grid-sm-reverse {order: -1} } .pad-v-xs:not(.ct-section) { padding-top: var(--clamp-s); padding-bottom: var(--clamp-s); } .pad-v-s:not(.ct-section) { padding-top: var(--clamp-m); padding-bottom: var(--clamp-m); } .pad-v-m:not(.ct-section) { padding-top: calc(var(--clamp-s) * 2); padding-bottom: calc(var(--clamp-s) * 2); } .pad-v-l:not(.ct-section), .pad-v { padding-top: calc(var(--clamp-s) * 3); padding-bottom: calc(var(--clamp-s) * 3); } .pad-v-xl:not(.ct-section) { padding-top: calc(var(--clamp-s) * 4); padding-bottom: calc(var(--clamp-s) * 4); } .pad-v-xxl:not(.ct-section) { padding-top: calc(var(--clamp-s) * 6); padding-bottom: calc(var(--clamp-s) * 6); } .pad-v-xxxl:not(.ct-section) { padding-top: var(--clamp-xxxl); padding-bottom: var(--clamp-xxxl); } .margin-b-xs {margin-bottom: var(--s)} .margin-b-s {margin-bottom: var(--m)} .margin-b-m {margin-bottom: calc(var(--s) * 3)} .margin-b-l {margin-bottom: calc(var(--s) * 4)} .margin-b-xl {margin-bottom: calc(var(--s) * 6)} .margin-b-xxl {margin-bottom: calc(var(--s) * 8)} .pad-h-xs:not(.ct-section) { padding-left: var(--clamp-s); padding-right: var(--clamp-s); } .pad-h-s:not(.ct-section) { padding-left: var(--clamp-m); padding-right: var(--clamp-m); } .pad-h-m:not(.ct-section) { padding-left: calc(var(--clamp-s) * 2); padding-right: calc(var(--clamp-s) * 2); } .pad-h-l:not(.ct-section) { padding-left: calc(var(--clamp-s) * 3); padding-right: calc(var(--clamp-s) * 3); } .pad-h-xl:not(.ct-section) { padding-left: calc(var(--clamp-s) * 4); padding-right: calc(var(--clamp-s) * 4); } .pad-0 {padding: 0} /* Center */ .center-all, .center-all > * { flex-direction: column; align-items: center; align-self: center; align-content: center; justify-content: center; justify-items: center; text-align: center; } .center-v{ flex-direction: column; justify-items: center; justify-content: center; align-items: flex-start; } .center-h { flex-direction: column; justify-items: center; justify-content: center; align-items: center; } @media (max-width: 991px) { .center-all:not(.ct-section), .ct-section.center-all > .ct-section-inner-wrap { display: flex; flex-direction: column; align-items: center; align-content: center; justify-items: center; justify-content: center; text-align: center; } .center-y:not(.ct-section), .ct-section.center-y > .ct-section-inner-wrap { flex-direction: column; justify-items: center; justify-content: center; align-items: flex-start; } .center-h:not(.ct-section), .ct-section.center-h > .ct-section-inner-wrap { display: flex; flex-direction: column; justify-items: center; justify-content: center; align-items: center; } } .center-self, .align-center {margin: auto;} .align-right {margin-left: auto;} .sticky { position: -webkit-sticky; position: sticky; top: 0; } .sticky-top-s { top: 2.5%; } .sticky-top-m { top: 5%; } .sticky-top-l { top: 10%; } @media only screen and (max-width: 767px) { .sticky-top-s, .sticky-top-m, .sticky-top-l {top:.5rem} } /* Button */ .btn-primary a,.btn-secondary a,.btn-accent a,.btn-white a, .btn-black a{ z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .btn-primary a::before,.btn-secondary a::before,.btn-accent a::before,.btn-white a::before, .btn-black a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s; z-index: -1; transform: translateX(-110%); border-radius: var(--btn-radius); } .btn-primary a::before { /*background-color: var(--primary-off);*/ background-color: #ff5757; } .btn-secondary a::before { background-color: var(--secondary-off); } .btn-accent a::before { background-color: var(--accent-off); } .btn-white a::before { background-color: var(--body-color); } .btn-white a::before { background-color: var(--body-color); } .btn-black a::before { background-color: var(--white); } .btn-primary a:hover::before, .btn-secondary a:hover::before, .btn-accent a:hover::before, .btn-white a:hover::before, .btn-black a:hover::before { transform: translateX(0); } .btn-long a:hover {padding-right: 4em} .btn-primary a::after, .btn-secondar a::after, .btn-accent a::after, .btn-white a::after, .btn-black a::after { content: var(--btn-hover); position: absolute; right: var(--btn-on); opacity:0; transition: all .2s; } .btn-primary a:hover::after,.btn-secondary a:hover::after,.btn-accent a:hover::after, .btn-white a:hover::after, .btn-black a:hover::after{ right:1em; opacity:1; } .btn-primary a { background-color: var(--primary); /* font-size: var(--body); font-size: var(--clamp-body); */ } .btn-primary.btn-outline a{ background-color: transparent; color: var(--primary); box-shadow: 0 0 0 var(--btn-outline-border) var(--primary) inset } .btn-primary.btn-outline a::before { background-color: var(--primary); } .btn-primary.btn-outline a:hover { color:var(--white); box-shadow: 0 0 0 var(--btn-outline-border) var(--primary) inset } .btn-secondary a { background-color: var(--secondary); /* font-size: var(--body); font-size: var(--clamp-body); */ } .btn-secondary.btn-outline a{ background-color: transparent; color: var(--secondary); box-shadow: 0 0 0 var(--btn-outline-border) var(--secondary) inset } .btn-secondary.btn-outline a::before { background-color: var(--secondary); } color:var(--white); .btn-secondary.btn-outline a:hover { box-shadow: 0 0 0 var(--btn-outline-border) var(--secondary) inset } .btn-accent a{ background-color: var(--accent); /* font-size: var(--body); font-size: var(--clamp-body); */ } .btn-accent.btn-outline a { background-color: transparent; color: var(--accent); box-shadow: 0 0 0 var(--btn-outline-border) var(--accent) inset } .btn-accent.btn-outline a::before { background-color: var(--accent); } .btn-accent.btn-outline a:hover { color:var(--white); box-shadow: 0 0 0 var(--btn-outline-border) var(--accent) inset } .btn-white a { background-color: var(--white); color:var(--black); font-size: var(--clamp-body); } .btn-white a:hover {color:var(--white)} .btn-white.btn-outline a { background-color: transparent; color: var(--white); box-shadow: 0 0 0 var(--btn-outline-border) var(--white) inset } .btn-white.btn-outline a::before { background-color: var(--white); } .btn-white.btn-outline a:hover { color:var(--black); box-shadow: 0 0 0 var(--btn-outline-border) var(--white) inset } .btn-black a{ background-color: var(--black); color:var(--white); font-size: var(--body); font-size: var(--clamp-body); } .btn-black a:hover {color:var(--black)} .btn-black.btn-outline a { background-color: transparent; color: var(--black); box-shadow: 0 0 0 var(--btn-outline-border) var(--black) inset } .btn-black a.btn-outline a::before { background-color: var(--white); } .btn-black.btn-outline a:hover { /* color:var(--black); */ box-shadow: 0 0 0 var(--btn-outline-border) var(--white) inset } .btn-xs a{ font-size: var(--clamp-xs); padding: calc(var(--clamp-xs)*.75) calc(var(--clamp-xs)*1.5); } .btn-s a{ font-size: var(--s); font-size: var(--clamp-s); padding: calc(var(--clamp-s)*.75) calc(var(--clamp-s)*1.5); } .btn-m a{ font-size: var(--clamp-m); padding: calc(var(--clamp-body)*1.25) calc(var(--clamp-body)*2.5); } .btn-l a{ font-size: var(--clamp-l); padding: calc(var(--clamp-body)*1.5) calc(var(--clamp-body)*3); } .btn-long a{padding: calc(var(--clamp-body)) calc(var(--clamp-body)*4);} .btn-xs.btn-long a{ padding: calc(var(--clamp-xs)) calc(var(--clamp-xs)*4);} .btn-s.btn-long a { padding: calc(var(--clamp-s)) calc(var(--clamp-s)*4);} .btn-m.btn-long a{ padding: calc(var(--clamp-m)) calc(var(--clamp-m)*4);} .btn-l.btn-long a{ padding: calc(var(--clamp-l)) calc(var(--clamp-l)*4);} a[class*="btn--"] { display: inline-block; } .btn-clear a{ background: none; border: none; } a { transition: all 0.5s; color: var(--primary); } button a:hover { cursor: pointer; filter: brightness(var(--hover-brightness)); } @media (max-width:480px) { .btn-long{ padding: var(--clamp-body) calc(var(--clamp-body)*2);} .btn-xs.btn-long { padding: calc(var(--clamp-xs)) calc(var(--clamp-xs)*2);} .btn-s.btn-long { padding: calc(var(--clamp-s)) calc(var(--clamp-s)*2);} .btn-m.btn-long { padding: calc(var(--clamp-m)) calc(var(--clamp-m)*2);} .btn-l.btn-long { padding: calc(var(--clamp-l)) calc(var(--clamp-l)*2);} .btn-m { padding: calc(var(--clamp-body)*1) calc(var(--clamp-body)*1.5);} .btn-l { padding: calc(var(--clamp-body)*1.25) calc(var(--clamp-body)*2);} } a.btn-text-dark {color: var(--black)} a.btn-text-light {color:var(--white)} a.link-primary, .link-primary a {color: var(--primary); } a.link-secondary, .link-secondary a {color: var(--secondary)} a.link-accent, .link-accent a {color: var(--accent)} a.link-white, .link-white a {color: var(--white)} a.link-grey, .link-grey a {color: var(--grey)} a.link-body, .link-body a {color: var(--body-color)} a.link-primary, a.link-secondary, a.link-accent, a.link-white, a.link-grey, a.link-body { display: inline-block; text-decoration: none; } a.link-primary::after, a.link-secondary::after, a.link-accent::after, a.link-white::after, a.link-grey::after, a.link-body::after, .link-primary a::after, .link-secondary a::after, .link-accent a::after, .link-white a::after, .link-grey a::after, .link-body a::after { content: ''; display: block; width: 0; height: 2px; transition: width .4s; margin-top:6px } a.link-primary::after, .link-primary a::after { background: var(--primary);} a.link-secondary::after, .link-secondary a::after {background: var(--secondary)} a.link-accent::after, .link-accent a::after {background: var(--accent)} a.link-white::after, .link-white a::after {background: var(--white)} a.link-grey::after, .link-grey a::after {background: var(--grey)} a.link-body::after, a.link-body a::after {background: var(--body-color)} a.link-primary:hover::after, a.link-secondary:hover::after, a.link-accent:hover::after, a.link-white:hover::after, a.link-grey:hover::after, a.link-body:hover::after, .link-primary:hover a::after, .link-secondary:hover a::after, .link-accent:hover a::after, .link-white:hover a::after, .link-grey:hover a::after, .link-body:hover a::after { width:100%; } .rounded-xs, .rounded-xs img { border-radius: 0.4444444444rem; } .rounded-s, .rounded-s img{ border-radius: 0.25rem; } .rounded-m, .rounded-m img { border-radius: 0.5rem; } .rounded-l, .rounded-l img { border-radius: 1rem; } .rounded-xl, .rounded-xl img { border-radius: 2rem; } .rounded-xxl, .rounded-xxl img{ border-radius: 4rem; } .rounded-circle, .rounded-circle img { border-radius: 50%; } /* .rounded-xs, .rounded-s, .rounded-m, .rounded-l, .rounded-xl, .rounded-xxl, .rounded-circle {overflow: hidden;} */ /* Tables */ table { border: 1px solid var(--grey-light); border-radius: var(--border-radius); border-spacing: 0; display: inline-block; max-width: 100%; overflow-x: auto; padding: 0; white-space: nowrap; } table td, table th, table tr { padding: 0.75rem 1rem; } table thead { background-color: var(--primary); border-collapse: collapse; border-radius: var(--border-radius); color: var(--base); border-color: var(--primary); margin: 0; padding: 0; } table thead th:first-child { border-top-left-radius: var(--border-radius); } table thead th:last-child { border-top-right-radius: var(--border-radius); } table tr:nth-child(even) { /* background-color: var(--grey-light);*/ } /* Quotes */ blockquote p::before { content: open-quote; font-size: 2em; position: relative; top:.125em; right:.5em; display:block; line-height:0; } blockquote { font-size: var(--clamp-m); line-height: var(--lh-body); margin: 1rem auto; max-width: 50vw; padding: 1.5rem 1.5rem 1.5rem 2.5rem; } blockquote footer { color: var(--body-mute); font-size: var(--clamp-xs); line-height: var(--lh-body); padding: 1.5rem 0; } blockquote p {margin:0; padding: 0} ol li, ul li { padding: 0.5rem 0; } main p { margin: 0 0 calc(var(--clamp-s) * 1.25); padding: 0; } pre { margin: 1rem 0; max-width: var(--width-card-l); padding: 1rem 0; } pre code, pre samp { display: block; max-width: var(--width-card-l); padding: 0.5rem 2rem; white-space: pre-wrap; } @media (max-width: 480px) { form { padding: 1rem 0; } } form header { margin: 1.5rem 0; padding: 1.5rem 0; } input, label, select, textarea { display: block; font-size: inherit; } input[type="checkbox"], input[type="radio"] { display: inline-block; } input[type="checkbox"]+label, input[type="radio"]+label { display: inline-block; font-weight: normal; } input, select,textarea { border: 1px solid var(--grey); border-radius: var(--border-radius); } input[readonly], textarea[readonly] { background-color: var(--grey); } label, .label { margin-bottom: 0.2rem; font-size: var(--clamp-xs); } form ul li { padding: 0 } ::selection { color: var(--base); background: var(--primary); } /* width */ ::-webkit-scrollbar { width:8px; height:8px; } /* Track */ ::-webkit-scrollbar-track { background-color: rgba(255,255,255,0.1); border-radius: 8px; border:none; } /* Handle */ ::-webkit-scrollbar-thumb { background-image: linear-gradient( rgba(0,0,0,0.3), rgba(0,0,0,0.3)); border-radius:8px; box-shadow: rgba(0,0,0,.12) 0 3px 13px 1px; transition: all 1s; } ::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active { background-image: linear-gradient(45deg, var(--primary), var(--secondary)); } @media (max-width:992px) { .none-lg {display: none !important;} blockquote {max-width:75vw} } @media (max-width:768px) { .none-md {display: none !important;} } @media (max-width:480px) { .none-sm {display: none !important;} blockquote {max-width:90vw} } .div-relative { position: relative} .div-absolute {position: absolute} .height-25 {min-height: 25vh;} .height-50 {min-height: 50vh;} .height-60 {min-height: 60vh;} .height-75 {min-height: 75vh;} .height-80 {min-height: 80vh;} .height-100,.height-full {min-height: 100vh;} .margin-top-5 {margin-top:5vh} .margin-top-10 {margin-top:10vh} .margin-top-25 {margin-top:25vh} .margin-0 {margin:0} .bg-img,.bg-default {position: relative; background-color: grey; background-image: repeating-linear-gradient( 45deg,#eee,#eee 10px,#ddd 10px,#ddd 20px );} @media (max-width:767px) { .height-md-25 {min-height: 25vh;} .height-md-50 {min-height: 50vh;} .height-md-60 {min-height: 60vh;} .height-md-75 {min-height: 75vh;} .height-md-80 {min-height: 80vh;} .height-md-100,.height-full {min-height: 100vh;} } .ratio-1-1 {aspect-ratio: 1 / 1; object-fit: cover;} .ratio-2-3 {aspect-ratio: 2 / 3; object-fit: cover;} .ratio-3-2 {aspect-ratio: 3 / 2; object-fit: cover;} .ratio-3-4 {aspect-ratio: 3 / 4; object-fit: cover;} .ratio-4-3 {aspect-ratio: 4 / 3; object-fit: cover;} .ratio-16-9 {aspect-ratio: 16 / 9; object-fit: cover;} .columns-2 {column-count: 2} .columns-3 {column-count: 3} @media (max-width:992px) { .columns-2, .columns-3 {column-count: 1} } main em { padding: 0 0.5rem; border-radius: 1em; font-style: normal; font-weight:500; background-image: linear-gradient(90deg,var(--highlight-dark),var(--highlight),var(--highlight)); } .border-grey {border:1px solid var(--grey); border-radius: var(--border-radius)} .border-grey-dark {border:1px solid var(--grey-dark); border-radius: var(--border-radius)} .fit-content > * {min-width:fit-content} .flex-row {display:flex; flex-direction: row;} .flex-right {justify-content: right;} .flex-h-center {justify-content: center;} .flex-v-center {align-items: center;} .flex-col {display:flex; flex-direction: column;} .flex-wrap {flex-wrap: wrap;} @media (max-width: 768px) { .flex > * {min-width:auto} } .none {display:none !important} /* New for 11ty */ .brxe-container, .container, .zpcontainer { width: 1312px; display: flex; flex-direction: column; margin-left:auto; margin-right: auto; @media (max-width: 992px) { width: 100%; padding: 0 var(--clamp-s); } } /* =============== END OF AUTOCSS =============== */ /* ZOHO FIX */ /* =============== CUSTOM CSS STARTS HERE =============== */ .hero-banner{ background-repeat:no-repeat; display: flex; flex-direction:row; align-items:center; padding: 0; } .hero-svg{ height:560px; } .hero-wrap{ position: relative; } .hero-background { position: absolute; } .btn-primary a{ background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; } .btn-primary a.zpbutton-wrapper.zpbutton.zpbutton-type-primary { color: white; } .btn-box{ display:flex; flex-direction:row; gap:2em; } @media (max-width:767px) { .btn-box{ flex-direction:column;} } .btn-box.zpelement:before { content: ""; display: none; } .text-grad-1, h2 span{ font-family: var(--font-family); background: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* Client logo filmstrip */ .client-logo{ .hb-grid-gallery img { max-width: 100px; margin: 0 30px; filter: grayscale(1); transition: filter .3s; } .hb-grid-gallery img:hover { filter: grayscale(0); } .zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container.zpcarousel-arrow-type-03 svg{ fill:var(--primary); } [data-layout-type=filmstrip].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-left, [data-layout-type=filmstrip].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-right, [data-filmstrip-enabled].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-left, [data-filmstrip-enabled].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-right{ background: var(--white); } } .bg-red-b{ background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); } .team-transformation { background-image: url(/teams%20transformation.webp), linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); background-size: 50%, 100% 30rem, 100% 30rem; background-position: left bottom, center bottom, center bottom; padding-bottom: 25rem; /*background-position: left bottom, center, center;*/ background-repeat: no-repeat; } .step { color: var(--primary); font-weight: 500; border: 1px solid var(--grey-light); padding: 0 0.8em; border-radius: var(--xs); display: flex; align-items: center; } .step::before { width: 10px; height: 10px; background: var(--gradient-1); content: " "; margin-right: 5px; } .cards-2{ box-shadow: none; border: 1px solid var(--grey-light); } .cards-2 h3.zpimage-heading { font-weight: 800; } .bg-grad-2{ background: radial-gradient(44.16% 44.16% at 49.97% 35.03%, rgba(145, 55, 124, 0.1) 0%, rgba(255, 255, 255, 0.5) 79.97%, #fff 100%), var(--white); } .text-label{ letter-spacing: 4px; font-weight: 500; font-size: var(--s); } .footer-cta { } /* solutions internal pages*/ .features-header{ background-size: 60%; } @media (max-width: 480px) { .features-header { background-size: 76%; height: 480px; padding-top: 90px; }} .features-section{ background-image: linear-gradient(180deg, #fff 20%, rgba(255, 255, 255, 0) 100%), linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); background-size: 100%; background-position: top center; background-repeat: no-repeat; } .feature-wrap{ margin-top: -10em; } .feature-icon .zpicon-container .zpicon-size-md{ background: linear-gradient(42deg, #e83935 0%, #871c1c 100%); border-radius: var(--s); } .feature-icon{ width: 100%; } .feature-icon h4{ font-size:var(--m); font-weight: 600; margin-top: 12px; } .footer{ background: linear-gradient(90deg, rgba(255, 87, 87, 0.7) 50%, rgba(140, 82, 255, 0.7) 100%), #000; color:white; } .footer a{ color:var(--white) } .footer .zpcontainer-fluid.zpcontainer { row-gap: 1em; } .footer-bottom{ display: flex; flex-direction: row; align-content: space-between; } .credit{ opacity: 0.5; } .text-label h1{ font-size:var(--xs); font-weight:600; color:var(--grey); text-transform: uppercase; } .text-label{ } .theme-blog-container .zptext *{ margin:1em; } h2.hero {font} .btn-secondary:hover {color:var(--white)} /* Responsive Fix 1024 to 0 px*/ @media (max-width: 768px) { .team-transformation {padding-bottom: 10rem} .hero-banner{ height: auto; } } /* Mobile Fix 768px to 0 px*/ @media (max-width: 768px) { .gap-s {gap:1rem} .card {margin:0} } /* Mobile Fix 425px to 0 px*/ @media (max-width: 425px) { .gap-s {gap:1rem} } .team-transformation h3, .solutions h3{ font-size: var(--m); } .flex{ display: flex; flex-direction: row; } .theme-blog-post-content h2 span{ background: unset; background-clip: unset; -webkit-text-fill-color: unset; font-size: unset; } .theme-logo-parent img { height: auto; width: 50px; } .footer h5 { font-weight: 600; } .solution-img-prob .zpimage-container.zpimage-align-center figure img { object-fit: cover; } @media (max-width: 924px) { .solution-img-prob .zpimage-container.zpimage-align-center figure img { width: auto !important; } } /********* contact form ************/ .contact-form button, .contact-form input[type='submit'], .contact-form input[type='reset'], .contact-form input[type='button'] { background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .fields-wrap { width: 510px; row-gap: 0.5em; display: flex; flex-direction: column; } /* Fix for Jagged on mobile */ html,body { overflow-x: clip; } .zpcontainer, .zpcontainer-fluid, .theme-content-area { max-width: 100%; } .contact-form-page{ width:100%; height: 800px; min-height:800px } /* Case study badge */ .case-badge { display: inline-flex; align-items: center; gap: 0.4em; border: 1px solid var(--grey-light); border-radius: var(--btn-radius); padding: 0.3em 0.9em; font-size: var(--clamp-xs); font-weight: 600; color: var(--primary); margin-bottom: 0.5rem; } </style><main><article><h2 class="text-xl text-bold text-center" style="font-size:26px;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">From Vision to Reality: How Aplikasi Brings Your Zoho Solution to Life</h2><p style="letter-spacing:0.3px;">In <a href="https://aplikasi.zohosites.com/blogs/post/part-1-how-aplikasi-turns-ideas-into-seamless-solutions1" target="_b
lank">Part 1</a>, we shared how every Aplikasi project begins — from understanding your business needs to documenting every detail in the User Requirements Specification (URS). Once that foundation is approved, we move into what we call the <strong>Realisation Stage</strong> — where ideas transform into fully functional, customized Zoho solutions.</p><p style="letter-spacing:0.3px;">This stage covers three crucial phases: <strong>Configuration, Development, and Go-Live.</strong></p><img src="https://www.aplikasi.us/images/gb3f9444b493cea623012bbff7f0d01432d7fbdb18c118d297e0a74744ad95fbbc115db5e013a57467af7e1b2c28186d3579a661ff239643755987fc8ff47dab0_1280.jpg" alt="Aplikasi team working on the Realisation stage of a Zoho project"><h2 class="text-xl text-bold" style="font-size:26px;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Step 1: Configuration – Setting the Foundation Right</h2><p style="letter-spacing:0.3px;">Before a single line of code is written, our team ensures your Zoho environment is structured according to your business goals.</p><p style="letter-spacing:0.3px;"><strong>What Happens Here:</strong></p><p style="letter-spacing:0.3px;">Before diving into development, our team ensures every configuration aligns perfectly with your approved requirements. This stage is about <strong>precision and clarity</strong>.</p><p style="letter-spacing:0.3px;"><strong>Our Project Manager (PM), Solution Architect (SA), Business Analyst (BA)</strong>, and <strong>Developer</strong> will have an internal alignment meeting where the BA explains what needs to be done, provides context, and sets clear expectations on how each component should function. This session also gives the team—especially the developers—an opportunity to ask questions and gather detailed information.</p><p style="letter-spacing:0.3px;">The <strong>PM </strong>then creates structured tasks and assigns expected completion dates in <strong>Zoho Projects</strong>, ensuring everyone knows who is responsible for what and by when. To prepare for smooth configuration, we also provide the client with a <strong>data template</strong>, which will be used later during setup and migration.</p><p style="letter-spacing:0.3px;"><strong>Goal:</strong> To lay a strong foundation by ensuring that every technical and functional configuration is well understood, documented, and aligned with the project timeline.</p><img src="https://www.aplikasi.us/images/meeting.jpg" alt="Aplikasi internal alignment meeting during the configuration phase"><h2 class="text-xl text-bold" style="font-size:26px;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Step 2: Development – Turning Requirements into Reality</h2><p style="letter-spacing:0.3px;">This is where your solution truly takes shape. Our technical team work hand in hand to transform requirements into a working system. <strong>It is our practice to conduct bi-weekly or weekly meetings with clients to ensure we stay on track with both the project timeline and agreed requirements</strong>, fostering transparency and collaboration throughout the entire development phase.</p><p style="letter-spacing:0.3px;">What Happens Here:</p><ul><li>Setting up user roles, permissions, and modules in line with your organization's structure.</li><li>Customizing standard Zoho applications to match your workflows.</li><li>Ensuring data fields, forms, and layouts reflect the needs captured in the URS.</li><li>Establishing integrations between different Zoho apps where necessary (for example, Zoho CRM ↔ Zoho Books).</li><li>Developing custom functions, workflows, and automation rules to meet complex requirements.</li><li>Creating custom apps using <strong>Zoho Creator</strong> where out-of-the-box features aren't enough.</li><li>Integrating third-party tools and APIs for seamless data flow.</li><li>Rigorous testing of every function to ensure stability and performance.</li></ul><p style="letter-spacing:0.3px;"><strong>Goal:</strong> To deliver a smart, automated system that simplifies your business processes and enhances efficiency.</p><h2 class="text-xl text-bold" style="font-size:26px;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Step 3: Go-Live – Bringing the System to the Real World</h2><p style="letter-spacing:0.3px;">Once everything is tested and approved, we prepare your team for launch! The Go-Live stage is not just a switch — it's a coordinated process designed for smooth transition.</p><p style="letter-spacing:0.3px;">What Happens Here:</p><ul><li>Conducting<strong> User Acceptance Testing (UAT)</strong> sessions with your team.</li><li>Providing a <strong>comprehensive user manual</strong> tailored to your system setup.</li><li>Conducting <strong>admin and user training sessions</strong>, ensuring both groups understand their respective functions and responsibilities.</li><li>Encouraging <strong>hands-on practice</strong> during training to build user confidence and reduce post-launch dependency.</li><li>Addressing <strong>final tweaks and refinements</strong> based on real-user feedback.</li><li>Migrating existing data into the new system <strong>securely and accurately</strong>.</li></ul><p style="letter-spacing:0.3px;"><strong>Goal:</strong> To ensure your new Zoho solution goes live smoothly — with zero disruption and full user readiness.</p><h2 class="text-xl text-bold" style="font-size:26px;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Beyond Go-Live: Continuous Support</h2><p style="letter-spacing:0.3px;">Our relationship doesn't end at launch — in fact, that's when it truly begins. We understand that businesses evolve, and your systems should grow alongside them. That's why our <strong>post-implementation support</strong> is designed to ensure your Zoho solution continues to deliver long-term value.</p><p style="letter-spacing:0.3px;"><strong>What Our Support Includes:</strong></p><ul><li><strong>System Monitoring &amp; Optimization:</strong> We continuously keep an eye on your system performance, ensuring everything runs smoothly and efficiently.</li><li><strong>On-Demand Support:</strong> Whether it's troubleshooting, new feature requests, or enhancements — our team is always ready to assist.</li><li><strong>Periodic Review Sessions:</strong> As your business expands, we revisit your setup to ensure your system scales with you and remains aligned with your goals.</li></ul><p style="letter-spacing:0.3px;"><strong>Goal:</strong> To be your long-term digital transformation partner — not just your solution provider.</p><div style="border:2px solid var(--black);border-radius:1.5rem;padding:2.5rem;text-align:center;"><p style="letter-spacing:0.3px;"><span style="font-size:1.3em;vertical-align:-0.05em;">&#128161;</span>&nbsp; <strong>Sneak Peek: Part 3 — Support that Scales With You</strong></p><p style="letter-spacing:0.3px;">In the final part of our series, we'll dive deeper into how Aplikasi supports clients<strong style="font-style:italic;"> after</strong> go-live — from ongoing system improvements to proactive guidance that helps your business stay future-ready.</p><div class="btn-primary"><a href="#">Read Part 3</a></div>
</div></article></main></div></div></div></div></div></div></div> ]]></content:encoded><pubDate>Tue, 18 Aug 2026 12:06:11 +0800</pubDate></item><item><title><![CDATA[Part 3: How Aplikasi Turns Ideas into Seamless Solutions:]]></title><link>https://www.aplikasi.us/blogs/post/part-3</link><description><![CDATA[]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm_zhdQTimPQ725HwFfzN8Mzw" data-element-type="section" class="zpsection "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_PjH5GSp5SdWyRjt5_q-QIQ" data-element-type="row" class="zprow zprow-container zpalign-items- zpjustify-content- " data-equal-column=""><style type="text/css"></style><div data-element-id="elm_do3vCg39SvGev2TJdOUKPA" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- "><style type="text/css"></style><div data-element-id="elm_VQy5eNNXDnJ6JEEuqlfAhg" data-element-type="codeSnippet" class="zpelement zpelem-codesnippet "><div class="zpsnippet-container"><!DOCTYPE html><html lang="en"><meta charset="UTF-8"><title>Why Zoho Books Was the Best Fit</title><style> .zpelement{ margin:0; } .theme-blog-container-column .zpelement{ margin:unset; } .theme-blog-container-column { h1, h2,h3,h4,h5,h6{padding: 1em 0;}} .zpelement::before{ display: none; } .zpsection { padding: 0; } @media (min-width: 992px) { .theme-pages-full-stretch .zpcontainer { max-inline-size: 1300px; /* change this to change the container width */ } } .zpheader-style-01 .theme-header .zpcontainer { flex-direction: row; } /* SETTINGS. DO NOT EDIT. Add custom code in bottom (scroll to line ~1250) */ :root { --primary: #c92127; --primary-off: #ff914d; --secondary: #8C53FF; --secondary-off: #7D4AE5; --accent: #f39c13; --accent-off: #eab36a; --body-color: #292c2e; --body-off: #535353; --white: #ffffff; --base: #ffffff; --bg-base: #fff5ee; --grey-light: #e6e7e8; --grey: #414141; --grey-mid: #86898e; --black: #1b1b1b; --highlight: #FFC514cc; /* default 44 */ --highlight-dark: #FFC51490; /* default 77 */ --hover-brightness: 1.3; --border-radius: 0.5rem; --btn-radius: 8px; --btn-hover: ""; --btn-outline-border: 2px; /* \2192 for arrow \203A for single right chevron \00BB for double right chevron */ --gradient-1: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); --xxxl: 6.5rem ; /* changed 120px*/ --xxl: 4.5rem ; /* H1 80px */ --xl: 3.375rem ; /* H2 54px */ --l: 2.25rem ; /* H3 36px */ --m: 1.5rem ; /* H4 24px */ --body: 1.125rem ; /* 18px */ --s: 1rem ; /* 16px */ --xs:0.667rem ; /* changed 10px*/ --lh-xxxl: 1.2em; --lh-h1: 1.1em; --lh-h2: 1.3em; --lh-heading: 1.3em; --lh-body: 1.5em; --lh-btn: 1em; --ls-heading:unset; --ls-h1:unset; --ls-h2:unset; --col:7rem; --clamp-xxxl: clamp(3rem, calc(3rem + ((1vw - 0.3rem) * 7.6923)), var(--xxxl)); --clamp-xxl: clamp(2.5rem, calc(2.5rem + ((1vw - 0.3rem) * 4.8077)), var(--xxl)); --clamp-xl: clamp(1.75rem, calc(1.75rem + ((1vw - 0.3rem) * 2.4038)), var(--xl)); --clamp-l: clamp(1.5rem, calc(1.5rem + ((1vw - 0.3rem) * 0.9615)), var(--l)); --clamp-m: clamp(1.125rem, calc(1.125rem + ((1vw - 0.3rem) * 0.7212)), var(--m)); --clamp-s: clamp(0.875rem, calc(0.875rem + ((1vw - 0.3rem) * 0.2404)), var(--s)); --clamp-xs: clamp(0.625rem, calc(0.625rem + ((1vw - 0.3rem) * 0.2404)), var(--xs)); --clamp-body: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.2404)), var(--body)); --clamp-section: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 3.8462)), 3rem); --width-card: 26rem; --width-card-m: 40rem; --width-card-l: 54rem; --width-content: 1080px; /*BreakEvent Point*/ --desktop: 1312px; /* Desktop */ --tablet: 992px; /* Tablet */ --landscape: 768px; /* Landscape */ --mobile: 480px; /* Mobile */ } /* AutoCSS 1.0 for 11ty (1 Jan 2025) Modified for Zoho site (1 Jul 2026) by Aisyah Developed by Laman7 https://github.com/edwin-laman7/autoCSS */ /* Load "AutoCSS Setting" variables before the following lines */ *,::after,::before{box-sizing:border-box} img,picture {width:100%; height: auto; outline: none; vertical-align: middle;} button,input,select, textarea{font:inherit} @media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto; } *, *::before, *::after { -webkit-animation-duration: 0.01ms !important; animation-duration: 0.01ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } html { scroll-behavior: smooth; } /*Typography*/ body { min-height:100vh; text-rendering:optimizeSpeed; font-size: var(--clamp-body); color: var(--body-color); line-height: var(--lh-body); background-color: var(--base); } .text-xxxl { font-size: var(--clamp-xxxl); line-height: var(--lh-xxxl); letter-spacing: var(--ls-h1); } h1, .text-xxl { font-size: var(--clamp-xxl); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); } h2, .text-xl{ font-size: var(--clamp-xl); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); } h3, .text-l { font-size: var(--clamp-l); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h4, .text-m { font-size: var(--clamp-m); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h5, h6, .text-s { font-size: var(--clamp-s); line-height: var(--lh-heading); } .text-xs{ font-size: var(--clamp-xs); } .text-body { font-size: var(--clamp-body); line-height: var(--lh-body); } .text-m, .text-s, .text-body, .text-xs { line-height: var(--lh-body); } div { h1,h2,h3,h4, .text-xxxl, .text-xxl, .text-xl, .text-l, .text-m, .text-s, .text-xs, .text-xxs {margin:0} } /* Text */ .text-larger {font-size: 2em;} .text-smaller {font-size: 0.875em;} .text-lighter { font-weight: 100; } .text-light { font-weight: 200; } .text-normal { font-weight: 400; } .text-semibold { font-weight: 600; } .text-bold { font-weight: 700; } .text-bolder, .text-black { font-weight: 900; } .text-italic { font-style: italic; } .text-oblique { font-style: oblique; } .text-decoration-none { -webkit-text-decoration: none; text-decoration: none; } .text-underline { -webkit-text-decoration: underline; text-decoration: underline; } .text-underline-wavy { -webkit-text-decoration: underline wavy; text-decoration: underline wavy; } .text-underline-dotted { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } .text-underline-double { -webkit-text-decoration: underline double; text-decoration: underline double; } .text-underline-dashed { -webkit-text-decoration: underline dashed; text-decoration: underline dashed; } .text-overline { -webkit-text-decoration: overline; text-decoration: overline; } .text-line-through { -webkit-text-decoration: line-through; text-decoration: line-through; } .text-transform-none { text-transform: none; } .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } .text-capitalize { text-transform: capitalize; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .primary, .primary a {color: var(--primary)} .primary-off, .primary-off a {color: var(--primary-off)} .secondary, .secondary a {color: var(--secondary)} .secondary-off, .secondary-off a {color: var(--secondary-off)} .accent, .accent a {color: var(--accent)} .accent-off, .accent-off a{color: var(--accent-off)} .base, .base a {color: var(--base)} .white, .white a, .light, .light a {color: var(--white);} .grey, .grey a, .grey h1{color: var(--grey);} .grey-dark, .grey-dark a, .grey-dark h1{color: var(--grey-dark);} .grey-mid {a, h1, h2, h3, h4{color: var(--grey-mid);}} .grey-light, .grey-light a{color: var(--grey-light);} .black, .dark,.black a, .dark a {color: var(--black);} .body-color, .body-color a {color: var(--body-color);} .body-off, .body-off a {color: var(--body-off);} .bg-primary {background-color: var(--primary)} .bg-primary-off {background-color: var(--primary-off)} .bg-secondary {background-color: var(--secondary)} .bg-secondary-off {background-color: var(--secondary-off)} .bg-accent {background-color: var(--accent)} .bg-accent-off {background-color: var(--accent-off)} .bg-base {background-color: var(--base)} .bg-white, .bg-light {background-color: var(--white);} .bg-grey {background-color: var(--grey);} .bg-grey-dark {background-color: var(--grey-dark);} .bg-grey-mid {background-color: var(--grey-mid);} .bg-grey-light {background-color: var(--grey-light);} .bg-black, .bg-dark {background-color: var(--black);} .bg-body-color {background-color: var(--body-color);} .bg-body-off {background-color: var(--body-off);} /* Space System */ /* Works like owl system */ .space-v-xs:not(.ct-section) > * + * { margin-top: var(--clamp-s); } .space-v-s:not(.ct-section) > * + * { margin-top: var(--clamp-m); } .space-v-m:not(.ct-section) > * + * { margin-top: calc(var(--clamp-s) * 2); } .space-v-l:not(.ct-section) > * + * { margin-top: calc(var(--clamp-s) * 3); } .space-v-xl:not(.ct-section) > * + * { margin-top: calc(var(--clamp-s) * 4); } .space-h-xs:not(.ct-section) > * + * { margin-left: var(--clamp-s); } .space-h-s:not(.ct-section) > * + * { margin-left: var(--clamp-m); } .space-h-m:not(.ct-section) > * + * { margin-left: calc(var(--clamp-s) * 2); } .space-h-l:not(.ct-section) > * + * { margin-left: calc(var(--clamp-s) * 3); } .space-h-xl:not(.ct-section) > * + * { margin-left: calc(var(--clamp-s) * 4); } @media (max-width: 480px) { .space-h-xs:not(.ct-section) > * + *,.space-h-s:not(.ct-section) > * + *, .space-h-m:not(.ct-section) > * + *, .space-h-l:not(.ct-section) > * + *, .space-h-xl:not(.ct-section) > * + * {margin-left:.5rem} } section{ padding: 0 clamp(1rem, calc(1rem + ((1vw - 0.3rem) * -1.9038)), 0.01rem); } /* New Padding sizes */ .brxe-section, section, .section, .zpsection { header &, footer & { padding: 0; } padding: calc(var(--clamp-section)*2) 0; &.pad-xxs, &.section-pad-xxs { padding: calc(var(--clamp-section)*.25) 0; } &.pad-xs, &.section-pad-xs { padding: calc(var(--clamp-section)*.5) 0; } &.pad-s, &.section-pad-s { padding: calc(var(--clamp-section)*1) 0; } &.pad-m, &.section-pad-m { padding: calc(var(--clamp-section)*2) 0; } &.pad-l, &.section-pad-l { padding: calc(var(--clamp-section)*3) 0; } &.pad-xl, &.section-pad-xl { padding: calc(var(--clamp-section)*4) 0; } } .brxe-container, .container, .zpcontainer{ row-gap: calc(var(--clamp-s) * 4); column-gap: calc(var(--clamp-s) * 4); &.pad-xs {padding: calc(var(--clamp-s) * 1)} &.pad-s {padding: calc(var(--clamp-s) * 2)} &.pad-m {padding: calc(var(--clamp-s) * 4)} &.pad-l {padding: calc(var(--clamp-s) * 6)} &.pad-xl {padding: calc(var(--clamp-s) * 8)} &.pad-xxl {padding: calc(var(--clamp-s) * 10)} &.pad-xxxl {padding: calc(var(--clamp-s) * 12)} &.row-gap-xs {row-gap: calc(var(--clamp-s) * 1)} &.row-gap-s {row-gap: calc(var(--clamp-s) * 2)} &.row-gap-l {row-gap: calc(var(--clamp-s) * 6)} &.row-gap-xl {row-gap: calc(var(--clamp-s) * 8)} &.row-gap-xxl {row-gap: calc(var(--clamp-s) * 10)} &.row-gap-xxxl {row-gap: calc(var(--clamp-s) * 12)} &.col-gap-xs {column-gap: calc(var(--clamp-s) * 1)} &.col-gap-s {column-gap: calc(var(--clamp-s) * 2)} &.col-gap-l {column-gap: calc(var(--clamp-s) * 6)} &.col-gap-xl {column-gap: calc(var(--clamp-s) * 8)} &.col-gap-xxl {column-gap: calc(var(--clamp-s) * 10)} &.col-gap-xxxl {column-gap: calc(var(--clamp-s) * 12)} } .brxe-block, .block, .zpelem-box{ display: flex; align-items: flex-start; flex-direction: column; width: 100%; row-gap: calc(var(--clamp-s) * 1); column-gap: calc(var(--clamp-s) * 1); &.pad-xs {padding: calc(var(--clamp-s) * .75)} &.pad-s {padding: calc(var(--clamp-s) * 1)} &.pad-m {padding: calc(var(--clamp-s) * 1.5)} &.pad-l {padding: calc(var(--clamp-s) * 2)} &.pad-xl {padding: calc(var(--clamp-s) * 2.5)} &.pad-xxl {padding: calc(var(--clamp-s) * 3)} &.pad-xxxl {padding: calc(var(--clamp-s) * 3.5)} &.row-gap-xs {row-gap: calc(var(--clamp-s) * .25)} &.row-gap-s {row-gap: calc(var(--clamp-s) * .75)} &.row-gap-l {row-gap: calc(var(--clamp-s) * 1.5)} &.row-gap-xl {row-gap: calc(var(--clamp-s) * 2)} &.row-gap-xxl {row-gap: calc(var(--clamp-s) * 2.5)} &.row-gap-xxxl {row-gap: calc(var(--clamp-s) * 3)} &.col-gap-xs {column-gap: calc(var(--clamp-s) * .25)} &.col-gap-s {column-gap: calc(var(--clamp-s) * .75)} &.col-gap-l {column-gap: calc(var(--clamp-s) * 1.5)} &.col-gap-xl {column-gap: calc(var(--clamp-s) * 2)} &.col-gap-xxl {column-gap: calc(var(--clamp-s) * 2.5)} &.col-gap-xxxl {column-gap: calc(var(--clamp-s) * 3)} } /* Width System */ .width-1 {width: calc(1*8.3%);} .width-2, .width-xs {width: calc(2*8.3%);} .width-3, .width-s {width: calc(3*8.3%);} .width-4, .width-m {width: calc(4*8.3%);} .width-5 {width: calc(5*8.3%);} .width-6, .width-l, .width-50 {width: calc(6*8.3%);} .width-7 {width: calc(7*8.3%);} .width-8, .width-xl {width: calc(8*8.3%);} .width-9 {width: calc(9*8.3%);} .width-10 {width: calc(10*8.3%);} .width-11 {width: calc(11*8.3%);} .width-12 {width: calc(12*8.3%);} .width-full, .container { width: 100%; max-width: 100%; } /* Reactivate */ .col-1 {width: calc(var(--col)*1 - 2rem)} .col-2 {width: calc(var(--col)*2 - 2rem)} .col-3 {width: calc(var(--col)*3 - 2rem)} .col-4 {width: calc(var(--col)*4 - 2rem)} .col-5 {width: calc(var(--col)*5 - 2rem)} .col-6 {width: calc(var(--col)*6 - 2rem)} .col-7 {width: calc(var(--col)*7 - 2rem)} .col-8 {width: calc(var(--col)*8 - 2rem)} .col-9 {width: calc(var(--col)*9 - 2rem)} .col-10 {width: calc(var(--col)*10 - 2rem)} .col-11 {width: calc(var(--col)*11 - 2rem)} .col-12 {width: calc(var(--col)*12 - 2rem)} @media (max-width: 1312px) { .width-full, .container {max-width: 1200px;} .width-l-full {width: 100%;} } @media (max-width: 992px) { .width-full, .container {max-width: 992px} .width-xxl, .width-xl, .width-l, .width-m, .width-50, .width-4, .width-5, .width-6, .width-7, .width-8, .width-9, .width-10, .width-100, .col-12, .col-11, .col-10 {width: 100%;} .width-1, .width-2, .width-3, .width-xs, .width-s {width: 50%;} .width-lg-1 {width: calc(1*25%);} .width-lg-2, .width-lg-xs {width: calc(2*25%);} .width-lg-3, .width-lg-s {width: calc(3*25%);} .width-lg-4, .width-lg-m {width: calc(4*25%);} } @media (max-width:480px) { .width-sm-1 {width: calc(1*25%)} .width-sm-2 {width: calc(2*25%)} .width-sm-3 {width: calc(3*25%)} .width-sm-full, .width-sm-4 {width: 100%;} } .card { background-color: var(--white); box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; border-radius: var(--border-radius); border:1px solid #eee; transition: all 500ms; } @media (max-width: 768px) { .card { margin: 0.5rem 0;} } .card:hover { box-shadow: .25rem .25rem 1rem rgba(0, 0, 0, 0.3); cursor: pointer; } /* Grid */ .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-1-2, .grid-1-3, .grid-2-1, .grid-2-3, .grid-3-1, .grid-3-2 { display: grid !important; gap: calc(var(--clamp-s) * 2);; align-items: stretch; } .grid-2:not(.ct-section) { grid-template-columns: repeat(2,1fr); } .grid-3:not(.ct-section) { grid-template-columns: repeat(3,1fr); } .grid-4:not(.ct-section) { grid-template-columns: repeat(4,1fr); } .grid-5:not(.ct-section) { grid-template-columns: repeat(5,1fr); } .grid-6:not(.ct-section) { grid-template-columns: repeat(6,1fr); } @media (max-width: 1312px) { .col-9, .col-10, .col-11, .col-12 {width: auto;} } @media (max-width: 992px) { .col-9, .col-10, .col-11, .col-12 {width: auto;} .col-5, .col-6, .col-7, .col-8 {width: auto} .grid-3:not(.ct-section),.grid-4:not(.ct-section) {grid-template-columns: repeat(3,1fr)} .grid-5:not(.ct-section),.grid-6:not(.ct-section) { grid-template-columns: repeat(4,1fr);} } @media (max-width: 768px) { .grid-3:not(.ct-section),.grid-4:not(.ct-section) {grid-template-columns: repeat(2,1fr)} .grid-5:not(.ct-section),.grid-6:not(.ct-section) { grid-template-columns: repeat(3,1fr);} .grid-md-1:not(.ct-section){grid-template-columns: repeat(1,1fr);} .grid-md-2:not(.ct-section){grid-template-columns: repeat(2,1fr);} .grid-md-3:not(.ct-section){grid-template-columns: repeat(3,1fr);} .grid-md-4:not(.ct-section){grid-template-columns: repeat(4,1fr);} } @media (max-width:480px) { .grid-2:not(.ct-section),.grid-3:not(.ct-section) { grid-template-columns: repeat(1,1fr);} .grid-sm-1:not(.ct-section){grid-template-columns: repeat(1,1fr);} .grid-sm-2:not(.ct-section){grid-template-columns: repeat(2,1fr);} .grid-sm-3:not(.ct-section){grid-template-columns: repeat(3,1fr);} .grid-sm-4:not(.ct-section){grid-template-columns: repeat(4,1fr);} } @media (max-width: 340px) { .grid-4:not(.ct-section) {grid-template-columns: repeat(1,1fr)} .grid-5:not(.ct-section),.grid-6:not(.ct-section) { grid-template-columns: repeat(2,1fr);} } .grid-1-2:not(.ct-section) { grid-template-columns: 1fr 2fr; } .grid-1-3:not(.ct-section) { grid-template-columns: 1fr 3fr; } .grid-2-1:not(.ct-section) { grid-template-columns: 2fr 1fr; } .grid-2-3:not(.ct-section) { grid-template-columns: 2fr 3fr; } .grid-3-1:not(.ct-section) { grid-template-columns: 3fr 1fr; } .grid-3-2:not(.ct-section) { grid-template-columns: 3fr 2fr; } @media (max-width: 768px) { .grid-1-2:not(.ct-section) { grid-template-columns: repeat(1, 1fr);} .grid-1-3:not(.ct-section), .grid-2-3:not(.ct-section) {grid-template-columns: 1fr 2fr;} .grid-3-1:not(.ct-section), .grid-3-2:not(.ct-section) {grid-template-columns: 2fr 1fr;} } @media (max-width: 480px) { .grid-1-2:not(.ct-section),.grid-2-1:not(.ct-section), .grid-1-3:not(.ct-section),.grid-3-2:not(.ct-section),.grid-2-3:not(.ct-section),.grid-3-1:not(.ct-section) { grid-template-columns: repeat(1, 1fr); } } .grid-top {align-items: start;} .grid-bottom{align-items: end;} /* Gaps for Grid */ .gap-xs:not(.ct-section) { gap: var(--clamp-s) } .gap-s:not(.ct-section) { gap: var(--clamp-m) } .gap-m:not(.ct-section) { gap: calc(var(--clamp-s) * 2); } .gap-l:not(.ct-section) { gap: calc(var(--clamp-s) * 3); } .gap-xl:not(.ct-section) { gap: calc(var(--clamp-s) * 4); } .gap-xxl:not(.ct-section) { gap: calc(var(--clamp-s) * 6); } .gap-none:not(.ct-section), .gap-0:not(.ct-section) { gap: 0; } /* Breakout */ @media (min-width: 1279px) { .breakout-s { width: 60vw; max-width: 60vw !important; margin: 0 calc(-30vw + 50%); } .breakout-m { width: 70vw; max-width: 70vw !important; margin: 0 calc(-35vw + 50%); } .breakout-l { width: 80vw; max-width: 80vw !important; margin: 0 calc(-40vw + 50%); } .breakout-xl { width: 90vw; max-width: 90vw !important; margin: 0 calc(-45vw + 50%); } } .breakout-full { width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important; } @media (max-width: 1279px) { [class*="breakout-"]:not(.breakout-full) { width: 100% !important; max-width: 100% !important; margin: 0; } } @media (max-width: 768px) { .breakout-full {margin: 0} } @media (max-width: 480px) { .breakout-m-full { width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important; align-self: flex-start;} } /* Margin */ .margin-v-xs:not(.ct-section) { margin: var(--clamp-s) 0; } .margin-v-s:not(.ct-section) { margin: var(--clamp-m) 0; } .margin-v-m:not(.ct-section) { margin: calc(var(--clamp-s) * 2) 0; } .margin-v-l:not(.ct-section) { margin: calc(var(--clamp-s) * 3) 0; } .margin-v-xl:not(.ct-section) { margin: calc(var(--clamp-s) * 4) 0; } .margin-v-xxl:not(.ct-section) { margin: vcalc(var(--clamp-s) * 6) 0; } @media (max-width: 1312px) { .pad-lg-0, .pad-xl-0, .pad-xl-none, {padding: 0;} } @media (max-width: 992px) { .pad-md-0, .pad-lg-0, .pad-lg-none {padding: 0 !important;} .grid-xl-reverse, .grid-lg-reverse {order: -1} } @media (max-width: 768px) { .pad-xxl, .pad-xl, .brxe-container.pad-xxl, .brxe-container.pad-xl, .container.pad-xxl, .container.pad-xl { padding: var(--clamp-m); } .pad-md-none, .pad-lg-none, .pad-md-0 {padding: 0 !important} .grid-l-reverse, .grid-md-reverse {order: -1} .pad-l, .brxe-container.pad-l, .brxe-container.pad-m, .container.pad-l, .container.pad-m { padding: var(--clamp-s);} } @media (max-width: 480px) { .pad-sm-none, .pad-m-none, .pad-sm-0 {padding: 0 !important} .grid-m-reverse, .grid-sm-reverse {order: -1} } .pad-v-xs:not(.ct-section) { padding-top: var(--clamp-s); padding-bottom: var(--clamp-s); } .pad-v-s:not(.ct-section) { padding-top: var(--clamp-m); padding-bottom: var(--clamp-m); } .pad-v-m:not(.ct-section) { padding-top: calc(var(--clamp-s) * 2); padding-bottom: calc(var(--clamp-s) * 2); } .pad-v-l:not(.ct-section), .pad-v { padding-top: calc(var(--clamp-s) * 3); padding-bottom: calc(var(--clamp-s) * 3); } .pad-v-xl:not(.ct-section) { padding-top: calc(var(--clamp-s) * 4); padding-bottom: calc(var(--clamp-s) * 4); } .pad-v-xxl:not(.ct-section) { padding-top: calc(var(--clamp-s) * 6); padding-bottom: calc(var(--clamp-s) * 6); } .pad-v-xxxl:not(.ct-section) { padding-top: var(--clamp-xxxl); padding-bottom: var(--clamp-xxxl); } .margin-b-xs {margin-bottom: var(--s)} .margin-b-s {margin-bottom: var(--m)} .margin-b-m {margin-bottom: calc(var(--s) * 3)} .margin-b-l {margin-bottom: calc(var(--s) * 4)} .margin-b-xl {margin-bottom: calc(var(--s) * 6)} .margin-b-xxl {margin-bottom: calc(var(--s) * 8)} .pad-h-xs:not(.ct-section) { padding-left: var(--clamp-s); padding-right: var(--clamp-s); } .pad-h-s:not(.ct-section) { padding-left: var(--clamp-m); padding-right: var(--clamp-m); } .pad-h-m:not(.ct-section) { padding-left: calc(var(--clamp-s) * 2); padding-right: calc(var(--clamp-s) * 2); } .pad-h-l:not(.ct-section) { padding-left: calc(var(--clamp-s) * 3); padding-right: calc(var(--clamp-s) * 3); } .pad-h-xl:not(.ct-section) { padding-left: calc(var(--clamp-s) * 4); padding-right: calc(var(--clamp-s) * 4); } .pad-0 {padding: 0} /* Center */ .center-all, .center-all > * { flex-direction: column; align-items: center; align-self: center; align-content: center; justify-content: center; justify-items: center; text-align: center; } .center-v{ flex-direction: column; justify-items: center; justify-content: center; align-items: flex-start; } .center-h { flex-direction: column; justify-items: center; justify-content: center; align-items: center; } @media (max-width: 991px) { .center-all:not(.ct-section), .ct-section.center-all > .ct-section-inner-wrap { display: flex; flex-direction: column; align-items: center; align-content: center; justify-items: center; justify-content: center; text-align: center; } .center-y:not(.ct-section), .ct-section.center-y > .ct-section-inner-wrap { flex-direction: column; justify-items: center; justify-content: center; align-items: flex-start; } .center-h:not(.ct-section), .ct-section.center-h > .ct-section-inner-wrap { display: flex; flex-direction: column; justify-items: center; justify-content: center; align-items: center; } } .center-self, .align-center {margin: auto;} .align-right {margin-left: auto;} .sticky { position: -webkit-sticky; position: sticky; top: 0; } .sticky-top-s { top: 2.5%; } .sticky-top-m { top: 5%; } .sticky-top-l { top: 10%; } @media only screen and (max-width: 767px) { .sticky-top-s, .sticky-top-m, .sticky-top-l {top:.5rem} } /* Button */ .btn-primary a,.btn-secondary a,.btn-accent a,.btn-white a, .btn-black a{ z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .btn-primary a::before,.btn-secondary a::before,.btn-accent a::before,.btn-white a::before, .btn-black a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s; z-index: -1; transform: translateX(-110%); border-radius: var(--btn-radius); } .btn-primary a::before { /*background-color: var(--primary-off);*/ background-color: #ff5757; } .btn-secondary a::before { background-color: var(--secondary-off); } .btn-accent a::before { background-color: var(--accent-off); } .btn-white a::before { background-color: var(--body-color); } .btn-white a::before { background-color: var(--body-color); } .btn-black a::before { background-color: var(--white); } .btn-primary a:hover::before, .btn-secondary a:hover::before, .btn-accent a:hover::before, .btn-white a:hover::before, .btn-black a:hover::before { transform: translateX(0); } .btn-long a:hover {padding-right: 4em} .btn-primary a::after, .btn-secondar a::after, .btn-accent a::after, .btn-white a::after, .btn-black a::after { content: var(--btn-hover); position: absolute; right: var(--btn-on); opacity:0; transition: all .2s; } .btn-primary a:hover::after,.btn-secondary a:hover::after,.btn-accent a:hover::after, .btn-white a:hover::after, .btn-black a:hover::after{ right:1em; opacity:1; } .btn-primary a { background-color: var(--primary); /* font-size: var(--body); font-size: var(--clamp-body); */ } .btn-primary.btn-outline a{ background-color: transparent; color: var(--primary); box-shadow: 0 0 0 var(--btn-outline-border) var(--primary) inset } .btn-primary.btn-outline a::before { background-color: var(--primary); } .btn-primary.btn-outline a:hover { color:var(--white); box-shadow: 0 0 0 var(--btn-outline-border) var(--primary) inset } .btn-secondary a { background-color: var(--secondary); /* font-size: var(--body); font-size: var(--clamp-body); */ } .btn-secondary.btn-outline a{ background-color: transparent; color: var(--secondary); box-shadow: 0 0 0 var(--btn-outline-border) var(--secondary) inset } .btn-secondary.btn-outline a::before { background-color: var(--secondary); } color:var(--white); .btn-secondary.btn-outline a:hover { box-shadow: 0 0 0 var(--btn-outline-border) var(--secondary) inset } .btn-accent a{ background-color: var(--accent); /* font-size: var(--body); font-size: var(--clamp-body); */ } .btn-accent.btn-outline a { background-color: transparent; color: var(--accent); box-shadow: 0 0 0 var(--btn-outline-border) var(--accent) inset } .btn-accent.btn-outline a::before { background-color: var(--accent); } .btn-accent.btn-outline a:hover { color:var(--white); box-shadow: 0 0 0 var(--btn-outline-border) var(--accent) inset } .btn-white a { background-color: var(--white); color:var(--black); font-size: var(--clamp-body); } .btn-white a:hover {color:var(--white)} .btn-white.btn-outline a { background-color: transparent; color: var(--white); box-shadow: 0 0 0 var(--btn-outline-border) var(--white) inset } .btn-white.btn-outline a::before { background-color: var(--white); } .btn-white.btn-outline a:hover { color:var(--black); box-shadow: 0 0 0 var(--btn-outline-border) var(--white) inset } .btn-black a{ background-color: var(--black); color:var(--white); font-size: var(--body); font-size: var(--clamp-body); } .btn-black a:hover {color:var(--black)} .btn-black.btn-outline a { background-color: transparent; color: var(--black); box-shadow: 0 0 0 var(--btn-outline-border) var(--black) inset } .btn-black a.btn-outline a::before { background-color: var(--white); } .btn-black.btn-outline a:hover { /* color:var(--black); */ box-shadow: 0 0 0 var(--btn-outline-border) var(--white) inset } .btn-xs a{ font-size: var(--clamp-xs); padding: calc(var(--clamp-xs)*.75) calc(var(--clamp-xs)*1.5); } .btn-s a{ font-size: var(--s); font-size: var(--clamp-s); padding: calc(var(--clamp-s)*.75) calc(var(--clamp-s)*1.5); } .btn-m a{ font-size: var(--clamp-m); padding: calc(var(--clamp-body)*1.25) calc(var(--clamp-body)*2.5); } .btn-l a{ font-size: var(--clamp-l); padding: calc(var(--clamp-body)*1.5) calc(var(--clamp-body)*3); } .btn-long a{padding: calc(var(--clamp-body)) calc(var(--clamp-body)*4);} .btn-xs.btn-long a{ padding: calc(var(--clamp-xs)) calc(var(--clamp-xs)*4);} .btn-s.btn-long a { padding: calc(var(--clamp-s)) calc(var(--clamp-s)*4);} .btn-m.btn-long a{ padding: calc(var(--clamp-m)) calc(var(--clamp-m)*4);} .btn-l.btn-long a{ padding: calc(var(--clamp-l)) calc(var(--clamp-l)*4);} a[class*="btn--"] { display: inline-block; } .btn-clear a{ background: none; border: none; } a { transition: all 0.5s; color: var(--primary); } button a:hover { cursor: pointer; filter: brightness(var(--hover-brightness)); } @media (max-width:480px) { .btn-long{ padding: var(--clamp-body) calc(var(--clamp-body)*2);} .btn-xs.btn-long { padding: calc(var(--clamp-xs)) calc(var(--clamp-xs)*2);} .btn-s.btn-long { padding: calc(var(--clamp-s)) calc(var(--clamp-s)*2);} .btn-m.btn-long { padding: calc(var(--clamp-m)) calc(var(--clamp-m)*2);} .btn-l.btn-long { padding: calc(var(--clamp-l)) calc(var(--clamp-l)*2);} .btn-m { padding: calc(var(--clamp-body)*1) calc(var(--clamp-body)*1.5);} .btn-l { padding: calc(var(--clamp-body)*1.25) calc(var(--clamp-body)*2);} } a.btn-text-dark {color: var(--black)} a.btn-text-light {color:var(--white)} a.link-primary, .link-primary a {color: var(--primary); } a.link-secondary, .link-secondary a {color: var(--secondary)} a.link-accent, .link-accent a {color: var(--accent)} a.link-white, .link-white a {color: var(--white)} a.link-grey, .link-grey a {color: var(--grey)} a.link-body, .link-body a {color: var(--body-color)} a.link-primary, a.link-secondary, a.link-accent, a.link-white, a.link-grey, a.link-body { display: inline-block; text-decoration: none; } a.link-primary::after, a.link-secondary::after, a.link-accent::after, a.link-white::after, a.link-grey::after, a.link-body::after, .link-primary a::after, .link-secondary a::after, .link-accent a::after, .link-white a::after, .link-grey a::after, .link-body a::after { content: ''; display: block; width: 0; height: 2px; transition: width .4s; margin-top:6px } a.link-primary::after, .link-primary a::after { background: var(--primary);} a.link-secondary::after, .link-secondary a::after {background: var(--secondary)} a.link-accent::after, .link-accent a::after {background: var(--accent)} a.link-white::after, .link-white a::after {background: var(--white)} a.link-grey::after, .link-grey a::after {background: var(--grey)} a.link-body::after, a.link-body a::after {background: var(--body-color)} a.link-primary:hover::after, a.link-secondary:hover::after, a.link-accent:hover::after, a.link-white:hover::after, a.link-grey:hover::after, a.link-body:hover::after, .link-primary:hover a::after, .link-secondary:hover a::after, .link-accent:hover a::after, .link-white:hover a::after, .link-grey:hover a::after, .link-body:hover a::after { width:100%; } .rounded-xs, .rounded-xs img { border-radius: 0.4444444444rem; } .rounded-s, .rounded-s img{ border-radius: 0.25rem; } .rounded-m, .rounded-m img { border-radius: 0.5rem; } .rounded-l, .rounded-l img { border-radius: 1rem; } .rounded-xl, .rounded-xl img { border-radius: 2rem; } .rounded-xxl, .rounded-xxl img{ border-radius: 4rem; } .rounded-circle, .rounded-circle img { border-radius: 50%; } /* .rounded-xs, .rounded-s, .rounded-m, .rounded-l, .rounded-xl, .rounded-xxl, .rounded-circle {overflow: hidden;} */ /* Tables */ table { border: 1px solid var(--grey-light); border-radius: var(--border-radius); border-spacing: 0; display: inline-block; max-width: 100%; overflow-x: auto; padding: 0; white-space: nowrap; } table td, table th, table tr { padding: 0.75rem 1rem; } table thead { background-color: var(--primary); border-collapse: collapse; border-radius: var(--border-radius); color: var(--base); border-color: var(--primary); margin: 0; padding: 0; } table thead th:first-child { border-top-left-radius: var(--border-radius); } table thead th:last-child { border-top-right-radius: var(--border-radius); } table tr:nth-child(even) { /* background-color: var(--grey-light);*/ } /* Quotes */ blockquote p::before { content: open-quote; font-size: 2em; position: relative; top:.125em; right:.5em; display:block; line-height:0; } blockquote { font-size: var(--clamp-m); line-height: var(--lh-body); margin: 1rem auto; max-width: 50vw; padding: 1.5rem 1.5rem 1.5rem 2.5rem; } blockquote footer { color: var(--body-mute); font-size: var(--clamp-xs); line-height: var(--lh-body); padding: 1.5rem 0; } blockquote p {margin:0; padding: 0} ol li, ul li { padding: 0.5rem 0; } main p { margin: 0 0 calc(var(--clamp-s) * 1.25); padding: 0; } pre { margin: 1rem 0; max-width: var(--width-card-l); padding: 1rem 0; } pre code, pre samp { display: block; max-width: var(--width-card-l); padding: 0.5rem 2rem; white-space: pre-wrap; } @media (max-width: 480px) { form { padding: 1rem 0; } } form header { margin: 1.5rem 0; padding: 1.5rem 0; } input, label, select, textarea { display: block; font-size: inherit; } input[type="checkbox"], input[type="radio"] { display: inline-block; } input[type="checkbox"]+label, input[type="radio"]+label { display: inline-block; font-weight: normal; } input, select,textarea { border: 1px solid var(--grey); border-radius: var(--border-radius); } input[readonly], textarea[readonly] { background-color: var(--grey); } label, .label { margin-bottom: 0.2rem; font-size: var(--clamp-xs); } form ul li { padding: 0 } ::selection { color: var(--base); background: var(--primary); } /* width */ ::-webkit-scrollbar { width:8px; height:8px; } /* Track */ ::-webkit-scrollbar-track { background-color: rgba(255,255,255,0.1); border-radius: 8px; border:none; } /* Handle */ ::-webkit-scrollbar-thumb { background-image: linear-gradient( rgba(0,0,0,0.3), rgba(0,0,0,0.3)); border-radius:8px; box-shadow: rgba(0,0,0,.12) 0 3px 13px 1px; transition: all 1s; } ::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active { background-image: linear-gradient(45deg, var(--primary), var(--secondary)); } @media (max-width:992px) { .none-lg {display: none !important;} blockquote {max-width:75vw} } @media (max-width:768px) { .none-md {display: none !important;} } @media (max-width:480px) { .none-sm {display: none !important;} blockquote {max-width:90vw} } .div-relative { position: relative} .div-absolute {position: absolute} .height-25 {min-height: 25vh;} .height-50 {min-height: 50vh;} .height-60 {min-height: 60vh;} .height-75 {min-height: 75vh;} .height-80 {min-height: 80vh;} .height-100,.height-full {min-height: 100vh;} .margin-top-5 {margin-top:5vh} .margin-top-10 {margin-top:10vh} .margin-top-25 {margin-top:25vh} .margin-0 {margin:0} .bg-img,.bg-default {position: relative; background-color: grey; background-image: repeating-linear-gradient( 45deg,#eee,#eee 10px,#ddd 10px,#ddd 20px );} @media (max-width:767px) { .height-md-25 {min-height: 25vh;} .height-md-50 {min-height: 50vh;} .height-md-60 {min-height: 60vh;} .height-md-75 {min-height: 75vh;} .height-md-80 {min-height: 80vh;} .height-md-100,.height-full {min-height: 100vh;} } .ratio-1-1 {aspect-ratio: 1 / 1; object-fit: cover;} .ratio-2-3 {aspect-ratio: 2 / 3; object-fit: cover;} .ratio-3-2 {aspect-ratio: 3 / 2; object-fit: cover;} .ratio-3-4 {aspect-ratio: 3 / 4; object-fit: cover;} .ratio-4-3 {aspect-ratio: 4 / 3; object-fit: cover;} .ratio-16-9 {aspect-ratio: 16 / 9; object-fit: cover;} .columns-2 {column-count: 2} .columns-3 {column-count: 3} @media (max-width:992px) { .columns-2, .columns-3 {column-count: 1} } main em { padding: 0 0.5rem; border-radius: 1em; font-style: normal; font-weight:500; background-image: linear-gradient(90deg,var(--highlight-dark),var(--highlight),var(--highlight)); } .border-grey {border:1px solid var(--grey); border-radius: var(--border-radius)} .border-grey-dark {border:1px solid var(--grey-dark); border-radius: var(--border-radius)} .fit-content > * {min-width:fit-content} .flex-row {display:flex; flex-direction: row;} .flex-right {justify-content: right;} .flex-h-center {justify-content: center;} .flex-v-center {align-items: center;} .flex-col {display:flex; flex-direction: column;} .flex-wrap {flex-wrap: wrap;} @media (max-width: 768px) { .flex > * {min-width:auto} } .none {display:none !important} /* New for 11ty */ .brxe-container, .container, .zpcontainer { width: 1312px; display: flex; flex-direction: column; margin-left:auto; margin-right: auto; @media (max-width: 992px) { width: 100%; padding: 0 var(--clamp-s); } } /* =============== END OF AUTOCSS =============== */ /* ZOHO FIX */ /* =============== CUSTOM CSS STARTS HERE =============== */ .hero-banner{ background-repeat:no-repeat; display: flex; flex-direction:row; align-items:center; padding: 0; } .hero-svg{ height:560px; } .hero-wrap{ position: relative; } .hero-background { position: absolute; } .btn-primary a{ background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; } .btn-primary a.zpbutton-wrapper.zpbutton.zpbutton-type-primary { color: white; } .btn-box{ display:flex; flex-direction:row; gap:2em; } @media (max-width:767px) { .btn-box{ flex-direction:column;} } .btn-box.zpelement:before { content: ""; display: none; } .text-grad-1, h2 span{ font-family: var(--font-family); background: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* Client logo filmstrip */ .client-logo{ .hb-grid-gallery img { max-width: 100px; margin: 0 30px; filter: grayscale(1); transition: filter .3s; } .hb-grid-gallery img:hover { filter: grayscale(0); } .zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container.zpcarousel-arrow-type-03 svg{ fill:var(--primary); } [data-layout-type=filmstrip].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-left, [data-layout-type=filmstrip].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-right, [data-filmstrip-enabled].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-left, [data-filmstrip-enabled].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-right{ background: var(--white); } } .bg-red-b{ background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); } .team-transformation { background-image: url(/teams%20transformation.webp), linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); background-size: 50%, 100% 30rem, 100% 30rem; background-position: left bottom, center bottom, center bottom; padding-bottom: 25rem; /*background-position: left bottom, center, center;*/ background-repeat: no-repeat; } .step { color: var(--primary); font-weight: 500; border: 1px solid var(--grey-light); padding: 0 0.8em; border-radius: var(--xs); display: flex; align-items: center; } .step::before { width: 10px; height: 10px; background: var(--gradient-1); content: " "; margin-right: 5px; } .cards-2{ box-shadow: none; border: 1px solid var(--grey-light); } .cards-2 h3.zpimage-heading { font-weight: 800; } .bg-grad-2{ background: radial-gradient(44.16% 44.16% at 49.97% 35.03%, rgba(145, 55, 124, 0.1) 0%, rgba(255, 255, 255, 0.5) 79.97%, #fff 100%), var(--white); } .text-label{ letter-spacing: 4px; font-weight: 500; font-size: var(--s); } .footer-cta { } /* solutions internal pages*/ .features-header{ background-size: 60%; } @media (max-width: 480px) { .features-header { background-size: 76%; height: 480px; padding-top: 90px; }} .features-section{ background-image: linear-gradient(180deg, #fff 20%, rgba(255, 255, 255, 0) 100%), linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); background-size: 100%; background-position: top center; background-repeat: no-repeat; } .feature-wrap{ margin-top: -10em; } .feature-icon .zpicon-container .zpicon-size-md{ background: linear-gradient(42deg, #e83935 0%, #871c1c 100%); border-radius: var(--s); } .feature-icon{ width: 100%; } .feature-icon h4{ font-size:var(--m); font-weight: 600; margin-top: 12px; } .footer{ background: linear-gradient(90deg, rgba(255, 87, 87, 0.7) 50%, rgba(140, 82, 255, 0.7) 100%), #000; color:white; } .footer a{ color:var(--white) } .footer .zpcontainer-fluid.zpcontainer { row-gap: 1em; } .footer-bottom{ display: flex; flex-direction: row; align-content: space-between; } .credit{ opacity: 0.5; } .text-label h1{ font-size:var(--xs); font-weight:600; color:var(--grey); text-transform: uppercase; } .text-label{ } .theme-blog-container .zptext *{ margin:1em; } h2.hero {font} .btn-secondary:hover {color:var(--white)} /* Responsive Fix 1024 to 0 px*/ @media (max-width: 768px) { .team-transformation {padding-bottom: 10rem} .hero-banner{ height: auto; } } /* Mobile Fix 768px to 0 px*/ @media (max-width: 768px) { .gap-s {gap:1rem} .card {margin:0} } /* Mobile Fix 425px to 0 px*/ @media (max-width: 425px) { .gap-s {gap:1rem} } .team-transformation h3, .solutions h3{ font-size: var(--m); } .flex{ display: flex; flex-direction: row; } .theme-blog-post-content h2 span{ background: unset; background-clip: unset; -webkit-text-fill-color: unset; font-size: unset; } .theme-logo-parent img { height: auto; width: 50px; } .footer h5 { font-weight: 600; } .solution-img-prob .zpimage-container.zpimage-align-center figure img { object-fit: cover; } @media (max-width: 924px) { .solution-img-prob .zpimage-container.zpimage-align-center figure img { width: auto !important; } } /********* contact form ************/ .contact-form button, .contact-form input[type='submit'], .contact-form input[type='reset'], .contact-form input[type='button'] { background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .fields-wrap { width: 510px; row-gap: 0.5em; display: flex; flex-direction: column; } /* Fix for Jagged on mobile */ html,body { overflow-x: clip; } .zpcontainer, .zpcontainer-fluid, .theme-content-area { max-width: 100%; } .contact-form-page{ width:100%; height: 800px; min-height:800px } /* Case study badge */ .case-badge { display: inline-flex; align-items: center; gap: 0.4em; border: 1px solid var(--grey-light); border-radius: var(--btn-radius); padding: 0.3em 0.9em; font-size: var(--clamp-xs); font-weight: 600; color: var(--primary); margin-bottom: 0.5rem; } </style><main><article><h2 class="text-xl text-bold text-center" style="font-size:26px;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Support that Scales: How Aplikasi Ensures Your Zoho System Keeps Growing With You</h2><p style="letter-spacing:0.3px;">When your Zoho system goes live, it's not the end — it's the beginning of a long-term partnership.</p><p style="letter-spacing:0.3px;">At Aplikasi, we believe that <strong>continuous improvement and dependable support</strong> are what truly define a successful digital transformation. Your business will evolve, and your systems should grow along with you.</p><p style="letter-spacing:0.3px;">That's why our <strong>Support Phase</strong> focuses on more than just maintenance — it's about ensuring your Zoho environment continues to perform, scale, and adapt to your changing business goals.</p><img src="https://www.aplikasi.us/pexels-karolina-grabowska-5239913.jpg" alt="Support agent wearing a headset assisting a client on a video call"><h2 class="text-xl text-bold" style="font-size:26px;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">1. Always Available Support Access</h2><p style="letter-spacing:0.3px;">We ensure clients can reach us quickly and easily through multiple channels whenever assistance is needed.</p><p style="letter-spacing:0.3px;"><strong>What We Do:</strong></p><ul><li>Provide access through email, live chat, support portal, WhatsApp, or hotline.</li><li>Respond promptly to reported issues and guide users with clear steps.</li><li>When resolution requires deeper investigation, we schedule a remote assist session to troubleshoot together in real time.</li></ul><p style="letter-spacing:0.3px;"><strong>Goal:</strong> To make expert help easily accessible and ensure every issue is addressed efficiently through direct, hands-on support.</p><h2 class="text-xl text-bold" style="font-size:26px;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">2. On-Demand Technical Support</h2><p style="letter-spacing:0.3px;">When your team needs assistance, we're here — fast. As a <strong>Zoho Premium Partner</strong> based in Malaysia, our clients enjoy <strong>priority-level access</strong> to Zoho's global support helpline, allowing us to resolve critical issues more efficiently.</p><p style="letter-spacing:0.3px;"><strong>What We Do:</strong></p><ul><li>Provide responsive, local-first support via ticket, email, or call.</li><li>Escalate complex cases directly to Zoho through our partner support channel.</li><li>Offer real-time troubleshooting and fix implementation.</li></ul><p style="letter-spacing:0.3px;"><strong>Goal:</strong> To minimize downtime and ensure you always have the right help when you need it.</p><h2 class="text-xl text-bold" style="font-size:26px;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">3. Aplikasi Knowledge Base — Your Self-Service Hub</h2><p style="letter-spacing:0.3px;">We've built our very own <strong>Aplikasi Knowledge Base</strong>, a comprehensive library of guides, FAQs, and tutorials designed specifically for our clients.</p><p style="letter-spacing:0.3px;"><strong>What We Do:</strong></p><ul><li>Step-by-step guides for using your customized Zoho system.</li><li>Quick answers to common user questions.</li><li>Tips and best practices from our consultants and system analysts.</li></ul><p style="letter-spacing:0.3px;"><strong>Goal:</strong> To empower your team with the knowledge to manage your system confidently and efficiently.</p><h2 class="text-xl text-bold" style="font-size:26px;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">4. Periodic Review Sessions</h2><p style="letter-spacing:0.3px;">We believe in <strong>proactive communication</strong>. Every few months, we conduct review sessions to discuss how your Zoho system is performing and where it can improve.</p><p style="letter-spacing:0.3px;"><strong>What We Do:</strong></p><ul><li>Review performance metrics and user feedback.</li><li>Recommend system or process enhancements.</li><li>Share new Zoho updates and features that could benefit your business.</li></ul><p style="letter-spacing:0.3px;"><strong>Goal:</strong> To keep your Zoho setup aligned with your business growth and strategy.</p><h2 class="text-xl text-bold" style="font-size:26px;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">5. Long-Term Partnership Mindset</h2><p style="letter-spacing:0.3px;">At Aplikasi, we don't see ourselves as just implementers — we're your <strong>digital transformation partners</strong>. Our goal is to help you get the <span style="font-style:italic;">most</span> out of Zoho, long after go-live.</p><p style="letter-spacing:0.3px;"><strong>What Makes Our Support Different:</strong></p><ul><li>A dedicated local support team that understands your business context.</li><li>Direct access to Zoho's priority partner helpline for faster resolutions.</li><li>A growing Aplikasi Knowledge Base for ongoing learning and empowerment.</li><li>A proven commitment to long-term relationships built on trust and transparency.</li></ul><p style="letter-spacing:0.3px;">We grow with your business — ensuring that your systems continue to serve you efficiently, even as your challenges and priorities evolve.</p><img src="https://www.aplikasi.us/pexels-olly-3931604.jpg" alt="Team members stacking hands together in a huddle, symbolizing collaboration"><h2 class="text-xl text-bold" style="font-size:26px;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Why This Matters to Decision-Makers</h2><p style="letter-spacing:0.3px;">For business leaders, <strong>post-implementation support</strong> is often the deciding factor between a good vendor and a true partner. With Aplikasi, you get:</p><div style="display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;"><div style="flex:1 1 200px;"><h6 class="text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Continuity</h6><p style="letter-spacing:0.3px;">Your systems keep performing as your business scales.</p></div>
<div style="flex:1 1 200px;"><h6 class="text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Confidence</h6><p style="letter-spacing:0.3px;">You're supported by a team that can resolve issues quickly — with direct access to Zoho.</p></div>
<div style="flex:1 1 200px;"><h6 class="text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Capability</h6><p style="letter-spacing:0.3px;">Your internal teams stay empowered with resources and knowledge.</p></div>
</div><p style="letter-spacing:0.3px;">From planning to implementation to continuous support, Aplikasi's end-to-end process is built around one core principle: to help businesses like yours work smarter, faster, and with full confidence in your systems.</p><p style="letter-spacing:0.3px;">Your success doesn't stop at go-live — it grows from there. And we'll be with you every step of the way.</p><div style="border:2px solid var(--black);border-radius:1.5rem;padding:2.5rem;text-align:center;"><p style="letter-spacing:0.3px;"><span style="font-size:1.3em;vertical-align:-0.05em;">&#128161;</span>&nbsp; <strong style="font-style:italic;">Let's keep building the future of your business — together.</strong></p><div class="btn-primary"><a href="https://wa.me/message/TRIYBZRKXQHUO1" target="_blank">Get Started Now</a></div>
</div></article></main></div></div></div></div></div></div></div> ]]></content:encoded><pubDate>Tue, 18 Aug 2026 10:38:06 +0800</pubDate></item><item><title><![CDATA[Paperless Expense Management]]></title><link>https://www.aplikasi.us/blogs/post/paperless-expense-management1</link><description><![CDATA[]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm_RSo6DAmsQ_6K9IPmQIFung" data-element-type="section" class="zpsection "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_5i4tgFevQPexlgTSgxNR9A" data-element-type="row" class="zprow zprow-container zpalign-items- zpjustify-content- " data-equal-column=""><style type="text/css"></style><div data-element-id="elm_Mguk-21FQfiS0bBwyK-fDw" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- "><style type="text/css"></style><div data-element-id="elm_gkU84rCuMQxE3l-TK12qOA" data-element-type="codeSnippet" class="zpelement zpelem-codesnippet "><div class="zpsnippet-container"><!DOCTYPE html><html lang="en"><meta charset="UTF-8"><title>Why Zoho Books Was the Best Fit</title><style> .zpelement{ margin:0; } .theme-blog-container-column .zpelement{ margin:unset; } .theme-blog-container-column { h1, h2,h3,h4,h5,h6{padding: 1em 0;}} .zpelement::before{ display: none; } .zpsection { padding: 0; } @media (min-width: 992px) { .theme-pages-full-stretch .zpcontainer { max-inline-size: 1300px; /* change this to change the container width */ } } .zpheader-style-01 .theme-header .zpcontainer { flex-direction: row; } /* SETTINGS. DO NOT EDIT. Add custom code in bottom (scroll to line ~1250) */ :root { --primary: #c92127; --primary-off: #ff914d; --secondary: #8C53FF; --secondary-off: #7D4AE5; --accent: #f39c13; --accent-off: #eab36a; --body-color: #292c2e; --body-off: #535353; --white: #ffffff; --base: #ffffff; --bg-base: #fff5ee; --grey-light: #e6e7e8; --grey: #414141; --grey-mid: #86898e; --black: #1b1b1b; --highlight: #FFC514cc; /* default 44 */ --highlight-dark: #FFC51490; /* default 77 */ --hover-brightness: 1.3; --border-radius: 0.5rem; --btn-radius: 8px; --btn-hover: ""; --btn-outline-border: 2px; /* \2192 for arrow \203A for single right chevron \00BB for double right chevron */ --gradient-1: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); --xxxl: 6.5rem ; /* changed 120px*/ --xxl: 4.5rem ; /* H1 80px */ --xl: 3.375rem ; /* H2 54px */ --l: 2.25rem ; /* H3 36px */ --m: 1.5rem ; /* H4 24px */ --body: 1.125rem ; /* 18px */ --s: 1rem ; /* 16px */ --xs:0.667rem ; /* changed 10px*/ --lh-xxxl: 1.2em; --lh-h1: 1.1em; --lh-h2: 1.3em; --lh-heading: 1.3em; --lh-body: 1.5em; --lh-btn: 1em; --ls-heading:unset; --ls-h1:unset; --ls-h2:unset; --col:7rem; --clamp-xxxl: clamp(3rem, calc(3rem + ((1vw - 0.3rem) * 7.6923)), var(--xxxl)); --clamp-xxl: clamp(2.5rem, calc(2.5rem + ((1vw - 0.3rem) * 4.8077)), var(--xxl)); --clamp-xl: clamp(1.75rem, calc(1.75rem + ((1vw - 0.3rem) * 2.4038)), var(--xl)); --clamp-l: clamp(1.5rem, calc(1.5rem + ((1vw - 0.3rem) * 0.9615)), var(--l)); --clamp-m: clamp(1.125rem, calc(1.125rem + ((1vw - 0.3rem) * 0.7212)), var(--m)); --clamp-s: clamp(0.875rem, calc(0.875rem + ((1vw - 0.3rem) * 0.2404)), var(--s)); --clamp-xs: clamp(0.625rem, calc(0.625rem + ((1vw - 0.3rem) * 0.2404)), var(--xs)); --clamp-body: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.2404)), var(--body)); --clamp-section: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 3.8462)), 3rem); --width-card: 26rem; --width-card-m: 40rem; --width-card-l: 54rem; --width-content: 1080px; /*BreakEvent Point*/ --desktop: 1312px; /* Desktop */ --tablet: 992px; /* Tablet */ --landscape: 768px; /* Landscape */ --mobile: 480px; /* Mobile */ } /* AutoCSS 1.0 for 11ty (1 Jan 2025) Modified for Zoho site (1 Jul 2026) by Aisyah Developed by Laman7 https://github.com/edwin-laman7/autoCSS */ /* Load "AutoCSS Setting" variables before the following lines */ *,::after,::before{box-sizing:border-box} img,picture {width:100%; height: auto; outline: none; vertical-align: middle;} button,input,select, textarea{font:inherit} @media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto; } *, *::before, *::after { -webkit-animation-duration: 0.01ms !important; animation-duration: 0.01ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } html { scroll-behavior: smooth; } /*Typography*/ body { min-height:100vh; text-rendering:optimizeSpeed; font-size: var(--clamp-body); color: var(--body-color); line-height: var(--lh-body); background-color: var(--base); } .text-xxxl { font-size: var(--clamp-xxxl); line-height: var(--lh-xxxl); letter-spacing: var(--ls-h1); } h1, .text-xxl { font-size: var(--clamp-xxl); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); } h2, .text-xl{ font-size: var(--clamp-xl); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); } h3, .text-l { font-size: var(--clamp-l); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h4, .text-m { font-size: var(--clamp-m); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h5, h6, .text-s { font-size: var(--clamp-s); line-height: var(--lh-heading); } .text-xs{ font-size: var(--clamp-xs); } .text-body { font-size: var(--clamp-body); line-height: var(--lh-body); } .text-m, .text-s, .text-body, .text-xs { line-height: var(--lh-body); } div { h1,h2,h3,h4, .text-xxxl, .text-xxl, .text-xl, .text-l, .text-m, .text-s, .text-xs, .text-xxs {margin:0} } /* Text */ .text-larger {font-size: 2em;} .text-smaller {font-size: 0.875em;} .text-lighter { font-weight: 100; } .text-light { font-weight: 200; } .text-normal { font-weight: 400; } .text-semibold { font-weight: 600; } .text-bold { font-weight: 700; } .text-bolder, .text-black { font-weight: 900; } .text-italic { font-style: italic; } .text-oblique { font-style: oblique; } .text-decoration-none { -webkit-text-decoration: none; text-decoration: none; } .text-underline { -webkit-text-decoration: underline; text-decoration: underline; } .text-underline-wavy { -webkit-text-decoration: underline wavy; text-decoration: underline wavy; } .text-underline-dotted { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } .text-underline-double { -webkit-text-decoration: underline double; text-decoration: underline double; } .text-underline-dashed { -webkit-text-decoration: underline dashed; text-decoration: underline dashed; } .text-overline { -webkit-text-decoration: overline; text-decoration: overline; } .text-line-through { -webkit-text-decoration: line-through; text-decoration: line-through; } .text-transform-none { text-transform: none; } .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } .text-capitalize { text-transform: capitalize; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .primary, .primary a {color: var(--primary)} .primary-off, .primary-off a {color: var(--primary-off)} .secondary, .secondary a {color: var(--secondary)} .secondary-off, .secondary-off a {color: var(--secondary-off)} .accent, .accent a {color: var(--accent)} .accent-off, .accent-off a{color: var(--accent-off)} .base, .base a {color: var(--base)} .white, .white a, .light, .light a {color: var(--white);} .grey, .grey a, .grey h1{color: var(--grey);} .grey-dark, .grey-dark a, .grey-dark h1{color: var(--grey-dark);} .grey-mid {a, h1, h2, h3, h4{color: var(--grey-mid);}} .grey-light, .grey-light a{color: var(--grey-light);} .black, .dark,.black a, .dark a {color: var(--black);} .body-color, .body-color a {color: var(--body-color);} .body-off, .body-off a {color: var(--body-off);} .bg-primary {background-color: var(--primary)} .bg-primary-off {background-color: var(--primary-off)} .bg-secondary {background-color: var(--secondary)} .bg-secondary-off {background-color: var(--secondary-off)} .bg-accent {background-color: var(--accent)} .bg-accent-off {background-color: var(--accent-off)} .bg-base {background-color: var(--base)} .bg-white, .bg-light {background-color: var(--white);} .bg-grey {background-color: var(--grey);} .bg-grey-dark {background-color: var(--grey-dark);} .bg-grey-mid {background-color: var(--grey-mid);} .bg-grey-light {background-color: var(--grey-light);} .bg-black, .bg-dark {background-color: var(--black);} .bg-body-color {background-color: var(--body-color);} .bg-body-off {background-color: var(--body-off);} /* Space System */ /* Works like owl system */ .space-v-xs:not(.ct-section) > * + * { margin-top: var(--clamp-s); } .space-v-s:not(.ct-section) > * + * { margin-top: var(--clamp-m); } .space-v-m:not(.ct-section) > * + * { margin-top: calc(var(--clamp-s) * 2); } .space-v-l:not(.ct-section) > * + * { margin-top: calc(var(--clamp-s) * 3); } .space-v-xl:not(.ct-section) > * + * { margin-top: calc(var(--clamp-s) * 4); } .space-h-xs:not(.ct-section) > * + * { margin-left: var(--clamp-s); } .space-h-s:not(.ct-section) > * + * { margin-left: var(--clamp-m); } .space-h-m:not(.ct-section) > * + * { margin-left: calc(var(--clamp-s) * 2); } .space-h-l:not(.ct-section) > * + * { margin-left: calc(var(--clamp-s) * 3); } .space-h-xl:not(.ct-section) > * + * { margin-left: calc(var(--clamp-s) * 4); } @media (max-width: 480px) { .space-h-xs:not(.ct-section) > * + *,.space-h-s:not(.ct-section) > * + *, .space-h-m:not(.ct-section) > * + *, .space-h-l:not(.ct-section) > * + *, .space-h-xl:not(.ct-section) > * + * {margin-left:.5rem} } section{ padding: 0 clamp(1rem, calc(1rem + ((1vw - 0.3rem) * -1.9038)), 0.01rem); } /* New Padding sizes */ .brxe-section, section, .section, .zpsection { header &, footer & { padding: 0; } padding: calc(var(--clamp-section)*2) 0; &.pad-xxs, &.section-pad-xxs { padding: calc(var(--clamp-section)*.25) 0; } &.pad-xs, &.section-pad-xs { padding: calc(var(--clamp-section)*.5) 0; } &.pad-s, &.section-pad-s { padding: calc(var(--clamp-section)*1) 0; } &.pad-m, &.section-pad-m { padding: calc(var(--clamp-section)*2) 0; } &.pad-l, &.section-pad-l { padding: calc(var(--clamp-section)*3) 0; } &.pad-xl, &.section-pad-xl { padding: calc(var(--clamp-section)*4) 0; } } .brxe-container, .container, .zpcontainer{ row-gap: calc(var(--clamp-s) * 4); column-gap: calc(var(--clamp-s) * 4); &.pad-xs {padding: calc(var(--clamp-s) * 1)} &.pad-s {padding: calc(var(--clamp-s) * 2)} &.pad-m {padding: calc(var(--clamp-s) * 4)} &.pad-l {padding: calc(var(--clamp-s) * 6)} &.pad-xl {padding: calc(var(--clamp-s) * 8)} &.pad-xxl {padding: calc(var(--clamp-s) * 10)} &.pad-xxxl {padding: calc(var(--clamp-s) * 12)} &.row-gap-xs {row-gap: calc(var(--clamp-s) * 1)} &.row-gap-s {row-gap: calc(var(--clamp-s) * 2)} &.row-gap-l {row-gap: calc(var(--clamp-s) * 6)} &.row-gap-xl {row-gap: calc(var(--clamp-s) * 8)} &.row-gap-xxl {row-gap: calc(var(--clamp-s) * 10)} &.row-gap-xxxl {row-gap: calc(var(--clamp-s) * 12)} &.col-gap-xs {column-gap: calc(var(--clamp-s) * 1)} &.col-gap-s {column-gap: calc(var(--clamp-s) * 2)} &.col-gap-l {column-gap: calc(var(--clamp-s) * 6)} &.col-gap-xl {column-gap: calc(var(--clamp-s) * 8)} &.col-gap-xxl {column-gap: calc(var(--clamp-s) * 10)} &.col-gap-xxxl {column-gap: calc(var(--clamp-s) * 12)} } .brxe-block, .block, .zpelem-box{ display: flex; align-items: flex-start; flex-direction: column; width: 100%; row-gap: calc(var(--clamp-s) * 1); column-gap: calc(var(--clamp-s) * 1); &.pad-xs {padding: calc(var(--clamp-s) * .75)} &.pad-s {padding: calc(var(--clamp-s) * 1)} &.pad-m {padding: calc(var(--clamp-s) * 1.5)} &.pad-l {padding: calc(var(--clamp-s) * 2)} &.pad-xl {padding: calc(var(--clamp-s) * 2.5)} &.pad-xxl {padding: calc(var(--clamp-s) * 3)} &.pad-xxxl {padding: calc(var(--clamp-s) * 3.5)} &.row-gap-xs {row-gap: calc(var(--clamp-s) * .25)} &.row-gap-s {row-gap: calc(var(--clamp-s) * .75)} &.row-gap-l {row-gap: calc(var(--clamp-s) * 1.5)} &.row-gap-xl {row-gap: calc(var(--clamp-s) * 2)} &.row-gap-xxl {row-gap: calc(var(--clamp-s) * 2.5)} &.row-gap-xxxl {row-gap: calc(var(--clamp-s) * 3)} &.col-gap-xs {column-gap: calc(var(--clamp-s) * .25)} &.col-gap-s {column-gap: calc(var(--clamp-s) * .75)} &.col-gap-l {column-gap: calc(var(--clamp-s) * 1.5)} &.col-gap-xl {column-gap: calc(var(--clamp-s) * 2)} &.col-gap-xxl {column-gap: calc(var(--clamp-s) * 2.5)} &.col-gap-xxxl {column-gap: calc(var(--clamp-s) * 3)} } /* Width System */ .width-1 {width: calc(1*8.3%);} .width-2, .width-xs {width: calc(2*8.3%);} .width-3, .width-s {width: calc(3*8.3%);} .width-4, .width-m {width: calc(4*8.3%);} .width-5 {width: calc(5*8.3%);} .width-6, .width-l, .width-50 {width: calc(6*8.3%);} .width-7 {width: calc(7*8.3%);} .width-8, .width-xl {width: calc(8*8.3%);} .width-9 {width: calc(9*8.3%);} .width-10 {width: calc(10*8.3%);} .width-11 {width: calc(11*8.3%);} .width-12 {width: calc(12*8.3%);} .width-full, .container { width: 100%; max-width: 100%; } /* Reactivate */ .col-1 {width: calc(var(--col)*1 - 2rem)} .col-2 {width: calc(var(--col)*2 - 2rem)} .col-3 {width: calc(var(--col)*3 - 2rem)} .col-4 {width: calc(var(--col)*4 - 2rem)} .col-5 {width: calc(var(--col)*5 - 2rem)} .col-6 {width: calc(var(--col)*6 - 2rem)} .col-7 {width: calc(var(--col)*7 - 2rem)} .col-8 {width: calc(var(--col)*8 - 2rem)} .col-9 {width: calc(var(--col)*9 - 2rem)} .col-10 {width: calc(var(--col)*10 - 2rem)} .col-11 {width: calc(var(--col)*11 - 2rem)} .col-12 {width: calc(var(--col)*12 - 2rem)} @media (max-width: 1312px) { .width-full, .container {max-width: 1200px;} .width-l-full {width: 100%;} } @media (max-width: 992px) { .width-full, .container {max-width: 992px} .width-xxl, .width-xl, .width-l, .width-m, .width-50, .width-4, .width-5, .width-6, .width-7, .width-8, .width-9, .width-10, .width-100, .col-12, .col-11, .col-10 {width: 100%;} .width-1, .width-2, .width-3, .width-xs, .width-s {width: 50%;} .width-lg-1 {width: calc(1*25%);} .width-lg-2, .width-lg-xs {width: calc(2*25%);} .width-lg-3, .width-lg-s {width: calc(3*25%);} .width-lg-4, .width-lg-m {width: calc(4*25%);} } @media (max-width:480px) { .width-sm-1 {width: calc(1*25%)} .width-sm-2 {width: calc(2*25%)} .width-sm-3 {width: calc(3*25%)} .width-sm-full, .width-sm-4 {width: 100%;} } .card { background-color: var(--white); box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; border-radius: var(--border-radius); border:1px solid #eee; transition: all 500ms; } @media (max-width: 768px) { .card { margin: 0.5rem 0;} } .card:hover { box-shadow: .25rem .25rem 1rem rgba(0, 0, 0, 0.3); cursor: pointer; } /* Grid */ .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-1-2, .grid-1-3, .grid-2-1, .grid-2-3, .grid-3-1, .grid-3-2 { display: grid !important; gap: calc(var(--clamp-s) * 2);; align-items: stretch; } .grid-2:not(.ct-section) { grid-template-columns: repeat(2,1fr); } .grid-3:not(.ct-section) { grid-template-columns: repeat(3,1fr); } .grid-4:not(.ct-section) { grid-template-columns: repeat(4,1fr); } .grid-5:not(.ct-section) { grid-template-columns: repeat(5,1fr); } .grid-6:not(.ct-section) { grid-template-columns: repeat(6,1fr); } @media (max-width: 1312px) { .col-9, .col-10, .col-11, .col-12 {width: auto;} } @media (max-width: 992px) { .col-9, .col-10, .col-11, .col-12 {width: auto;} .col-5, .col-6, .col-7, .col-8 {width: auto} .grid-3:not(.ct-section),.grid-4:not(.ct-section) {grid-template-columns: repeat(3,1fr)} .grid-5:not(.ct-section),.grid-6:not(.ct-section) { grid-template-columns: repeat(4,1fr);} } @media (max-width: 768px) { .grid-3:not(.ct-section),.grid-4:not(.ct-section) {grid-template-columns: repeat(2,1fr)} .grid-5:not(.ct-section),.grid-6:not(.ct-section) { grid-template-columns: repeat(3,1fr);} .grid-md-1:not(.ct-section){grid-template-columns: repeat(1,1fr);} .grid-md-2:not(.ct-section){grid-template-columns: repeat(2,1fr);} .grid-md-3:not(.ct-section){grid-template-columns: repeat(3,1fr);} .grid-md-4:not(.ct-section){grid-template-columns: repeat(4,1fr);} } @media (max-width:480px) { .grid-2:not(.ct-section),.grid-3:not(.ct-section) { grid-template-columns: repeat(1,1fr);} .grid-sm-1:not(.ct-section){grid-template-columns: repeat(1,1fr);} .grid-sm-2:not(.ct-section){grid-template-columns: repeat(2,1fr);} .grid-sm-3:not(.ct-section){grid-template-columns: repeat(3,1fr);} .grid-sm-4:not(.ct-section){grid-template-columns: repeat(4,1fr);} } @media (max-width: 340px) { .grid-4:not(.ct-section) {grid-template-columns: repeat(1,1fr)} .grid-5:not(.ct-section),.grid-6:not(.ct-section) { grid-template-columns: repeat(2,1fr);} } .grid-1-2:not(.ct-section) { grid-template-columns: 1fr 2fr; } .grid-1-3:not(.ct-section) { grid-template-columns: 1fr 3fr; } .grid-2-1:not(.ct-section) { grid-template-columns: 2fr 1fr; } .grid-2-3:not(.ct-section) { grid-template-columns: 2fr 3fr; } .grid-3-1:not(.ct-section) { grid-template-columns: 3fr 1fr; } .grid-3-2:not(.ct-section) { grid-template-columns: 3fr 2fr; } @media (max-width: 768px) { .grid-1-2:not(.ct-section) { grid-template-columns: repeat(1, 1fr);} .grid-1-3:not(.ct-section), .grid-2-3:not(.ct-section) {grid-template-columns: 1fr 2fr;} .grid-3-1:not(.ct-section), .grid-3-2:not(.ct-section) {grid-template-columns: 2fr 1fr;} } @media (max-width: 480px) { .grid-1-2:not(.ct-section),.grid-2-1:not(.ct-section), .grid-1-3:not(.ct-section),.grid-3-2:not(.ct-section),.grid-2-3:not(.ct-section),.grid-3-1:not(.ct-section) { grid-template-columns: repeat(1, 1fr); } } .grid-top {align-items: start;} .grid-bottom{align-items: end;} /* Gaps for Grid */ .gap-xs:not(.ct-section) { gap: var(--clamp-s) } .gap-s:not(.ct-section) { gap: var(--clamp-m) } .gap-m:not(.ct-section) { gap: calc(var(--clamp-s) * 2); } .gap-l:not(.ct-section) { gap: calc(var(--clamp-s) * 3); } .gap-xl:not(.ct-section) { gap: calc(var(--clamp-s) * 4); } .gap-xxl:not(.ct-section) { gap: calc(var(--clamp-s) * 6); } .gap-none:not(.ct-section), .gap-0:not(.ct-section) { gap: 0; } /* Breakout */ @media (min-width: 1279px) { .breakout-s { width: 60vw; max-width: 60vw !important; margin: 0 calc(-30vw + 50%); } .breakout-m { width: 70vw; max-width: 70vw !important; margin: 0 calc(-35vw + 50%); } .breakout-l { width: 80vw; max-width: 80vw !important; margin: 0 calc(-40vw + 50%); } .breakout-xl { width: 90vw; max-width: 90vw !important; margin: 0 calc(-45vw + 50%); } } .breakout-full { width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important; } @media (max-width: 1279px) { [class*="breakout-"]:not(.breakout-full) { width: 100% !important; max-width: 100% !important; margin: 0; } } @media (max-width: 768px) { .breakout-full {margin: 0} } @media (max-width: 480px) { .breakout-m-full { width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important; align-self: flex-start;} } /* Margin */ .margin-v-xs:not(.ct-section) { margin: var(--clamp-s) 0; } .margin-v-s:not(.ct-section) { margin: var(--clamp-m) 0; } .margin-v-m:not(.ct-section) { margin: calc(var(--clamp-s) * 2) 0; } .margin-v-l:not(.ct-section) { margin: calc(var(--clamp-s) * 3) 0; } .margin-v-xl:not(.ct-section) { margin: calc(var(--clamp-s) * 4) 0; } .margin-v-xxl:not(.ct-section) { margin: vcalc(var(--clamp-s) * 6) 0; } @media (max-width: 1312px) { .pad-lg-0, .pad-xl-0, .pad-xl-none, {padding: 0;} } @media (max-width: 992px) { .pad-md-0, .pad-lg-0, .pad-lg-none {padding: 0 !important;} .grid-xl-reverse, .grid-lg-reverse {order: -1} } @media (max-width: 768px) { .pad-xxl, .pad-xl, .brxe-container.pad-xxl, .brxe-container.pad-xl, .container.pad-xxl, .container.pad-xl { padding: var(--clamp-m); } .pad-md-none, .pad-lg-none, .pad-md-0 {padding: 0 !important} .grid-l-reverse, .grid-md-reverse {order: -1} .pad-l, .brxe-container.pad-l, .brxe-container.pad-m, .container.pad-l, .container.pad-m { padding: var(--clamp-s);} } @media (max-width: 480px) { .pad-sm-none, .pad-m-none, .pad-sm-0 {padding: 0 !important} .grid-m-reverse, .grid-sm-reverse {order: -1} } .pad-v-xs:not(.ct-section) { padding-top: var(--clamp-s); padding-bottom: var(--clamp-s); } .pad-v-s:not(.ct-section) { padding-top: var(--clamp-m); padding-bottom: var(--clamp-m); } .pad-v-m:not(.ct-section) { padding-top: calc(var(--clamp-s) * 2); padding-bottom: calc(var(--clamp-s) * 2); } .pad-v-l:not(.ct-section), .pad-v { padding-top: calc(var(--clamp-s) * 3); padding-bottom: calc(var(--clamp-s) * 3); } .pad-v-xl:not(.ct-section) { padding-top: calc(var(--clamp-s) * 4); padding-bottom: calc(var(--clamp-s) * 4); } .pad-v-xxl:not(.ct-section) { padding-top: calc(var(--clamp-s) * 6); padding-bottom: calc(var(--clamp-s) * 6); } .pad-v-xxxl:not(.ct-section) { padding-top: var(--clamp-xxxl); padding-bottom: var(--clamp-xxxl); } .margin-b-xs {margin-bottom: var(--s)} .margin-b-s {margin-bottom: var(--m)} .margin-b-m {margin-bottom: calc(var(--s) * 3)} .margin-b-l {margin-bottom: calc(var(--s) * 4)} .margin-b-xl {margin-bottom: calc(var(--s) * 6)} .margin-b-xxl {margin-bottom: calc(var(--s) * 8)} .pad-h-xs:not(.ct-section) { padding-left: var(--clamp-s); padding-right: var(--clamp-s); } .pad-h-s:not(.ct-section) { padding-left: var(--clamp-m); padding-right: var(--clamp-m); } .pad-h-m:not(.ct-section) { padding-left: calc(var(--clamp-s) * 2); padding-right: calc(var(--clamp-s) * 2); } .pad-h-l:not(.ct-section) { padding-left: calc(var(--clamp-s) * 3); padding-right: calc(var(--clamp-s) * 3); } .pad-h-xl:not(.ct-section) { padding-left: calc(var(--clamp-s) * 4); padding-right: calc(var(--clamp-s) * 4); } .pad-0 {padding: 0} /* Center */ .center-all, .center-all > * { flex-direction: column; align-items: center; align-self: center; align-content: center; justify-content: center; justify-items: center; text-align: center; } .center-v{ flex-direction: column; justify-items: center; justify-content: center; align-items: flex-start; } .center-h { flex-direction: column; justify-items: center; justify-content: center; align-items: center; } @media (max-width: 991px) { .center-all:not(.ct-section), .ct-section.center-all > .ct-section-inner-wrap { display: flex; flex-direction: column; align-items: center; align-content: center; justify-items: center; justify-content: center; text-align: center; } .center-y:not(.ct-section), .ct-section.center-y > .ct-section-inner-wrap { flex-direction: column; justify-items: center; justify-content: center; align-items: flex-start; } .center-h:not(.ct-section), .ct-section.center-h > .ct-section-inner-wrap { display: flex; flex-direction: column; justify-items: center; justify-content: center; align-items: center; } } .center-self, .align-center {margin: auto;} .align-right {margin-left: auto;} .sticky { position: -webkit-sticky; position: sticky; top: 0; } .sticky-top-s { top: 2.5%; } .sticky-top-m { top: 5%; } .sticky-top-l { top: 10%; } @media only screen and (max-width: 767px) { .sticky-top-s, .sticky-top-m, .sticky-top-l {top:.5rem} } /* Button */ .btn-primary a,.btn-secondary a,.btn-accent a,.btn-white a, .btn-black a{ z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .btn-primary a::before,.btn-secondary a::before,.btn-accent a::before,.btn-white a::before, .btn-black a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s; z-index: -1; transform: translateX(-110%); border-radius: var(--btn-radius); } .btn-primary a::before { /*background-color: var(--primary-off);*/ background-color: #ff5757; } .btn-secondary a::before { background-color: var(--secondary-off); } .btn-accent a::before { background-color: var(--accent-off); } .btn-white a::before { background-color: var(--body-color); } .btn-white a::before { background-color: var(--body-color); } .btn-black a::before { background-color: var(--white); } .btn-primary a:hover::before, .btn-secondary a:hover::before, .btn-accent a:hover::before, .btn-white a:hover::before, .btn-black a:hover::before { transform: translateX(0); } .btn-long a:hover {padding-right: 4em} .btn-primary a::after, .btn-secondar a::after, .btn-accent a::after, .btn-white a::after, .btn-black a::after { content: var(--btn-hover); position: absolute; right: var(--btn-on); opacity:0; transition: all .2s; } .btn-primary a:hover::after,.btn-secondary a:hover::after,.btn-accent a:hover::after, .btn-white a:hover::after, .btn-black a:hover::after{ right:1em; opacity:1; } .btn-primary a { background-color: var(--primary); /* font-size: var(--body); font-size: var(--clamp-body); */ } .btn-primary.btn-outline a{ background-color: transparent; color: var(--primary); box-shadow: 0 0 0 var(--btn-outline-border) var(--primary) inset } .btn-primary.btn-outline a::before { background-color: var(--primary); } .btn-primary.btn-outline a:hover { color:var(--white); box-shadow: 0 0 0 var(--btn-outline-border) var(--primary) inset } .btn-secondary a { background-color: var(--secondary); /* font-size: var(--body); font-size: var(--clamp-body); */ } .btn-secondary.btn-outline a{ background-color: transparent; color: var(--secondary); box-shadow: 0 0 0 var(--btn-outline-border) var(--secondary) inset } .btn-secondary.btn-outline a::before { background-color: var(--secondary); } color:var(--white); .btn-secondary.btn-outline a:hover { box-shadow: 0 0 0 var(--btn-outline-border) var(--secondary) inset } .btn-accent a{ background-color: var(--accent); /* font-size: var(--body); font-size: var(--clamp-body); */ } .btn-accent.btn-outline a { background-color: transparent; color: var(--accent); box-shadow: 0 0 0 var(--btn-outline-border) var(--accent) inset } .btn-accent.btn-outline a::before { background-color: var(--accent); } .btn-accent.btn-outline a:hover { color:var(--white); box-shadow: 0 0 0 var(--btn-outline-border) var(--accent) inset } .btn-white a { background-color: var(--white); color:var(--black); font-size: var(--clamp-body); } .btn-white a:hover {color:var(--white)} .btn-white.btn-outline a { background-color: transparent; color: var(--white); box-shadow: 0 0 0 var(--btn-outline-border) var(--white) inset } .btn-white.btn-outline a::before { background-color: var(--white); } .btn-white.btn-outline a:hover { color:var(--black); box-shadow: 0 0 0 var(--btn-outline-border) var(--white) inset } .btn-black a{ background-color: var(--black); color:var(--white); font-size: var(--body); font-size: var(--clamp-body); } .btn-black a:hover {color:var(--black)} .btn-black.btn-outline a { background-color: transparent; color: var(--black); box-shadow: 0 0 0 var(--btn-outline-border) var(--black) inset } .btn-black a.btn-outline a::before { background-color: var(--white); } .btn-black.btn-outline a:hover { /* color:var(--black); */ box-shadow: 0 0 0 var(--btn-outline-border) var(--white) inset } .btn-xs a{ font-size: var(--clamp-xs); padding: calc(var(--clamp-xs)*.75) calc(var(--clamp-xs)*1.5); } .btn-s a{ font-size: var(--s); font-size: var(--clamp-s); padding: calc(var(--clamp-s)*.75) calc(var(--clamp-s)*1.5); } .btn-m a{ font-size: var(--clamp-m); padding: calc(var(--clamp-body)*1.25) calc(var(--clamp-body)*2.5); } .btn-l a{ font-size: var(--clamp-l); padding: calc(var(--clamp-body)*1.5) calc(var(--clamp-body)*3); } .btn-long a{padding: calc(var(--clamp-body)) calc(var(--clamp-body)*4);} .btn-xs.btn-long a{ padding: calc(var(--clamp-xs)) calc(var(--clamp-xs)*4);} .btn-s.btn-long a { padding: calc(var(--clamp-s)) calc(var(--clamp-s)*4);} .btn-m.btn-long a{ padding: calc(var(--clamp-m)) calc(var(--clamp-m)*4);} .btn-l.btn-long a{ padding: calc(var(--clamp-l)) calc(var(--clamp-l)*4);} a[class*="btn--"] { display: inline-block; } .btn-clear a{ background: none; border: none; } a { transition: all 0.5s; color: var(--primary); } button a:hover { cursor: pointer; filter: brightness(var(--hover-brightness)); } @media (max-width:480px) { .btn-long{ padding: var(--clamp-body) calc(var(--clamp-body)*2);} .btn-xs.btn-long { padding: calc(var(--clamp-xs)) calc(var(--clamp-xs)*2);} .btn-s.btn-long { padding: calc(var(--clamp-s)) calc(var(--clamp-s)*2);} .btn-m.btn-long { padding: calc(var(--clamp-m)) calc(var(--clamp-m)*2);} .btn-l.btn-long { padding: calc(var(--clamp-l)) calc(var(--clamp-l)*2);} .btn-m { padding: calc(var(--clamp-body)*1) calc(var(--clamp-body)*1.5);} .btn-l { padding: calc(var(--clamp-body)*1.25) calc(var(--clamp-body)*2);} } a.btn-text-dark {color: var(--black)} a.btn-text-light {color:var(--white)} a.link-primary, .link-primary a {color: var(--primary); } a.link-secondary, .link-secondary a {color: var(--secondary)} a.link-accent, .link-accent a {color: var(--accent)} a.link-white, .link-white a {color: var(--white)} a.link-grey, .link-grey a {color: var(--grey)} a.link-body, .link-body a {color: var(--body-color)} a.link-primary, a.link-secondary, a.link-accent, a.link-white, a.link-grey, a.link-body { display: inline-block; text-decoration: none; } a.link-primary::after, a.link-secondary::after, a.link-accent::after, a.link-white::after, a.link-grey::after, a.link-body::after, .link-primary a::after, .link-secondary a::after, .link-accent a::after, .link-white a::after, .link-grey a::after, .link-body a::after { content: ''; display: block; width: 0; height: 2px; transition: width .4s; margin-top:6px } a.link-primary::after, .link-primary a::after { background: var(--primary);} a.link-secondary::after, .link-secondary a::after {background: var(--secondary)} a.link-accent::after, .link-accent a::after {background: var(--accent)} a.link-white::after, .link-white a::after {background: var(--white)} a.link-grey::after, .link-grey a::after {background: var(--grey)} a.link-body::after, a.link-body a::after {background: var(--body-color)} a.link-primary:hover::after, a.link-secondary:hover::after, a.link-accent:hover::after, a.link-white:hover::after, a.link-grey:hover::after, a.link-body:hover::after, .link-primary:hover a::after, .link-secondary:hover a::after, .link-accent:hover a::after, .link-white:hover a::after, .link-grey:hover a::after, .link-body:hover a::after { width:100%; } .rounded-xs, .rounded-xs img { border-radius: 0.4444444444rem; } .rounded-s, .rounded-s img{ border-radius: 0.25rem; } .rounded-m, .rounded-m img { border-radius: 0.5rem; } .rounded-l, .rounded-l img { border-radius: 1rem; } .rounded-xl, .rounded-xl img { border-radius: 2rem; } .rounded-xxl, .rounded-xxl img{ border-radius: 4rem; } .rounded-circle, .rounded-circle img { border-radius: 50%; } /* .rounded-xs, .rounded-s, .rounded-m, .rounded-l, .rounded-xl, .rounded-xxl, .rounded-circle {overflow: hidden;} */ /* Tables */ table { border: 1px solid var(--grey-light); border-radius: var(--border-radius); border-spacing: 0; display: inline-block; max-width: 100%; overflow-x: auto; padding: 0; white-space: nowrap; } table td, table th, table tr { padding: 0.75rem 1rem; } table thead { background-color: var(--primary); border-collapse: collapse; border-radius: var(--border-radius); color: var(--base); border-color: var(--primary); margin: 0; padding: 0; } table thead th:first-child { border-top-left-radius: var(--border-radius); } table thead th:last-child { border-top-right-radius: var(--border-radius); } table tr:nth-child(even) { /* background-color: var(--grey-light);*/ } /* Quotes */ blockquote p::before { content: open-quote; font-size: 2em; position: relative; top:.125em; right:.5em; display:block; line-height:0; } blockquote { font-size: var(--clamp-m); line-height: var(--lh-body); margin: 1rem auto; max-width: 50vw; padding: 1.5rem 1.5rem 1.5rem 2.5rem; } blockquote footer { color: var(--body-mute); font-size: var(--clamp-xs); line-height: var(--lh-body); padding: 1.5rem 0; } blockquote p {margin:0; padding: 0} ol li, ul li { padding: 0.5rem 0; } main p { margin: 0 0 calc(var(--clamp-s) * 1.25); padding: 0; } pre { margin: 1rem 0; max-width: var(--width-card-l); padding: 1rem 0; } pre code, pre samp { display: block; max-width: var(--width-card-l); padding: 0.5rem 2rem; white-space: pre-wrap; } @media (max-width: 480px) { form { padding: 1rem 0; } } form header { margin: 1.5rem 0; padding: 1.5rem 0; } input, label, select, textarea { display: block; font-size: inherit; } input[type="checkbox"], input[type="radio"] { display: inline-block; } input[type="checkbox"]+label, input[type="radio"]+label { display: inline-block; font-weight: normal; } input, select,textarea { border: 1px solid var(--grey); border-radius: var(--border-radius); } input[readonly], textarea[readonly] { background-color: var(--grey); } label, .label { margin-bottom: 0.2rem; font-size: var(--clamp-xs); } form ul li { padding: 0 } ::selection { color: var(--base); background: var(--primary); } /* width */ ::-webkit-scrollbar { width:8px; height:8px; } /* Track */ ::-webkit-scrollbar-track { background-color: rgba(255,255,255,0.1); border-radius: 8px; border:none; } /* Handle */ ::-webkit-scrollbar-thumb { background-image: linear-gradient( rgba(0,0,0,0.3), rgba(0,0,0,0.3)); border-radius:8px; box-shadow: rgba(0,0,0,.12) 0 3px 13px 1px; transition: all 1s; } ::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active { background-image: linear-gradient(45deg, var(--primary), var(--secondary)); } @media (max-width:992px) { .none-lg {display: none !important;} blockquote {max-width:75vw} } @media (max-width:768px) { .none-md {display: none !important;} } @media (max-width:480px) { .none-sm {display: none !important;} blockquote {max-width:90vw} } .div-relative { position: relative} .div-absolute {position: absolute} .height-25 {min-height: 25vh;} .height-50 {min-height: 50vh;} .height-60 {min-height: 60vh;} .height-75 {min-height: 75vh;} .height-80 {min-height: 80vh;} .height-100,.height-full {min-height: 100vh;} .margin-top-5 {margin-top:5vh} .margin-top-10 {margin-top:10vh} .margin-top-25 {margin-top:25vh} .margin-0 {margin:0} .bg-img,.bg-default {position: relative; background-color: grey; background-image: repeating-linear-gradient( 45deg,#eee,#eee 10px,#ddd 10px,#ddd 20px );} @media (max-width:767px) { .height-md-25 {min-height: 25vh;} .height-md-50 {min-height: 50vh;} .height-md-60 {min-height: 60vh;} .height-md-75 {min-height: 75vh;} .height-md-80 {min-height: 80vh;} .height-md-100,.height-full {min-height: 100vh;} } .ratio-1-1 {aspect-ratio: 1 / 1; object-fit: cover;} .ratio-2-3 {aspect-ratio: 2 / 3; object-fit: cover;} .ratio-3-2 {aspect-ratio: 3 / 2; object-fit: cover;} .ratio-3-4 {aspect-ratio: 3 / 4; object-fit: cover;} .ratio-4-3 {aspect-ratio: 4 / 3; object-fit: cover;} .ratio-16-9 {aspect-ratio: 16 / 9; object-fit: cover;} .columns-2 {column-count: 2} .columns-3 {column-count: 3} @media (max-width:992px) { .columns-2, .columns-3 {column-count: 1} } main em { padding: 0 0.5rem; border-radius: 1em; font-style: normal; font-weight:500; background-image: linear-gradient(90deg,var(--highlight-dark),var(--highlight),var(--highlight)); } .border-grey {border:1px solid var(--grey); border-radius: var(--border-radius)} .border-grey-dark {border:1px solid var(--grey-dark); border-radius: var(--border-radius)} .fit-content > * {min-width:fit-content} .flex-row {display:flex; flex-direction: row;} .flex-right {justify-content: right;} .flex-h-center {justify-content: center;} .flex-v-center {align-items: center;} .flex-col {display:flex; flex-direction: column;} .flex-wrap {flex-wrap: wrap;} @media (max-width: 768px) { .flex > * {min-width:auto} } .none {display:none !important} /* New for 11ty */ .brxe-container, .container, .zpcontainer { width: 1312px; display: flex; flex-direction: column; margin-left:auto; margin-right: auto; @media (max-width: 992px) { width: 100%; padding: 0 var(--clamp-s); } } /* =============== END OF AUTOCSS =============== */ /* ZOHO FIX */ /* =============== CUSTOM CSS STARTS HERE =============== */ .hero-banner{ background-repeat:no-repeat; display: flex; flex-direction:row; align-items:center; padding: 0; } .hero-svg{ height:560px; } .hero-wrap{ position: relative; } .hero-background { position: absolute; } .btn-primary a{ background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; } .btn-primary a.zpbutton-wrapper.zpbutton.zpbutton-type-primary { color: white; } .btn-box{ display:flex; flex-direction:row; gap:2em; } @media (max-width:767px) { .btn-box{ flex-direction:column;} } .btn-box.zpelement:before { content: ""; display: none; } .text-grad-1, h2 span{ font-family: var(--font-family); background: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* Client logo filmstrip */ .client-logo{ .hb-grid-gallery img { max-width: 100px; margin: 0 30px; filter: grayscale(1); transition: filter .3s; } .hb-grid-gallery img:hover { filter: grayscale(0); } .zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container.zpcarousel-arrow-type-03 svg{ fill:var(--primary); } [data-layout-type=filmstrip].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-left, [data-layout-type=filmstrip].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-right, [data-filmstrip-enabled].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-left, [data-filmstrip-enabled].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-right{ background: var(--white); } } .bg-red-b{ background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); } .team-transformation { background-image: url(/teams%20transformation.webp), linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); background-size: 50%, 100% 30rem, 100% 30rem; background-position: left bottom, center bottom, center bottom; padding-bottom: 25rem; /*background-position: left bottom, center, center;*/ background-repeat: no-repeat; } .step { color: var(--primary); font-weight: 500; border: 1px solid var(--grey-light); padding: 0 0.8em; border-radius: var(--xs); display: flex; align-items: center; } .step::before { width: 10px; height: 10px; background: var(--gradient-1); content: " "; margin-right: 5px; } .cards-2{ box-shadow: none; border: 1px solid var(--grey-light); } .cards-2 h3.zpimage-heading { font-weight: 800; } .bg-grad-2{ background: radial-gradient(44.16% 44.16% at 49.97% 35.03%, rgba(145, 55, 124, 0.1) 0%, rgba(255, 255, 255, 0.5) 79.97%, #fff 100%), var(--white); } .text-label{ letter-spacing: 4px; font-weight: 500; font-size: var(--s); } .footer-cta { } /* solutions internal pages*/ .features-header{ background-size: 60%; } @media (max-width: 480px) { .features-header { background-size: 76%; height: 480px; padding-top: 90px; }} .features-section{ background-image: linear-gradient(180deg, #fff 20%, rgba(255, 255, 255, 0) 100%), linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); background-size: 100%; background-position: top center; background-repeat: no-repeat; } .feature-wrap{ margin-top: -10em; } .feature-icon .zpicon-container .zpicon-size-md{ background: linear-gradient(42deg, #e83935 0%, #871c1c 100%); border-radius: var(--s); } .feature-icon{ width: 100%; } .feature-icon h4{ font-size:var(--m); font-weight: 600; margin-top: 12px; } .footer{ background: linear-gradient(90deg, rgba(255, 87, 87, 0.7) 50%, rgba(140, 82, 255, 0.7) 100%), #000; color:white; } .footer a{ color:var(--white) } .footer .zpcontainer-fluid.zpcontainer { row-gap: 1em; } .footer-bottom{ display: flex; flex-direction: row; align-content: space-between; } .credit{ opacity: 0.5; } .text-label h1{ font-size:var(--xs); font-weight:600; color:var(--grey); text-transform: uppercase; } .text-label{ } .theme-blog-container .zptext *{ margin:1em; } h2.hero {font} .btn-secondary:hover {color:var(--white)} /* Responsive Fix 1024 to 0 px*/ @media (max-width: 768px) { .team-transformation {padding-bottom: 10rem} .hero-banner{ height: auto; } } /* Mobile Fix 768px to 0 px*/ @media (max-width: 768px) { .gap-s {gap:1rem} .card {margin:0} } /* Mobile Fix 425px to 0 px*/ @media (max-width: 425px) { .gap-s {gap:1rem} } .team-transformation h3, .solutions h3{ font-size: var(--m); } .flex{ display: flex; flex-direction: row; } .theme-blog-post-content h2 span{ background: unset; background-clip: unset; -webkit-text-fill-color: unset; font-size: unset; } .theme-logo-parent img { height: auto; width: 50px; } .footer h5 { font-weight: 600; } .solution-img-prob .zpimage-container.zpimage-align-center figure img { object-fit: cover; } @media (max-width: 924px) { .solution-img-prob .zpimage-container.zpimage-align-center figure img { width: auto !important; } } /********* contact form ************/ .contact-form button, .contact-form input[type='submit'], .contact-form input[type='reset'], .contact-form input[type='button'] { background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .fields-wrap { width: 510px; row-gap: 0.5em; display: flex; flex-direction: column; } /* Fix for Jagged on mobile */ html,body { overflow-x: clip; } .zpcontainer, .zpcontainer-fluid, .theme-content-area { max-width: 100%; } .contact-form-page{ width:100%; height: 800px; min-height:800px } /* Case study badge */ .case-badge { display: inline-flex; align-items: center; gap: 0.4em; border: 1px solid var(--grey-light); border-radius: var(--btn-radius); padding: 0.3em 0.9em; font-size: var(--clamp-xs); font-weight: 600; color: var(--primary); margin-bottom: 0.5rem; } </style><main><article><h2 class="text-xl text-bold text-center" style="font-size:26px;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">What Happened When Mamee Replaced Spreadsheets with Zoho Expense</h2><h2 class="text-xl text-bold text-center" style="margin-top:0.3rem;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Quick Read</h2><img src="https://www.aplikasi.us/images/IMG_5130.JPG" alt="Vintage Mamee snack advertisement display at the Mamee Monster factory"><div style="display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;"><div style="flex:1 1 250px;"><h6 class="text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Problem Statement</h6><p style="letter-spacing:0.3px;">Mamee&rsquo;s manual claim process was slow and inefficient, involving <span style="color:rgb(234, 119, 4);">multiple approval layers and communication gaps</span>. Without a centralized system, employees could exceed their entitlements, and finance had to manually verify claims. The <span style="color:rgb(234, 119, 4);">lack of reporting</span> made it hard to track spending trends or identify policy violations across departments.</p></div>
<div style="flex:1 1 250px;"><h6 class="text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Proposed Solution</h6><p style="letter-spacing:0.3px;">The solution was to fully digitalize Mamee&rsquo;s <span style="color:rgb(234, 119, 4);">claim management using Zoho Expense</span>. This cloud-based platform automates claim submissions, enforces policies, and introduces real-time access and reporting, enabling faster approvals, reduced errors, and data-driven decisions.</p></div>
<div style="flex:1 1 250px;"><h6 class="text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Implementation &amp; Results</h6><p style="letter-spacing:0.3px;">With Zoho Expense, Mamee <span style="color:rgb(234, 119, 4);">streamlined approvals, enforced claim limits, and enabled real-time tracking.</span> Paperless submissions, auto-mileage tracking, and expense categorization improved accuracy and saved time. <span style="color:rgb(234, 119, 4);">Advanced reporting</span> gave clearer visibility into spending patterns, boosting overall operational efficiency.</p></div>
</div><h2 class="text-xl text-bold text-center" style="margin-top:2rem;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Full Case Study</h2><img src="https://www.aplikasi.us/images/IMG_5174.JPG" alt="Aplikasi team at the Mamee Monster branded photo wall"><div style="display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;"><div style="flex:2 1 400px;"><h3 class="text-bold text-l" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Business Case at a Glance</h3><p style="letter-spacing:0.3px;">The entire workflow of Mamee&rsquo;s previous claim management was being run manually. This had affected the organization in multiple aspects, including efficiency, convenience and productivity.</p></div>
<div style="flex:1 1 220px;"><p style="margin-top:1.5rem;"><strong>What apps have been deployed</strong></p><div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect x="4" y="2.5" width="16" height="19" rx="2"/><path d="M8 7h8M8 11h8M8 15h5"/><circle cx="17" cy="17" r="4.5" fill="#fff"/><path d="M15.3 17l1.2 1.2 2.2-2.4"/></svg><span class="black text-bold">Zoho Expense</span></div>
</div></div><h3 class="text-bold text-l" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Company Background</h3><p style="letter-spacing:0.3px;">When reminiscing on the most memorable childhood snacks in Malaysia, it is almost impossible for one character not to emerge in your mind - the beloved blue Mamee monster! Since 1971, Mamee Group of Companies has been operating as a prominent Malaysian food manufacturing company. Renowned for its diverse snack products, ranging from Mister Potato chips and Double Decker crackers to instant noodles and even beverages. However, it was only in 1974 when the company introduced its innovative flagship product: Mamee Monster Noodles, dry noodles made to be eaten straight out of the packet. Altogether, these various snacks have burrowed a reputable fondness in the hearts of children and adults alike as a nostalgic staple in Malaysian homes.</p><p style="letter-spacing:0.3px;">After being in the market for 54 years, Mamee has strived to produce &ldquo;better-for-you&rdquo; goods using healthier ingredients than its competitors. Mamee's growth is also depicted through their strong commitment to innovation where, at its main Malacca factory, automation have replaced most of the company's manual labour.</p><p style="letter-spacing:0.3px;">With operations originating as a small instant noodle factory in Malacca, it is a stark contrast to see the company's flourishing development today with international ventures across Southeast Asia and South Korea, investment in the US and Singapore and even a partnership with Manchester United. Going strong in its 4th generation as a family business, Mamee&rsquo;s history has Datuk Pang Chin Hin to thank for founding the company that has brightened childhoods not just in Malaysia but all around the world.</p><h3 class="text-bold text-l" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">The Challenge</h3><p style="letter-spacing:0.3px;">Mamee faced multiple issues directly relating to the capabilities of its claim management system - specifically because the entire process was being done manually. The general process of managing claims requires many steps. Being done with traditional methods meant that claims had to go through multiple stages of communication and levels of authority before finally being approved. From creating the form and spreadsheets to sending emails and managing and submitting the claim, the approval process was certainly not straightforward - and certainly not quick. Because of this, the workflow just to get a claim approved was unstructured, tedious and time-consuming.</p><p style="letter-spacing:0.3px;">Moreover, there was no centralized data system to which information was kept. This meant that no controlled entitlements were set for each employee. Without a proper system in place, employees could take advantage of this issue and submit claims that were higher than their determined entitlement. Thus, it was the responsibility of finance personnel to individually check each claim submitted, further exacerbating the already time-consuming process.</p><p style="letter-spacing:0.3px;">Finally, they previously managed claims by fully relying on spreadsheets thus, it could not provide any sort of claim reporting, such as analytics or insights, that would have clarified the bill allowance for each department. The inability to generate reports puts the company at a disadvantage, as it may struggle to identify trends and patterns in employee claims, whether related to specific expense types like transportation costs or business units such as across Mamee's various branches. Being able to identify such patterns is important as it enables data-driven decisions that may help optimize costs, address inefficiencies and improve the company's overall operational effectiveness.</p><h3 class="text-bold text-l" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Finding the Solution</h3><p style="letter-spacing:0.3px;">There was one pivotal aspect of Mamee's claim management system that caused many of the company's setbacks, especially in terms of efficiency and productivity - the fact that it was being run manually. Our proposed solution to solve their issues? Digitalization.</p><img src="https://www.aplikasi.us/images/IMG_5158.JPG" alt="Aplikasi and Mamee-Double Decker teams holding a #runsmooth with Zoho banner"><h3 class="text-bold text-l" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Implementation and Results</h3><p style="letter-spacing:0.3px;">Our recommendation of choice was to transform their existing system by equipping them with Zoho Expense - a comprehensive software for claim management that addresses all their previous problems!</p><p style="letter-spacing:0.3px;">As a cloud solution, not only will they be able to retrieve their documents on demand, but their approval flow will also become much more structured. After submitting the expenses for the month, the relevant superior will be notified and given the choice to approve the claim with just a click. The task of managing claims suddenly becomes convenient and easy for both the employees and their superiors.</p><p style="letter-spacing:0.3px;">Superiors can immediately approve a claim, whilst an employee can receive an instant notification along with the superior's reasoning if their claim was rejected. Due dates can also be set for the submissions of expenses and the superiors&rsquo; approvals, ensuring that expenses are completed within a set timeframe preventing delays in reimbursements. Wherever they are, both parties can access information regarding the matter quickly through the application, either on desktop or mobile.</p><p style="letter-spacing:0.3px;">Additionally, Mamee was now able to customize details, such as defining expense policies and limits to ensure that each employee's entitlement was controlled. This allowed them to choose from their designated expense types whilst removing the cumbersome task of rechecking each claim, which in turn saves time. Through customization, certain fields can be mandated as mandatory, which ensures that all required information is submitted for each claim, reducing the time that would have been wasted from mistakes or incomplete submissions and improving the system's overall efficiency.</p><p style="letter-spacing:0.3px;">With Zoho Expense, Mamee also unlocked various other features to streamline the expense tracking process, which is especially beneficial for their accounting team. By allowing the organization to categorize expenses, it is now easier for them to align with the company&rsquo;s chart of accounts in their accounting system - further ensuring accuracy in the company&rsquo;s financial tracking and reporting. Even mileage claims can be made through the software&rsquo;s auto-mileage tracking, calculated based on the set criteria, vehicle type and rate per kilometre.</p><p style="letter-spacing:0.3px;">Moreover, Mamee&rsquo;s expense system was truly digitally transformed, maximizing productivity and accuracy through digitalization. The cloud-based solution enables the ability to import expense data from other sources and export reports for further data analysis. This streamlines efficiency by reducing manual data entry and ensuring that expense reports and their data can be accessed on various platforms. Furthermore, using Zoho Expense&rsquo;s digitalized platform means that employees are no longer required to keep physical receipts as attachments to their claims, saving the physical efforts of printing and filing which saves costs and space while enhancing their accuracy.</p><p style="letter-spacing:0.3px;">Even more time is saved by eliminating the formerly time-consuming back and forth that came with processing each claim through the relevant people. In addition, without the physical labour of printing and filing the expenses, costs and space are also saved with Mamee's new digitally transformed system. Zoho Expenses also exceeds its existing capabilities with the ability to generate reports and analytics that give them an insight into the patterns within their organization, enabling them to spot discrepancies amongst their several branches or even policy violations. Additionally, they are now able to clearly visualize this data by producing various types of graphs and charts, thus allowing for more well-informed decisions to be made based on the company's data patterns.</p><div style="border:3px solid rgb(0, 0, 0);border-radius:13px;padding:2.5rem;text-align:center;margin-top:1.5rem;"><p style="letter-spacing:0.3px;">Ready to turn your business challenges into success stories? Let&rsquo;s explore how Aplikasi can simplify and streamline your operations&mdash;just like we&rsquo;ve done for businesses across various industries.</p><div class="btn-primary"><a href="https://api.whatsapp.com/send?phone=60176009646&amp;text=Hi%2C I am interested to know more about your services.

Name%3A
Company%3A
Email%3A&amp;utm_source=blog&amp;utm_medium=article&amp;utm_campaign=honda_case_study" target="_blank">Get Started Now</a></div>
</div></article></main></div></div></div></div></div></div></div> ]]></content:encoded><pubDate>Mon, 26 May 2025 14:31:39 +0800</pubDate></item><item><title><![CDATA[[Case Study] Carpedia Global Holidays Sdn. Bhd: Vehicle Fleet Management System]]></title><link>https://www.aplikasi.us/blogs/post/case-study-carpedia-global-holidays-sdn.-bhd-vehicle-fleet-management-system</link><description><![CDATA[Carpedia Global Holidays Sdn Bhd https://www.youtube.com/embed/Ck1_YHOHwVY Vehicle-Sharing Platform Business Case at a Glance Carpedia is having a ha ]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm_wZ_aErnMTGaSdzGtaUblPQ" data-element-type="section" class="zpsection "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_E9aUWr81QMyYmUoo1jdMLA" data-element-type="row" class="zprow zprow-container zpalign-items- zpjustify-content- " data-equal-column=""><style type="text/css"></style><div data-element-id="elm_L5MXVWK0QcO6OJlen1zlFw" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- "><style type="text/css"></style><div data-element-id="elm_tGNDh_2ESQO81j3BFSV-mA" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-center " data-editor="true"><div><div><div><style type="text/css">.zpsection { }</style><div><div><style type="text/css">.zprow { }</style><div><style type="text/css">.zpelem-col { }</style><div><style>.zpelem-heading { }</style><h2><span style="color:rgb(11, 35, 45);font-weight:bold;">Carpedia Global Holidays Sdn Bhd</span></h2></div>
<div><style type="text/css">.zpelem-video { }</style><div><a href="https://www.youtube.com/embed/Ck1_YHOHwVY" target="_blank">https://www.youtube.com/embed/Ck1_YHOHwVY</a></div>
</div><div><style>.zpelem-text { }</style><div><p><span style="color:inherit;font-weight:700;">Vehicle-Sharing Platform</span><br/></p></div>
</div></div></div></div></div><div><style type="text/css">.zpsection { }</style><div><div><style type="text/css">.zprow { }</style><div><style type="text/css">.zpelem-col { }</style><div><style>.zpelem-heading { }</style><h2><div><div><div><span style="font-weight:bold;color:rgb(212, 43, 43);font-size:18px;">Business Case at a Glance</span></div>
</div></div></h2></div><div><style>.zpelem-text { }</style><div><div style="color:inherit;"><div style="color:inherit;"><div style="color:inherit;"><div style="color:inherit;"><div style="color:inherit;"><div> Carpedia is having a hard time managing the sponsors (vehicle owners) and all the e-hailing drivers. All the new vehicle owners and e-hailing drivers&nbsp;<span style="font-weight:bold;">need to manually register&nbsp;</span>with Carpedia, and this process has been tedious. Since all processes were manual and used hard copy, there was a&nbsp;<span style="font-weight:bold;">disjointed process between sales and finance</span>. Hence, finding digital and automated systems became a must for Carpedia. <br/></div>
<br/><div> As a digital transformation partner, Aplikasi recommended&nbsp;<span style="font-weight:bold;">Zoho CRM and Zoho Books for managing fleets, vendors, and payments</span>.&nbsp;Zoho People and Zoho Expense are anticipated to&nbsp;<span style="font-weight:bold;">solve the wasteful claim procedure and human resource issues for staff management.</span></div>
</div></div></div></div></div></div></div><div><style>.zpelem-heading { }</style><h2><div><div><div><span style="font-weight:bold;color:rgb(212, 43, 43);font-size:18px;">Company Background</span></div>
</div></div></h2></div><div><style>.zpelem-text { }</style><div><div style="color:inherit;"><div style="color:inherit;"><div style="color:inherit;"><div style="color:inherit;"><div style="color:inherit;"><div style="color:inherit;"><div> Carpedia is a vehicle fleet hub that primarily leases vehicles to e-hailing drivers. It is a fast-growing company that is widening its scope and&nbsp;<span style="font-weight:bold;">looking for a system that can manage its fleet and drivers altogether</span>. Hazim, CEO and co-founder of The Carpedia, and a few friends started a car rental business at university back in 2013, evolving the business to become a car-sharing platform that helped thousands of job seekers and provided a way for fresh graduates and retrenched personnel to make a living while in job transition. </div>
<div><br/></div><div> You put your car with them, generate passive income, and they rent it out to job seekers,&nbsp;<span style="font-weight:bold;">helping others build a steady income stream while waiting for jobs by becoming an entry-level E-Hailing driver</span>. In the meantime, they are also exposed to other gig economy opportunities such as parcel delivery, personal grocery shopping, and car wrapping. Simple jobs that are proven to be very resourceful in providing income. </div>
</div></div></div></div></div></div></div></div><div><style>.zpelem-heading { }</style><h2><div><div><div><span style="font-weight:bold;color:rgb(212, 43, 43);font-size:18px;">The Challenge</span></div>
</div></div></h2></div><div><style>.zpelem-text { }</style><div><div style="color:inherit;"><div style="color:inherit;"><span style="color:inherit;">Taking care of the drivers, vehicles, vendors, payments, renewals, and internal staff claims by hand is not an easy task. Like any other up-and-coming company, they&nbsp;<span style="font-weight:bold;">rely heavily on excel</span>&nbsp;sheets for nearly everything: keeping tabs on vehicles, sales, commissions, service dates, renewals, staff management, and accounting matters. Operating in this manner is&nbsp;<span style="font-weight:bold;">inefficient</span>&nbsp;because each of them&nbsp;<span style="font-weight:bold;">worked in a silo&nbsp;</span>and the&nbsp;<span style="font-weight:bold;">flow of information is not real-time</span>, resulting in&nbsp;<span style="font-weight:bold;">data discrepancies and a lack of transparency.</span>&nbsp;The time taken to manage all the data and processes manually has taken a lot of time from the staff that would be otherwise spent on increasing sales and service quality.</span><br/></div>
</div></div></div><div><style>.zpelem-heading { }</style><h2><div><div><div><span style="font-weight:bold;color:rgb(212, 43, 43);font-size:18px;">Finding the Solution</span></div>
</div></div></h2></div><div><style>.zpelem-text { }</style><div><div style="color:inherit;"><div style="color:inherit;"><p><span style="color:inherit;">As the digital transformation partner, Aplikasi suggested Zoho CRM and Zoho Books in unison to&nbsp;<span style="font-weight:bold;">handle the fleet management, vendors, and payment collections</span>. As for staff management, Zoho People and Zoho Expense are the most likely applications that can&nbsp;<span style="font-weight:bold;">easily solve the inefficient claim process and human resource matters.</span>&nbsp;And for each application, the reporting would&nbsp;<span style="font-weight:bold;">come in handy for analytics purposes and for making better-informed business decisions.</span></span><br/></p></div>
</div></div></div><div><style>.zpelem-heading { }</style><h2><div><div><div><span style="font-weight:bold;color:rgb(212, 43, 43);font-size:18px;">Implementations &amp; Results</span></div>
</div></div></h2></div><div><style>.zpelem-text { }</style><div><div style="color:inherit;"><div style="color:inherit;"><span style="color:inherit;">Zoho CRM was heavily configured and customised with workflows, blueprints, custom functions, and integrations to make it a&nbsp;<span style="font-weight:bold;">functioning and efficient fleet management system</span>. The implementation involves the&nbsp;<span style="font-weight:bold;">management of leads coming in up to their transition</span>&nbsp;as a driver/owner, managing all the processes with the e-hailing companies and authorities, assigning vehicles, keeping the mileage up-to-date, sending for service, and returning the vehicles. Zoho CRM is also integral to keeping track of the payments received and made, and these data are either pushed to Zoho Books or obtained from it.&nbsp;<span style="font-weight:bold;">Drivers would have access to the portal to update matters about the processes and the vehicle they are currently loaned.</span></span><br/></div>
</div></div></div><div><style>div div.zpspacer { height: 22px }</style><div></div>
</div><div><style type="text/css">.zprow { }</style><div><style type="text/css">.zpelem-col { }</style><div><style>.zpelem-button { }</style><div><a href="https://www.aplikasi.us/book-demo"><span>Book free demo now!</span></a></div>
</div></div><div><style type="text/css">.zpelem-col { }</style><div><style>.zpelem-button { }</style><div><a href="https://support.aplikasi.us/portal/en/home" target="_blank"><span>Visit the support centre</span></a></div>
</div></div></div><div><style>div div.zpspacer { height: 30px }</style><div></div>
</div></div><div><style type="text/css">.zpelem-col { }</style><div><style>.zpelem-heading { }</style><h3><span style="font-size:18px;color:rgb(212, 43, 43);font-weight:bold;">What apps have been deployed</span><br/></h3></div>
<div><style>.zpelem-text { }</style><div><div style="text-align:left;"><ul><li style="text-align:left;"><div><p><span style="color:rgb(147, 147, 147);">Zoho One</span></p></div></li><li style="text-align:left;"><p><font color="#939393">Zoho CRM</font></p></li><li style="text-align:left;"><p><font color="#939393">Zoho People</font></p></li><li style="text-align:left;"><p><font color="#939393">Zoho Expense</font></p></li><li style="text-align:left;"><p><font color="#939393">Zoho Books</font></p></li></ul></div>
</div></div><div><style>div div.zpspacer { height: 16px }</style><div></div></div>
<div><style>h3.zpheading { line-height: 25px }.zpelem-heading { }</style><h3><span style="color:rgb(212, 43, 43);font-weight:bold;">What our client says about our service?</span></h3></div>
<div><style type="text/css">.zpelem-box { background-color: rgba(85, 85, 85, 1) }</style><div><style>.zpelem-text { }</style><div><div style="color:inherit;"><div style="color:inherit;"><div style="color:inherit;"><div style="color:inherit;"><div style="color:inherit;"><div style="color:inherit;"><div style="color:inherit;"><p>With Zoho and the help from Aplikasi team, we managed to digitalise and to centralise our business under one platform. With all Zoho Apps integrated between each other, it makes all our processes easier to maintain and monitor. It really does save us time and resources. Aplikasi makes sure that the onboarding process is smooth for our employees.<br/></p><p><br/></p><p><span style="font-weight:400;font-style:italic;">- Carpedia Team</span></p></div>
</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
</div></div></div></div></div></div> ]]></content:encoded><pubDate>Thu, 20 Jul 2023 13:53:19 +0800</pubDate></item><item><title><![CDATA[[Case Study] Executive Recruiters: Recruitment Automation]]></title><link>https://www.aplikasi.us/blogs/post/case-study-executive-recruiters-recruitment-automation</link><description><![CDATA[Executive Recruiters Sdn Bhd https://www.youtube.com/embed/TvS3tu_IykM Staffing Agency Business Case at a Glance Executive Recruiters assist their cu ]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm_1yx-lRXQQj6Ksh1LqiURQw" data-element-type="section" class="zpsection "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_QtHM6Q3XRSSixCm9Bp5Onw" data-element-type="row" class="zprow zprow-container zpalign-items- zpjustify-content- " data-equal-column=""><style type="text/css"></style><div data-element-id="elm_DraapN7USEejLylpKBdGoA" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- "><style type="text/css"></style><div data-element-id="elm_u1xjOzWeSHufT9f85i7dBA" data-element-type="text" class="zpelement zpelem-text "><style></style><div class="zptext zptext-align-center " data-editor="true"><div><div><div><style type="text/css">.zpsection { }</style><div><div><style type="text/css">.zprow { }</style><div><style type="text/css">.zpelem-col { }</style><div><style>.zpelem-heading { }</style><h2><span style="color:rgb(11, 35, 45);font-weight:bold;">Executive Recruiters Sdn Bhd</span></h2></div>
<div><style type="text/css">.zpelem-video { }</style><div><a href="https://www.youtube.com/embed/TvS3tu_IykM" target="_blank">https://www.youtube.com/embed/TvS3tu_IykM</a></div>
</div><div><style>.zpelem-text { }</style><div><p><span style="color:inherit;font-weight:700;">Staffing Agency</span><br/></p></div>
</div></div></div></div></div><div><style type="text/css">.zpsection { }</style><div><div><style type="text/css">.zprow { }</style><div><style type="text/css">.zpelem-col { }</style><div><style>.zpelem-heading { }</style><h2><div><div><div><span style="font-weight:bold;color:rgb(212, 43, 43);font-size:18px;">Business Case at a Glance</span></div>
</div></div></h2></div><div><style>.zpelem-text { }</style><div><div style="color:inherit;"><div style="color:inherit;"><div style="color:inherit;"><div> Executive Recruiters assist their customers in building successful leadership teams by delivering great service and experience in the delivery of&nbsp;<span style="font-weight:bold;">efficient recruiting, training, and development solutions</span>. They bring their knowledge, exceptional consultancy, and research capabilities to every client assignment. With over ten years of experience in the recruiting market, they were recognised when they won the Human Resources Recruitment Awards in 2015. <br/></div>
<br/><div> But the method they were using, which&nbsp;<span style="font-weight:bold;">relied on Excel sheets and laborious processes to hire</span>, was outdated, so we suggested Zoho Recruit, which enables them to manage their hiring on one site. </div>
</div></div></div></div></div><div><style>.zpelem-heading { }</style><h2><div><div><div><span style="font-weight:bold;color:rgb(212, 43, 43);font-size:18px;">Company Background</span></div>
</div></div></h2></div><div><style>.zpelem-text { }</style><div><div style="color:inherit;"><div style="color:inherit;"><div style="color:inherit;"><div style="color:inherit;"><div><div><div><div> Executive Recruiters first began business executing junior positions and recruitments in mass for clients such as call centres, banks, and self-service centers. Within the past 10 years, they have shifted their focus towards pioneering and senior roles, with a goal in mind to emphasise functionalities instead of mass recruitment. <br/></div>
</div></div></div><div><br/></div><div><div><div><div> Executive Recruiters processes start with identifying and targeting a specific group of candidates, followed by in-depth discussions with their clients. Potential candidates will then be considered, but their suitability will be determined before they are invited to the next stage of the screening and interview process. </div>
</div></div></div></div></div></div></div></div></div><div><style>.zpelem-heading { }</style><h2><div><div><div><span style="font-weight:bold;color:rgb(212, 43, 43);font-size:18px;">The Challenge</span></div>
</div></div></h2></div><div><style>.zpelem-text { }</style><div><div style="color:inherit;"><div style="color:inherit;"><span style="color:inherit;">Five or seven years ago, the system that they had been using had become obsolete because they&nbsp;<span style="font-weight:bold;">could not keep up with the demand required for the recruitment process</span>, where they only relied on Excel sheets and manual processes to do the hiring. Hence, now they know that they need to rely on a third-party vendor to accomplish their work, so they are looking for an alternative that leads them to Zoho Recruit.</span><br/></div>
</div></div></div><div><style>.zpelem-heading { }</style><h2><div><div><div><span style="font-weight:bold;color:rgb(212, 43, 43);font-size:18px;">Finding the Solution</span></div>
</div></div></h2></div><div><style>.zpelem-text { }</style><div><div style="color:inherit;"><div style="color:inherit;"><p><span style="color:inherit;">We recommended Zoho Recruit, which allows them to&nbsp;<span style="font-weight:bold;">manage all of their hiring in one place</span>. As a result, they are now better prepared to handle the digital transformation in their workplace, which necessitates more optimised and efficient performance to meet their clients' demands.&nbsp;</span><br/></p></div>
</div></div></div><div><style>.zpelem-heading { }</style><h2><div><div><div><span style="font-weight:bold;color:rgb(212, 43, 43);font-size:18px;">Implementations &amp; Results</span></div>
</div></div></h2></div><div><style>.zpelem-text { }</style><div><div style="color:inherit;"><div style="color:inherit;"><span style="color:inherit;">The hiring process is also&nbsp;<span style="font-weight:bold;">digitalized</span>, which includes&nbsp;<span style="font-weight:bold;">interview scheduling, screening, client management, resume management, and more</span>. Zoho Recruit also has their own career site, the&nbsp;<span style="font-weight:bold;">ability to generate standard resume templates</span>, and all of these functions are used by Executive Recruiters.</span><br/></div>
</div></div></div><div><style>div div.zpspacer { height: 22px }</style><div></div>
</div><div><style type="text/css">.zprow { }</style><div><style type="text/css">.zpelem-col { }</style><div><style>.zpelem-button { }</style><div><a href="https://www.aplikasi.us/book-demo"><span>Book free demo now!</span></a></div>
</div></div><div><style type="text/css">.zpelem-col { }</style><div><style>.zpelem-button { }</style><div><a href="https://support.aplikasi.us/portal/en/home" target="_blank"><span>Visit the support centre</span></a></div>
</div></div></div><div><style>div div.zpspacer { height: 30px }</style><div></div>
</div></div><div><style type="text/css">.zpelem-col { }</style><div><style>.zpelem-heading { }</style><h3><span style="font-size:18px;color:rgb(212, 43, 43);font-weight:bold;">What apps have been deployed</span><br/></h3></div>
<div><style>.zpelem-text { }</style><div><div style="text-align:left;"><ul><li style="text-align:left;"><div><p><span style="color:rgb(147, 147, 147);">Zoho One</span></p></div></li><li style="text-align:left;"><p><font color="#939393">Zoho Recruit</font></p></li></ul></div>
</div></div><div><style>div div.zpspacer { height: 16px }</style><div></div></div>
<div><style>h3.zpheading { line-height: 25px }.zpelem-heading { }</style><h3><span style="color:rgb(212, 43, 43);font-weight:bold;">What our client says about our service?</span></h3></div>
<div><style type="text/css">.zpelem-box { background-color: rgba(85, 85, 85, 1) }</style><div><style>.zpelem-text { }</style><div><div style="color:inherit;"><div style="color:inherit;"><div style="color:inherit;"><div style="color:inherit;"><div style="color:inherit;"><p>I would recommend other people to use Zoho Recruit. Especially&nbsp;for HR or other agencies as well. Because it is definitely useful and easy to customize based on your need..<span style="font-style:italic;">&nbsp;</span></p><p><span style="font-style:italic;"><br/></span></p><p><span style="font-weight:bold;">- <span style="font-weight:400;font-style:italic;">Stone Teoh, Business Operations Lead</span></span></p></div>
</div></div></div></div></div></div></div></div></div></div></div></div></div></div>
</div></div></div></div></div></div> ]]></content:encoded><pubDate>Thu, 20 Jul 2023 13:39:02 +0800</pubDate></item></channel></rss>