{"id":6226,"date":"2025-11-05T17:17:50","date_gmt":"2025-11-05T09:17:50","guid":{"rendered":"https:\/\/esetem.my\/?page_id=6226"},"modified":"2026-04-10T09:33:43","modified_gmt":"2026-04-10T01:33:43","slug":"bayar-duti-setem","status":"publish","type":"page","link":"https:\/\/esetem.my\/ms\/bayar-duti-setem\/","title":{"rendered":"Bayar Duti Setem"},"content":{"rendered":"<section class=\"bde-section-6226-177 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-6226-178 bde-columns\"><div class=\"bde-column-6226-179 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-code-block-6226-180 bde-code-block\">\n\n  <style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;800&display=swap');\n\n\/* 1. WRAPPER UTAMA (Ini yang memaksa semua jadi center) *\/\n.es-hero-container {\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important; \/* Kunci tengah secara horizontal *\/\n    justify-content: center !important;\n    text-align: center !important;\n    width: 100% !important;\n    margin: 0 auto !important;\n}\n\n\/* 2. TAJUK (H1) *\/\n.hero-title-forced {\n    font-family: 'Poppins', sans-serif !important;\n    font-size: 43px !important;      \n    font-weight: 700 !important;\n    line-height: 1.2 !important;     \n    color: #0f172a !important;\n    margin-top: 30px !important;\n    margin-bottom: 10px !important;\n    max-width: 900px !important;\n}\n\n\/* 3. DESKRIPSI (P) *\/\n.hero-desc-forced {\n    font-family: 'Inter', sans-serif !important;\n    font-size: 17px !important;\n    font-weight: 400 !important;\n    line-height: 1.6 !important;\n    color: #64748b!important;\n    \n    \/* Kunci tengah untuk kotak teks *\/\n    margin-left: auto !important;\n    margin-right: auto !important;\n    max-width: 700px !important;\n    padding: 0 10px !important;\n}\n\n\/* RESPONSIVE: MOBILE *\/\n@media (max-width: 640px) {\n    .hero-title-forced {\n        font-size: 28px !important;\n        margin-top: 10px !important;\n    }\n    .hero-desc-forced {\n        font-size: 14px !important;\n        max-width: 100% !important;\n    }\n}\n<\/style>\n\n<!-- HTML STRUCTURE -->\n<div class=\"es-hero-container\">\n    \n    <h1 class=\"hero-title-forced\">\n        <span style=\"color: #2F2F82 !important;\">Paying Stamp Duty Made Easy<\/span>\n    <\/h1>\n\n    <p class=\"hero-desc-forced\">\n       eSetem is an online platform that simplifies document stamping for all types of agreements.\n    <\/p>\n\n<\/div>\n\n\n<\/div>\n<\/div><\/div><div class=\"bde-code-block-6226-181 bde-code-block\">\n\n  <style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n:root{\n  --brand:#2F2F82;\n  --brandDark:#1e1e5f;\n  --text:#0b1220;\n  --muted:#64748b;\n  --line: rgba(17,24,39,.12);\n  --dot: rgba(17,24,39,.22);\n}\n\n*{ box-sizing:border-box; }\n\n.es-stepper{\n  font-family: 'Inter', system-ui, -apple-system, sans-serif;\n  width: 100%;\n  padding: 0 20px;\n}\n\n.es-stepper-wrap{\n  max-width: 980px;\n  margin: 0 auto;\n  background: #fff;\n  border: 1px solid var(--line);\n  border-radius: 20px;\n  padding: 30px 22px;\n}\n\n.es-steps{ list-style: none; margin: 0; padding: 0; }\n\n.es-item{\n  display: flex;\n  gap: 14px;\n  align-items: flex-start;\n  position: relative;\n  padding-bottom: 18px;\n}\n\n.es-item--simple{ align-items: center; padding-bottom: 14px; }\n\n.es-badge,\n.es-content{ position: relative; z-index: 2; }\n\n.es-item::before{\n  content: \"\";\n  position: absolute;\n  left: 14px;\n  top: 34px;\n  bottom: 0;\n  width: 1px;\n  background: repeating-linear-gradient(\n    to bottom,\n    var(--dot) 0 5px,\n    transparent 5px 11px\n  );\n  transform: translateX(-50%);\n  z-index: 1;\n}\n.es-item:last-child::before{ display: none; }\n\n.es-badge{\n  width: 28px;\n  height: 28px;\n  border-radius: 999px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Inter', sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  background: #eef2ff;\n  color: var(--brand);\n  border: 1px solid rgba(47,47,130,.22);\n  flex: 0 0 28px;\n  margin-top: 2px;\n}\n.es-item--simple .es-badge{ margin-top: 0; }\n\n.es-content{ flex: 1; min-width: 0; }\n\n.es-step-title{\n  font-family: 'Inter', sans-serif;\n  margin: 4px 0 10px 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: #111827;\n  padding: 0;\n}\n.es-item--simple .es-step-title{ margin: 0; line-height: 1.35; }\n\n.es-card{\n  width: 100%;\n  max-width: 720px;\n  background: #f8fafc;\n  border: 1px solid transparent;\n  border-radius: 16px;\n  padding: 22px;\n  transition: all 0.3s ease;\n}\n\n.es-card:hover{\n  background: #ffffff;\n  border-color: var(--line);\n  box-shadow: 0 15px 30px -10px rgba(47,47,130,.12);\n}\n\n.es-label{\n  display: block;\n  font-family: 'Inter', sans-serif;\n  font-size: 13px;\n  font-weight: 600;\n  color: #111827;\n  margin: 0 0 10px 0;\n  padding: 0;\n}\n\n.es-select-wrap{ position: relative; }\n\n.es-select{\n  width: 100%;\n  height: 56px;\n  padding: 0 48px 0 16px;\n  border-radius: 10px;\n  border: 1px solid rgba(17,24,39,.14);\n  background: #fff;\n  color: var(--text);\n  font-family: 'Inter', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  appearance: none;\n  -webkit-appearance: none;\n}\n.es-select:focus{ outline: none; border-color: rgba(47,47,130,.45); }\n\n.es-select-wrap::after{\n  content: \"\";\n  position: absolute;\n  right: 18px;\n  top: 50%;\n  width: 9px;\n  height: 9px;\n  border-right: 2px solid rgba(17,24,39,.5);\n  border-bottom: 2px solid rgba(17,24,39,.5);\n  transform: translateY(-60%) rotate(45deg);\n  pointer-events: none;\n}\n\n.es-btn{\n  width: 100%;\n  height: 56px;\n  margin-top: 14px;\n  background: var(--brand);\n  color: #fff;\n  font-family: 'Inter', sans-serif;\n  font-weight: 700;\n  font-size: 14px;\n  border-radius: 10px;\n  border: 0;\n  cursor: pointer;\n  transition: background .18s ease, transform .18s ease;\n}\n.es-btn:hover{ background: var(--brandDark); transform: translateY(-1px); }\n.es-btn:active{ transform: translateY(1px); }\n.es-btn:disabled{ opacity: .45; cursor: not-allowed; transform: none; }\n\n.es-item.is-inactive{ opacity: .45; }\n.es-item.is-inactive .es-card,\n.es-item.is-inactive .es-select,\n.es-item.is-inactive .es-btn{ pointer-events: none; }\n\n.es-item.is-active .es-badge{\n  background: var(--brand);\n  color: #fff;\n  border-color: rgba(47,47,130,.25);\n}\n.es-item.is-active::before{\n  background: repeating-linear-gradient(\n    to bottom,\n    rgba(47,47,130,.45) 0 5px,\n    transparent 5px 11px\n  );\n}\n\n@media (max-width: 600px){\n  .es-stepper{ padding: 0; }\n  .es-stepper-wrap{ padding: 18px 0; border-radius: 18px; }\n  .es-steps{ padding: 0 10px; }\n\n  .es-item::before{ display: none !important; }\n  .es-item{ gap: 10px; padding-bottom: 12px; }\n  .es-item--simple{ align-items: center; }\n\n  .es-badge{ width: 24px; height: 24px; font-size: 11px; flex: 0 0 24px; margin-top: 0; }\n\n  .es-step-title{ margin: 0; line-height: 24px; font-size: 13px; }\n\n  .es-item:first-child{ flex-wrap: wrap; gap: 8px; }\n  .es-item:first-child .es-badge{ margin-top: 0; }\n  .es-item:first-child .es-step-title{ width: calc(100% - 36px); line-height: 24px; margin-bottom: 4px; }\n  .es-item:first-child .es-content{ width: 100%; flex: 0 0 100%; }\n\n  .es-card{ max-width: 100%; width: 100%; padding: 16px; border-radius: 12px; }\n  .es-select, .es-btn{ height: 48px !important; font-size: 14px; border-radius: 10px; }\n}\n<\/style>\n\n<div class=\"es-stepper\">\n  <div class=\"es-stepper-wrap\">\n\n    <ol class=\"es-steps\">\n      <li class=\"es-item is-active\">\n        <div class=\"es-badge\">1<\/div>\n        <div class=\"es-content\">\n          <p class=\"es-step-title\">Muat Naik Perjanjian Anda<\/p>\n          <div class=\"es-card\">\n            <label class=\"es-label\" for=\"jenisDoc\">Document to Stamp<\/label>\n            <div class=\"es-select-wrap\">\n              <select id=\"jenisDoc\" class=\"es-select\">\n                <option value=\"\">Select document type<\/option>\n                <option value=\"sewa\">Tenancy Agreement<\/option>\n                <option value=\"perkhidmatan\">Service Agreement<\/option>\n                <option value=\"pinjaman\">Loan Agreement<\/option>\n                <option value=\"jual_beli\">Hire Purchase Agreement<\/option>\n                <option value=\"kontrak_kerja\">Employment Contract<\/option>\n                <option value=\"surat_akuan\">Statutory Declarations<\/option>\n                <option value=\"bon\">Bond<\/option>\n                <option value=\"perjanjian_perkongsian\">Partnership Agreement<\/option>\n                <option value=\"novation\">Novation Agreement<\/option>\n                <option value=\"nda\">Non-Disclosure Agreement (NDA)<\/option>\n                <option value=\"aku_janji\">Letter of Undertaking and Indemnity<\/option>\n                <option value=\"loa\">Letter of Award<\/option>\n                <option value=\"lain_perjanjian\">Other Documents<\/option>\n              <\/select>\n            <\/div>\n            <button id=\"goJenis\" class=\"es-btn\" disabled>Get Stamp Now<\/button>\n          <\/div>\n        <\/div>\n      <\/li>\n\n      <li class=\"es-item es-item--simple is-inactive\">\n        <div class=\"es-badge\">2<\/div>\n        <div class=\"es-content\"><p class=\"es-step-title\">Semak Kiraan Duti Setem Anda<\/p><\/div>\n      <\/li>\n\n      <li class=\"es-item es-item--simple is-inactive\">\n        <div class=\"es-badge\">3<\/div>\n        <div class=\"es-content\"><p class=\"es-step-title\">Buat Pembayaran<\/p><\/div>\n      <\/li>\n\n      <li class=\"es-item es-item--simple is-inactive\">\n        <div class=\"es-badge\">4<\/div>\n        <div class=\"es-content\"><p class=\"es-step-title\">Terima Slip Setem Anda<\/p><\/div>\n      <\/li>\n    <\/ol>\n\n  <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const sel = document.getElementById(\"jenisDoc\");\n  const btn = document.getElementById(\"goJenis\");\n  if (!sel || !btn) return;\n\n  function getInfo(){\n    const seg = window.location.pathname.split('\/').filter(Boolean);\n    const basePrefix = (seg[0] === 'stage') ? '\/stage' : '';\n    const langIndex = (seg[0] === 'stage') ? 1 : 0;\n    const lang = (seg[langIndex] || 'ms').toLowerCase();\n    return { basePrefix, lang };\n  }\n\n  function buildBaseUrl(){\n    const origin = window.location.origin;\n    const { basePrefix, lang } = getInfo();\n    const pathMap = {\n      ms: \"\/ms\/duti-setem\/\",\n      en: \"\/en\/stamp-duty\/\"\n    };\n    return origin + basePrefix + (pathMap[lang] || pathMap.ms);\n  }\n\n  function sync(){ btn.disabled = !sel.value; }\n\n  sel.addEventListener(\"change\", sync);\n  sel.addEventListener(\"input\", sync);\n\n  btn.addEventListener(\"click\", function(){\n    if(!sel.value) return;\n    const url = new URL(buildBaseUrl());\n    url.searchParams.set(\"jenis\", sel.value);\n    window.location.href = url.toString();\n  });\n\n  sync();\n});\n<\/script>\n\n\n<\/div><div class=\"bde-code-block-6226-182 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: #FCFCFC;\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\">Trusted by Businesses of All Sizes<\/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-6226-198 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-code-block-6226-199 bde-code-block\">\n\n  <!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n  <title>Easiest Way to Stamp<\/title>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\"\/>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@700&display=swap\" rel=\"stylesheet\"\/>\n  <style>\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    body {\n      font-family: 'Inter', sans-serif;\n      background: #fff;\n      color: #1a1a2e;\n    }\n\n    .stamp-section {\n      padding: 80px 24px;\n      background: #2F2F82;\n      color: #fff;\n      isolation: isolate;\n      position: relative;\n    }\n\n    .stamp-inner {\n      max-width: 1100px;\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 64px;\n      align-items: center;\n      box-shadow: none;\n    }\n\n    .stamp-left h2 {\n      font-family: 'Poppins', sans-serif !important; \/* Poppins h2 only *\/\n      font-size: clamp(26px, 3.5vw, 40px);\n      font-weight: 700;\n      line-height: 1.25;\n      margin-bottom: 16px;\n    }\n\n    .stamp-left h2 span {\n      color: #a8a8f0;\n    }\n\n    .stamp-left p {\n      font-size: 16px;\n      color: rgba(255,255,255,0.7);\n      line-height: 1.75;\n      margin-bottom: 32px;\n      max-width: 400px;\n      font-family: 'Inter', sans-serif; \/* Inter untuk body text *\/\n    }\n\n    .stamp-right {\n      display: flex;\n      flex-direction: column;\n      gap: 17px;\n    }\n\n    .stamp-feature {\n      display: flex;\n      align-items: flex-start;\n      gap: 16px;\n      background: rgba(255,255,255,0.07);\n      border: 1px solid rgba(255,255,255,0.12);\n      border-radius: 14px;\n      padding: 20px 22px;\n      transition: background 0.2s;\n      box-shadow: none;\n      font-family: 'Inter', sans-serif; \/* Inter untuk features *\/\n    }\n\n    .stamp-feature:hover {\n      background: rgba(255,255,255,0.12);\n    }\n\n    .stamp-feat-icon {\n      flex-shrink: 0;\n      width: 42px;\n      height: 42px;\n      background: rgba(255,255,255,0.15);\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: none;\n    }\n\n    .stamp-feat-icon svg {\n      width: 20px;\n      height: 20px;\n      stroke: #fff;\n      fill: none;\n      stroke-width: 1.8;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n\n    .stamp-feat-text h4 {\n      font-size: 16px;\n      font-weight: 600;\n      margin-bottom: 4px;\n      color: #fff;\n      font-family: 'Inter', sans-serif;\n    }\n\n    .stamp-feat-text p {\n      font-size: 14px;\n      color: rgba(255,255,255,0.65);\n      line-height: 1.6;\n      font-family: 'Inter', sans-serif;\n    }\n\n    @media (max-width: 860px) {\n      .stamp-inner {\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }\n      .stamp-left p { max-width: 100%; }\n    }\n\n    @media (max-width: 480px) {\n      .stamp-section { padding: 60px 2px; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<section class=\"stamp-section\">\n  <div class=\"stamp-inner\">\n\n    <!-- Left: Heading Poppins + Inter body -->\n    <div class=\"stamp-left\">\n      <h2>The easiest way to<br\/><span>stamp your document.<\/span><\/h2>\n      <p>A smarter, faster stamping experience \u2014 designed for businesses and individuals who value accuracy, security, and peace of mind.<\/p>\n    <\/div>\n\n    <!-- Right: Feature List Inter -->\n    <div class=\"stamp-right\">\n\n      <div class=\"stamp-feature\">\n        <div class=\"stamp-feat-icon\">\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        <div class=\"stamp-feat-text\">\n          <h4>Seamless Submission<\/h4>\n          <p>Upload your agreements and documents digitally with ease.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"stamp-feature\">\n        <div class=\"stamp-feat-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n        <\/div>\n        <div class=\"stamp-feat-text\">\n          <h4>Transparent Verification<\/h4>\n          <p>Check the status and authenticity of every document in real-time.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"stamp-feature\">\n        <div class=\"stamp-feat-icon\">\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        <div class=\"stamp-feat-text\">\n          <h4>Secure and Compliant<\/h4>\n          <p>All records follow official standards and include audit-ready logs.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"stamp-feature\">\n        <div class=\"stamp-feat-icon\">\n          <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>\n        <\/div>\n        <div class=\"stamp-feat-text\">\n          <h4>Streamlined Workflow<\/h4>\n          <p>Keep your preparation, stamping, and storage fully organized.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"stamp-feature\">\n        <div class=\"stamp-feat-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n        <\/div>\n        <div class=\"stamp-feat-text\">\n          <h4>Peace of Mind<\/h4>\n          <p>Work with confidence knowing your compliance is handled by a reliable system.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-6226-200 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-code-block-6226-201 bde-code-block\">\n\n  <!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n  <title>Why eSetem<\/title>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\"\/>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@700&display=swap\" rel=\"stylesheet\"\/>\n  <style>\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    body {\n      font-family: 'Inter', sans-serif;\n      background: #f8f9ff;\n      color: #1a1a2e;\n    }\n\n    .why-section {\n      padding: 80px 24px;\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    .why-header {\n      text-align: center;\n      margin-bottom: 56px;\n    }\n\n    .why-badge {\n      display: inline-block;\n      background: #eeeef9;\n      color: #2F2F82;\n      font-size: 13px;\n      font-weight: 600;\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n      padding: 6px 16px;\n      border-radius: 100px;\n      margin-bottom: 16px;\n      font-family: 'Inter', sans-serif;\n    }\n\n    .why-header h2 {\n      font-family: 'Poppins', sans-serif !important; \/* Poppins h2 only *\/\n      font-size: clamp(28px, 4vw, 40px);\n      font-weight: 700;\n      color: #2F2F82;\n      line-height: 1.2;\n      margin-bottom: 14px;\n    }\n\n    .why-header p {\n      font-size: 16px;\n      color: #555;\n      max-width: 540px;\n      margin: 0 auto;\n      line-height: 1.7;\n      font-family: 'Inter', sans-serif;\n    }\n\n    .why-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n    }\n\n    .why-card {\n      background: #fff;\n      border: 1px solid #e8e8f0;\n      border-radius: 16px;\n      padding: 28px 24px;\n      transition: box-shadow 0.2s ease, transform 0.2s ease;\n      font-family: 'Inter', sans-serif;\n    }\n\n    .why-card:hover {\n      box-shadow: 0 8px 32px rgba(47, 47, 130, 0.1);\n      transform: translateY(-4px);\n    }\n\n    .why-icon {\n      width: 48px;\n      height: 48px;\n      background: #eeeef9;\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 18px;\n    }\n\n    .why-icon svg {\n      width: 24px;\n      height: 24px;\n      color: #2F2F82;\n      stroke: #2F2F82;\n      fill: none;\n      stroke-width: 1.8;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n\n    .why-card h3 {\n      font-size: 16px;\n      font-weight: 600;\n      color: #1a1a2e;\n      margin-bottom: 8px;\n      line-height: 1.4;\n      font-family: 'Inter', sans-serif;\n    }\n\n    .why-card p {\n      font-size: 14px;\n      color: #666;\n      line-height: 1.7;\n      font-family: 'Inter', sans-serif;\n    }\n\n    @media (max-width: 768px) {\n      .why-grid { \n        grid-template-columns: 1fr; \n      }\n      .why-section { \n        padding: 20px 2px; \n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<section class=\"why-section\">\n  <div class=\"why-header\">\n    <span class=\"why-badge\">Why eSetem<\/span>\n    <h2>Stamping, simplified for you.<\/h2>\n    <p>Everything you need to stamp your documents accurately, securely, and without the headache.<\/p>\n  <\/div>\n\n  <div class=\"why-grid\">\n\n    <!-- Card 1 -->\n    <div class=\"why-card\">\n      <div class=\"why-icon\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg>\n      <\/div>\n      <h3>Easy Self-Assessment Stamping<\/h3>\n      <p>No need to figure out complex rules. Just upload your instruments and we'll complete your stamping in a few simple steps.<\/p>\n    <\/div>\n\n    <!-- Card 2 -->\n    <div class=\"why-card\">\n      <div class=\"why-icon\">\n        <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n      <\/div>\n      <h3>Unique Tracking Code<\/h3>\n      <p>Every order comes with a dedicated tracking code so you can monitor your stamping status anytime.<\/p>\n    <\/div>\n\n    <!-- Card 3 -->\n    <div class=\"why-card\">\n      <div class=\"why-icon\">\n        <svg viewBox=\"0 0 24 24\"><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\"\/><\/svg>\n      <\/div>\n      <h3>Accurate Stamp Duty Calculation<\/h3>\n      <p>Our system automatically calculates the correct duty based on LHDN rules, helping you avoid costly mistakes and penalties.<\/p>\n    <\/div>\n\n    <!-- Card 4 -->\n    <div class=\"why-card\">\n      <div class=\"why-icon\">\n        <svg viewBox=\"0 0 24 24\"><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\"\/><\/svg>\n      <\/div>\n      <h3>Organised Dashboard<\/h3>\n      <p>From documents to stamp slips and payment receipts \u2014 everything is stored in one clean, centralised dashboard, easy to search and download.<\/p>\n    <\/div>\n\n    <!-- Card 5 -->\n    <div class=\"why-card\">\n      <div class=\"why-icon\">\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      <h3>7-Year Secure Storage<\/h3>\n      <p>Stay fully compliant with LHDN record-keeping requirements. All stamp slips are securely stored and audit-ready for up to seven years.<\/p>\n    <\/div>\n\n    <!-- Card 6 -->\n    <div class=\"why-card\">\n      <div class=\"why-icon\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\/><\/svg>\n      <\/div>\n      <h3>Responsive Support<\/h3>\n      <p>Get fast, human assistance whenever you're unsure about a document or its stamping. No more guessing, no long waiting times.<\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-6226-202 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-code-block-6226-203 bde-code-block\">\n\n  <style>\n  .pw { background: #2F2F82; padding: 80px 24px; font-family: 'Inter', sans-serif; }\n  .pw-head { text-align: center; margin-bottom: 52px; }\n  .pw-label { font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-bottom: 14px; }\n  .pw-h2 { font-family: 'Poppins', sans-serif; font-size: 40px; font-weight: 700; color: #fff; margin-bottom: 12px; line-height: 1.2; }\n  .pw-h2 span { color: #a8a8f0; }\n  .pw-sub { font-size: 16px; color: rgba(255,255,255,0.5); line-height: 1.7; }\n\n  .pw-grid {\n    max-width: 900px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n  }\n\n  .pw-card {\n    background: rgba(255,255,255,0.06);\n    border: 1px solid rgba(255,255,255,0.11);\n    border-radius: 16px;\n    padding: 28px 28px;\n    display: flex;\n    flex-direction: column;\n    transition: background 0.2s;\n  }\n  .pw-card:hover { background: rgba(255,255,255,0.1); }\n  .pw-card.featured {\n    background: rgba(168,168,240,0.12);\n    border: 1.5px solid rgba(168,168,240,0.4);\n  }\n\n  .pw-top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; }\n\n  .pw-badge {\n    display: inline-block;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    padding: 3px 10px;\n    border-radius: 20px;\n  }\n  .pw-badge.solid { background: #a8a8f0; color: #2F2F82; }\n  .pw-badge.ghost { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.55); }\n\n  .pw-price { text-align: right; }\n  .pw-price-main { font-family: 'Poppins', sans-serif; font-size: 36px; font-weight: 700; color: #fff; line-height: 1; }\n  .pw-price-main sup { font-size: 16px; vertical-align: super; line-height: 0; font-weight: 600; }\n  .pw-price-note { font-size: 11px; color: rgba(255,255,255,0.4); margin-top: 4px; }\n  .pw-price-note strong { color: #a8a8f0; }\n\n  .pw-divider { border: none; border-top: 1px solid rgba(255,255,255,0.1); margin: 0 0 16px; }\n\n  .pw-plan-name { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 700; color: #fff; margin-bottom: 6px; }\n  .pw-plan-desc { font-size: 13px; color: rgba(255,255,255,0.45); line-height: 1.6; margin-bottom: 20px; }\n\n  .pw-breakdown { display: flex; flex-direction: column; gap: 9px; flex: 1; }\n  .pw-item {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 12px;\n    font-size: 13px;\n    color: rgba(255,255,255,0.6);\n  }\n  .pw-item .lbl { flex: 1; white-space: nowrap; }\n  .pw-val { font-weight: 600; color: #fff; font-size: 13px; white-space: nowrap; text-align: right; }\n  .pw-val.accent { color: #a8a8f0; }\n  .pw-sep { border: none; border-top: 1px dashed rgba(255,255,255,0.12); margin: 4px 0; }\n  .pw-item.total { font-size: 14px; font-weight: 700; color: #fff; }\n  .pw-item.total .pw-val { color: #a8a8f0; font-size: 15px; }\n\n  .pw-btn {\n    display: block;\n    margin-top: 22px;\n    width: 100%;\n    background: #fff;\n    color: #2F2F82 !important;\n    font-size: 14px;\n    font-weight: 700;\n    font-family: 'Inter', sans-serif;\n    padding: 13px;\n    border-radius: 10px;\n    border: none;\n    cursor: pointer;\n    text-decoration: none;\n    text-align: center;\n    box-sizing: border-box;\n    transition: opacity 0.18s, transform 0.15s;\n  }\n  .pw-btn:hover { opacity: 0.9; transform: translateY(-1px); }\n  .pw-btn:active { transform: scale(0.98); }\n\n  @media (max-width: 640px) {\n    .pw { padding: 52px 16px; }\n    .pw-h2 { font-size: 20px; }\n    .pw-sub { font-size: 15px; }\n    .pw-grid { grid-template-columns: 1fr; }\n    .pw-item .lbl { white-space: normal; }\n    .pw-val { white-space: normal; }\n  }\n<\/style>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700&display=swap\" rel=\"stylesheet\"\/>\n\n<div class=\"pw\">\n  <div class=\"pw-head\">\n    <p class=\"pw-label\">Pricing<\/p>\n    <h2 class=\"pw-h2\">Choose the plan that <span>works for you.<\/span><\/h2>\n    <p class=\"pw-sub\">Transparent, fair, and fully compliant with LHDN. No hidden fees.<\/p>\n  <\/div>\n\n  <div class=\"pw-grid\">\n\n    <div class=\"pw-card\">\n      <div class=\"pw-top\">\n        <span class=\"pw-badge ghost\">Fixed Duty<\/span>\n        <div class=\"pw-price\">\n          <div class=\"pw-price-main\"><sup>RM<\/sup>40<\/div>\n          <div class=\"pw-price-note\">Per submission<\/div>\n        <\/div>\n      <\/div>\n      <hr class=\"pw-divider\"\/>\n      <div class=\"pw-plan-name\">Fixed Plan<\/div>\n      <p class=\"pw-plan-desc\">For agreements with a fixed stamp duty. Simple and predictable.<\/p>\n      <div class=\"pw-breakdown\">\n        <div class=\"pw-item\"><span class=\"lbl\">Processing fee<\/span><span class=\"pw-val\">RM 30<\/span><\/div>\n        <div class=\"pw-item\"><span class=\"lbl\">LHDN stamp duty<\/span><span class=\"pw-val\">RM 10<\/span><\/div>\n        <hr class=\"pw-sep\"\/>\n        <div class=\"pw-item total\"><span class=\"lbl\">Total<\/span><span class=\"pw-val\">RM 40<\/span><\/div>\n      <\/div>\n      <a href=\"https:\/\/esetem.my\/en\/stamp-duty\/\" class=\"pw-btn\">Start Stamping Now<\/a>\n    <\/div>\n\n    <div class=\"pw-card featured\">\n      <div class=\"pw-top\">\n        <span class=\"pw-badge solid\">Ad Valorem<\/span>\n        <div class=\"pw-price\">\n          <div class=\"pw-price-main\"><sup>RM<\/sup>50<span style=\"font-size:15px;font-weight:500;color:rgba(255,255,255,0.4)\"> +<\/span><\/div>\n          <div class=\"pw-price-note\">Per submission \u00b7 <strong>+ stamp duty<\/strong><\/div>\n        <\/div>\n      <\/div>\n      <hr class=\"pw-divider\"\/>\n      <div class=\"pw-plan-name\">Ad Valorem Plan<\/div>\n      <p class=\"pw-plan-desc\">For Tenancy, Loan &amp; Service agreements. Duty calculated based on document value.<\/p>\n      <div class=\"pw-breakdown\">\n        <div class=\"pw-item\"><span class=\"lbl\">Processing fee<\/span><span class=\"pw-val\">RM 50<\/span><\/div>\n        <div class=\"pw-item\"><span class=\"lbl\">Stamp duty<\/span><span class=\"pw-val accent\">Calculated by system<\/span><\/div>\n        <hr class=\"pw-sep\"\/>\n        <div class=\"pw-item total\"><span class=\"lbl\">Estimated total<\/span><span class=\"pw-val\">RM 50 + duty<\/span><\/div>\n      <\/div>\n      <a href=\"https:\/\/esetem.my\/en\/stamp-duty\/\" class=\"pw-btn\">Start Stamping Now<\/a>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-6226-204 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-code-block-6226-205 bde-code-block\">\n\n  <style>\n\/* 0) GLOBAL FIX (anti overflow mobile) *\/\n*, *::before, *::after { box-sizing: border-box; }\nhtml, body { overflow-x: hidden; }\n\n\/* 1) FONT *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n:root{\n  --brand:#2F2F82;\n  --brandDark:#1e1e5f;\n  --text:#0f172a;\n  --muted:#64748b;\n  --line: #e2e8f0; \n  --soft:#f8fafc; \n}\n\n\/* 2) SECTION CONTAINER *\/\n.saas-faq-section{\n  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;\n  width: 100%;\n  max-width: 1000px; \/* Selaras dengan section atas *\/\n  margin: -50px auto;\n  padding: 0 30px;\n}\n\n\/* Outer card wrapper (Minimalist) *\/\n.faq-shell{\n  background:#ffffff;\n  border: 1px solid var(--line);\n  border-radius: 12px; \/* Tak terlalu bulat *\/\n  overflow: hidden;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02); \/* Bayang nipis *\/\n}\n\n\/* 3) HEADER *\/\n.faq-header{\n  display: none; \n}\n\n\/* 4) ACCORDION ITEM *\/\n.saas-faq-item{\n  border-bottom: 1px solid var(--line);\n  background: #ffffff;\n  transition: background .2s ease;\n}\n.saas-faq-item:last-child{ border-bottom: 0; }\n.saas-faq-item:hover{ background: var(--soft); } \/* Tukar dari fcfcfc ke f8fafc *\/\n\n\/* 5) QUESTION BUTTON *\/\n.faq-trigger{\n  width: 100%;\n  display:flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 24px 28px;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  text-align: left;\n  gap: 16px;\n}\n\n.q-text{\n  font-size: 15px; \/* Dikecilkan sikit *\/\n  font-weight: 600;\n  color: var(--text);\n  line-height: 1.5;\n  transition: color 0.2s ease;\n}\n\n.faq-trigger:hover .q-text{ color: var(--brand); }\n\n\/* Icon bubble (petak sikit, tak bulat penuh) *\/\n.icon-wrapper{\n  width: 28px; height: 28px;\n  background: #f1f5f9;\n  border-radius: 8px; \/* Tukar dari 50% supaya nampak lebih tech\/SaaS *\/\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color: #64748b;\n  transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);\n  flex-shrink: 0;\n}\n\n.saas-faq-item.active .icon-wrapper{\n  background: #EEF2FF;\n  color: var(--brand);\n  transform: rotate(45deg); \n  border: 1px solid #dbeafe;\n}\n\n.plus-svg{ width: 14px; height: 14px; }\n\n\/* 6) ANSWER CONTENT *\/\n.faq-content{\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease-out;\n}\n\n.faq-body{\n  padding: 0 28px 24px 28px;\n  font-size: 14px; \/* Dikecilkan sikit *\/\n  color: var(--muted);\n  line-height: 1.6;\n}\n\n\/* 7) CTA WHATSAPP (Minimalist) *\/\n.faq-cta{\n  margin-top: 24px;\n  padding: 20px 24px;\n  background: transparent; \/* Buang kotak kelabu penuh *\/\n  border: 1px solid var(--line);\n  border-radius: 12px;\n  display:flex;\n  align-items:center;\n  justify-content: space-between;\n  gap: 16px;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);\n}\n\n.faq-cta-text{\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--text);\n}\n\n.faq-cta-btn{\n  background: #25D366;\n  color: #ffffff !important;\n  text-decoration: none;\n  font-weight: 600; \/* Tak terlalu tebal *\/\n  font-size: 13px;\n  padding: 10px 16px; \/* Butang lebih keding *\/\n  border-radius: 8px;\n  white-space: nowrap;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  transition: all .2s ease;\n}\n\n.faq-cta-btn:hover{ \n  background: #22c55e; \n  transform: translateY(-2px);\n  box-shadow: 0 4px 12px rgba(37, 211, 102, .2);\n}\n\n.faq-cta-icon{\n  width: 16px; height: 16px;\n  fill: currentColor;\n}\n\n\/* 8) RESPONSIVE MOBILE - FIXED *\/\n@media (max-width: 600px){\n  .saas-faq-section{ \n    padding: 0 20px;  \/* Naik dari 16px *\/\n    margin: 8px auto; \n  }\n\n  .faq-trigger{ \n    padding: 24px 24px;  \/* Naik dari 20px *\/\n  }\n  \n  .q-text{ \n    font-size: 15px;  \/* Naik dari 14px *\/\n  }\n  \n  .faq-body{ \n    padding: 0 20px 20px 20px;  \/* Naik dari 20px *\/\n    font-size: 14px;  \/* Naik dari 13px *\/\n  }\n\n  .faq-cta{\n    flex-direction: column;\n    text-align: center;\n    padding: 24px;  \/* Naik dari 20px *\/\n    gap: 16px;\n  }\n  .faq-cta-btn{ \n    width: 100%; \n    justify-content: center; \n  }\n\n<\/style>\n\n<div class=\"saas-faq-section\">\n<section class=\"why-section\">\n  <div class=\"why-header\">\n    <span class=\"why-badge\">Frequently Asked Questions<\/span>\n    <h2>Still have questions about eSetem?<\/h2>\n    <p>We've answered the most common queries to help you get started with confidence.<\/p>\n  <\/div>\n  <div class=\"faq-shell\">\n    <div class=\"faq-list\">\n      <!-- Q1 -->\n      <div class=\"saas-faq-item\">\n        <button class=\"faq-trigger\" type=\"button\">\n          <span class=\"q-text\">What is stamp duty?<\/span>\n          <div class=\"icon-wrapper\">\n            <svg class=\"plus-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"><\/path>\n            <\/svg>\n          <\/div>\n        <\/button>\n        <div class=\"faq-content\">\n          <div class=\"faq-body translation-block\">Stamp duty is a tax imposed on certain documents, such as property sale and purchase agreements, loan documents, or property transfers. It is enforced under the Stamp Act 1949 in Malaysia, based on the documents listed in the First Schedule of the Act.<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Q2 -->\n      <div class=\"saas-faq-item\">\n        <button class=\"faq-trigger\" type=\"button\">\n          <span class=\"q-text\">Why do documents need to be stamped?<\/span>\n          <div class=\"icon-wrapper\">\n            <svg class=\"plus-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"><\/path>\n            <\/svg>\n          <\/div>\n        <\/button>\n        <div class=\"faq-content\">\n          <div class=\"faq-body\">\n            Stamped documents comply with the requirements of the Stamp Act 1949 and are recognised as legally valid in Malaysia, ensuring that all legal obligations are met. In addition, the stamp duty paid protects the rights of all parties involved in the documents. Stamped documents can be used as evidence in court in the event of a dispute, as well as for various official purposes.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Q3 -->\n      <div class=\"saas-faq-item\">\n        <button class=\"faq-trigger\" type=\"button\">\n          <span class=\"q-text\">How does eSetem work?<\/span>\n          <div class=\"icon-wrapper\">\n            <svg class=\"plus-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"><\/path>\n            <\/svg>\n          <\/div>\n        <\/button>\n        <div class=\"faq-content\">\n          <div class=\"faq-body\">\n            eSetem is a digital platform that simplifies stamp duty processing. You submit your document online, we review and assess the applicable stamp duty, process the stamping, and deliver the official certificate digitally.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Q4 -->\n      <div class=\"saas-faq-item\">\n        <button class=\"faq-trigger\" type=\"button\">\n          <span class=\"q-text\">Is eSetem legitimate and secure?<\/span>\n          <div class=\"icon-wrapper\">\n            <svg class=\"plus-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"><\/path>\n            <\/svg>\n          <\/div>\n        <\/button>\n        <div class=\"faq-content\">\n          <div class=\"faq-body\">\n            Yes, eSetem is an official agent appointed by LHDNM and complies with all prescribed procedures to ensure your documents are stamped legally and securely.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Q5 -->\n      <div class=\"saas-faq-item\">\n        <button class=\"faq-trigger\" type=\"button\">\n          <span class=\"q-text\">Who is responsible for paying stamp duty?<\/span>\n          <div class=\"icon-wrapper\">\n            <svg class=\"plus-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"><\/path>\n            <\/svg>\n          <\/div>\n        <\/button>\n        <div class=\"faq-content\">\n          <div class=\"faq-body\">\n            Typically, the party signing the document or the beneficiary (e.g., property buyer or borrower) pays the stamp duty, unless otherwise agreed in the contract.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Q6 -->\n      <div class=\"saas-faq-item\">\n        <button class=\"faq-trigger\" type=\"button\">\n          <span class=\"q-text\">Can stamp duty payments be cancelled or refunded?<\/span>\n          <div class=\"icon-wrapper\">\n            <svg class=\"plus-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"><\/path>\n            <\/svg>\n          <\/div>\n        <\/button>\n        <div class=\"faq-content\">\n          <div class=\"faq-body\">\n            Cancellations can only be made before the payment is processed. Once the payment has been completed, it is non-refundable. For specific cases, please refer to the Refund Policy in eSetem\u2019s Terms of Service.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Q7 -->\n      <div class=\"saas-faq-item\">\n        <button class=\"faq-trigger\" type=\"button\">\n          <span class=\"q-text\">How long does the stamping process take at eSetem?<\/span>\n          <div class=\"icon-wrapper\">\n            <svg class=\"plus-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"><\/path>\n            <\/svg>\n          <\/div>\n        <\/button>\n        <div class=\"faq-content\">\n          <div class=\"faq-body\">\n            The stamping process is usually completed on the same day for straightforward agreements and fully completed documents. For more complex documents or those requiring further verification, the process may take 1\u20133 working days. The actual time depends on the type of agreement and the accuracy of the information provided.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Q8 -->\n      <div class=\"saas-faq-item\">\n        <button class=\"faq-trigger\" type=\"button\">\n          <span class=\"q-text\">What information do I need to provide?<\/span>\n          <div class=\"icon-wrapper\">\n            <svg class=\"plus-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"><\/path>\n            <\/svg>\n          <\/div>\n        <\/button>\n        <div class=\"faq-content\">\n          <div class=\"faq-body\">\n           For stamping purposes, the document to be stamped must be provided along with the agreement date, contract value (if applicable), and signatures of all parties involved. Additional information may be requested if necessary.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Q9 -->\n      <div class=\"saas-faq-item\">\n        <button class=\"faq-trigger\" type=\"button\">\n          <span class=\"q-text\">Can I change or update the information after the stamp has been generated?<\/span>\n          <div class=\"icon-wrapper\">\n            <svg class=\"plus-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"><\/path>\n            <\/svg>\n          <\/div>\n        <\/button>\n        <div class=\"faq-content\">\n          <div class=\"faq-body\">\n            Once a stamp has been generated, the recorded information cannot be altered, as the stamp certificate is legally recognised. If there is an error or incorrect information, you will need to contact eSetem for corrective action or to prepare a new document according to the prescribed procedures.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Q10 -->\n      <div class=\"saas-faq-item\">\n        <button class=\"faq-trigger\" type=\"button\">\n          <span class=\"q-text\">How can I verify the validity of a stamp certificate?<\/span>\n          <div class=\"icon-wrapper\">\n            <svg class=\"plus-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"><\/path>\n            <\/svg>\n          <\/div>\n        <\/button>\n        <div class=\"faq-content\">\n          <div class=\"faq-body\">\n            To verify the authenticity of a stamp certificate, you can check via the following link:\n            <a href=\"https:\/\/stamps.hasil.gov.my\/stamps\/main\/semakanketulenan\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color:#2F2F82; text-decoration:underline;\">https:\/\/stamps.hasil.gov.my\/stamps\/main\/semakanketulenan<\/a>. Enter the adjudication number shown on the certificate along with the other document details for a valid verification.\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- CTA bawah FAQ -->\n  <div class=\"faq-cta\">\n    <div class=\"faq-cta-text\">Still have questions? Chat with us on WhatsApp<\/div>\n\n    <a class=\"faq-cta-btn\" href=\"https:\/\/wa.me\/60194589417?text=Hi\" target=\"_blank\" rel=\"noopener noreferrer\">\n      <svg class=\"faq-cta-icon\" viewbox=\"0 0 16 16\" aria-hidden=\"true\">\n        <path d=\"M13.601 2.326A7.85 7.85 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.9 7.9 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.9 7.9 0 0 0 13.6 2.326zM7.994 14.521a6.6 6.6 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.56 6.56 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.73.73 0 0 0-.529.247c-.182.198-.691.677-.691 1.654s.71 1.916.81 2.049c.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232\"\/>\n      <\/svg>\n      Chat WhatsApp\n    <\/a>\n  <\/div>\n\n<\/div>\n\n<script>\nconst triggers = document.querySelectorAll('.faq-trigger');\n\nfunction closeAll(){\n  document.querySelectorAll('.saas-faq-item').forEach(otherItem => {\n    otherItem.classList.remove('active');\n    const c = otherItem.querySelector('.faq-content');\n    if (c) c.style.maxHeight = null;\n  });\n}\n\nfunction updateOpenHeights(){\n  document.querySelectorAll('.saas-faq-item.active .faq-content').forEach(content => {\n    content.style.maxHeight = content.scrollHeight + \"px\";\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\n    closeAll(); \/\/ Auto tutup yang lain\n\n    if (!isOpen) {\n      item.classList.add('active');\n      content.style.maxHeight = content.scrollHeight + \"px\";\n    }\n  });\n});\n\nwindow.addEventListener('resize', updateOpenHeights);\n<\/script>\n\n\n<\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Paying Stamp Duty Made Easy eSetem is an online platform that simplifies document stamping for all types of agreements. 1 Muat Naik Perjanjian Anda Document to Stamp Select document type Tenancy Agreement Service Agreement Loan Agreement Hire Purchase Agreement Employment Contract Statutory Declarations Bond Partnership Agreement Novation Agreement Non-Disclosure Agreement (NDA) Letter of Undertaking and [&hellip;]<\/p>\n","protected":false},"author":6,"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-6226","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/esetem.my\/ms\/wp-json\/wp\/v2\/pages\/6226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/esetem.my\/ms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/esetem.my\/ms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/esetem.my\/ms\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/esetem.my\/ms\/wp-json\/wp\/v2\/comments?post=6226"}],"version-history":[{"count":4,"href":"https:\/\/esetem.my\/ms\/wp-json\/wp\/v2\/pages\/6226\/revisions"}],"predecessor-version":[{"id":7945,"href":"https:\/\/esetem.my\/ms\/wp-json\/wp\/v2\/pages\/6226\/revisions\/7945"}],"wp:attachment":[{"href":"https:\/\/esetem.my\/ms\/wp-json\/wp\/v2\/media?parent=6226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}