{"title":"Angkasa Test","description":"\u003cstyle\u003e\n:root {\n  --apple-font: -apple-system, BlinkMacSystemFont, \"SF Pro Text\",\n                 \"SF Pro Display\", Helvetica, Arial, sans-serif;\n}\n\n* { box-sizing: border-box; }\n\nbody {\n  margin: 0;\n  padding: 0px;\n  background: #f5f5f7;\n  font-family: var(--apple-font);\n  color: #1d1d1f;\n}\n\n\/* ================= HERO ================= *\/\n.hero {\n  max-width: 1440px;\n  margin: 40px auto;\n  background: #ffffff;\n  border-radius: 28px;\n  overflow: hidden;\n  display: grid;\n  grid-template-columns: 1.1fr 1fr;\n  min-height: 420px;\n  box-shadow: 0 30px 60px rgba(0,0,0,0.08);\n}\n\n.hero \u003e .hero-content {\n  padding: 72px 72px 96px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.hero-content h1 {\n  font-size: 28px;\n  line-height: 1.1;\n  letter-spacing: -0.02em;\n  margin: 0 0 24px;\n}\n\n.hero-content p {\n  font-size: 18px;\n  line-height: 1.6;\n  color: #515154;\n  max-width: 480px;\n  margin: 0;\n}\n\n.hero-content a {\n  display: inline-block;\n  margin-top: 28px;\n  font-size: 18px;\n  color: #0066cc;\n  text-decoration: none;\n  font-weight: 500;\n  width: fit-content;\n}\n\n.hero-content a:hover { text-decoration: underline; }\n\n.hero-image {\n  background: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-left: 1px solid #e5e5e7;\n}\n\n.hero-image img {\n  transform: translateY(-30px);   \/* ⬆️ move up *\/\n}\n\/* ================= TABLE ================= *\/\n.compare-scroll {\n  overflow-x: auto;\n  margin-top: 40px;\n}\n\n.apple-compare-card {\n  width: 100%;\n  min-width: 780px;\n  background: #ffffff;\n  border-radius: 18px;\n  border: 1px solid #d1d1d6;\n  overflow: hidden;\n  margin: auto;\n}\n\n.compare-header,\n.compare-row {\n  display: grid;\n  grid-template-columns: 260px 1fr;\n  padding: 16px 24px;\n}\n\n.compare-header {\n  background: #ededf0;\n  font-size: 14px;\n  font-weight: 600;\n  text-align: center;\n  border-bottom: 1px solid #d8d8dd;\n}\n\n\n.compare-row {\n  font-size: 14px;\n  align-items: center;\n  border-bottom: 1px solid #e6e6ea;\n  text-align: center;\n}\n\n.compare-row:last-child { border-bottom: none; }\n\n.col-label {\n  position: sticky;\n  left: 0;\n  background: #ffffff;\n  text-align: left;\n  font-weight: 500;\n  color: #6e6e73;\n}\n\n.compare-header .col-label {\n  text-align: left;\n  background: #ededf0;\n}\n\n.highlight-row .col-label {\n  font-weight: 600;\n  color: #1d1d1f;\n}\n\n.highlight-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.highlight-badge {\n  background: #0071e3;\n  color: #ffffff;\n  font-size: 11px;\n  font-weight: 600;\n  padding: 3px 8px;\n  border-radius: 999px;\n}\n\n.highlight-subtext {\n  font-size: 12px;\n  color: #86868b;\n  margin-top: 4px;\n}\n\n.muted { color: #86868b; }\n.genuine { color: #0071e3; font-weight: 600; }\n\n.swipe-hint {\n  text-align: center;\n  font-size: 13px;\n  color: #86868b;\n  margin-top: 8px;\n}\n\n\/* Force ALL subtext to stay muted, even in highlight rows *\/\n.highlight-row .highlight-subtext {\n  color: #86868b !important;\n  font-weight: 400 !important;\n}\n\n\/* ================= RESPONSIVE ================= *\/\n@media (max-width: 900px) {\n  body { padding: 0px; }\n\n  @media (max-width: 900px) {\n  .hero-content h1 {\n    text-align: left;        \/* 👈 force left for ALL lines *\/\n    width: 100%;             \/* 👈 ensures line wraps from left *\/\n  }\n}\n  \n  @media (max-width: 900px) {\n  .compare-header \u003e div:last-child {\n    white-space: nowrap;   \/* 👈 prevent line break *\/\n  }\n}\n  \n  @media (max-width: 900px) {\n  .hero-content {\n    text-align: left;          \/* 👈 force left *\/\n    align-items: flex-start;   \/* 👈 stop flex centering *\/\n  }\n\n  .hero-content a {\n    align-self: flex-start;    \/* 👈 CTA from left *\/\n  }\n}\n  \n  .hero { grid-template-columns: 1fr; min-height: unset; }\n  .hero-content { padding: 48px 32px; }\n  .hero-content h1 { font-size: 21px; }\n  .hero-image { height: 260px; }\n\n  @media (max-width: 900px) {\n  .hero {\n    margin-left: 0px; \/* 👈 CHANGE THIS VALUE *\/\n    margin-right: 0;\n  }\n}\n  @media (max-width: 900px) {\n  .compare-scroll {\n    margin-left: 5px; \/* 👈 CHANGE THIS VALUE *\/\n    margin-right: 0;\n  }\n\n  .apple-compare-card {\n    min-width: 320px;\n  }\n}\n\n\/* ================= DESKTOP: CENTER TABLE CONTENT ================= *\/\n@media (min-width: 901px) {\n\n  \/* Center BOTH columns (header + rows) *\/\n  .compare-header \u003e div,\n  .compare-row \u003e div {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n  }\n\n  \/* Optional: stop sticky behavior on desktop (cleaner centering) *\/\n  .compare-row .col-label {\n    position: static;\n  }\n\n}\n\/* ================= DESKTOP: FORCE CENTER TEXT ================= *\/\n@media (min-width: 901px) {\n\n  \/* Center Documentation header + body text *\/\n  .compare-header .col-label,\n  .compare-row .col-label {\n    text-align: center !important;\n  }\n\n  \/* Center Check List header + body text *\/\n  .compare-header \u003e div:nth-child(2),\n  .compare-row \u003e div:nth-child(2) {\n    text-align: center !important;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"hero\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1\u003ePelan Ansuran Sistem Potongan Gaji Angkasa – eSPGA\u003c\/h1\u003e\n\u003cp\u003eSistem eSPGA adalah Sistem Potongan Gaji Angkasa bertujuan untuk mempermudahkan urusan potongan gaji antara ahli-ahli Koperasi dan Majikan di Malaysia.\u003c\/p\u003e\n\u003ca rel=\"noopener\" title=\"Sistem Potongan Gaji Angkasa | Mobile Wholesale City Malaysia\" href=\"https:\/\/www.mobilewholesalecity.com\/pages\/goangkasa-pelan-36-120-bulan-application-form\" target=\"_blank\"\u003eMohon Sekarang \u003cspan\u003e ›\u003c\/span\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0568\/5808\/3486\/files\/semakan-potongan-gaji-angkasa-spga.png?v=1770548301\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- TABLE --\u003e\n\u003cdiv class=\"compare-scroll\"\u003e\n\u003cdiv class=\"apple-compare-card\"\u003e\n\u003cdiv class=\"compare-header\"\u003e\n\u003cdiv class=\"col-label\"\u003eDocumentation\u003c\/div\u003e\n\u003cdiv\u003eCheck List\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"compare-row highlight-row\"\u003e\n\u003cdiv class=\"col-label\"\u003e\n\u003cdiv class=\"highlight-title\"\u003eWarga Malaysia \u003cspan class=\"highlight-badge\"\u003eWajib *\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"highlight-subtext\"\u003ePenjawat Awam \/ GLC\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"muted\"\u003eYes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"compare-row highlight-row\"\u003e\n\u003cdiv class=\"col-label\"\u003e\n\u003cdiv class=\"highlight-title\"\u003eKad Pegnalan\u003c\/div\u003e\n\u003cdiv class=\"highlight-subtext\"\u003eDepan + Belakang\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"muted\"\u003eYes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"compare-row highlight-row\"\u003e\n\u003cdiv class=\"col-label\"\u003e\n\u003cdiv class=\"highlight-title\"\u003eMyKad + Selfie\u003c\/div\u003e\n\u003cdiv class=\"highlight-subtext\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eeKYC Verification\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"muted\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eYes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ✅ NEW ROW 1 --\u003e\n\u003cdiv class=\"compare-row highlight-row\"\u003e\n\u003cdiv class=\"col-label\"\u003ePay Slip\n\u003cdiv class=\"highlight-subtext\"\u003e\n\u003cmeta charset=\"utf-8\"\u003ePenyata Gaji 3 Bulan Terkini\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"muted\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eYes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ✅ NEW ROW 2 --\u003e\n\u003cdiv class=\"compare-row highlight-row\"\u003e\n\u003cdiv class=\"col-label\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cmeta charset=\"utf-8\"\u003eBank Statement\u003cbr\u003e\n\u003cdiv class=\"highlight-subtext\"\u003e\n\u003cmeta charset=\"utf-8\"\u003ePenyata Bank 3 Bulan Terkini\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"muted\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eYes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ✅ NEW ROW 3 --\u003e\n\u003cdiv class=\"compare-row highlight-row\"\u003e\n\u003cdiv class=\"col-label\"\u003eUtilities Bill\n\u003cdiv class=\"highlight-subtext\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cmeta charset=\"utf-8\"\u003e \u003cmeta charset=\"utf-8\"\u003e \u003cmeta charset=\"utf-8\"\u003eBil Telefon \/ Bil Air \/ Bil Elektrik\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"muted\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eYes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ✅ NEW ROW 4 --\u003e\n\u003cdiv class=\"compare-row highlight-row\"\u003e\n\u003cdiv class=\"col-label\"\u003eHRMIS Print\n\u003cdiv class=\"highlight-subtext\"\u003eDownload: https:\/\/hrmis2.eghrmis.gov.my\/\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"muted\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eYes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ✅ NEW ROW 5 --\u003e\n\u003cdiv class=\"compare-row highlight-row\"\u003e\n\u003cdiv class=\"col-label\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cspan\u003ePenyata Potongan Gaji Bulanan\u003c\/span\u003e\u003cbr\u003e\n\u003cdiv class=\"highlight-subtext\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cmeta charset=\"utf-8\"\u003e \u003cmeta charset=\"utf-8\"\u003e \u003cspan\u003ehttps:\/\/espga.sola.my\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"muted\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eYes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ✅ NEW ROW 5 --\u003e\n\u003cdiv class=\"compare-row highlight-row\"\u003e\n\u003cdiv class=\"col-label\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cspan\u003eConsent \u0026amp; Authorisation Letter\u003c\/span\u003e\u003cbr\u003e\n\u003cdiv class=\"highlight-subtext\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eTandatangan \u0026amp; Muat Naik\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"muted\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cmeta charset=\"utf-8\"\u003eYes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ✅ NEW ROW 5 --\u003e\n\u003cdiv class=\"compare-row highlight-row\"\u003e\n\u003cdiv class=\"col-label\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cmeta charset=\"utf-8\"\u003e \u003cspan\u003eGambar Chop Majikan\u003c\/span\u003e\u003cbr\u003e\n\u003cdiv class=\"highlight-subtext\"\u003eName Pengawai + \u003cmeta charset=\"utf-8\"\u003eTandatangan\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"muted\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eNo\u003cmeta charset=\"utf-8\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swipe-hint\"\u003e\u003cspan style=\"color: rgb(0, 170, 255);\"\u003e\u003ca title=\"Sistem Potongan Gaji Angkasa – eSPGA | Mobile Wholesale City Malaysia\" href=\"https:\/\/www.mobilewholesalecity.com\/pages\/goangkasa-pelan-36-120-bulan-application-form\" style=\"color: rgb(0, 170, 255);\"\u003e←  |   Mohon Sekarang   |  →\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e","products":[],"url":"https:\/\/www.mobilewholesalecity.com\/collections\/angkasa-test.oembed","provider":"Mobile Wholesale City Malaysia","version":"1.0","type":"link"}