{"id":3098,"date":"2025-05-15T18:32:46","date_gmt":"2025-05-15T10:32:46","guid":{"rendered":"https:\/\/esetem.my\/?page_id=3098"},"modified":"2026-06-01T16:29:03","modified_gmt":"2026-06-01T08:29:03","slug":"utama","status":"publish","type":"page","link":"https:\/\/esetem.my\/en\/","title":{"rendered":"Utama"},"content":{"rendered":"<section class=\"bde-section-3098-1407 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h1 class=\"bde-heading-3098-1408 bde-heading\">\nPenyeteman LHDN Tanpa Kerumitan\n<\/h1><div class=\"bde-text-3098-1409 bde-text\">\neSetem ialah platform digital yang memudahkan pembayaran duti setem. Lakukan pembayaran secara dalam talian dan terima slip setem anda dengan mudah.\n<\/div><div class=\"bde-code-block-3098-1410 bde-code-block\">\n\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap\" rel=\"stylesheet\">\n\n<style>\n.sd-wrap{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;width:100%;max-width:620px;margin:0 auto;box-sizing:border-box}\n.sd-wrap *,.sd-wrap *::before,.sd-wrap *::after{box-sizing:border-box}\n.sd-social{display:flex;align-items:center;gap:12px;background:#f0faf5;border:1px solid #b6e8d3;border-radius:12px;padding:10px 16px;margin-bottom:20px}\n.sd-avatars{display:flex;flex-shrink:0}\n.sd-av{width:28px;height:28px;border-radius:50%;border:2px solid #f0faf5;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff;margin-left:-8px}\n.sd-av:first-child{margin-left:0}\n.sd-av-1{background:#0F6E56}.sd-av-2{background:#1D9E75}.sd-av-3{background:#5DCAA5}.sd-av-4{background:#9FE1CB;color:#085041}\n.sd-social-dot{width:3px;height:3px;border-radius:50%;background:#9FE1CB;flex-shrink:0}\n.sd-social-body{flex:1;min-width:0}\n.sd-social-main{font-size:13px;font-weight:600;color:#0a3d24}\n.sd-social-sub{font-size:11.5px;color:#1a5c3a;margin-top:1px}\n.sd-social-stars{color:#e09a00;letter-spacing:-1px}\n.sd-hero{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px 28px 24px;box-shadow:0 4px 30px rgba(0,0,0,.03)}\n.sd-section-label{font-size:11px;font-weight:700;color:#a3a3a3;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;display:block}\n.sd-select-wrap{position:relative;display:flex;align-items:center}\n.sd-select-icon{position:absolute;left:16px;color:#a3a3a3;display:flex;align-items:center;pointer-events:none}\n.sd-select{width:100%;height:52px;padding:0 44px 0 46px;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;color:#0f1115;font-family:'DM Sans',sans-serif;font-size:15px;font-weight:500;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .2s,box-shadow .2s;outline:none}\n.sd-select:focus{border-color:#0f1115;box-shadow:0 0 0 3px rgba(15,17,21,.05)}\n.sd-select optgroup{font-weight:700;color:#8a8f98;font-size:12px;background:#fff}\n.sd-select option{font-weight:400;color:#0f1115;font-size:14px}\n.sd-select-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:#a3a3a3;display:flex;align-items:center}\n.sd-trust{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;flex-wrap:wrap}\n.sd-trust-badge{display:inline-flex;align-items:center;gap:5px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:5px 11px 5px 8px;font-size:11.5px;font-weight:600;color:#4b525e;white-space:nowrap}\n.sd-trust-badge svg{flex-shrink:0;color:#0f1115}\n.sd-cta{width:100%;min-height:54px;background:#0f1115;color:#fff;font-family:'DM Sans',sans-serif;font-size:15px;font-weight:700;border-radius:12px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:12px 20px;transition:opacity .2s,transform .1s;gap:10px}\n.sd-cta:hover:not(:disabled){opacity:.92}\n.sd-cta:active:not(:disabled){transform:scale(.997)}\n.sd-cta:disabled{opacity:.35;cursor:not-allowed;justify-content:center}\n.sd-cta-hint{font-size:11px;color:#9aa0ab;text-align:center;margin-top:8px}\n@media(max-width:480px){\n  .sd-hero{padding:20px 16px}\n  .sd-trust{gap:5px}\n  .sd-trust-badge{font-size:11px;padding:4px 9px 4px 7px}\n  .sd-cta{font-size:14px}\n}\n<\/style>\n\n<div class=\"sd-wrap\">\n  <div class=\"sd-social\">\n    <div class=\"sd-avatars\">\n      <div class=\"sd-av sd-av-1\">AH<\/div>\n      <div class=\"sd-av sd-av-2\">SR<\/div>\n      <div class=\"sd-av sd-av-3\">LM<\/div>\n      <div class=\"sd-av sd-av-4\">+<\/div>\n    <\/div>\n    <div class=\"sd-social-dot\"><\/div>\n    <div class=\"sd-social-body\">\n      <div class=\"sd-social-main\">1,400+ Dokumen Telah Disetem<\/div>\n      <div class=\"sd-social-sub\"><span class=\"sd-social-stars\">\u2605\u2605\u2605\u2605\u2605<\/span> Dinilai 4.9 \/ 5 oleh pengguna yang disahkan<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"sd-hero\">\n    <div style=\"margin-bottom:20px\">\n      <span class=\"sd-section-label\">Jenis Penyeteman<\/span>\n      <div class=\"sd-select-wrap\">\n        <span class=\"sd-select-icon\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg>\n        <\/span>\n        <select id=\"sdDocType\" class=\"sd-select\">\n          <option value=\"\">Pilih jenis dokumen anda...<\/option>\n          <option value=\"sewa\">Perjanjian Sewa<\/option>\n          <option value=\"perkhidmatan\">Perjanjian Perkhidmatan<\/option>\n          <option value=\"pinjaman\">Perjanjian Pinjaman<\/option>\n          <option value=\"bon\">Bon<\/option>\n          <option value=\"kontrak_kerja\">Kontrak Pekerjaan<\/option>\n          <option value=\"surat_akuan\">Akuan Berkanun<\/option>\n          <option value=\"nda\">Perjanjian Kerahsiaan (NDA)<\/option>\n          <option value=\"aku_janji\">Surat Aku Janji dan Tanggung Rugi<\/option>\n          <option value=\"lain_perjanjian\">Perjanjian AM<\/option>\n        <\/select>\n        <span class=\"sd-select-arrow\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/span>\n      <\/div>\n    <\/div>\n\n    <button id=\"sdStartBtn\" class=\"sd-cta\" disabled>\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n      Sila pilih jenis dokumen terlebih dahulu\n    <\/button>\n    <p class=\"sd-cta-hint\" id=\"sdBtnHint\" style=\"display:none\">Duti setem dikira secara automatik berdasarkan nilai dokumen anda<\/p>\n\n    <div class=\"sd-trust\">\n      <div class=\"sd-trust-badge\">\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n        Pembayaran Selamat\n      <\/div>\n      <div class=\"sd-trust-badge\">\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n        Privasi Data Terpelihara\n      <\/div>\n      <div class=\"sd-trust-badge\">\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11\"\/><\/svg>\n        Patuh Undang-Undang\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var sel = document.getElementById('sdDocType');\n  var btn = document.getElementById('sdStartBtn');\n  var btnHint = document.getElementById('sdBtnHint');\n  var currentValue = '';\n\n  var priceMap = {\n    sewa:'RM 10 \u2013 RM 50', perkhidmatan:'RM 10 \u2013 RM 50', pinjaman:'RM 10 \u2013 RM 50',\n    bon:'RM 10', kontrak_kerja:'RM 10', surat_akuan:'RM 10',\n    nda:'RM 10', aku_janji:'RM 10', lain_perjanjian:'RM 10'\n  };\n\n  function sync() {\n    if (!currentValue) {\n      btn.disabled = true;\n      btn.innerHTML =\n        '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg> Sila pilih jenis dokumen terlebih dahulu';\n      btnHint.style.display = 'none';\n      return;\n    }\n    btn.disabled = false;\n    btn.innerHTML =\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg> Mulakan Penyeteman';\n    btnHint.style.display = 'block';\n  }\n\n  sel.addEventListener('change', function() {\n    currentValue = sel.value;\n    sync();\n  });\n\n  btn.addEventListener('click', function() {\n    if (!currentValue) return;\n    var origin = window.location.origin;\n    var seg = window.location.pathname.split('\/').filter(Boolean);\n    var basePrefix = seg[0] === 'stage' ? '\/stage' : '';\n    var langIndex = seg[0] === 'stage' ? 1 : 0;\n    var lang = (seg[langIndex] || 'en').toLowerCase();\n    var pathMap = { ms:'\/ms\/duti-setem\/', en:'\/en\/stamp-duty\/' };\n    var url = new URL(origin + basePrefix + (pathMap[lang] || pathMap.en));\n    url.searchParams.set('jenis', currentValue);\n    window.location.href = url.toString();\n  });\n})();\n<\/script>\n\n\n<\/div><div class=\"bde-code-block-3098-1411 bde-code-block\">\n\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n  \/* Container Utama *\/\n \n  .client-logo-section {\n    padding: 60px 0;\n    background-color: #ffffff;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden; \n    width: 100%;\n  }\n\n  .client-logo-title {\n    font-family: 'Inter', sans-serif;\n    font-size: 14px;\n    font-weight: 600;\n    color: #9ca3af;\n    text-transform: uppercase;\n    letter-spacing: 1.2px;\n    margin-top: -30px;\n    margin-bottom: 40px;\n    text-align: center;\n  }\n\n  \/* TRACK ANIMASI *\/\n  .marquee-track {\n    display: flex;\n    width: max-content;\n    gap: 0; \n    \/* Adjust masa: 60s utk desktop *\/\n    animation: scroll-left 60s linear infinite; \n  }\n\n  \/* LOGO GROUP *\/\n  .logo-group {\n    display: flex;\n    align-items: center;\n    gap: 80px; \n    padding-right: 80px; \/* Padding kanan utk gap antara set *\/\n  }\n\n  @keyframes scroll-left {\n    0% { transform: translateX(0); }\n    100% { transform: translateX(-50%); }\n  }\n\n  \/* --- ITEM LOGO --- *\/\n  .logo-item img {\n    display: block;\n    max-width: 110px;  \n    height: auto;\n    max-height: 50px;  \n    object-fit: contain;\n    \n    \/* Grayscale Default *\/\n    filter: grayscale(100%) opacity(0.7); \n    -webkit-filter: grayscale(100%) opacity(0.7);\n    transition: all 0.4s ease;\n  }\n\n  \/* Hover Effect: Jadi Berwarna *\/\n  .logo-item img:hover {\n    filter: grayscale(0%) opacity(1);\n    transform: scale(1.1);\n  }\n\n  \/* Pause bila mouse lalu *\/\n  .marquee-track:hover {\n    animation-play-state: paused;\n  }\n\n  \/* Mobile Responsive *\/\n  @media (max-width: 768px) {\n    .logo-group { gap: 40px; padding-right: 40px; }\n    .marquee-track { animation-duration: 30s; } \/* Laju sikit kat mobile *\/\n    \n    .logo-item img { \n      max-width: 90px; \n      max-height: 40px;\n    }\n  }\n<\/style>\n\n<div class=\"client-logo-section\">\n  <div class=\"client-logo-title\">Pelanggan berpuas hati, termasuk perniagaan kecil dan besar<\/div>\n\n  <div class=\"marquee-track\">\n    <!-- SET 1 (ORIGINAL) -->\n    <div class=\"logo-group\">\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/esetem.my\/wp-content\/uploads\/2025\/12\/CelcomDigi_Logo.svg_.webp\" alt=\"CelcomDigi\"><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/esetem.my\/wp-content\/uploads\/2025\/12\/2025-11-24.jpg\" alt=\"PKX\"><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/esetem.my\/wp-content\/uploads\/2025\/12\/Moittry.webp\" alt=\"Moittry\"><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/esetem.my\/wp-content\/uploads\/2025\/12\/481323297_1271226607285370_6586761882323834014_n.webp\" alt=\"Logo4\"><\/div>\n      <!-- LOGO BARU DI SINI -->\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/esetem.my\/wp-content\/uploads\/2025\/12\/ingredion.webp\" alt=\"Ingredion\"><\/div>\n\n      <!-- REPEAT UTK BALANCE -->\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/esetem.my\/wp-content\/uploads\/2025\/12\/CelcomDigi_Logo.svg_.webp\" alt=\"CelcomDigi\"><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/esetem.my\/wp-content\/uploads\/2025\/12\/2025-11-24.jpg\" alt=\"PKX\"><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/esetem.my\/wp-content\/uploads\/2025\/12\/Moittry.webp\" alt=\"Moittry\"><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/esetem.my\/wp-content\/uploads\/2025\/12\/481323297_1271226607285370_6586761882323834014_n.webp\" alt=\"Logo4\"><\/div>\n      <!-- LOGO BARU DI SINI (REPEAT) -->\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/esetem.my\/wp-content\/uploads\/2025\/12\/ingredion.webp\" alt=\"Ingredion\"><\/div>\n    <\/div>\n\n    <!-- SET 2 (DUPLICATE - WAJIB SAMA DGN SET 1) -->\n    <div class=\"logo-group\">\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/esetem.my\/wp-content\/uploads\/2025\/12\/CelcomDigi_Logo.svg_.webp\" alt=\"CelcomDigi\"><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/esetem.my\/wp-content\/uploads\/2025\/12\/2025-11-24.jpg\" alt=\"PKX\"><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/esetem.my\/wp-content\/uploads\/2025\/12\/Moittry.webp\" alt=\"Moittry\"><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/esetem.my\/wp-content\/uploads\/2025\/12\/481323297_1271226607285370_6586761882323834014_n.webp\" alt=\"Logo4\"><\/div>\n      <!-- LOGO BARU -->\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/esetem.my\/wp-content\/uploads\/2025\/12\/ingredion.webp\" alt=\"Ingredion\"><\/div>\n\n      <!-- REPEAT -->\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/esetem.my\/wp-content\/uploads\/2025\/12\/CelcomDigi_Logo.svg_.webp\" alt=\"CelcomDigi\"><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/esetem.my\/wp-content\/uploads\/2025\/12\/2025-11-24.jpg\" alt=\"PKX\"><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/esetem.my\/wp-content\/uploads\/2025\/12\/Moittry.webp\" alt=\"Moittry\"><\/div>\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/esetem.my\/wp-content\/uploads\/2025\/12\/481323297_1271226607285370_6586761882323834014_n.webp\" alt=\"Logo4\"><\/div>\n      <!-- LOGO BARU (REPEAT) -->\n      <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/esetem.my\/wp-content\/uploads\/2025\/12\/ingredion.webp\" alt=\"Ingredion\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-3098-1412 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-3098-1413 bde-heading\">\nUrus Penyeteman Anda dengan Lebih Mudah.\n<\/h2><div class=\"bde-text-3098-1414 bde-text\">\nSegala urusan seperti penghantaran dokumen untuk penyeteman, pengiraan duti setem dan penghantaran slip setem diuruskan dalam satu platform yang mudah digunakan.\n<\/div><div class=\"bde-code-block-3098-1415 bde-code-block\">\n\n  <style>\n  .sg{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n  .sf{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px;padding:28px 24px;transition:all .25s ease}\n  .sf:hover{border-color:#cbd5e1;background:#e4eaf2}\n  .sfi{width:40px;height:40px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;margin-bottom:16px}\n  .sfi svg{width:18px;height:18px;stroke:#0f1115;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}\n  .sf h4{font-size:18px;font-weight:700;margin-bottom:8px;color:#0f1115;letter-spacing:-0.01em}\n  .sf p{font-size:15px;color:#4b525e;line-height:1.6;margin:0}\n  @media(max-width:900px){.sg{grid-template-columns:repeat(2,1fr)}}\n  @media(max-width:560px){.sg{grid-template-columns:1fr}}\n<\/style>\n\n<div class=\"sg\">\n  <div class=\"sf\">\n    <div class=\"sfi\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4\"\/><polyline points=\"17 8 12 3 7 8\"\/><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"\/><\/svg>\n    <\/div>\n    <h4>Muat Naik Dokumen, eSetem Uruskan Selebihnya<\/h4>\n    <p>Muat naik dokumen, sahkan maklumat dan buat bayaran. eSetem uruskan proses penyeteman dan hantar slip setem anda dengan segera. Semua dalam satu platform.<\/p>\n  <\/div>\n  <div class=\"sf\">\n    <div class=\"sfi\">\n      <svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/><line x1=\"8\" y1=\"10\" x2=\"16\" y2=\"10\"\/><line x1=\"8\" y1=\"14\" x2=\"16\" y2=\"14\"\/><line x1=\"8\" y1=\"18\" x2=\"12\" y2=\"18\"\/><\/svg>\n    <\/div>\n    <h4>Pengiraan Duti Setem yang Tepat<\/h4>\n    <p>eSetem mengira duti setem secara automatik berdasarkan kadar semasa yang ditetapkan oleh LHDN. Ini membantu mengurangkan risiko kesilapan, penalti dan kelewatan.<\/p>\n  <\/div>\n  <div class=\"sf\">\n    <div class=\"sfi\">\n      <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n    <\/div>\n    <h4>Proses Penyeteman yang Mudah<\/h4>\n    <p>eSetem memudahkan urusan penyeteman dengan mengurangkan langkah yang rumit, supaya anda boleh setem dokumen dengan cepat dan mudah tanpa kekeliruan.<\/p>\n  <\/div>\n  <div class=\"sf\">\n    <div class=\"sfi\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n    <\/div>\n    <h4>Rekod Digital yang Selamat dan Sedia Audit<\/h4>\n    <p>Semua aktiviti penyeteman direkodkan dengan cap masa yang lengkap. Rekod digital anda sentiasa tersedia untuk semakan bila diperlukan.<\/p>\n  <\/div>\n  <div class=\"sf\">\n    <div class=\"sfi\">\n      <svg viewBox=\"0 0 24 24\"><polyline points=\"23 4 23 10 17 10\"\/><path d=\"M20.49 15a9 9 0 11-2.12-9.36L23 10\"\/><\/svg>\n    <\/div>\n    <h4>Kemaskini Status Secara Masa Nyata<\/h4>\n    <p>Dapatkan kemaskini segera tentang status penghantaran, pembayaran dan proses penyeteman dalam satu platform.<\/p>\n  <\/div>\n  <div class=\"sf\">\n    <div class=\"sfi\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n    <\/div>\n    <h4>Akses Slip Setem dengan Segera<\/h4>\n    <p>Selepas dokumen disetem, slip akan dihantar ke email anda dan disimpan dalam papan pemuka akaun. Mudah diakses bila-bila masa.<\/p>\n  <\/div>\n<\/div>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-3098-1416 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-code-block-3098-1417 bde-code-block\">\n\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Mono:wght@700&display=swap\" rel=\"stylesheet\">\n\n<style>\n*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}\n\n.browser-shell{background:#f0f0f0;border-radius:10px;overflow:hidden;border:1px solid #d0d0d0;margin:10px}\n\n.browser-chrome{background:#F7F7F7;padding:10px 14px 0;border-bottom:1px solid #d0d0d0}\n.chrome-bar{display:flex;align-items:center;gap:12px;margin-bottom:10px}\n.traffic{display:flex;gap:6px;align-items:center}\n.tl{width:12px;height:12px;border-radius:50%}\n.tl-r{background:#ff5f57;border:0.5px solid #e0443e}\n.tl-y{background:#febc2e;border:0.5px solid #d4a017}\n.tl-g{background:#28c840;border:0.5px solid #1aab29}\n.url-wrap{flex:1;background:#fff;border:0.5px solid #c8c8c8;border-radius:6px;display:flex;align-items:center;gap:6px;padding:5px 10px;min-width:0}\n.url-icon{opacity:.5;display:flex;align-items:center}\n.url-text{font-size:12px;color:#333;font-family:monospace;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.url-domain{color:#555}\n.url-path{color:#111}\n\n.page{background:#fff;min-height:400px}\n\n.main{padding:24px 32px}\n\n.order-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:10px}\n.order-left{display:flex;align-items:center;gap:10px}\n.order-num{font-size:16px;font-weight:700;color:#111}\n.order-name{font-size:16px;font-weight:400;color:#111}\n.order-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}\n.order-date{font-size:13px;color:#888}\n.completed-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;font-size:13px;font-weight:500;background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}\n.completed-dot{width:7px;height:7px;border-radius:50%;background:#2e7d32}\n.three-dots{display:flex;gap:4px}\n.td{width:9px;height:9px;border-radius:50%;background:#2e7d32}\n\n.chips-row{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}\n\n.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border-radius:999px;font-size:12px;border:1px solid #e0e0e0;color:#555;background:#fff;font-family:'DM Mono', monospace !important;font-weight:700 !important;white-space:nowrap}\n.chip-blue{color:#1565c0;background:#e3f2fd;border-color:#90caf9}\n\n.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #e8e8e8;border-radius:10px;overflow:hidden}\n\n.audit-side{padding:20px 22px;border-right:1px solid #e8e8e8}\n.docs-side{padding:20px 22px}\n\n.side-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}\n.label-left{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#999}\n.label-left svg{opacity:.6}\n.hash-tag{font-family:monospace;font-size:11px;color:#aaa;background:#f5f5f5;border:1px solid #e8e8e8;border-radius:5px;padding:2px 8px}\n\n.steps{display:flex;align-items:flex-start;gap:0}\n.step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}\n.step-line{position:absolute;top:10px;left:50%;right:-50%;height:2px;background:#111;z-index:0}\n.step:last-child .step-line{display:none}\n.step-dot-z{position:relative;z-index:1;margin-bottom:8px}\n.sdot{width:20px;height:20px;border-radius:50%;background:#111;border:2px solid #111;display:flex;align-items:center;justify-content:center}\n.sdot.green{background:#16a34a;border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.2)}\n.sdot svg{display:block}\n.sinfo{text-align:center;padding:0 2px}\n.st{font-size:10px;font-weight:600;color:#111;margin-bottom:2px;line-height:1.3}\n.sd{font-size:9px;color:#999;margin-bottom:3px;line-height:1.3}\n.sts{font-size:8.5px;color:#bbb;line-height:1.5}\n\n.audit-bottom{display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 12px;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0}\n.ab-text{font-size:10px;color:#aaa;line-height:1.6}\n.ab-text a{color:#1565c0;text-decoration:none;font-weight:500}\n\n.doc-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0;margin-bottom:8px;flex-wrap:wrap;gap:12px}\n.doc-item:last-child{margin-bottom:0}\n.doc-l{display:flex;align-items:center;gap:11px}\n.dico{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.dico-b{background:#e3f2fd}\n.dico-g{background:#e8f5e9}\n.dico-a{background:#fff8e1}\n.dname{font-size:13px;font-weight:600;color:#111}\n.dsub{font-size:11px;color:#999;margin-top:2px}\n.dbtn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;border:none;cursor:pointer;background:#f3f4f6;color:#374151}\n\n@media (max-width: 768px) {\n  .main {\n    padding: 16px;\n  }\n  .content-grid {\n    grid-template-columns: 1fr;\n  }\n  .audit-side {\n    border-right: none;\n    border-bottom: 1px solid #e8e8e8;\n    padding: 16px;\n  }\n  .docs-side {\n    padding: 16px;\n  }\n  .steps {\n    flex-direction: column;\n    gap: 16px;\n    padding-left: 10px;\n  }\n  .step {\n    flex-direction: row;\n    align-items: flex-start;\n    gap: 14px;\n    width: 100%;\n  }\n  .step-line {\n    top: 20px;\n    left: 10px;\n    right: auto;\n    width: 2px;\n    height: calc(100% + 16px);\n  }\n  .sinfo {\n    text-align: left;\n    padding: 0;\n  }\n  .doc-item {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n  .doc-l {\n    width: 100%;\n  }\n  .dbtn {\n    width: 100%;\n    justify-content: center;\n  }\n}\n<\/style>\n\n<div class=\"browser-shell\">\n  <div class=\"browser-chrome\">\n    <div class=\"chrome-bar\">\n      <div class=\"traffic\">\n        <div class=\"tl tl-r\"><\/div>\n        <div class=\"tl tl-y\"><\/div>\n        <div class=\"tl tl-g\"><\/div>\n      <\/div>\n      <div class=\"url-wrap\">\n        <span class=\"url-icon\">\n          <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#333\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n        <\/span>\n        <span class=\"url-text\"><span class=\"url-domain\">esetem.my\/<\/span><span class=\"url-path\">dashboard<\/span><\/span>\n      <\/div>\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#aaa\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n    <\/div>\n  <\/div>\n\n  <div class=\"page\">\n    <div class=\"main\">\n      <div class=\"order-row\">\n        <div class=\"order-left\">\n          <span class=\"order-num\">#356<\/span>\n          <span class=\"order-name\">Tenancy Agreement<\/span>\n        <\/div>\n        <div class=\"order-right\">\n          <span class=\"order-date\">17 Mar 2026<\/span>\n          <span class=\"completed-badge\"><span class=\"completed-dot\"><\/span>Completed<\/span>\n          <div class=\"three-dots\"><div class=\"td\"><\/div><div class=\"td\"><\/div><div class=\"td\"><\/div><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"chips-row\">\n        <span class=\"chip chip-blue\">\n          <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1565c0\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\n          LHDN Adjudication Number: L03K91827\n        <\/span>\n        <span class=\"chip\">\n          <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#888\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n          Submitted: 17 Mar 2026, 12:22 PM\n        <\/span>\n        <span class=\"chip\">\n          <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#888\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n          Updated: 18 Mar 2026, 12:25 PM\n        <\/span>\n      <\/div>\n\n      <div class=\"content-grid\">\n        <div class=\"audit-side\">\n          <div class=\"side-label\">\n            <div class=\"label-left\">\n              <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#999\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n              Audit trail\n            <\/div>\n            <span class=\"hash-tag\">L03K91827<\/span>\n          <\/div>\n\n          <div class=\"steps\">\n            <div class=\"step\">\n              <div class=\"step-line\"><\/div>\n              <div class=\"step-dot-z\"><div class=\"sdot\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><\/div>\n              <div class=\"sinfo\">\n                <div class=\"st\">Order submitted<\/div>\n                <div class=\"sts\">17 Mar 2026, 12:22 PM<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"step\">\n              <div class=\"step-line\"><\/div>\n              <div class=\"step-dot-z\"><div class=\"sdot\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><\/div>\n              <div class=\"sinfo\">\n                <div class=\"st\">Payment confirmed<\/div>\n                <div class=\"sts\">17 Mar 2026, 12:24 PM<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"step\">\n              <div class=\"step-line\"><\/div>\n              <div class=\"step-dot-z\"><div class=\"sdot\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><\/div>\n              <div class=\"sinfo\">\n                <div class=\"st\">Submitted to LHDN<\/div>\n                <div class=\"sts\">18 Mar 2026, 9:00 AM<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"step\">\n              <div class=\"step-line\"><\/div>\n              <div class=\"step-dot-z\"><div class=\"sdot\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><\/div>\n              <div class=\"sinfo\">\n                <div class=\"st\">Stamp completed<\/div>\n                <div class=\"sts\">18 Mar 2026, 10:00 AM<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"step\">\n              <div class=\"step-dot-z\"><div class=\"sdot green\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><\/div>\n              <div class=\"sinfo\">\n                <div class=\"st\">Delivered<\/div>\n                <div class=\"sts\">18 Mar 2026, 12:25 PM<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"audit-bottom\">\n            <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#bbb\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:1px\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n            <div class=\"ab-text\">Immutably logged &amp; time-stamped. Retain for 7 years (LHDN compliance). LHDN Adjudication Number: <a href=\"#\">L03K91827<\/a><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"docs-side\">\n          <div class=\"side-label\">\n            <div class=\"label-left\">\n              <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#999\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z\"\/><polyline points=\"13 2 13 9 20 9\"\/><\/svg>\n              My Files\n            <\/div>\n            <span style=\"font-size:11px;color:#aaa\">3\/3 ready<\/span>\n          <\/div>\n\n          <div class=\"doc-item\">\n            <div class=\"doc-l\">\n              <div class=\"dico dico-b\">\n                <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1565c0\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z\"\/><polyline points=\"13 2 13 9 20 9\"\/><\/svg>\n              <\/div>\n              <div>\n                <div class=\"dname\">My Document<\/div>\n                <div class=\"dsub\">1 file submitted for stamping<\/div>\n              <\/div>\n            <\/div>\n            <button class=\"dbtn\">\n              <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#374151\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n              Download\n            <\/button>\n          <\/div>\n\n          <div class=\"doc-item\">\n            <div class=\"doc-l\">\n              <div class=\"dico dico-g\">\n                <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2e7d32\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\n              <\/div>\n              <div>\n                <div class=\"dname\">Stamp Slip<\/div>\n                <div class=\"dsub\">LHDN verified stamp certificate<\/div>\n              <\/div>\n            <\/div>\n            <button class=\"dbtn\">\n              <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#374151\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n              Download\n            <\/button>\n          <\/div>\n\n          <div class=\"doc-item\">\n            <div class=\"doc-l\">\n              <div class=\"dico dico-a\">\n                <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#b45309\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg>\n              <\/div>\n              <div>\n                <div class=\"dname\">Payment Receipt<\/div>\n                <div class=\"dsub\">Official receipt \u2014 RM 161.00<\/div>\n              <\/div>\n            <\/div>\n            <button class=\"dbtn\">\n              <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#374151\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n              Download\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-3098-1418 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-3098-1419 bde-heading\">\nPenyeteman yang Lebih Mudah.\n<\/h2><div class=\"bde-text-3098-1420 bde-text\">\nSemua yang anda perlukan untuk menyetem dokumen dengan tepat, selamat dan tanpa kerumitan.\n<\/div><div class=\"bde-code-block-3098-1421 bde-code-block\">\n\n    \n  <style>\n    \/* Force DM Sans across ALL elements *\/\n    *, *::before, *::after { \n      box-sizing: border-box; \n      margin: 0; \n      padding: 0; \n      font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;\n    }\n\n    body {\n      background: #ffffff;\n      color: #0f1115;\n    }\n\n    .why-section {\n      padding: 50px 32px; \/* Desktop padding atas\/bawah jauh *\/\n      max-width: 1140px;\n      margin: 0 auto;\n    }\n\n    .why-header {\n      margin-bottom: 64px; \/* Desktop margin bawah header *\/\n      max-width: 640px;\n    }\n\n    .why-badge {\n      display: inline-block;\n      background: #f1f5f9;\n      color: #8a8f98;\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      padding: 6px 16px;\n      border-radius: 100px;\n      margin-bottom: 20px;\n    }\n\n    .why-header h2 {\n      font-size: clamp(34px, 4.5vw, 44px);\n      font-weight: 800;\n      color: #0f1115;\n      line-height: 1.15;\n      letter-spacing: -0.03em;\n      margin-bottom: 18px;\n    }\n\n    .why-header p {\n      font-size: 16px;\n      color: #4b525e;\n      line-height: 1.65;\n    }\n\n    \/* Stacked Rows Layout System *\/\n    .why-rows-container {\n      display: flex;\n      flex-direction: column;\n      border-top: 1px solid #e2e8f0;\n    }\n\n    .why-row {\n      display: grid;\n      grid-template-columns: 0.4fr 1.2fr 1.4fr;\n      gap: 40px;\n      padding: 40px 24px;\n      border-bottom: 1px solid #e2e8f0;\n      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n      position: relative;\n      align-items: flex-start;\n    }\n\n    \/* Interactive Row Hover Effect *\/\n    .why-row:hover {\n      background: #f1f5f9;\n      border-radius: 16px;\n      border-bottom-color: transparent;\n      padding-left: 32px;\n      padding-right: 32px;\n    }\n    \n    \/* Fix adjacent borders on hover *\/\n    .why-row:hover + .why-row {\n      border-top-color: transparent;\n    }\n\n    \/* Index Number Styling *\/\n    .why-row-index {\n      font-size: 20px;\n      font-weight: 700;\n      color: #cbd5e1;\n      letter-spacing: -0.02em;\n      transition: color 0.2s ease;\n    }\n\n    .why-row:hover .why-row-index {\n      color: #8a8f98;\n    }\n\n    \/* Title & Mini Icon Block *\/\n    .why-row-title-block {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .why-row-title-block h3 {\n      font-size: 18px;\n      font-weight: 700;\n      color: #0f1115;\n      line-height: 1.3;\n      letter-spacing: -0.01em;\n    }\n\n    \/* Ultra-Minimalist Inline Icon *\/\n    .why-row-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      opacity: 0.4;\n      transition: opacity 0.2s ease;\n    }\n\n    .why-row:hover .why-row-icon {\n      opacity: 1;\n    }\n\n    .why-row-icon svg {\n      width: 18px;\n      height: 18px;\n      stroke: #0f1115;\n      fill: none;\n      stroke-width: 2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n\n    \/* Description Paragraph *\/\n    .why-row-desc {\n      font-size: 15px;\n      color: #4b525e;\n      line-height: 1.6;\n    }\n\n    \/* Responsive Breakdown for Tablet\/Mobile View *\/\n    @media (max-width: 960px) {\n      .why-row {\n        grid-template-columns: 0.2fr 1fr;\n        gap: 24px;\n        padding: 32px 16px;\n      }\n      .why-row-desc {\n        grid-column: 2;\n      }\n    }\n\n    @media (max-width: 640px) {\n      \/* Merapatkan jarak section keseluruhan pada mobile *\/\n      .why-section {\n        padding: 48px 24px 60px 24px; \/* Kurangkan padding atas kepada 48px *\/\n      }\n      \n      \/* Merapatkan jarak antara header dengan kandungan row *\/\n      .why-header {\n        margin-bottom: 32px; \/* Diturunkan dari 64px ke 32px *\/\n        text-align: left; \/* Mengekalkan struktur kemas ke kiri *\/\n      }\n      \n      .why-badge {\n        margin-bottom: 12px;\n      }\n      \n      .why-row {\n        grid-template-columns: 1fr;\n        gap: 8px;\n        padding: 24px 12px; \/* Padatkan ruang dalam row *\/\n      }\n      \n      .why-row-desc {\n        grid-column: 1;\n        font-size: 14px;\n      }\n      \n      .why-row:hover {\n        padding-left: 16px;\n        padding-right: 16px;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n\n\n  <div class=\"why-rows-container\">\n\n    <div class=\"why-row\">\n      <div class=\"why-row-index\">01<\/div>\n      <div class=\"why-row-title-block\">\n        <div class=\"why-row-icon\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Hantar Dokumen dengan Mudah<\/h3>\n      <\/div>\n      <p class=\"why-row-desc\">Hantar perjanjian, borang dan dokumen anda dengan cepat dan mudah. Tiada langkah yang rumit atau proses berulang.<\/p>\n    <\/div>\n\n    <div class=\"why-row\">\n      <div class=\"why-row-index\">02<\/div>\n      <div class=\"why-row-title-block\">\n        <div class=\"why-row-icon\">\n          <svg viewBox=\"0 0 24 24\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Semak Status dengan Jelas<\/h3>\n      <\/div>\n      <p class=\"why-row-desc\">Semak status dokumen anda pada bila-bila masa dengan telus. Anda sentiasa tahu kedudukan terkini proses penyeteman.<\/p>\n    <\/div>\n\n    <div class=\"why-row\">\n      <div class=\"why-row-index\">03<\/div>\n      <div class=\"why-row-title-block\">\n        <div class=\"why-row-icon\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M9 7H6a2 2 0 00-2 2v9a2 2 0 002 2h12a2 2 0 002-2V9a2 2 0 00-2-2h-3\"\/><path d=\"M9 7V5a2 2 0 012-2h2a2 2 0 012 2v2\"\/><path d=\"M9 14l2 2 4-4\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Selamat & Patuh Undang-Undang<\/h3>\n      <\/div>\n      <p class=\"why-row-desc\">Dokumen anda disimpan dan diuruskan dengan selamat mengikut peraturan yang ditetapkan. Sedia untuk audit bila diperlukan.<\/p>\n    <\/div>\n\n    <div class=\"why-row\">\n      <div class=\"why-row-index\">04<\/div>\n      <div class=\"why-row-title-block\">\n        <div class=\"why-row-icon\">\n          <svg viewBox=\"0 0 24 24\">\n            <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Semua Dalam Satu Tempat<\/h3>\n      <\/div>\n      <p class=\"why-row-desc\">Urus penyediaan, penyeteman dan penyimpanan dokumen anda dalam satu tempat yang tersusun dan mudah digunakan.\n    <\/div>\n\n    \n\n  <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-3098-1422 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-3098-1423 bde-heading\">\nBagaimana eSetem Berfungsi.\n<\/h2><div class=\"bde-text-3098-1424 bde-text\">\nCara mudah untuk selesaikan urusan penyeteman secara dalam talian dari awal hingga akhir.\n<\/div><div class=\"bde-code-block-3098-1425 bde-code-block\">\n\n  <style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif!important}\n.hiw-section{padding:64px 0;max-width:1140px;margin:0 auto}\n.hiw-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}\n.hiw-steps::before{content:'';position:absolute;top:36px;left:12.5%;right:12.5%;height:1px;background:#e2e8f0;z-index:0}\n.hiw-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px;position:relative;z-index:1}\n.hiw-step-top{display:flex;flex-direction:column;align-items:center;margin-bottom:28px}\n.hiw-icon-wrap{width:72px;height:72px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:all 0.3s cubic-bezier(0.16,1,0.3,1)}\n.hiw-step:hover .hiw-icon-wrap{border-color:#0f1115;background:#0f1115}\n.hiw-icon-wrap svg{width:24px;height:24px;stroke:#8a8f98;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;transition:stroke 0.3s ease}\n.hiw-step:hover .hiw-icon-wrap svg{stroke:#fff}\n.hiw-index{font-size:11px;font-weight:700;letter-spacing:0.1em;color:#cbd5e1;text-transform:uppercase}\n.hiw-step:hover .hiw-index{color:#8a8f98}\n.hiw-step-body h3{font-size:18px;font-weight:700;color:#0f1115;line-height:1.3;letter-spacing:-0.01em;margin-bottom:10px}\n.hiw-step-body p{font-size:15px;color:#4b525e;line-height:1.65}\n\n@media(max-width:768px){\n  .hiw-section{padding:48px 20px}\n  .hiw-steps{grid-template-columns:repeat(2,1fr);gap:36px 16px}\n  .hiw-steps::before{display:none}\n  .hiw-step{align-items:flex-start;text-align:left;flex-direction:row;gap:14px;padding:0}\n  .hiw-step-top{flex-direction:column;align-items:center;margin-bottom:0;min-width:52px}\n  .hiw-icon-wrap{width:52px;height:52px;margin-bottom:8px}\n  .hiw-icon-wrap svg{width:20px;height:20px}\n  .hiw-index{font-size:10px}\n  .hiw-step-body h3{font-size:15px;margin-bottom:6px}\n  .hiw-step-body p{font-size:13px;line-height:1.6}\n}\n\n@media(max-width:480px){\n  .hiw-section{padding:40px 12px}\n  .hiw-steps{grid-template-columns:1fr;gap:50px}\n  .hiw-step-body h3{font-size:18px}\n  .hiw-step-body p{font-size:14px}\n}\n<\/style>\n\n<div class=\"hiw-section\">\n  <div class=\"hiw-steps\">\n\n    <div class=\"hiw-step\">\n      <div class=\"hiw-step-top\">\n        <div class=\"hiw-icon-wrap\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4\"\/><polyline points=\"17 8 12 3 7 8\"\/><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"\/><\/svg>\n        <\/div>\n        <span class=\"hiw-index\">01<\/span>\n      <\/div>\n      <div class=\"hiw-step-body\">\n        <h3>Muat Naik Dokumen Anda<\/h3>\n        <p>Muat naik dokumen dan isi maklumat perjanjian melalui borang panduan yang mudah difahami.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"hiw-step\">\n      <div class=\"hiw-step-top\">\n        <div class=\"hiw-icon-wrap\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg>\n        <\/div>\n        <span class=\"hiw-index\">02<\/span>\n      <\/div>\n      <div class=\"hiw-step-body\">\n        <h3>Semak Pengiraan Duti Setem<\/h3>\n        <p>Lihat jumlah duti setem yang perlu dibayar sebelum meneruskan proses.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"hiw-step\">\n      <div class=\"hiw-step-top\">\n        <div class=\"hiw-icon-wrap\">\n          <svg viewBox=\"0 0 24 24\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/><\/svg>\n        <\/div>\n        <span class=\"hiw-index\">03<\/span>\n      <\/div>\n      <div class=\"hiw-step-body\">\n        <h3>Buat Pembayaran Secara Dalam Talian<\/h3>\n        <p>Selesaikan pembayaran melalui kaedah yang selamat dan mudah.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"hiw-step\">\n      <div class=\"hiw-step-top\">\n        <div class=\"hiw-icon-wrap\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><polyline points=\"9 15 11 17 15 13\"\/><\/svg>\n        <\/div>\n        <span class=\"hiw-index\">04<\/span>\n      <\/div>\n      <div class=\"hiw-step-body\">\n        <h3>Terima Slip Setem Anda<\/h3>\n        <p>Slip setem akan dihantar ke email anda dan disimpan dalam papan pemuka untuk akses pada bila-bila masa.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-3098-1426 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-3098-1427 bde-heading\">\nHarga penyeteman.\n<\/h2><div class=\"bde-text-3098-1428 bde-text\">\nSemua penyeteman dikendalikan mengikut keperluan LHDN tanpa caj tersembunyi.\n<\/div><div class=\"bde-code-block-3098-1429 bde-code-block\">\n\n    \n  <style>\n    \/* Force DM Sans across ALL elements *\/\n    *, *::before, *::after { \n      box-sizing: border-box; \n      margin: 0; \n      padding: 0; \n      font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;\n    }\n\n    body {\n      background: #ffffff;\n      color: #0f1115;\n    }\n\n    .pw { \n      background: #ffffff; \/* Latar belakang cerah *\/\n      padding: 120px 32px; \n    }\n    \n    .pw-head { \n      text-align: left; \n      margin-bottom: 64px; \n      max-width: 600px;\n    }\n    \n    .pw-label { \n      font-size: 11px; \n      font-weight: 700; \n      letter-spacing: 0.08em; \n      text-transform: uppercase; \n      color: #8a8f98; \n      margin-bottom: 16px; \n    }\n    \n    .pw-h2 { \n      font-size: clamp(34px, 4.5vw, 44px); \n      font-weight: 800; \n      color: #0f1115; \n      margin-bottom: 16px; \n      line-height: 1.15; \n      letter-spacing: -0.03em;\n    }\n    \n    .pw-sub { \n      font-size: 16px; \n      color: #4b525e; \n      line-height: 1.6; \n    }\n    \n    \/* Horizontal Stack Container *\/\n    .pw-grid { \n      max-width: 1000px; \n      margin: 0 auto; \n      display: flex;\n      flex-direction: column;\n      gap: 20px; \n    }\n    \n    \/* Premium Cerah Horizontal Block Style *\/\n    .pw-card { \n      background: #f1f5f9; \/* Kelabu lembut *\/\n      border: 1px solid #e2e8f0; \n      border-radius: 20px; \n      padding: 36px; \n      display: grid;\n      grid-template-columns: 1.2fr 1.3fr 1fr;\n      align-items: center;\n      gap: 40px;\n      transition: all 0.25s ease; \n    }\n    \n    .pw-card:hover { \n      border-color: #cbd5e1;\n      background: #e4eaf2;\n    }\n    \n    \/* Featured Variant (Ad Valorem) - Lebih Dominan (Putih Bersih) *\/\n    .pw-card.featured { \n      background: #ffffff; \n      border: 1.5px solid #0f1115; \/* Border hitam padu menegaskan kepentingan *\/\n      box-shadow: 0 10px 30px rgba(0,0,0,0.04);\n    }\n    \n    .pw-info-block {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .pw-badge { \n      display: inline-block; \n      font-size: 10px; \n      font-weight: 700; \n      letter-spacing: 0.06em; \n      text-transform: uppercase; \n      padding: 4px 12px; \n      border-radius: 100px; \n      width: fit-content;\n    }\n    \n    .pw-badge.solid { background: #0f1115; color: #ffffff; }\n    .pw-badge.ghost { background: rgba(0,0,0,0.05); color: #4b525e; }\n    \n    .pw-plan-name { \n      font-size: 20px; \n      font-weight: 700; \n      color: #0f1115; \n      letter-spacing: -0.01em;\n    }\n    \n    .pw-plan-desc { \n      font-size: 13.5px; \n      color: #4b525e; \n      line-height: 1.5; \n    }\n    \n    \/* Price Center Block *\/\n    .pw-price-wrapper {\n      display: flex;\n      align-items: baseline;\n      gap: 16px;\n    }\n\n    .pw-price { \n      min-width: 120px;\n    }\n    \n    .pw-price-main { \n      font-size: 40px; \n      font-weight: 800; \n      color: #0f1115; \n      line-height: 1; \n      letter-spacing: -0.02em;\n    }\n    \n    .pw-price-main sup { \n      font-size: 16px; \n      vertical-align: super; \n      font-weight: 700; \n    }\n    \n    .pw-price-note { \n      font-size: 12px; \n      color: #4b525e; \n      margin-top: 6px; \n    }\n    \n    \/* Breakdown Mini Table *\/\n    .pw-breakdown { \n      display: flex; \n      flex-direction: column; \n      gap: 8px; \n      border-left: 1px solid #e2e8f0;\n      padding-left: 24px;\n    }\n    \n    .pw-item { \n      display: flex; \n      justify-content: space-between; \n      font-size: 13px; \n      color: #4b525e; \n    }\n    \n    .pw-val { \n      font-weight: 700; \n      color: #0f1115; \n    }\n    \n    .pw-val.accent { color: #8a8f98; font-weight: 400; font-style: italic; }\n    \n    .pw-action-block {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n\n    .pw-btn { \n      display: block; \n      width: 100%; \n      background: #0f1115; \n      color: #ffffff !important; \n      font-size: 14px; \n      font-weight: 700; \n      padding: 14px; \n      border-radius: 12px; \n      border: none; \n      cursor: pointer; \n      text-decoration: none; \n      text-align: center; \n      transition: all 0.2s ease;\n    }\n    \n    .pw-btn:hover { background: #242933; transform: translateY(-1px); }\n    \n    \/* What's Included Card *\/\n    .pw-included { \n      max-width: 1000px; \n      margin: 40px auto 0; \n      background: #f1f5f9; \n      border: 1px solid #e2e8f0; \n      border-radius: 20px; \n      padding: 40px; \n    }\n    \n    .pw-inc-title { \n      font-size: 11px; \n      font-weight: 700; \n      letter-spacing: 0.08em; \n      text-transform: uppercase; \n      color: #8a8f98; \n      margin-bottom: 24px; \n    }\n    \n    .pw-inc-grid { \n      display: grid; \n      grid-template-columns: repeat(3, 1fr); \n      gap: 16px 32px; \n      margin-bottom: 28px; \n    }\n    \n    .pw-inc-item { \n      display: flex; \n      align-items: center; \n      gap: 12px; \n      font-size: 14px; \n      color: #0f1115; \n    }\n    \n    .pw-inc-check { \n      width: 20px; \n      height: 20px; \n      min-width: 20px; \n      border-radius: 50%; \n      background: #ffffff; \n      display: flex; \n      align-items: center; \n      justify-content: center; \n      border: 1px solid #e2e8f0;\n    }\n    \n    .pw-inc-footer { \n      border-top: 1px solid #e2e8f0; \n      padding-top: 20px; \n      font-size: 13px; \n      color: #4b525e; \n      text-align: center; \n      line-height: 1.6; \n    }\n    \n    .pw-inc-footer strong { color: #0f1115; font-weight: 600; }\n  \n    \/* Responsive Code - Kawalan Jarak Mobile *\/\n    @media (max-width: 960px) {\n      .pw-card {\n        grid-template-columns: 1fr;\n        gap: 24px;\n        padding: 32px;\n      }\n      .pw-breakdown {\n        border-left: none;\n        border-top: 1px solid #e2e8f0;\n        padding-left: 0;\n        padding-top: 20px;\n      }\n      .pw-inc-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n  \n    @media (max-width: 640px) {\n      .pw { \n        padding: 48px 24px 60px 24px; \/* Padatkan ruang atas *\/\n      }\n      \n      .pw-head { \n        margin-bottom: 36px; \/* Kurangkan jarak header *\/\n        text-align: left;\n      }\n      \n      .pw-h2 { \n        font-size: 28px; \n      }\n      \n      .pw-grid {\n        gap: 16px;\n      }\n\n      .pw-card {\n        padding: 28px 24px;\n        gap: 20px;\n      }\n      \n      .pw-included { \n        padding: 28px 24px; \n        margin-top: 24px; \n      }\n      \n      .pw-inc-grid { \n        grid-template-columns: 1fr; \n        gap: 14px;\n        margin-bottom: 20px;\n      }\n      \n      .pw-inc-item {\n        font-size: 13.5px;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n\n\n  <div class=\"pw-grid\">\n    \n    <div class=\"pw-card\">\n      <div class=\"pw-info-block\">\n        <span class=\"pw-badge ghost\">Duti Tetap<\/span>\n        <div class=\"pw-plan-name\">Pelan Duti Tetap<\/div>\n        <p class=\"pw-plan-desc\">Sesuai untuk dokumen yang dikenakan kadar duti setem tetap. Mudah dan jelas.<\/p>\n      <\/div>\n      \n      <div class=\"pw-price-wrapper\">\n        <div class=\"pw-price\">\n          <div class=\"pw-price-main\"><sup>RM<\/sup>30<\/div>\n          <div class=\"pw-price-note\"><\/div>\n        <\/div>\n        <div class=\"pw-breakdown\" style=\"flex: 1;\">\n          <div class=\"pw-item\"><span class=\"lbl\">Fi Pemprosesan<\/span><span class=\"pw-val\">RM 20<\/span><\/div>\n          <div class=\"pw-item\"><span class=\"lbl\">Duti Setem<\/span><span class=\"pw-val\">RM 10<\/span><\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"pw-action-block\">\n        <a href=\"https:\/\/esetem.my\/en\/stamp-duty\/\" class=\"pw-btn\">Mulakan Penyeteman<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"pw-card featured\">\n      <div class=\"pw-info-block\">\n        <span class=\"pw-badge solid\">Duti Ad Valorem<\/span>\n        <div class=\"pw-plan-name\">Pelan Duti Ad Valorem<\/div>\n        <p class=\"pw-plan-desc\">Sesuai untuk Perjanjian Sewa, Perjanjian Pinjaman dan Perjanjian Perkhidmatan. Duti setem dikira berdasarkan nilai dokumen.<\/p>\n      <\/div>\n      \n      <div class=\"pw-price-wrapper\">\n        <div class=\"pw-price\">\n          <div class=\"pw-price-main\"><sup>RM<\/sup>50<span style=\"font-size:16px;font-weight:500;color:#8a8f98\"> +<\/span><\/div>\n          <div class=\"pw-price-note\">Duti Setem<\/div>\n        <\/div>\n        <div class=\"pw-breakdown\" style=\"flex: 1;\">\n          <div class=\"pw-item\"><span class=\"lbl\">Fi Pemprosesan<\/span><span class=\"pw-val\">RM 50<\/span><\/div>\n          <div class=\"pw-item\"><span class=\"lbl\">Duti Setem<\/span><span class=\"pw-val accent\">Berdasarkan Nilai Dokumen<\/span><\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"pw-action-block\">\n        <a href=\"https:\/\/esetem.my\/en\/stamp-duty\/\" class=\"pw-btn\">Mulakan Penyeteman<\/a>\n      <\/div>\n    <\/div>\n    \n  <\/div>\n\n \n\n<\/body>\n<\/html>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-3098-1438 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-3098-1439 bde-heading\">\nStamping done. No guesswork, no running around.\n<\/h2><div class=\"bde-text-3098-1440 bde-text\">\neSetem doesn't replace MyTax. It removes everything confusing about it. You handle one thing. eSetem handles the rest.\n<\/div><div class=\"bde-code-block-3098-1441 bde-code-block\">\n\n  \n<style>\n*, *::before, *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\nbody { background: #fff; }\n\n.section {\n  padding: 50px 0;\n  max-width: 1140px;\n  margin: 0 auto;\n  background: #ffffff;\n  color: #0f1115;\n}\n\n.section-badge {\n  display: inline-block;\n  background: #f1f5f9;\n  color: #8a8f98;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  padding: 6px 16px;\n  border-radius: 100px;\n  margin-bottom: 20px;\n}\n\n.section-header {\n  max-width: 640px;\n  margin-bottom: 48px;\n}\n\n.section-header h2 {\n  font-size: clamp(28px, 4vw, 40px);\n  font-weight: 800;\n  color: #0f1115;\n  line-height: 1.15;\n  letter-spacing: -0.03em;\n  margin-bottom: 14px;\n}\n\n.section-header p {\n  font-size: 18px;\n  color: #4b525e;\n  line-height: 1.65;\n}\n\n.compare-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n}\n\n.col-label {\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.07em;\n  text-transform: uppercase;\n  color: #8a8f98;\n  margin-bottom: 14px;\n}\n\n.card {\n  border-radius: 16px;\n  padding: 28px;\n  border: 1px solid #e2e8f0;\n  background: #fff;\n}\n\n.card.featured {\n  border: 2px solid #0f1115;\n  background: #fff;\n}\n\n.card-top {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  margin-bottom: 24px;\n}\n\n.card-name {\n  font-size: 25px;\n  font-weight: 800;\n  color: #0f1115;\n  letter-spacing: -0.02em;\n  margin-bottom: 4px;\n}\n\n.card-sub {\n  font-size: 16px;\n  color: #8a8f98;\n}\n\n.badge {\n  font-size: 11px;\n  font-weight: 700;\n  padding: 4px 12px;\n  border-radius: 100px;\n  white-space: nowrap;\n}\n\n.badge-dark { background: #0f1115; color: #fff; }\n.badge-light { background: #f1f5f9; color: #8a8f98; }\n\n.rows-container {\n  border-top: 1px solid #e2e8f0;\n}\n\n.row {\n  display: grid;\n  grid-template-columns: 28px 1fr;\n  gap: 14px;\n  padding: 16px 0;\n  border-bottom: 1px solid #e2e8f0;\n  align-items: flex-start;\n}\n\n.row:last-child { border-bottom: none; }\n\n.row-num {\n  font-size: 13px;\n  font-weight: 700;\n  color: #cbd5e1;\n  padding-top: 1px;\n  letter-spacing: -0.01em;\n}\n\n.featured .row-num { color: #0f1115; }\n\n.row-title {\n  font-size: 18px;\n  font-weight: 700;\n  color: #0f1115;\n  margin-bottom: 3px;\n  letter-spacing: -0.01em;\n}\n\n.row-desc {\n  font-size: 15px;\n  color: #4b525e;\n  line-height: 1.55;\n}\n\n.row.muted .row-title { color: #4b525e; font-weight: 500; }\n.row.muted .row-desc  { color: #8a8f98; }\n\n.tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  margin-top: 20px;\n  padding-top: 20px;\n  border-top: 1px solid #e2e8f0;\n}\n\n.tag {\n  font-size: 11px;\n  font-weight: 500;\n  padding: 4px 10px;\n  border-radius: 100px;\n  border: 1px solid;\n}\n\n.tag-check { background: #f0fdf4; border-color: #bbf7d0; color: #166534; }\n.tag-muted { background: #f8fafc; border-color: #e2e8f0; color: #8a8f98; }\n.tag-warn  { background: #fffbeb; border-color: #fde68a; color: #92400e; }\n\n.footnote {\n  margin-top: 8px;\n  font-size: 12px;\n  color: #8a8f98;\n  line-height: 1.5;\n  padding: 14px 16px;\n  background: #f8fafc;\n  border-radius: 10px;\n}\n\n.footnote span {\n  font-weight: 700;\n  color: #4b525e;\n}\n\n@media (max-width: 640px) {\n  .section { padding: 40px 0; }\n  .section-header { margin-bottom: 28px; }\n  .compare-grid { grid-template-columns: 1fr; gap: 14px; }\n  .card { padding: 20px; }\n  .card-name { font-size: 16px; }\n  .row-title { font-size: 18px; }\n  .row-desc  { font-size: 14px; }\n}\n<\/style>\n\n\n\n  <div class=\"compare-grid\">\n\n    <div>\n      \n      <div class=\"card featured\">\n        <div class=\"card-top\">\n          <div>\n            <p class=\"card-name\">eSetem<\/p>\n            <p class=\"card-sub\">Fully managed. Zero confusion.<\/p>\n          <\/div>\n          <span class=\"badge badge-dark\">Recommended<\/span>\n        <\/div>\n\n        <div class=\"rows-container\">\n          <div class=\"row\">\n            <span class=\"row-num\">01<\/span>\n            <div>\n              <p class=\"row-title\">Upload Your Document<\/p>\n              <p class=\"row-desc\">Just upload your agreement and fill in a few simple details. No complex forms or confusing fields.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"row\">\n            <span class=\"row-num\">02<\/span>\n            <div>\n              <p class=\"row-title\">Pay Once, eSetem Does The Rest<\/p>\n              <p class=\"row-desc\">We handle submission to LHDN for you. No portal, no follow-up.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"row\">\n            <span class=\"row-num\">03<\/span>\n            <div>\n              <p class=\"row-title\">Built-In Accuracy Checks<\/p>\n              <p class=\"row-desc\">System validations reduce errors and help ensure correct stamping. No rework needed for simple mistakes.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"row\">\n            <span class=\"row-num\">04<\/span>\n            <div>\n              <p class=\"row-title\">Your Stamp Slip Is Ready Anytime<\/p>\n              <p class=\"row-desc\">Saved in your dashboard. Access whenever needed. No expiry, no re-download hassle.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"tags\">\n          <span class=\"tag tag-check\">No counter visit<\/span>\n          <span class=\"tag tag-check\">Works on weekends<\/span>\n          <span class=\"tag tag-check\">Real-time tracking<\/span>\n          <span class=\"tag tag-check\">7-year audit trail<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"footnote\" style=\"margin-top:10px;\">\n        <span>100% official.<\/span> Your stamp slip carries a valid LHDN adjudication number, legally recognised and verifiable across Malaysia.\n      <\/div>\n    <\/div>\n\n    <div>\n      \n      <div class=\"card\">\n        <div class=\"card-top\">\n          <div>\n            <p class=\"card-name\">MyTax LHDN<\/p>\n            <p class=\"card-sub\">Official portal. You figure it out.<\/p>\n          <\/div>\n          <span class=\"badge badge-light\">Direct<\/span>\n        <\/div>\n\n        <div class=\"rows-container\">\n          <div class=\"row muted\">\n            <span class=\"row-num\">01<\/span>\n            <div>\n              <p class=\"row-title\">Log In And Find The Right Section<\/p>\n              <p class=\"row-desc\">Locate e-Duti Setem in the portal. Not always straightforward for new users.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"row muted\">\n            <span class=\"row-num\">02<\/span>\n            <div>\n              <p class=\"row-title\">Fill In The Form Yourself<\/p>\n              <p class=\"row-desc\">Multiple fields, different requirements per document. One mistake, restart.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"row muted\">\n            <span class=\"row-num\">03<\/span>\n            <div>\n              <p class=\"row-title\">Higher Risk Of Manual Mistakes<\/p>\n              <p class=\"row-desc\">Manual entry increases the chance of errors, which may require correction and resubmission.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"row muted\">\n            <span class=\"row-num\">04<\/span>\n            <div>\n              <p class=\"row-title\">Limited Stamp Slip Access<\/p>\n              <p class=\"row-desc\">Only available for one-time download. If missed, retrieval is still possible, but additional charges may apply.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"tags\">\n          \n         \n          <span class=\"tag tag-warn\">Slip not saved. Download once<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"footnote\" style=\"margin-top:10px;\">\n        Workable if you know the system well, but expect to spend time on forms, rates, and tracking down your stamp slip if you need it again.\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-3098-1430 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-3098-1431 bde-heading\">\nAda Soalan Tentang eSetem?\n<\/h2><div class=\"bde-text-3098-1432 bde-text\">\nKami telah menjawab soalan yang paling kerap ditanya untuk membantu anda bermula dengan lebih yakin.\n<\/div><div class=\"bde-code-block-3098-1442 bde-code-block\">\n\n  <style>\n  *, *::before, *::after { \n    box-sizing: border-box; margin: 0; padding: 0;\n    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;\n  }\n  html, body { overflow-x: hidden; background: #ffffff; color: #0f1115; }\n  :root { --brand: #0f1115; --brandDark: #242933; --text: #0f1115; --muted: #4b525e; --line: #e2e8f0; --soft: #f1f5f9; }\n\n  .saas-faq-section { width: 100%; max-width: 1140px; margin: 0 auto; padding: 10px 32px; }\n\n  .faq-shell { background: #ffffff; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; box-shadow: 0 4px 30px rgba(0,0,0,0.01); }\n\n  .saas-faq-item { border-bottom: 1px solid var(--line); background: #ffffff; transition: background .2s ease; }\n  .saas-faq-item:last-child { border-bottom: 0; }\n  .saas-faq-item:hover { background: var(--soft); }\n\n  .faq-trigger { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 28px 36px; background: transparent; border: none; cursor: pointer; text-align: left; gap: 20px; }\n\n  .q-text { font-size: 16px; font-weight: 700; color: var(--text); line-height: 1.4; letter-spacing: -0.01em; transition: color 0.2s ease; }\n  .faq-trigger:hover .q-text { color: #64748b; }\n\n  .icon-wrapper { width: 32px; height: 32px; background: #f1f5f9; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #8a8f98; transition: all .3s cubic-bezier(0.16, 1, 0.3, 1); flex-shrink: 0; border: 1px solid #e2e8f0; }\n  .saas-faq-item.active .icon-wrapper { background: var(--brand); color: #ffffff; transform: rotate(45deg); border-color: var(--brand); }\n  .plus-svg { width: 14px; height: 14px; stroke-width: 2.5; }\n\n  .faq-content { max-height: 0; overflow: hidden; transition: max-height 0.3s cubic-bezier(0.16, 1, 0.3, 1); }\n  .faq-body { padding: 0 36px 28px 36px; font-size: 14.5px; color: var(--muted); line-height: 1.65; }\n\n  .ftag { display: inline-block; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 6px; margin-right: 6px; margin-bottom: 10px; }\n  .tag-gen { background: #e0f2fe; color: #0369a1; }\n  .tag-pay { background: #fef3c7; color: #92400e; }\n  .tag-doc { background: #d1fae5; color: #065f46; }\n  .tag-sec { background: #ede9fe; color: #5b21b6; }\n\n  .ffilter { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 24px; justify-content: center; }\n  .fbtn { font-size: 13px; padding: 6px 14px; border-radius: 8px; border: 1px solid #e2e8f0; background: #fff; color: #4b525e; cursor: pointer; font-weight: 500; transition: all .2s; }\n  .fbtn.active, .fbtn:hover { background: #0f1115; color: #fff; border-color: #0f1115; }\n\n  @media (max-width: 640px) {\n    .saas-faq-section { padding: 48px 24px 60px 24px; }\n    .faq-trigger { padding: 24px 20px; }\n    .q-text { font-size: 15px; }\n    .faq-body { padding: 0 20px 24px 20px; font-size: 14px; }\n  }\n<\/style>\n\n<div class=\"saas-faq-section\">\n\n  <div class=\"ffilter\">\n    <button class=\"fbtn active\" onclick=\"filter('all',this)\">Semua<\/button>\n    <button class=\"fbtn\" onclick=\"filter('gen',this)\">Umum<\/button>\n    <button class=\"fbtn\" onclick=\"filter('pay',this)\">Harga<\/button>\n    <button class=\"fbtn\" onclick=\"filter('doc',this)\">Dokumen<\/button>\n    <button class=\"fbtn\" onclick=\"filter('sec',this)\">Keselamatan<\/button>\n  <\/div>\n\n  <div class=\"faq-shell\">\n    <div class=\"faq-list\">\n\n      <div class=\"saas-faq-item\" data-cat=\"gen\">\n        <button class=\"faq-trigger\" type=\"button\">\n          <span class=\"q-text\">Apakah itu eSetem?<\/span>\n          <div class=\"icon-wrapper\"><svg class=\"plus-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4v16m8-8H4\"\/><\/svg><\/div>\n        <\/button>\n        <div class=\"faq-content\"><div class=\"faq-body\"><span class=\"ftag tag-gen\">Umum<\/span><br>eSetem ialah platform penyeteman dalam talian yang membantu mengurus keseluruhan proses duti setem. Anda hanya perlu memuat naik dokumen, manakala eSetem akan mengira duti setem, mengurus proses penyeteman dan menghantar slip setem kepada anda dalam satu platform.<\/div><\/div>\n      <\/div>\n\n      <div class=\"saas-faq-item\" data-cat=\"gen\">\n        <button class=\"faq-trigger\" type=\"button\">\n          <span class=\"q-text\">Adakah eSetem diiktiraf secara rasmi oleh LHDN?<\/span>\n          <div class=\"icon-wrapper\"><svg class=\"plus-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4v16m8-8H4\"\/><\/svg><\/div>\n        <\/button>\n        <div class=\"faq-content\"><div class=\"faq-body\"><span class=\"ftag tag-gen\">Umum<\/span><br>Ya. Setiap slip setem yang dijana melalui eSetem ialah slip e-Duti Setem rasmi yang dikeluarkan melalui sistem penyeteman LHDN dan mempunyai nombor adjudikasi yang sah. Slip setem tersebut boleh disahkan dan diterima untuk pelbagai urusan rasmi seperti perjanjian, urusan perbankan, sewaan, pekerjaan dan tujuan undang-undang di Malaysia.<\/div><\/div>\n      <\/div>\n\n      <div class=\"saas-faq-item\" data-cat=\"gen\">\n        <button class=\"faq-trigger\" type=\"button\">\n          <span class=\"q-text\">Berapa lama proses penyeteman mengambil masa?<\/span>\n          <div class=\"icon-wrapper\"><svg class=\"plus-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4v16m8-8H4\"\/><\/svg><\/div>\n        <\/button>\n        <div class=\"faq-content\"><div class=\"faq-body\"><span class=\"ftag tag-gen\">Umum<\/span><br>Kebanyakan dokumen disetem dalam tempoh 1 hingga 3 hari bekerja. Bagi dokumen yang lebih kompleks atau memerlukan semakan tambahan oleh LHDN, proses mungkin mengambil masa sehingga 1 minggu.\n\nAnda boleh menyemak status penyeteman secara masa nyata melalui akaun eSetem. Setiap peringkat proses akan dikemas kini supaya anda sentiasa mengetahui perkembangan terkini dokumen anda.<\/div><\/div>\n      <\/div>\n\n      <div class=\"saas-faq-item\" data-cat=\"gen\">\n        <button class=\"faq-trigger\" type=\"button\">\n          <span class=\"q-text\">Adakah saya perlu pergi ke mana-mana pejabat?<\/span>\n          <div class=\"icon-wrapper\"><svg class=\"plus-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4v16m8-8H4\"\/><\/svg><\/div>\n        <\/button>\n        <div class=\"faq-content\"><div class=\"faq-body\"><span class=\"ftag tag-gen\">Umum<\/span><br>Tidak. Keseluruhan proses dilakukan dalam talian. Anda tidak perlu mengunjungi pejabat atau kaunter setem LHDN. Segalanya, dari penghantaran hingga penerimaan slip setem, berlaku melalui eSetem.<\/div><\/div>\n      <\/div>\n\n      <div class=\"saas-faq-item\" data-cat=\"doc\">\n        <button class=\"faq-trigger\" type=\"button\">\n          <span class=\"q-text\">Apakah jenis dokumen yang boleh disetem?<\/span>\n          <div class=\"icon-wrapper\"><svg class=\"plus-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4v16m8-8H4\"\/><\/svg><\/div>\n        <\/button>\n        <div class=\"faq-content\"><div class=\"faq-body\"><span class=\"ftag tag-doc\">Dokumen<\/span><br>eSetem menyokong pelbagai jenis dokumen termasuk Perjanjian Sewa, Perjanjian Perkhidmatan, Perjanjian Pinjaman, Kontrak Pekerjaan, NDA (Perjanjian Kerahsiaan), Bon, Akuan Berkanun, Surat Aku Janji dan Tanggung Rugi, serta banyak lagi.<\/div><\/div>\n      <\/div>\n\n      <div class=\"saas-faq-item\" data-cat=\"doc\">\n        <button class=\"faq-trigger\" type=\"button\">\n          <span class=\"q-text\">Apakah format fail yang perlu saya muat naik?<\/span>\n          <div class=\"icon-wrapper\"><svg class=\"plus-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4v16m8-8H4\"\/><\/svg><\/div>\n        <\/button>\n        <div class=\"faq-content\"><div class=\"faq-body\"><span class=\"ftag tag-doc\">Dokumen<\/span><br>Muat naik dokumen anda dalam format PDF, JPG atau PNG. Pastikan ia adalah lengkap dengan tandatangan yang diperlukan, nama pihak yang menandatangani dan tarikh yang dinyatakan dengan jelas sebelum menghantar. Perubahan tidak boleh dibuat selepas penyeteman selesai.<\/div><\/div>\n      <\/div>\n\n      <div class=\"saas-faq-item\" data-cat=\"doc\">\n        <button class=\"faq-trigger\" type=\"button\">\n          <span class=\"q-text\">Di mana slip setem saya disimpan?<\/span>\n          <div class=\"icon-wrapper\"><svg class=\"plus-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4v16m8-8H4\"\/><\/svg><\/div>\n        <\/button>\n        <div class=\"faq-content\"><div class=\"faq-body\"><span class=\"ftag tag-doc\">Dokumen<\/span><br>Slip setem, resit pembayaran dan dokumen yang dihantar untuk penyeteman disimpan dengan selamat dalam papan pemuka eSetem anda selama 7 tahun mengikut keperluan pematuhan LHDN.\n\nSalinan juga akan dihantar ke e-mel anda untuk memudahkan akses.<\/div><\/div>\n      <\/div>\n\n      <div class=\"saas-faq-item\" data-cat=\"pay\">\n        <button class=\"faq-trigger\" type=\"button\">\n          <span class=\"q-text\">Berapakah kos untuk menggunakan eSetem?<\/span>\n          <div class=\"icon-wrapper\"><svg class=\"plus-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4v16m8-8H4\"\/><\/svg><\/div>\n        <\/button>\n        <div class=\"faq-content\"><div class=\"faq-body\"><span class=\"ftag tag-pay\">Harga<\/span><br>eSetem mengenakan fi pemprosesan tetap di samping duti setem LHDN yang standard.\n\nUntuk dokumen duti tetap, harga bermula dari RM30 (RM20 fi pemprosesan + RM10 duti setem).\n\nUntuk dokumen ad valorem seperti perjanjian sewa atau pinjaman, fi pemprosesan bermula dari RM50, manakala duti setem dikira berdasarkan nilai dokumen anda.\n\nTiada caj tersembunyi dikenakan.<\/div><\/div>\n      <\/div>\n\n      <div class=\"saas-faq-item\" data-cat=\"pay\">\n        <button class=\"faq-trigger\" type=\"button\">\n          <span class=\"q-text\">Apakah kaedah pembayaran yang diterima?<\/span>\n          <div class=\"icon-wrapper\"><svg class=\"plus-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4v16m8-8H4\"\/><\/svg><\/div>\n        <\/button>\n        <div class=\"faq-content\"><div class=\"faq-body\"><span class=\"ftag tag-pay\">Harga<\/span><br>eSetem menerima pelbagai kaedah pembayaran yang selamat: FPX, kad kredit\/debit, e-dompet dan DuitNow. Semua transaksi diproses dengan selamat dan anda akan menerima resit pembayaran untuk rekod anda.<\/div><\/div>\n      <\/div>\n\n      <div class=\"saas-faq-item\" data-cat=\"pay\">\n        <button class=\"faq-trigger\" type=\"button\">\n          <span class=\"q-text\">Adakah amaun duti setem dikira secara automatik?<\/span>\n          <div class=\"icon-wrapper\"><svg class=\"plus-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4v16m8-8H4\"\/><\/svg><\/div>\n        <\/button>\n        <div class=\"faq-content\"><div class=\"faq-body\"><span class=\"ftag tag-pay\">Harga<\/span><br>Ya. eSetem mengira jumlah duti setem secara automatik berdasarkan kadar semasa LHDN mengikut jenis dokumen anda.\n\nAnda akan dapat melihat pecahan lengkap jumlah bayaran sebelum membuat pembayaran. Tiada caj tersembunyi.<\/div><\/div>\n      <\/div>\n\n      <div class=\"saas-faq-item\" data-cat=\"sec\">\n        <button class=\"faq-trigger\" type=\"button\">\n          <span class=\"q-text\">Adakah dokumen saya terjamin kerahsiaannya?<\/span>\n          <div class=\"icon-wrapper\"><svg class=\"plus-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4v16m8-8H4\"\/><\/svg><\/div>\n        <\/button>\n        <div class=\"faq-content\"><div class=\"faq-body\"><span class=\"ftag tag-sec\">Keselamatan<\/span><br>Ya. Dokumen anda disulitkan dan disimpan dengan selamat.\n\neSetem tidak berkongsi data anda dengan mana-mana pihak ketiga kecuali untuk tujuan penghantaran kepada LHDN bagi proses penyeteman.<\/div><\/div>\n      <\/div>\n\n   \n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\nconst triggers = document.querySelectorAll('.faq-trigger');\n\nfunction closeAll(){\n  document.querySelectorAll('.saas-faq-item').forEach(item => {\n    item.classList.remove('active');\n    const c = item.querySelector('.faq-content');\n    if(c) c.style.maxHeight = null;\n  });\n}\n\ntriggers.forEach(trigger => {\n  trigger.addEventListener('click', () => {\n    const item = trigger.parentElement;\n    const content = item.querySelector('.faq-content');\n    const isOpen = item.classList.contains('active');\n    closeAll();\n    if(!isOpen){\n      item.classList.add('active');\n      content.style.maxHeight = content.scrollHeight + \"px\";\n    }\n  });\n});\n\nfunction filter(cat, btn){\n  document.querySelectorAll('.fbtn').forEach(b => b.classList.remove('active'));\n  btn.classList.add('active');\n  document.querySelectorAll('.saas-faq-item').forEach(item => {\n    item.style.display = (cat === 'all' || item.dataset.cat === cat) ? 'block' : 'none';\n  });\n  closeAll();\n}\n\nwindow.addEventListener('resize', () => {\n  document.querySelectorAll('.saas-faq-item.active .faq-content').forEach(c => {\n    c.style.maxHeight = c.scrollHeight + \"px\";\n  });\n});\n<\/script>\n\n\n\n<\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Penyeteman LHDN Tanpa Kerumitan eSetem ialah platform digital yang memudahkan pembayaran duti setem. Lakukan pembayaran secara dalam talian dan terima slip setem anda dengan mudah. AH SR LM + 1,400+ Dokumen Telah Disetem \u2605\u2605\u2605\u2605\u2605 Dinilai 4.9 \/ 5 oleh pengguna yang disahkan Jenis Penyeteman Pilih jenis dokumen anda&#8230; Perjanjian Sewa Perjanjian Perkhidmatan Perjanjian Pinjaman Bon [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"class_list":["post-3098","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/esetem.my\/en\/wp-json\/wp\/v2\/pages\/3098","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/esetem.my\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/esetem.my\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/esetem.my\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/esetem.my\/en\/wp-json\/wp\/v2\/comments?post=3098"}],"version-history":[{"count":4,"href":"https:\/\/esetem.my\/en\/wp-json\/wp\/v2\/pages\/3098\/revisions"}],"predecessor-version":[{"id":8576,"href":"https:\/\/esetem.my\/en\/wp-json\/wp\/v2\/pages\/3098\/revisions\/8576"}],"wp:attachment":[{"href":"https:\/\/esetem.my\/en\/wp-json\/wp\/v2\/media?parent=3098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}