{"id":6197,"date":"2025-10-25T08:41:52","date_gmt":"2025-10-25T00:41:52","guid":{"rendered":"https:\/\/esetem.my\/?page_id=6197"},"modified":"2026-04-03T10:47:40","modified_gmt":"2026-04-03T02:47:40","slug":"duti-setem-perjanjian-sewa","status":"publish","type":"page","link":"https:\/\/esetem.my\/ms\/duti-setem-perjanjian-sewa\/","title":{"rendered":"Perjanjian Sewa"},"content":{"rendered":"<section class=\"bde-section-6197-172 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-6197-173 bde-columns\"><div class=\"bde-column-6197-174 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-code-block-6197-175 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: 'Inter', 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: 0px !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;\">Complete Your Tenancy Stamping<\/span>\n    <\/h1>\n\n    <p class=\"hero-desc-forced\">\n       eSetem is an online platform that simplifies the stamping process for your tenancy agreements, wherever you are.\n    <\/p>\n\n<\/div>\n\n\n<\/div>\n<\/div><\/div><div class=\"bde-code-block-6197-176 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          \n                <option value=\"sewa\">Tenancy Agreement<\/option>\n            \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>\n<\/section><section class=\"bde-section-6197-178 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h1 class=\"bde-dual-heading-6197-180 bde-dual-heading\">\n\n\n            <span data-style=\"primary\" class=\"dual-heading--primary  \">Kenapa pilih eSetem?<\/span>\n\n\n\n<\/h1><div class=\"bde-code-block-6197-181 bde-code-block\">\n\n  <style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n:root {\n  --brand: #2F2F82;\n  --text: #0f172a;\n  --muted: #64748b;\n  --border: #e2e8f0;\n}\n\n.trust-clean {\n  font-family: 'Inter', sans-serif;\n  max-width: 1000px;\n  margin: 40px auto;\n  padding: 0 20px;\n}\n\n.trust-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n}\n\n.trust-card {\n  background: #ffffff;\n  border: 1px solid var(--border);\n  border-radius: 16px;\n  padding: 28px;\n  transition: all .25s ease;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.trust-card:hover {\n  border-color: rgba(47,47,130,.2);\n  box-shadow: 0 12px 32px rgba(0,0,0,.08);\n  transform: translateY(-4px);\n}\n\n.trust-icon {\n  width: 44px;\n  height: 44px;\n  background: #f1f5f9;\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--muted);\n  margin-bottom: 20px;\n  flex-shrink: 0;\n  transition: .25s ease;\n}\n\n.trust-card:hover .trust-icon {\n  background: #eef2ff;\n  color: var(--brand);\n}\n\n.trust-icon svg {\n  width: 20px;\n  height: 20px;\n}\n\n.trust-title {\n  font-family: 'Inter', sans-serif;\n  font-size: 15px !important;\n  font-weight: 700;\n  color: var(--text);\n  margin: 0 0 10px 0;\n  line-height: 1.35;\n  padding: 0;\n}\n\n.trust-card:hover .trust-title {\n  color: var(--brand);\n}\n\n.trust-desc {\n  font-family: 'Inter', sans-serif;\n  font-size: 13.5px;\n  font-weight: 400;\n  color: var(--muted);\n  line-height: 1.6;\n  margin: 0;\n  flex: 1;\n}\n\n@media (max-width: 900px) {\n  .trust-grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 600px) {\n  .trust-grid { grid-template-columns: 1fr; gap: 16px; }\n}\n<\/style>\n\n<div class=\"trust-clean\">\n  <div class=\"trust-grid\">\n\n    <div class=\"trust-card\">\n      <div class=\"trust-icon\">\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"\/>\n        <\/svg>\n      <\/div>\n      <p class=\"trust-title\">Skip the Office Queues<\/p>\n      <p class=\"trust-desc\">Forget driving to government buildings or waiting in line. Get your stamp slip from home or office.<\/p>\n    <\/div>\n\n    <div class=\"trust-card\">\n      <div class=\"trust-icon\">\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n        <\/svg>\n      <\/div>\n      <p class=\"trust-title\">No \"Self-Assessment\" Stress<\/p>\n      <p class=\"trust-desc\">Since 1 January 2026, rules changed. Our system handles the technical side so you don't worry about mistakes.<\/p>\n    <\/div>\n\n    <div class=\"trust-card\">\n      <div class=\"trust-icon\">\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z\"\/>\n        <\/svg>\n      <\/div>\n      <p class=\"trust-title\">Auto-Calculation<\/p>\n      <p class=\"trust-desc\">Platform figures exact duty amount instantly. No manual formulas, no errors.<\/p>\n    <\/div>\n\n    <div class=\"trust-card\">\n      <div class=\"trust-icon\">\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7\"\/>\n        <\/svg>\n      <\/div>\n      <p class=\"trust-title\">Real-Time Tracking<\/p>\n      <p class=\"trust-desc\">Unique tracking code from order placement. Always know stamping status at every step.<\/p>\n    <\/div>\n\n    <div class=\"trust-card\">\n      <div class=\"trust-icon\">\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/>\n        <\/svg>\n      <\/div>\n      <p class=\"trust-title\">Safe & Legally Binding<\/p>\n      <p class=\"trust-desc\">Data kept private. Every stamp slip 100% official and valid for legal use.<\/p>\n    <\/div>\n\n    <div class=\"trust-card\">\n      <div class=\"trust-icon\">\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"\/>\n        <\/svg>\n      <\/div>\n      <p class=\"trust-title\">Support When You Need It<\/p>\n      <p class=\"trust-desc\">Responsive support team ready to guide with clear, simple answers.<\/p>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n<\/div><h1 class=\"bde-dual-heading-6197-182 bde-dual-heading\">\n\n\n            <span data-style=\"primary\" class=\"dual-heading--primary  \">Pilih yang paling sesuai untuk anda<\/span>\n\n\n\n<\/h1><div class=\"bde-code-block-6197-183 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:#1e293b;\n  --muted:#64748b;\n  --line:#e2e8f0;\n  --bg-card:#ffffff;\n  --bg-hover:#f8fafc;\n}\n\n.saas-v6-final{\n  font-family: 'Inter', system-ui, sans-serif;\n  max-width: 900px;\n  margin: 40px auto;\n  padding: 40px 20px;\n  color: var(--text);\n  box-sizing: border-box;\n  background-color: #f8fafc;\n  background-image: radial-gradient(#cbd5e1 1px, transparent 1px);\n  background-size: 24px 24px;\n  border-radius: 20px;\n  border: 1px solid #e2e8f0;\n}\n\n.ss-grid{\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 24px;\n  align-items: stretch;\n}\n\n.ss-card{\n  background: var(--bg-card);\n  border: 1px solid var(--line);\n  border-radius: 16px;\n  transition: all 0.3s ease;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);\n}\n\n.ss-card:hover{\n  transform: translateY(-4px);\n  box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);\n}\n\n.ss-card.premium{\n  background: linear-gradient(145deg, var(--brandDark) 0%, #0b0b2a 100%);\n  border: 1px solid rgba(255,255,255,0.1);\n  box-shadow: 0 20px 25px -5px rgba(47,47,130,0.3);\n}\n\n.ss-badge-wrap{\n  position: absolute;\n  top: 20px;\n  right: 20px;\n}\n\n.ss-badge{\n  background: #EEF2FF;\n  color: var(--brand);\n  font-size: 10px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  padding: 6px 10px;\n  border-radius: 20px;\n  font-family: 'Inter', sans-serif;\n}\n\n.ss-card.premium .ss-badge{\n  background: rgba(255,255,255,0.15);\n  color: #ffffff;\n}\n\n.ss-body{\n  padding: 32px 28px 28px 28px;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.ss-plan-name{\n  font-family: 'Inter', sans-serif;\n  font-size: 18px;\n  font-weight: 700;\n  margin: 0 0 6px 0;\n  padding: 0;\n  line-height: 1.3;\n  color: #0f172a;\n}\n\n.ss-card.premium .ss-plan-name{\n  color: #ffffff;\n}\n\n.ss-plan-desc{\n  font-family: 'Inter', sans-serif;\n  margin: 0 0 24px 0;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--muted);\n  line-height: 1.6;\n  min-height: 42px;\n}\n\n.ss-card.premium .ss-plan-desc{ color: #94a3b8; }\n.ss-card.premium .ss-plan-desc strong{ color: #c7d2fe; font-weight: 600; }\n\n.ss-price{\n  display: flex;\n  align-items: baseline;\n  gap: 6px;\n  margin-bottom: 24px;\n}\n\n.ss-common-val{\n  font-family: 'Inter', sans-serif;\n  font-size: 36px;\n  font-weight: 800;\n  line-height: 1;\n  letter-spacing: -1.5px;\n  color: #0f172a;\n}\n\n.ss-val-prem{\n  color: #a5b4fc;\n}\n\n.ss-hero-txt{\n  font-family: 'Inter', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  color: #94a3b8;\n}\n\n.ss-btn{\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 7px;\n  width: 100%;\n  padding: 12px 16px;\n  border-radius: 10px;\n  font-family: 'Inter', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  text-decoration: none;\n  transition: all .2s ease;\n  margin-bottom: 24px;\n  box-sizing: border-box;\n}\n\n.ss-btn-light{\n  background: #EEF2FF;\n  color: var(--brand);\n  border: 1px solid #c7d2fe;\n}\n\n.ss-btn-light:hover{\n  background: #e0e7ff;\n  border-color: #a5b4fc;\n}\n\n.ss-card.premium .ss-btn-solid{\n  background: #ffffff;\n  color: var(--brandDark);\n  border: 1px solid #ffffff;\n  font-weight: 700;\n}\n\n.ss-card.premium .ss-btn-solid:hover{\n  background: #f1f5f9;\n  border-color: #f1f5f9;\n  transform: translateY(-2px);\n}\n\n.ss-pill-price{\n  background: rgba(255,255,255,0.07);\n  border: 1px solid rgba(255,255,255,0.12);\n  color: #c7d2fe;\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  padding: 6px 12px;\n  border-radius: 6px;\n  margin-bottom: 16px;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  width: fit-content;\n}\n\n.ss-pill-price svg{ width: 14px; height: 14px; }\n\n.ss-divider{\n  border: 0;\n  height: 1px;\n  background: #f1f5f9;\n  margin: 0 0 24px 0;\n}\n\n.ss-card.premium .ss-divider{ background: rgba(255,255,255,0.1); }\n\n.ss-list{ list-style: none; padding: 0; margin: 0; }\n\n.ss-item{\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  margin-bottom: 12px;\n  font-family: 'Inter', sans-serif;\n  font-size: 13px;\n  font-weight: 400;\n  color: #475569;\n  line-height: 1.5;\n}\n\n.ss-item strong{\n  font-weight: 600;\n  color: #1e293b;\n}\n\n.ss-card.premium .ss-item{ color: #94a3b8; }\n.ss-card.premium .ss-item strong{ color: #e2e8f0; font-weight: 600; }\n\n.ss-item:last-child{ margin-bottom: 0; }\n\n.ss-check{\n  width: 18px;\n  height: 18px;\n  color: var(--brand);\n  flex-shrink: 0;\n  margin-top: 1px;\n}\n\n.ss-card.premium .ss-check{ color: #818cf8; }\n\n.ss-footer{\n  background: transparent;\n  border-top: 1px solid #f1f5f9;\n  padding: 16px 28px 24px 28px;\n  font-family: 'Inter', sans-serif;\n  font-size: 12px;\n  font-weight: 400;\n  color: #94a3b8;\n  line-height: 1.5;\n  margin-top: auto;\n}\n\n.ss-card.premium .ss-footer{\n  border-top-color: rgba(255,255,255,0.08);\n  color: #475569;\n}\n\n@media (max-width: 768px){\n  .ss-grid{ grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }\n  .ss-plan-desc{ min-height: auto; margin-bottom: 16px; }\n  .ss-body{ padding: 24px; }\n  .ss-footer{ padding: 16px 24px 24px 24px; }\n  .ss-badge-wrap{ top: 16px; right: 16px; }\n}\n<\/style>\n\n<div class=\"saas-v6-final\">\n  <div class=\"ss-grid\">\n\n    <div class=\"ss-card\">\n      <div class=\"ss-body\">\n        <p class=\"ss-plan-name\">Pay Per Document<\/p>\n        <p class=\"ss-plan-desc\">For occasional users<\/p>\n        <div class=\"ss-price\">\n          <div class=\"ss-common-val\">RM50<\/div>\n          <span class=\"ss-hero-txt\">+ Stamp Duty<\/span>\n        <\/div>\n        <a href=\"https:\/\/esetem.my\/en\/stamp-duty\/\" class=\"ss-btn ss-btn-light\">Get Stamp Now<\/a>\n        <hr class=\"ss-divider\">\n        <ul class=\"ss-list\">\n          <li class=\"ss-item\">\n            <svg class=\"ss-check\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n            <span>Convenience fee <strong>RM50<\/strong><\/span>\n          <\/li>\n          <li class=\"ss-item\">\n            <svg class=\"ss-check\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n            <span>Receive your stamp in <strong>1\u20133 Days<\/strong><\/span>\n          <\/li>\n          <li class=\"ss-item\">\n            <svg class=\"ss-check\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n            <span>Operating Hours: <strong>9am \u2013 5pm<\/strong><\/span>\n          <\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"ss-footer\">\n        Documents received after 5 pm will be processed on the next business day\n      <\/div>\n    <\/div>\n\n    <div class=\"ss-card premium\">\n      <div class=\"ss-badge-wrap\">\n        <span class=\"ss-badge\">Recommended<\/span>\n      <\/div>\n      <div class=\"ss-body\">\n        <p class=\"ss-plan-name\">Member Plan<\/p>\n        <p class=\"ss-plan-desc\">Ideal for professionals or businesses requiring <strong>continuous stamping services<\/strong>.<\/p>\n        <div class=\"ss-price\">\n          <div class=\"ss-common-val ss-val-prem\">Custom<\/div>\n          <span class=\"ss-hero-txt\">\/ month<\/span>\n        <\/div>\n        <div class=\"ss-pill-price\">\n          <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\n          Monthly subscription based on needs\n        <\/div>\n        <a href=\"https:\/\/esetem.my\/en\/help-centre\/\" class=\"ss-btn ss-btn-solid\">Contact Us<\/a>\n        <hr class=\"ss-divider\">\n        <ul class=\"ss-list\">\n          <li class=\"ss-item\">\n            <svg class=\"ss-check\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n            <span>Convenience fee <strong>RM0<\/strong><\/span>\n          <\/li>\n          <li class=\"ss-item\">\n            <svg class=\"ss-check\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n            <span>Operating Hours: <strong>9am \u2013 5pm<\/strong><\/span>\n          <\/li>\n          <li class=\"ss-item\">\n            <svg class=\"ss-check\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n            <span>Pay only the actual stamp duty.<\/span>\n          <\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"ss-footer\">\n        Subscribe at a custom monthly rate. No extra processing fees per document.\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-6197-188 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h1 class=\"bde-dual-heading-6197-189 bde-dual-heading\">\n\n\n            <span data-style=\"primary\" class=\"dual-heading--primary  \">Soalan & jawapan<\/span>\n\n\n\n<\/h1><div class=\"bde-code-block-6197-190 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: 40px auto;\n  padding: 0 20px;\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 *\/\n@media (max-width: 600px){\n  .saas-faq-section{ padding: 0 16px; margin: 20px auto; }\n\n  .faq-trigger{ padding: 20px 20px; }\n  .q-text{ font-size: 14px; }\n  \n  .faq-body{ padding: 0 20px 20px 20px; font-size: 13px; }\n\n  .faq-cta{\n    flex-direction: column;\n    text-align: center;\n    padding: 20px;\n    gap: 16px;\n  }\n  .faq-cta-btn{ width: 100%; justify-content: center; }\n}\n<\/style>\n\n<div class=\"saas-faq-section\">\n\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 class=\"bde-code-block-6197-191 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  --primary:#2F2F82;\n  --primaryHover:#23236b;\n  --text:#0b1220;\n}\n\n*{ box-sizing:border-box; }\n\n\/* =========================\n   CTA WRAPPER\n   ========================= *\/\n.cta-saas-wrapper{\n  font-family: 'Inter', sans-serif;\n  width: 100%;\n  max-width: none;\n  margin: 30px 0;\n  padding: 0;\n}\n\n\/* CTA base *\/\n.cta-box{\n  background:#000000;\n  border-radius: 24px;\n  padding: 80px 40px;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n \n}\n\n\/* Dot objects (lebih nampak) *\/\n.cta-dots{\n  position:absolute;\n  width: 360px;\n  height: 260px;\n  pointer-events:none;\n\n  \/* IMPORTANT: bagi dot nampak atas hitam *\/\n  opacity: .40;\n  background-image: radial-gradient(rgba(255,255,255,.95) 1.4px, transparent 1.6px);\n  background-size: 16px 16px;\n  background-repeat: repeat;\n\n  \/* layer order *\/\n  z-index: 1;\n}\n\n.cta-dots.tl{\n  top: -90px;\n  left: -110px;\n  transform: rotate(-12deg);\n  -webkit-mask-image: radial-gradient(circle at 35% 35%, #000 0 55%, transparent 75%);\n          mask-image: radial-gradient(circle at 35% 35%, #000 0 55%, transparent 75%);\n}\n\n.cta-dots.br{\n  bottom: -100px;\n  right: -120px;\n  transform: rotate(18deg);\n  -webkit-mask-image: radial-gradient(circle at 60% 60%, #000 0 55%, transparent 75%);\n          mask-image: radial-gradient(circle at 60% 60%, #000 0 55%, transparent 75%);\n}\n\n\/* content layers above objects *\/\n.cta-inner{ position: relative; z-index: 2; }\n\n.cta-title{\n  font-size: 35px!important;\n  font-weight: 600;\n  color:#ffffff !important;\n  margin: 0 0 14px 0;\n  line-height: 1.12;\n  letter-spacing: normal;\n}\n\n.cta-sub{\n  font-size: 15px;\n  color: rgba(255,255,255,.85);\n  margin: 0 0 18px 0;\n  line-height: 1.6;\n  max-width: 720px;\n  margin-left:auto; margin-right:auto;\n}\n\n.cta-legal{\n  font-size: 16px;\n  font-weight: 700;\n  color: rgba(255,255,255,.85);\n  margin: 0 0 26px 0;\n}\n\n\/* =========================\n   DROPDOWN + BUTTON (AMBIL DARI STEPPER)\n   ========================= *\/\n.es-label{\n  display:block;\n  font-size: 13px;\n  font-weight: 700;\n  color:#111827;\n  margin: 0 0 10px 0;\n}\n\n.es-select-wrap{ position:relative; }\n.es-select{\n  width:100%;\n  height: 60px;\n  padding: 0 52px 0 16px;\n  border-radius: 14px;\n  border: 1px solid rgba(17,24,39,.14);\n  background:#fff;\n  color: var(--text);\n  font-size: 14px;\n  font-weight: 600;\n  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: 10px;\n  height: 10px;\n  border-right: 2px solid rgba(17,24,39,.55);\n  border-bottom: 2px solid rgba(17,24,39,.55);\n  transform: translateY(-60%) rotate(45deg);\n  pointer-events:none;\n}\n\n.es-btn{\n  width:100%;\n  height: 60px;\n  margin-top: 16px;\n  background: #2F2F82 !important;\n  color:#fff !important;\n  font-weight: 700;\n  font-size: 14px;\n  border-radius: 9px;\n  border:0;\n  cursor:pointer;\n  transition: background .18s ease, transform .18s ease;\n}\n.es-btn:hover{ background: var(--primaryHover); transform: translateY(-1px); }\n.es-btn:active{ transform: translateY(1px); }\n.es-btn:disabled{ opacity:.55; cursor:not-allowed; transform:none; }\n\n\/* active\/inactive *\/\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(--primary);\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\n\/* =========================\n   CTA FORM (DESKTOP TAK FULL WIDTH)\n   ========================= *\/\n.cta-box .cta-form{\n  max-width: 520px;\n  margin: 0 auto;\n  text-align: left;\n}\n\n\/* label dalam CTA jadi putih *\/\n.cta-box .cta-form .es-label{\n  color: rgba(255,255,255,.92);\n  font-size: 14px;\n}\n\n\/* select look macam screenshot *\/\n.cta-box .cta-form .es-select{\n  height: 56px;\n  border-radius: 14px;\n  border: 1px solid rgba(255,255,255,.16);\n  background: rgba(255,255,255,.96);\n  font-size: 16px;\n  font-weight: 500;\n  padding-left: 18px;\n}\n\n\/* button look macam screenshot *\/\n.cta-box .cta-form .es-btn{\n  margin-top: 18px;\n  height: 62px;\n  border-radius: 14px;\n  background: #3b5bff;\n  font-size: 15px;\n  font-weight: 800;\n  box-shadow: 0 18px 34px rgba(59,91,255,.28);\n}\n.cta-box .cta-form .es-btn:hover{ background:#2f49ff; }\n\n\/* Desktop\/Mobile text switch *\/\n.txt-mobile{ display:none; }\n.txt-desktop{ display:inline; }\n\n@media (max-width: 768px){\n  .cta-box{ padding: 56px 18px; border-radius: 18px; }\n\n  .cta-title{ font-size: 20px!important; }\n  .cta-dots{ width: 260px; height: 190px; opacity: .32; }\n\n  .txt-desktop{ display:none; }\n  .txt-mobile{ display:inline; }\n\n  .cta-box .cta-form{ max-width: 100%; }\n  .cta-box .cta-form .es-select{ height: 52px; font-size: 15px; }\n  .cta-box .cta-form .es-btn{ height: 56px; }\n}\n<\/style>\n\n<div class=\"cta-saas-wrapper\">\n  <div class=\"cta-box\">\n\n    <!-- Dot objects -->\n    <div class=\"cta-dots tl\"><\/div>\n    <div class=\"cta-dots br\"><\/div>\n\n    <div class=\"cta-inner\">\n      <h2 class=\"cta-title\">\n        <span class=\"txt-desktop\">Get Your Stamp<\/span>\n        <span class=\"txt-mobile\">Get Your Stamp <\/span>\n      <\/h2>\n\n      <p class=\"cta-sub\">\n        <span class=\"txt-desktop\">Save time with our secure and convenient stamping service<\/span>\n        <span class=\"txt-mobile\">Save time with our secure and convenient stamping service<\/span>\n      <\/p>\n\n      <div class=\"cta-legal\"><\/div>\n  \n      <div class=\"cta-form\">\n        <label class=\"es-label\" for=\"jenisDocCTA\">Enter agreement details<\/label>\n\n        <div class=\"es-select-wrap\">\n          <select id=\"jenisDocCTA\" 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\n        <button id=\"goJenisCTA\" class=\"es-btn\" disabled>Get Stamp Now<\/button>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const sel = document.getElementById(\"jenisDocCTA\");\n  const btn = document.getElementById(\"goJenisCTA\");\n  if (!sel || !btn) return;\n\n  function getInfo(){\n    const seg = window.location.pathname.split('\/').filter(Boolean);\n\n    \/\/ support \/stage\/ subfolder\n    const basePrefix = (seg[0] === 'stage') ? '\/stage' : '';\n\n    \/\/ language segment index (after stage)\n    const langIndex = (seg[0] === 'stage') ? 1 : 0;\n    const lang = (seg[langIndex] || 'ms').toLowerCase();\n\n    return { basePrefix, lang };\n  }\n\n  function buildBaseUrl(){\n    const origin = window.location.origin;\n    const { basePrefix, lang } = getInfo();\n\n    const pathMap = {\n      ms: \"\/ms\/duti-setem\/\",\n      en: \"\/en\/stamp-duty\/\"\n    };\n\n    return origin + basePrefix + (pathMap[lang] || pathMap.ms);\n  }\n\n  function sync(){\n    btn.disabled = !sel.value;\n  }\n\n  sel.addEventListener(\"change\", sync);\n\n  btn.addEventListener(\"click\", function(e){\n    e.preventDefault();\n    if(!sel.value) return;\n\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-6197-192 bde-code-block\">\n\n  <style>\n.es-wa-float{\n  position: fixed;\n  right: 18px;\n  bottom: 18px;\n  z-index: 9999;\n  text-decoration: none;\n}\n\n.es-wa-btn{\n  width: 56px;\n  height: 56px;\n  border-radius: 999px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  background: #25D366;\n  color: #fff;\n\n  box-shadow: 0 12px 26px rgba(0,0,0,.18);\n  border: 1px solid rgba(0,0,0,.06);\n\n  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;\n}\n\n.es-wa-btn svg{\n  width: 26px;\n  height: 26px;\n  display:block;\n}\n\n@media (hover:hover){\n  .es-wa-float:hover .es-wa-btn{\n    transform: translateY(-2px);\n    box-shadow: 0 16px 34px rgba(0,0,0,.22);\n    filter: brightness(1.02);\n  }\n}\n\n@media (max-width: 768px){\n  .es-wa-float{ right: 14px; bottom: 14px; }\n  .es-wa-btn{ width: 52px; height: 52px; }\n}\n\n\/* reduce motion *\/\n@media (prefers-reduced-motion: reduce){\n  .es-wa-btn{ transition:none; }\n}\n<\/style>\n\n<a class=\"es-wa-float\" href=\"https:\/\/wa.me\/60194589417?text=Hi\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Chat di WhatsApp\">\n  <span class=\"es-wa-btn\" aria-hidden=\"true\">\n    <!-- Bootstrap Icons: whatsapp -->\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 16 16\" fill=\"currentColor\" 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  <\/span>\n<\/a>\n\n\n<\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Complete Your Tenancy Stamping eSetem is an online platform that simplifies the stamping process for your tenancy agreements, wherever you are. 1 Muat Naik Perjanjian Anda Document to Stamp Tenancy Agreement Get Stamp Now 2 Semak Kiraan Duti Setem Anda 3 Buat Pembayaran 4 Terima Slip Setem Anda Kenapa pilih eSetem? Skip the Office Queues [&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-6197","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/esetem.my\/ms\/wp-json\/wp\/v2\/pages\/6197","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=6197"}],"version-history":[{"count":4,"href":"https:\/\/esetem.my\/ms\/wp-json\/wp\/v2\/pages\/6197\/revisions"}],"predecessor-version":[{"id":7735,"href":"https:\/\/esetem.my\/ms\/wp-json\/wp\/v2\/pages\/6197\/revisions\/7735"}],"wp:attachment":[{"href":"https:\/\/esetem.my\/ms\/wp-json\/wp\/v2\/media?parent=6197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}