{"id":7645,"date":"2026-03-24T13:14:12","date_gmt":"2026-03-24T05:14:12","guid":{"rendered":"https:\/\/esetem.my\/?page_id=7645"},"modified":"2026-04-03T10:45:41","modified_gmt":"2026-04-03T02:45:41","slug":"duti-setem-kontrak-pekerjaan","status":"publish","type":"page","link":"https:\/\/esetem.my\/ms\/duti-setem-kontrak-pekerjaan\/","title":{"rendered":"Kontrak\u00a0Pekerjaan"},"content":{"rendered":"<section class=\"bde-section-7645-100 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-7645-101 bde-columns\"><div class=\"bde-column-7645-102 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-code-block-7645-103 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;\">Bayar Duti Setem Kontrak Pekerjaan<\/span>\n    <\/h1>\n\n    <p class=\"hero-desc-forced\">\n       eSetem merupakan platform dalam talian yang memudahkan proses penyeteman kontrak pekerjaan.\n    <\/p>\n\n<\/div>\n\n\n\n<\/div>\n<\/div><\/div><div class=\"bde-code-block-7645-104 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=\"kontrak_kerja\">Employment Contract<\/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-7645-105 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h1 class=\"bde-dual-heading-7645-107 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-7645-108 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-7645-109 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-7645-110 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-7645-113 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h1 class=\"bde-dual-heading-7645-114 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-7645-115 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\">Apakah itu duti setem?<\/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            Duti setem ialah cukai yang dikenakan ke atas dokumen tertentu seperti perjanjian jual beli harta, dokumen pinjaman, atau pemindahan harta. Ia dikuatkuasakan di bawah Akta Setem 1949 di Malaysia, berdasarkan dokumen yang disenaraikan dalam Jadual Pertama akta tersebut.\n          <\/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\">Mengapa dokumen perlu disetemkan?<\/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            Dokumen yang disetem memenuhi kehendak Akta Setem 1949 dan diiktiraf sebagai sah di sisi undang-undang Malaysia, memastikan semua keperluan undang-undang dipenuhi. Selain itu, duti setem yang dikenakan melindungi hak semua pihak yang terlibat dalam dokumen tersebut. Dokumen yang disetem boleh digunakan sebagai bukti di mahkamah sekiranya berlaku pertikaian serta untuk pelbagai urusan rasmi lain.\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\">Bagaimana eSetem berfungsi?<\/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 ialah platform digital yang memudahkan urusan duti setem. Anda menghantar dokumen secara dalam talian, kami menyemak, memproses penyeteman, dan menghantar sijil rasmi secara digital.\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\">Adakah eSetem sah dan selamat?<\/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            Ya, eSetem ejen rasmi oleh LHDNM dan mematuhi semua prosedur yang ditetapkan untuk memastikan dokumen anda disetem dengan sah dan selamat.\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\">Siapa bertanggungjawab membayar duti setem?<\/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            Biasanya, pihak yang menandatangani dokumen atau penerima manfaat (contohnya pembeli harta atau peminjam) membayar duti setem, melainkan dipersetujui sebaliknya dalam perjanjian.\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\">Adakah bayaran duti setem boleh dibatalkan atau dipulangkan?<\/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            Pembatalan hanya boleh dilakukan sebelum pembayaran diproses. Selepas pembayaran selesai, bayaran tidak boleh dipulangkan. Untuk kes tertentu, sila rujuk Polisi Pembayaran Balik dalam Terma Perkhidmatan eSetem.\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\">Berapa lama proses penyeteman dokumen di 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            Proses penyeteman biasanya siap pada hari yang sama untuk jenis perjanjian yang mudah dan dokumen yang lengkap. Bagi dokumen yang lebih kompleks atau memerlukan pemeriksaan lanjut, proses mungkin mengambil 1\u20133 hari bekerja. Masa sebenar bergantung pada jenis perjanjian dan ketepatan maklumat yang diberikan.\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\">Apakah maklumat yang perlu disediakan?<\/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           Untuk tujuan penyeteman, dokumen yang ingin disetem perlu disertakan beserta tarikh perjanjian, nilai kontrak (jika berkaitan), dan tandatangan semua pihak yang terlibat. Maklumat tambahan mungkin akan diminta sekiranya perlu.\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\">Bolehkah saya mengubah atau menukar maklumat selepas setem dijanakan?<\/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            Sekali dokumen disetem, maklumat yang tercatat tidak boleh diubah kerana ia telah diiktiraf secara sah di sisi undang-undang. Sekiranya terdapat kesilapan atau maklumat yang tidak tepat, anda perlu menghubungi eSetem untuk langkah pembetulan atau penyediaan dokumen baru mengikut prosedur yang ditetapkan.\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\">Bagaimana untuk mengesahkan kesahihan sijil setem?<\/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            Untuk mengesahkan kesahihan sijil setem, anda boleh semak di pautan berikut:\n            <a href=\"https:\/\/stamps.hasil.gov.my\/stamps\/main\/semakanketulenan\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color:#2F2F82; text-decoration:underline;\">Pautan LHDN<\/a>.\n            Masukkan nombor adjudikasi yang tertera pada sijil serta maklumat dokumen yang lain untuk pengesahan yang sah.\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\">Ada soalan lain? Chat kami di 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\n<\/div><div class=\"bde-code-block-7645-116 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\">Dapatkan Setem Anda<\/span>\n        <span class=\"txt-mobile\">Dapatkan Setem Anda <\/span>\n      <\/h2>\n\n      <p class=\"cta-sub\">\n        <span class=\"txt-desktop\">Jimatkan masa dengan perkhidmatan penyeteman kami yang selamat dan mudah. 100% sah di sisi undang-undang<\/span>\n        <span class=\"txt-mobile\">Jimatkan masa dengan perkhidmatan penyeteman kami yang selamat dan mudah<\/span>\n      <\/p>\n\n      <div class=\"cta-legal\"><\/div>\n  \n      <div class=\"cta-form\">\n        <label class=\"es-label\" for=\"jenisDocCTA\">Isi maklumat perjanjian<\/label>\n\n        <div class=\"es-select-wrap\">\n          <select id=\"jenisDocCTA\" class=\"es-select\">\n            <option value=\"\">Pilih jenis dokumen<\/option>\n             <option value=\"sewa\">Perjanjian Sewa<\/option>\n                <option value=\"perkhidmatan\">Perjanjian Perkhidmatan<\/option>\n                <option value=\"pinjaman\">Perjanjian Pinjaman<\/option>\n                <option value=\"jual_beli\">Perjanjian Sewa Beli<\/option>\n                <option value=\"kontrak_kerja\">Kontrak Pekerjaan<\/option>\n                <option value=\"surat_akuan\">Akuan Berkanun<\/option>\n                <option value=\"bon\">Bon<\/option>\n                <option value=\"perjanjian_perkongsian\">Perjanjian Perkongsian<\/option>\n                <option value=\"novation\">Perjanjian Novation<\/option>\n                <option value=\"nda\">Perjanjian Tanpa Pendedahan (NDA)<\/option>\n                <option value=\"aku_janji\">Surat Aku Janji Dan Tanggung Rugi<\/option>\n                <option value=\"loa\">Letter of Award<\/option>\n                <option value=\"lain_perjanjian\">Lain-lain Perjanjian<\/option>\n          <\/select>\n        <\/div>\n\n        <button id=\"goJenisCTA\" class=\"es-btn\" disabled>Setem Sekarang<\/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\n<\/div><div class=\"bde-code-block-7645-117 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\n<\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Bayar Duti Setem Kontrak Pekerjaan eSetem merupakan platform dalam talian yang memudahkan proses penyeteman kontrak pekerjaan. 1 Muat Naik Perjanjian Anda Document to Stamp Employment Contract Get Stamp Now 2 Semak Kiraan Duti Setem Anda 3 Buat Pembayaran 4 Terima Slip Setem Anda Kenapa pilih eSetem? Skip the Office Queues Forget driving to government buildings [&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-7645","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/esetem.my\/ms\/wp-json\/wp\/v2\/pages\/7645","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=7645"}],"version-history":[{"count":3,"href":"https:\/\/esetem.my\/ms\/wp-json\/wp\/v2\/pages\/7645\/revisions"}],"predecessor-version":[{"id":7733,"href":"https:\/\/esetem.my\/ms\/wp-json\/wp\/v2\/pages\/7645\/revisions\/7733"}],"wp:attachment":[{"href":"https:\/\/esetem.my\/ms\/wp-json\/wp\/v2\/media?parent=7645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}