{"id":380,"date":"2026-03-26T13:32:22","date_gmt":"2026-03-26T05:32:57","guid":{"rendered":"https:\/\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\/?page_id=380"},"modified":"2026-05-14T14:13:38","modified_gmt":"2026-05-14T06:13:38","slug":"lzs-report-2025","status":"publish","type":"page","link":"http:\/\/laporanlzs.zakatselangor.com.my\/en\/lzs-report-2025\/","title":{"rendered":"LZS Report 2025"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<header class=\"lzs-header\">\n  <div class=\"logo-container\">\n    <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Lembaga-Zakat-Selangor-Logo-1-2.png\" alt=\"LZS\" class=\"header-logo\">\n  <\/div>\n  \n  <div class=\"nav-right\">\n    <div class=\"lang-minimal-wrapper\">\n      <input type=\"checkbox\" id=\"lang-switch\" style=\"display:none;\">\n      <label for=\"lang-switch\" class=\"lang-minimal-label label-bm\">BM<\/label>\n      <span class=\"lang-separator\">|<\/span>\n      <label for=\"lang-switch\" class=\"lang-minimal-label label-eng\">ENG<\/label>\n    <\/div>\n    \n    <div class=\"hamburger-menu\" onclick=\"toggleMenu()\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/div>\n  <\/div>\n<\/header>\n\n<div class=\"mobile-menu-overlay\" id=\"mobile-menu\">\n  <div style=\"cursor: pointer; width: 24px; height: 24px; margin-bottom: 10px;\" onclick=\"toggleMenu()\">\n    <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/05\/Vector-7.png\" alt=\"Close\" style=\"width: 100%; height: 100%; display: block;\">\n  <\/div>\n  \n  <div class=\"menu-nav-list\" id=\"menu-items\"><\/div>\n  <div class=\"download-btn\" id=\"download-text\">Muat Turun Laporan<\/div>\n<\/div>\n\n<style>\n  \/* HIDE THEME ELEMENTS *\/\n  #site-header, .site-header, .jeg_header_wrapper, header[role=\"banner\"], \n  footer, .site-footer, #colophon, .jeg_footer {\n      display: none !important;\n      visibility: hidden !important;\n      height: 0 !important;\n  }\n\n  .entry-title, .page-header, .entry-header, .post-title, .jeg_breadcrumbs {\n      display: none !important;\n  }\n\n  html, body {\n      overflow-x: hidden;\n      width: 100%;\n  }\n\n  .entry-content, .post-content, .container, .is-layout-constrained, \n  #content, .jeg_main, .jeg_container, .content-inner, .jeg_content {\n      max-width: 100% !important;\n      width: 100% !important;\n      padding-left: 0 !important;\n      padding-right: 0 !important;\n      margin-left: 0 !important;\n      margin-right: 0 !important;\n  }\n\n  \/* HEADER STYLES *\/\n  .lzs-header { \n    position: fixed; \n    top: 0; \n    left: 0 !important;\n    right: 0 !important;\n    width: 100vw !important;\n    z-index: 100000; \n    display: flex; \n    justify-content: space-between; \n    align-items: center; \n    padding: 0 96px; \n    height: 103px; \n    background: #FFFFFF; \n    box-sizing: border-box;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n  }\n\n  .header-logo { width: 165px; height: auto; }\n  .nav-right { display: flex; align-items: center; gap: 40px; }\n  \n  body { \n    margin: 0 !important; \n    padding-top: 103px !important; \n  } \n\n  \/* LANGUAGE TOGGLE *\/\n  .lang-minimal-wrapper { display: flex; align-items: center; font-size: 14px; font-weight: 500; font-family: 'Poppins', sans-serif; }\n  .lang-minimal-label { cursor: pointer; color: #666666; transition: all 0.3s ease; padding: 0 5px; }\n  .lang-separator { color: #DDD; margin: 0 2px; }\n  #lang-switch:not(:checked) ~ .label-bm, #lang-switch:checked ~ .label-eng { color: #005AAB; font-weight: 700; }\n\n  \/* HAMBURGER *\/\n  .hamburger-menu { width: 30px; cursor: pointer; display: flex; flex-direction: column; gap: 6px; }\n  .hamburger-menu span { width: 100%; height: 2px; background: #000; }\n  \n  \/* MOBILE OVERLAY *\/\n  .mobile-menu-overlay { \n    position: fixed; \n    top: 0; \n    right: -100%; \n    width: 481px; \n    max-width: 100%; \n    height: 100vh; \n    background: #FFF; \n    z-index: 100001; \n    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1); \n    padding: 25px 40px 40px 40px; \n    box-sizing: border-box; \n    display: flex; \n    flex-direction: column; \n    overflow-y: auto; \n    box-shadow: -5px 0 15px rgba(0,0,0,0.1);\n  }\n  .mobile-menu-overlay.active { right: 0; }\n  .menu-nav-list { display: flex; flex-direction: column; gap: 15px; margin-top: 50px; margin-bottom: 20px; }\n  .menu-item { font-family: 'Poppins', sans-serif; font-size: 20px; color: #000; text-decoration: none; border-bottom: 0.5px solid #EEE; padding-bottom: 14px; }\n  .menu-item.active { color: #005AAB !important; font-weight: 700; }\n  .menu-item i { font-style: italic !important; }\n\n  .download-btn { \n    margin-top: auto; \n    border: 2px solid #8CC63E; \n    padding: 15px; \n    text-align: center; \n    color: #8CC63E; \n    cursor: pointer; \n    font-family: 'Poppins', sans-serif; \n    font-size: 20px; \n    margin-bottom: 10px;\n    transition: 0.3s;\n  }\n  .download-btn:hover { background: #8CC63E; color: #FFF; }\n\n  \/* MOBILE BREAKPOINTS *\/\n  @media (max-width: 768px) { \n    .lzs-header { padding: 0 24px; height: 80px; } \n    body { padding-top: 80px !important; }\n    .header-logo { width: 130px; }\n    .mobile-menu-overlay { width: 100%; }\n  }\n<\/style>\n\n<script>\n\/\/ Toggle function for the mobile menu overlay\nfunction toggleMenu() { \n    document.getElementById('mobile-menu').classList.toggle('active'); \n}\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    const langSwitch = document.getElementById('lang-switch');\n    const navDownloadTrigger = document.getElementById('download-text'); \n    let currentActiveId = null;\n\n    \/\/ Menu text data for language switching\n    const menuData = {\n        bm: {\n            items: [\n                {text:\"Ringkasan\", anchor:\"#ringkasan\"}, {text:\"Tentang Kami\", anchor:\"#tentang_kami\"}, \n                {text:\"Perutusan & Ucapan\", anchor:\"#perutusan\"}, {text:\"Agihan & Kutipan Zakat\", anchor:\"#agihan_kutipan\"}, \n                {text:\"Teras Bantuan Zakat\", anchor:\"#teras_bantuan\"}, {text:\"Rakan Kolaborasi\", anchor:\"#rakan_kolab\"}, \n                {text:\"Creating Shared Value (CSV)\", anchor:\"#csv\"}, {text:\"Pengiktirafan\", anchor:\"#iktiraf\"}, \n                {text:\"Perancangan Masa Hadapan\", anchor:\"#perancangan\"}, {text:\"Penyata Kutipan & Agihan Zakat\", anchor:\"#penyata\"}, \n                {text:\"Kemudahan Pembayaran Zakat\", anchor:\"#kemudahan\"}, {text:\"Rangkaian Kami\", anchor:\"#rangkaian\"}, \n                {text:\"Alam Sekitar, Sosial & Tadbir Urus\", anchor:\"#esg\"}\n            ],\n            download: \"Muat Turun Laporan\"\n        },\n        eng: {\n            items: [\n                {text:\"Summary\", anchor:\"#ringkasan\"}, {text:\"About Us\", anchor:\"#tentang_kami\"},\n                {text:\"Statement & Message\", anchor:\"#perutusan\"}, {text:\"<i>Zakat<\/i> Distribution & Collection\", anchor:\"#agihan_kutipan\"}, \n                {text:\"Main Areas of <i>Zakat<\/i> Support\", anchor:\"#teras_bantuan\"}, {text:\"Collaboration Partners\", anchor:\"#rakan_kolab\"},\n                {text:\"Creating Shared Value (CSV)\", anchor:\"#csv\"}, {text:\"Awards\", anchor:\"#iktiraf\"}, \n                {text:\"Future Outlook\", anchor:\"#perancangan\"}, {text:\"Distribution & Collection Statement\", anchor:\"#penyata\"},\n                {text:\"<i>Zakat<\/i> Payment Channels\", anchor:\"#kemudahan\"}, {text:\"Our Reach\", anchor:\"#rangkaian\"},\n                {text:\"ESG\", anchor:\"#esg\"}\n            ],\n            download: \"Download Report\"\n        }\n    };\n\n    \/**\n     * SIDEBAR DOWNLOAD BUTTON LOGIC\n     * This specifically triggers the Flipbook plugin (DearFlip)\n     *\/\n    if (navDownloadTrigger) {\n        navDownloadTrigger.addEventListener('click', function(e) {\n            e.preventDefault();\n            \n            \/\/ Close the sidebar menu first\n            toggleMenu(); \n            \n            const isEng = langSwitch && langSwitch.checked;\n            \n            \/\/ Check for the hidden flipbook trigger elements generated by the plugin\n            if (!isEng) {\n                \/\/ Open the Malay (BM) Flipbook\n                const bmBook = document.querySelector('.dflip-bm-hidden');\n                if(bmBook) {\n                    bmBook.click();\n                } else {\n                    console.error(\"BM Flipbook trigger not found\");\n                }\n            } else {\n                \/\/ Open the English (ENG) Flipbook\n                const engBook = document.querySelector('.dflip-eng-hidden');\n                if(engBook) {\n                    engBook.click();\n                } else {\n                    console.error(\"ENG Flipbook trigger not found\");\n                }\n            }\n        });\n    }\n\n    \/**\n     * SCROLL OBSERVER\n     * Highlights the active menu item based on user scroll position\n     *\/\n    function setupScrollObserver() {\n        const observerOptions = { root: null, rootMargin: '-110px 0px -50% 0px', threshold: 0 };\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    currentActiveId = entry.target.getAttribute('id');\n                    document.querySelectorAll('.menu-item').forEach(el => el.classList.remove('active'));\n                    const activeLink = document.querySelector(`.menu-item[href=\"#${currentActiveId}\"]`);\n                    if (activeLink) activeLink.classList.add('active');\n                }\n            });\n        }, observerOptions);\n\n        const allAnchors = [...new Set([...menuData.bm.items.map(i => i.anchor), ...menuData.eng.items.map(i => i.anchor)])];\n        allAnchors.forEach(selector => {\n            const section = document.querySelector(selector);\n            if (section) observer.observe(section);\n        });\n    }\n\n    \/**\n     * CLICK OUTSIDE TO CLOSE\n     * Closes the mobile menu if user clicks the dark overlay\n     *\/\n    document.addEventListener('click', function(event) {\n        const menu = document.getElementById('mobile-menu');\n        const hamburger = document.querySelector('.hamburger-menu');\n        if (menu.classList.contains('active') && !menu.contains(event.target) && !hamburger.contains(event.target)) {\n            menu.classList.remove('active');\n        }\n    });\n\n    \/**\n     * LANGUAGE SWITCHER LOGIC\n     * Re-renders the menu items and button text when toggle is flipped\n     *\/\n    function updateMenuLang() {\n        const lang = (langSwitch && langSwitch.checked) ? 'eng' : 'bm';\n        const data = menuData[lang];\n        const container = document.getElementById('menu-items');\n        \n        if (!container) return;\n        \n        container.innerHTML = '';\n        data.items.forEach(item => {\n            const a = document.createElement('a');\n            a.className = 'menu-item';\n            a.href = item.anchor;\n            a.innerHTML = item.text;\n            a.addEventListener('click', toggleMenu);\n            container.appendChild(a);\n        });\n        \n        const downloadBtnText = document.getElementById('download-text');\n        if (downloadBtnText) {\n            downloadBtnText.innerHTML = data.download;\n        }\n        \n        \/\/ Re-apply the active class to the currently viewed section\n        if (currentActiveId) {\n            const link = document.querySelector(`.menu-item[href=\"#${currentActiveId}\"]`);\n            if (link) link.classList.add('active');\n        }\n    }\n\n    \/\/ Event listener for the language toggle switch\n    if (langSwitch) {\n        langSwitch.addEventListener('change', updateMenuLang);\n    }\n\n    \/\/ Initialize the menu on load\n    updateMenuLang();\n    setupScrollObserver();\n});\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<style>\n\/* 1. GLOBAL BODY RESET (KEEPS DESKTOP PERFECT) *\/\nbody {\n  margin: 0 !important;\n  padding-top: 0 !important; \n}\n\n\/* 2. MOBILE SPECIFIC HEADER CLEARANCE *\/\n\/* FINE-TUNE MOBILE SPACING ONLY (If 100px feels different on phones) *\/\n@media (max-width: 768px) {\n    .hero-background-img {\n        padding-top: 0px !important; \/* Keep it 100px or adjust if it looks too far down *\/\n    }\n}\n\n\/* 3. CONTAINER SAFETY *\/\n.lzs-2026-hero-container {\n  position: relative;\n  \/* Use max-width to ensure it never exceeds the device screen width *\/\n  width: 100% !important;\n  max-width: 100vw !important; \n  height: auto; \n  overflow: hidden;\n  line-height: 0;\n  \/* Force margins to zero to prevent WordPress block gaps, while keeping it centered *\/\n  margin: 0 auto !important;\n  padding: 0 !important; \/* Forces reset of any WordPress theme padding *\/\n}\n\n\/* 4. IMAGE SCALING *\/\n\/* Update the image styling to include 100px top clearance *\/\n.hero-background-img {\n    width: 100% !important;\n    max-width: 100% !important;\n    height: auto !important;\n    display: block;\n    border: none;\n    padding-top: 80px !important; \/* Forces 100px gap on all screen sizes *\/\n}\n\n\/* 5. RESPONSIVE BREAKPOINTS (Mobile S to Laptop L) *\/\n\n\/* Mobile S (320px) & Mobile M (375px) *\/\n@media (max-width: 425px) {\n  .lzs-2026-hero-container {\n    width: 100% !important;\n  }\n}\n\n\/* Mobile L (425px) to Tablet (768px) *\/\n@media (min-width: 426px) and (max-width: 768px) {\n  .lzs-2026-hero-container {\n    width: 100% !important;\n  }\n}\n\n\/* Laptop (1024px) *\/\n@media (min-width: 769px) and (max-width: 1024px) {\n  .lzs-2026-hero-container {\n    max-width: 1024px;\n  }\n}\n\n\/* Laptop L (1440px) *\/\n@media (min-width: 1025px) {\n  .lzs-2026-hero-container {\n    max-width: 1440px; \/* Limits width on ultra-wide monitors to keep it crisp *\/\n  }\n}\n<\/style>\n\n<div class=\"lzs-2026-hero-container\">\n  <img decoding=\"async\" id=\"lzs-hero-img\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Frame-1410119245.png\" alt=\"lzs-report-2026\" class=\"hero-background-img\">\n<\/div>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', function() {\n        const langSwitch = document.getElementById('lang-switch');\n        const heroImg = document.getElementById('lzs-hero-img');\n\n        const heroImages = {\n            bm: \"https:\/\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\/wp-content\/uploads\/2026\/04\/Frame-1410119245.png\",\n            eng: \"https:\/\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\/wp-content\/uploads\/2026\/04\/Frame-1410119245-1.png\"\n        };\n\n        function updateHeroImage() {\n            if (!langSwitch || !heroImg) return;\n            heroImg.src = langSwitch.checked ? heroImages.eng : heroImages.bm;\n        }\n\n        if (langSwitch) {\n            langSwitch.addEventListener('change', updateHeroImage);\n            updateHeroImage();\n        }\n    });\n})();\n<\/script>\n<\/div>\n\n\n\n<div id=\"ringkasan\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<div id=\"laporan-section-container\">\n  <div class=\"laporan-integrated-section\">\n    <h2 class=\"laporan-heading\">Ringkasan Laporan Bersepadu Zakat Selangor 2025<\/h2>\n\n    <p class=\"laporan-body-text\">\n      Pada tahun 2025, Zakat Selangor mencatat sejarah dengan jumlah kutipan zakat melebihi tahun sebelumnya sebanyak RM1.31 bilion. Daripada jumlah kutipan tersebut, Zakat Selangor berjaya mengagihkan RM1.33 bilion kepada lebih daripada 75,274 individu asnaf fakir miskin dan pelbagai organisasi. Ini termasuk bantuan kewangan bulanan, pembinaan rumah, rawatan perubatan, biasiswa pendidikan dan banyak lagi. Usaha ini telah memberi impak yang besar dalam meningkatkan kualiti hidup mereka yang memerlukan.\n    <\/p>\n\n    <button class=\"muat_turun_laporan\" id=\"muat-turun-btn-trigger\">\n      <span class=\"btn-text\">Muat Turun Laporan Bersepadu<\/span>\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M11.625 15.513C11.5083 15.471 11.4 15.4 11.3 15.3L7.7 11.7C7.5 11.5 7.404 11.2667 7.412 11C7.42 10.7333 7.516 10.5 7.7 10.3C7.9 10.1 8.13767 9.996 8.413 9.988C8.68833 9.98 8.92567 10.0757 9.125 10.275L11 12.15V5C11 4.71667 11.096 4.47934 11.288 4.288C11.48 4.09667 11.7173 4.00067 12 4C12.2827 3.99934 12.5203 4.09534 12.713 4.288C12.9057 4.48067 13.0013 4.718 13 5V12.15L14.875 10.275C15.075 10.075 15.3127 9.979 15.588 9.987C15.8633 9.995 16.1007 10.0993 16.3 10.3C16.4833 10.5 16.5793 10.7333 16.588 11C16.5967 11.2667 16.5007 11.5 16.3 11.7L12.7 15.3C12.6 15.4 12.4917 15.471 12.375 15.513C12.2583 15.555 12.1333 15.5757 12 15.575C11.8667 15.5743 11.7417 15.5537 11.625 15.513ZM6 20C5.45 20 4.97933 19.8043 4.588 19.413C4.19667 19.0217 4.00067 18.5507 4 18V16C4 15.7167 4.096 15.4793 4.288 15.288C4.48 15.0967 4.71733 15.0007 5 15C5.28267 14.9993 5.52033 15.0953 5.713 15.288C5.90567 15.4807 6.00133 15.718 6 16V18H18V16C18 15.7167 18.096 15.4793 18.288 15.288C18.48 15.0967 18.7173 15.0007 19 15C19.2827 14.9993 19.5203 15.0953 19.713 15.288C19.9057 15.4807 20.0013 15.718 20 16V18C20 18.55 19.8043 19.021 19.413 19.413C19.0217 19.805 18.5507 20.0007 18 20H6Z\" fill=\"white\"><\/path>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<div style=\"display:none !important;\">\n  <div class=\"_df_thumb dflip-bm-hidden\" id=\"df_1311\"  _slug=\"integrated-report-2025-bm\" data-title=\"integrated-report-2025-bm\" wpoptions=\"true\" thumbtype=\"\" >Integrated Report 2025 (BM)<\/div><script class=\"df-shortcode-script\" nowprocket type=\"application\/javascript\">window.option_df_1311 = {\"outline\":[],\"viewerType\":\"flipbook\",\"autoEnableOutline\":\"false\",\"autoEnableThumbnail\":\"false\",\"overwritePDFOutline\":\"false\",\"direction\":\"1\",\"pageSize\":\"0\",\"source\":\"https:\\\/\\\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Zakat-Selangor-2025-Laporan-Bersepadu.pdf\",\"wpOptions\":\"true\"}; if(window.DFLIP && window.DFLIP.parseBooks){window.DFLIP.parseBooks();}<\/script>\n  <div class=\"_df_thumb dflip-eng-hidden\" id=\"df_6218\"  _slug=\"integrated-report-2025-eng\" data-title=\"integrated-report-2025-eng\" wpoptions=\"true\" thumbtype=\"\" >Integrated Report 2025 (ENG)<\/div><script class=\"df-shortcode-script\" nowprocket type=\"application\/javascript\">window.option_df_6218 = {\"outline\":[],\"viewerType\":\"flipbook\",\"autoEnableOutline\":\"false\",\"autoEnableThumbnail\":\"false\",\"overwritePDFOutline\":\"false\",\"direction\":\"1\",\"pageSize\":\"0\",\"source\":\"https:\\\/\\\/laporanlzs.zakatselangor.com.my\\\/ir2025-eng\",\"wpOptions\":\"true\"}; if(window.DFLIP && window.DFLIP.parseBooks){window.DFLIP.parseBooks();}<\/script>\n<\/div>\n\n<style>\n  \/* Your existing CSS (Unchanged) *\/\n  #laporan-section-container { width: 100% !important; overflow-x: hidden !important; background-color: #ffffff; display: block; }\n  #laporan-section-container .laporan-integrated-section { display: flex; max-width: 1280px; width: 100%; margin: 0 auto; padding: 32px 96px; flex-direction: column; align-items: center; gap: 48px; box-sizing: border-box; font-family: 'Poppins', sans-serif !important; }\n  #laporan-section-container .laporan-body-text i { font-style: italic !important; }\n  #laporan-section-container .laporan-heading { align-self: stretch; color: #005AAB; text-align: center; font-family: 'Poppins', sans-serif !important; font-size: 34px; font-weight: 700 !important; margin: 0; line-height: 1.2; }\n  #laporan-section-container .laporan-body-text { align-self: stretch; color: #000000; text-align: center; font-family: 'Poppins', sans-serif !important; font-size: 15px; font-weight: 400 !important; line-height: 1.6; margin: 0; }\n  #laporan-section-container .muat_turun_laporan { display: inline-flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 12px; border-radius: 0px !important; background-color: #8CC63E; border: none; cursor: pointer; transition: 0.3s ease; color: #FFFFFF !important; text-decoration: none; font-family: 'Poppins', sans-serif !important; font-size: 20px !important; font-weight: 500 !important; }\n  #laporan-section-container .muat_turun_laporan:hover { background-color: #7ab334; }\n  #laporan-section-container .muat_turun_laporan svg { width: 20px; height: 20px; flex-shrink: 0; }\n  @media (max-width: 1024px) { #laporan-section-container .laporan-integrated-section { padding: 32px 40px; gap: 32px; } }\n  @media (max-width: 768px) { #laporan-section-container .laporan-integrated-section { padding: 24px 20px; gap: 24px; } #laporan-section-container .laporan-heading { font-size: 26px; } #laporan-section-container .muat_turun_laporan { font-size: 18px !important; width: 100%; box-sizing: border-box; } }\n<\/style>\n\n<script>\n(function() {\n  document.addEventListener('DOMContentLoaded', function() {\n    const langSwitch = document.getElementById('lang-switch');\n    const container = document.getElementById('laporan-section-container');\n    const triggerBtn = document.getElementById('muat-turun-btn-trigger');\n    \n    if (!container || !triggerBtn) return;\n\n    const translations = {\n      bm: {\n        heading: \"Ringkasan Laporan Bersepadu Zakat Selangor 2025\",\n        body: \"Pada tahun 2025, Zakat Selangor mencatat sejarah dengan jumlah kutipan zakat melebihi tahun sebelumnya sebanyak RM1.31 bilion. Daripada jumlah kutipan tersebut, Zakat Selangor berjaya mengagihkan RM1.33 bilion kepada lebih daripada 75,274 individu asnaf fakir, miskin dan pelbagai organisasi. Ini termasuk bantuan kewangan bulanan, pembinaan rumah, rawatan perubatan, biasiswa pendidikan dan banyak lagi. Usaha ini telah memberi impak yang besar dalam meningkatkan kualiti hidup mereka yang memerlukan.\",\n        btn: \"Muat Turun Laporan Bersepadu\"\n      },\n      eng: {\n        heading: \"Summary of the Zakat Selangor Integrated Report 2025\",\n        body: \"In 2025, Zakat Selangor made history by collecting more than RM1.31 billion in <i>zakat<\/i>, which was higher than the year before. From the total <i>zakat<\/i> collected, Zakat Selangor successfully distributed RM1.33 billion to more than 75,274 individuals in need and various organisations. This support included monthly money for living costs, building new homes, medical treatments and scholarships for students. These efforts have made a huge difference in improving the lives of those who need help.\",\n        btn: \"Download the Integrated Report\"\n      }\n    };\n\n    const rHeading = container.querySelector('.laporan-heading');\n    const rText = container.querySelector('.laporan-body-text');\n    const rBtnLabel = container.querySelector('.muat_turun_laporan .btn-text');\n\n    function updateLanguage() {\n      if (!langSwitch) return;\n      const lang = langSwitch.checked ? 'eng' : 'bm';\n      \n      if (rHeading) rHeading.innerHTML = translations[lang].heading;\n      if (rText) rText.innerHTML = translations[lang].body;\n      if (rBtnLabel) rBtnLabel.innerHTML = translations[lang].btn;\n    }\n\n    \/\/ Logic to trigger the DearFlip Lightbox\n    triggerBtn.addEventListener('click', function() {\n      const lang = (langSwitch && langSwitch.checked) ? 'eng' : 'bm';\n      \n      \/\/ Find the hidden dFlip elements and click them programmatically\n      if (lang === 'bm') {\n        const bmBook = document.querySelector('.dflip-bm-hidden');\n        if(bmBook) bmBook.click();\n      } else {\n        const engBook = document.querySelector('.dflip-eng-hidden');\n        if(engBook) engBook.click();\n      }\n    });\n\n    if (langSwitch) {\n      langSwitch.addEventListener('change', updateLanguage);\n      updateLanguage();\n    }\n  });\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<style data-wp-block-html=\"css\">\n.lzs-stats-section {\n  display: flex; justify-content: center; align-items: center; gap: 24px;\n  max-width: 1280px; width: 100%; margin: 40px auto; padding: 24px; box-sizing: border-box;\n  font-family: 'Poppins', sans-serif !important;\n}\n.stats-card {\n  display: flex; width: 254px; min-height: 200px; padding: 20px 10px;\n  flex-direction: column; justify-content: center; align-items: center;\n  gap: 12px; border-radius: 0px; background: #005AAB; box-sizing: border-box;\n}\n.stats-value {\n  color: #FFFFFF !important; font-family: 'Poppins', sans-serif !important;\n  font-size: 24px !important; font-weight: 700 !important; line-height: 1 !important; margin: 0;\n}\n.stats-label {\n  color: #FFFFFF !important; font-family: 'Poppins', sans-serif !important;\n  font-size: 15px !important; font-weight: 400 !important; text-align: center; margin: 0;\n}\n.stats-icon { width: 60px; height: 60px; margin-bottom: 5px; }\n@media (max-width: 1024px) { .lzs-stats-section { flex-wrap: wrap; } .stats-card { width: calc(50% - 24px); } }\n@media (max-width: 600px) { .stats-card { width: 100%; } }\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  \/\/ Global flag to track if animation has run\n  window.lzsHasRun = false;\n\n  \/\/ 1. Initial State Setup\n  function initLabels() {\n    var sw = document.getElementById('lang-switch');\n    var isEng = sw ? sw.checked : false;\n\n    document.querySelectorAll('.lzs-scroll-label').forEach(function(lab) {\n      lab.innerHTML = isEng ? lab.getAttribute('data-en') : lab.getAttribute('data-bm');\n    });\n\n    document.querySelectorAll('.lzs-scroll-anim').forEach(function(num) {\n      var target = num.getAttribute('data-target');\n      var prefix = num.getAttribute('data-prefix') || \"\";\n      var suffix = isEng ? (num.getAttribute('data-en') || \"\") : (num.getAttribute('data-bm') || \"\");\n      num.innerHTML = prefix + (target.includes('.') ? \"0.00\" : \"0\") + suffix;\n    });\n  }\n\n  initLabels(); \/\/ Set initial 0s and languages immediately\n\n  \/\/ 2. Language Switcher Listener\n  var sw = document.getElementById('lang-switch');\n  if (sw) {\n    sw.addEventListener('change', function() {\n      var isEng = sw.checked;\n      \n      \/\/ Update words (this keeps the <i> tags working!)\n      document.querySelectorAll('.lzs-scroll-label').forEach(function(lab) {\n        lab.innerHTML = isEng ? lab.getAttribute('data-en') : lab.getAttribute('data-bm');\n      });\n\n      \/\/ Update numbers (snap to target if animation already finished)\n      document.querySelectorAll('.lzs-scroll-anim').forEach(function(num) {\n        var target = num.getAttribute('data-target');\n        var prefix = num.getAttribute('data-prefix') || \"\";\n        var suffix = isEng ? (num.getAttribute('data-en') || \"\") : (num.getAttribute('data-bm') || \"\");\n        \n        if (window.lzsHasRun) {\n          var isDec = target.includes('.');\n          num.innerHTML = prefix + (isDec ? parseFloat(target).toFixed(2) : parseInt(target).toLocaleString()) + suffix;\n        } else {\n          num.innerHTML = prefix + (target.includes('.') ? \"0.00\" : \"0\") + suffix;\n        }\n      });\n    });\n  }\n\n  \/\/ 3. The Animation Function\n  function startCount() {\n    if (window.lzsHasRun) return;\n    window.lzsHasRun = true;\n\n    var swCheck = document.getElementById('lang-switch');\n    var isEng = swCheck ? swCheck.checked : false;\n    var elements = document.querySelectorAll('.lzs-scroll-anim');\n\n    elements.forEach(function(el) {\n      var target = parseFloat(el.getAttribute('data-target'));\n      var prefix = el.getAttribute('data-prefix') || \"\";\n      var suffix = isEng ? (el.getAttribute('data-en') || \"\") : (el.getAttribute('data-bm') || \"\");\n      var isDec = el.getAttribute('data-target').includes('.');\n      \n      var duration = 2000; \/\/ 2 seconds\n      var startTime = null;\n\n      function animate(timestamp) {\n        if (!startTime) startTime = timestamp;\n        var progress = Math.min((timestamp - startTime) \/ duration, 1);\n        var val = progress * target;\n        \n        el.innerHTML = prefix + (isDec ? val.toFixed(2) : Math.floor(val).toLocaleString()) + suffix;\n        \n        if (progress < 1) {\n          window.requestAnimationFrame(animate);\n        } else {\n          el.innerHTML = prefix + (isDec ? target.toFixed(2) : target.toLocaleString()) + suffix;\n        }\n      }\n      window.requestAnimationFrame(animate);\n    });\n  }\n\n  \/\/ 4. Trigger Animation on Scroll\n  var targetSection = document.getElementById('scroll-target-section');\n  if (targetSection) {\n    var observer = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          startCount();\n          observer.disconnect(); \/\/ Stop observing once triggered\n        }\n      });\n    }, { root: null, threshold: 0 }); \/\/ Trigger the second it enters the screen\n    \n    observer.observe(targetSection);\n  } else {\n    \/\/ Ultimate failsafe: If section isn't found by observer, just run the animation anyway after 1.5 seconds.\n    setTimeout(startCount, 1500);\n  }\n});\n<\/script>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"lzs-stats-section\" id=\"scroll-target-section\">\n  <div class=\"stats-card\">\n    <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Group-58.png\" alt=\"Icon\" class=\"stats-icon\">\n    <p class=\"stats-value lzs-scroll-anim\" data-target=\"1.31\" data-prefix=\"RM\" data-bm=\" Bilion\" data-en=\" Billion\">RM0.00 Bilion<\/p>\n    <p class=\"stats-label lzs-scroll-label\" data-bm=\"Jumlah Kutipan Zakat\" data-en=\"Total <i>Zakat<\/i> Collection\">Jumlah Kutipan Zakat<\/p>\n  <\/div>\n\n  <div class=\"stats-card\">\n    <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Frame.png\" alt=\"Icon\" class=\"stats-icon\">\n    <p class=\"stats-value lzs-scroll-anim\" data-target=\"1.33\" data-prefix=\"RM\" data-bm=\" Bilion\" data-en=\" Billion\">RM0.00 Bilion<\/p>\n    <p class=\"stats-label lzs-scroll-label\" data-bm=\"Jumlah Agihan Zakat\" data-en=\"Total <i>Zakat<\/i> Distribution\">Jumlah Agihan Zakat<\/p>\n  <\/div>\n\n  <div class=\"stats-card\">\n  <img decoding=\"async\" src=\"http:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Frame-4-3.png\" alt=\"Icon\" class=\"stats-icon\">\n  <p class=\"stats-value lzs-scroll-anim\" data-target=\"75274\" data-prefix=\"\" data-bm=\"\" data-en=\"\">0<\/p>\n  <p class=\"stats-label lzs-scroll-label\" data-bm=\"Jumlah Fakir dan Miskin\" data-en=\"Total of <i>Fakir<\/i> and <i>Miskin<\/i>\">Jumlah Fakir dan Miskin<\/p>\n<\/div>\n\n<div class=\"stats-card\">\n  <img decoding=\"async\" src=\"http:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Frame-5-1.png\" alt=\"Icon\" class=\"stats-icon\">\n  <p class=\"stats-value lzs-scroll-anim\" data-target=\"28355\" data-prefix=\"\" data-bm=\"\" data-en=\"\">0<\/p>\n  <p class=\"stats-label lzs-scroll-label\" data-bm=\"Pembayar Zakat Baru\" data-en=\"Number of New <i>Muzakki<\/i>\">Pembayar Zakat Baru<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div id=\"tentang_kami\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<div class=\"kenali-kami-section\" id=\"lzs-about-figma\">\n  <div class=\"kenali-content\">\n    <h2 class=\"kenali-heading kenali-lab\" data-lab-bm=\"Tentang Kami\" data-lab-en=\"About Us\">Tentang Kami<\/h2>\n    \n    <p class=\"kenali-body-text kenali-lab\" \n       data-lab-bm=\"Di Zakat Selangor, aspirasi kami menjangkau sekadar bantuan sara hidup, kami membina keupayaan untuk mereka berdikari. Melalui setiap agihan zakat yang berjaya dilaksanakan, kami telah membantu 3,153 individu untuk berdiri di atas kaki sendiri.\" \n       data-lab-en=\"At Zakat Selangor, our aspirations go beyond mere subsistence aid; we build the capacity for them to become independent. Through every successful &lt;i&gt;zakat&lt;\/i&gt; distribution, we have helped 3,153 individuals stand on their own feet.\">\n      Di Zakat Selangor, aspirasi kami menjangkau sekadar bantuan sara hidup, kami membina keupayaan untuk mereka berdikari. Melalui setiap agihan zakat yang berjaya dilaksanakan, kami telah membantu 3,153 individu untuk berdiri di atas kaki sendiri.\n    <\/p>\n    \n    <p class=\"kenali-body-text kenali-lab\" \n       data-lab-bm=\"Dengan kekuatan 658 warga kerja yang komited, kami menguruskan dana zakat secara telus untuk memastikan RM1.33 bilion yang diagihkan dapat mengubah masa depan ummah.\" \n       data-lab-en=\"With a dedicated team of 658 employees, we manage &lt;i&gt;zakat&lt;\/i&gt; funds transparently to ensure that the RM1.33 billion distributed transforms the future of the community.\">\n      Dengan kekuatan 658 warga kerja yang komited, kami menguruskan dana zakat secara telus untuk memastikan RM1.33 bilion yang diagihkan dapat mengubah masa depan ummah.\n    <\/p>\n\n    <button id=\"kenali-btn-trigger\" class=\"kenali-button\" style=\"border:none;\">\n      <span class=\"kenali-btn-span kenali-lab\" data-lab-bm=\"Kenali Kami Lebih Lanjut\" data-lab-en=\"Learn More About Us\">Kenali Kami Lebih Lanjut<\/span>\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M9 6L15 12L9 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n      <\/svg>\n    <\/button>\n  <\/div>\n\n  <div class=\"kenali-image-container\">\n    <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Kenali-Kami-1.png\" alt=\"Zakat Selangor Office\" class=\"kenali-image\">\n  <\/div>\n<\/div>\n\n<style>\n  #lzs-about-figma,\n  #lzs-about-figma * {\n    font-family: 'Poppins', sans-serif !important;\n  }\n  #lzs-about-figma i {\n    font-style: italic !important;\n  }\n  #lzs-about-figma.kenali-kami-section {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    max-width: 1280px;      \n    height: 580px;          \n    margin: 40px auto;\n    padding: 0 96px;        \n    gap: 24px;              \n    box-sizing: border-box;\n    background-color: #ffffff;\n    overflow: hidden;\n  }\n  #lzs-about-figma .kenali-content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 24px;\n    flex: 1;\n  }\n  #lzs-about-figma .kenali-heading {\n    color: #005AAB !important;\n    font-weight: 700 !important;\n    font-size: 34px !important;\n    margin: 0 !important;\n    line-height: 1.2 !important;\n  }\n  #lzs-about-figma .kenali-body-text {\n    color: #000000 !important;\n    font-weight: 400 !important;\n    font-size: 15px !important;\n    line-height: 1.6 !important; \n    margin: 0 !important;\n  }\n  #lzs-about-figma .kenali-button {\n    display: inline-flex;\n    padding: 10px 24px;\n    justify-content: center;\n    align-items: center;\n    gap: 12px;\n    border-radius: 0px;\n    background-color: #8CC63E;\n    border: none;\n    cursor: pointer;\n    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    text-decoration: none;\n    color: #FFFFFF !important;\n  }\n  #lzs-about-figma .kenali-btn-span {\n    font-weight: 500 !important; \n    font-size: 20px !important; \n    line-height: 1.2 !important;\n  }\n  #lzs-about-figma .kenali-button:hover {\n    background-color: #7ab334;\n    transform: translateY(-2px);\n  }\n  #lzs-about-figma .kenali-image-container {\n    flex: 1;\n    height: 100%; \n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n  }\n  #lzs-about-figma .kenali-image {\n    width: 100%;\n    max-width: 597px; \n    height: 100%;\n    max-height: 532px;\n    object-fit: cover;\n    border-radius: 0px;\n    display: block;\n  }\n  @media (max-width: 1024px) {\n    #lzs-about-figma.kenali-kami-section {\n      flex-direction: column;\n      height: auto;\n      padding: 40px 24px;\n      gap: 32px;\n    }\n    #lzs-about-figma .kenali-image {\n      max-width: 100%;\n      height: auto;\n    }\n    #lzs-about-figma .kenali-btn-span {\n      font-size: 18px !important;\n    }\n  }\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const triggerBtn = document.getElementById('kenali-btn-trigger');\n    const langSwitch = document.getElementById('lang-switch');\n\n    function getIsEng() {\n        return langSwitch && langSwitch.checked;\n    }\n\n    function updateLanguageContent() {\n        const isEng = getIsEng();\n        document.querySelectorAll('#lzs-about-figma .kenali-lab').forEach(function(el) {\n            const rawText = isEng ? el.getAttribute('data-lab-en') : el.getAttribute('data-lab-bm');\n            if(rawText && rawText.trim() !== \"\") {\n                \/\/ Decode &lt; and &gt; so italics work\n                const decodedText = rawText.replace(\/&lt;\/g, '<').replace(\/&gt;\/g, '>');\n                el.innerHTML = decodedText;\n            }\n        });\n    }\n\n    if (triggerBtn) {\n        triggerBtn.addEventListener('click', function(e) {\n            e.preventDefault();\n            const isEng = getIsEng();\n            if (!isEng) {\n                const bmBook = document.querySelector('.dflip-bm-hidden');\n                if(bmBook) bmBook.click();\n            } else {\n                const engBook = document.querySelector('.dflip-eng-hidden');\n                if(engBook) engBook.click();\n            }\n        });\n    }\n\n    updateLanguageContent();\n\n    const langPoll = setInterval(function() {\n        const sw = document.getElementById('lang-switch');\n        if (sw) {\n            sw.addEventListener('change', updateLanguageContent);\n            updateLanguageContent();\n            clearInterval(langPoll);\n        }\n    }, 500);\n});\n<\/script>\n<\/div>\n\n\n\n<div id=\"perutusan\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<div id=\"pengerusi-block\" class=\"kata-aluan-section\">\n  <div class=\"pengerusi-image-only\"><\/div>\n\n  <div class=\"pengerusi-text-side\">\n    <div style=\"display: flex; flex-direction: column; gap: 8px; margin-bottom: 8px;\">\n      <h2 class=\"pengerusi-h2 pengerusi-lab\" data-lab-bm=\"Perutusan Pengerusi\" data-lab-en=\"Chairman Statement\">Perutusan Pengerusi<\/h2>\n      <h3 class=\"pengerusi-h3\">Y.A.M. Tan Sri Dato\u2019 Seri Syed Anwar Jamalullail<\/h3>\n      <p class=\"pengerusi-bt pengerusi-lab\" data-lab-bm=\"Pengerusi, Zakat Selangor\" data-lab-en=\"Chairman, Zakat Selangor\">Pengerusi, Zakat Selangor<\/p>\n    <\/div>\n\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\">\n      <path d=\"M9.4261 4.55804C5.6611 6.97604 3.56943 9.79054 3.1511 13.0015C2.4996 18 6.9696 20.4465 9.2346 18.2485C11.4996 16.0505 10.1421 13.26 8.5021 12.497C6.8621 11.734 5.8591 12 6.0341 10.9805C6.2091 9.96103 8.5421 7.13554 10.5921 5.81954C10.6646 5.75769 10.7109 5.67055 10.7215 5.57581C10.7321 5.48108 10.7062 5.38587 10.6491 5.30954L10.1421 4.65004C9.9221 4.36404 9.7111 4.37503 9.4261 4.55753M19.3391 4.55804C15.5741 6.97604 13.4824 9.79054 13.0641 13.0015C12.4121 18 16.8821 20.4465 19.1471 18.2485C21.4121 16.0505 20.0546 13.26 18.4141 12.497C16.7736 11.734 15.7711 12 15.9461 10.9805C16.1211 9.96103 18.4546 7.13554 20.5046 5.81954C20.5771 5.75762 20.6232 5.67044 20.6337 5.57571C20.6442 5.48098 20.6183 5.38581 20.5611 5.30954L20.0546 4.65004C19.8346 4.36404 19.6236 4.37503 19.3391 4.55753\" fill=\"#FEE800\"><\/path>\n    <\/svg>\n\n    <p class=\"pengerusi-quote-text pengerusi-lab\" data-lab-bm=\"Bagi kami, setiap angka dalam rekod agihan bukan sekadar statistik, sebaliknya ia melambangkan kehidupan yang telah ditransformasikan secara bermakna. Pada tahun 2025, sebanyak 80,022 keluarga telah menerima bantuan, merangkumi 28,166 keluarga asnaf fakir, 47,108 keluarga asnaf miskin dan 4,748 keluarga asnaf mualaf. Ia mewakili setiap insan yang telah disantuni, bebanan yang diringankan daripada bahu mereka yang buntu, serta maruah diri yang telah dipulihkan secara tertib dan berkesan.\" data-lab-en=\"For us, every figure in our distribution records reflects not merely numbers, but lives meaningfully transformed. In the year 2025, a total of 80,022 families received assistance, comprising 28,166 &lt;i&gt;asnaf fakir&lt;\/i&gt;, 47,108 &lt;i&gt;asnaf miskin&lt;\/i&gt; and 4,748 &lt;i&gt;asnaf mualaf&lt;\/i&gt; families. It represents a life that has been touched, a burden that has been lifted from the shoulders of someone who had nowhere else to turn, a self-esteem that has been quietly and meaningful restored.\">\n      Bagi kami, setiap angka dalam rekod agihan bukan sekadar statistik, sebaliknya ia melambangkan kehidupan yang telah ditransformasikan secara bermakna. Pada tahun 2025, sebanyak 80,022 keluarga telah menerima bantuan, merangkumi 28,166 keluarga asnaf fakir, 47,108 keluarga asnaf miskin dan 4,748 keluarga asnaf mualaf. Ia mewakili setiap insan yang telah disantuni, bebanan yang diringankan daripada bahu mereka yang buntu, serta maruah diri yang telah dipulihkan secara tertib dan berkesan.\n    <\/p>\n\n    <a href=\"\/\" class=\"baca-btn-final\" onclick=\"openPengerusiModal(event)\">\n      <span class=\"pengerusi-lab\" data-lab-bm=\"Baca\" data-lab-en=\"Read\">Baca<\/span>\n      <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/icon-park-outline_down-1.png\" alt=\"icon\" class=\"btn-icon\">\n    <\/a>\n  <\/div>\n<\/div>\n\n<div id=\"pengerusi-modal-overlay\" class=\"pengerusi-modal-overlay\" onclick=\"closePengerusiModalOutside(event)\">\n  <div class=\"pengerusi-modal-content\">\n    \n    <div class=\"pengerusi-modal-close\" onclick=\"closePengerusiModal()\">\n      <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/05\/Vector-7.png\" alt=\"Close\">\n    <\/div>\n    \n    <h2 class=\"pengerusi-modal-title pengerusi-lab\" data-lab-bm=\"Perutusan Pengerusi\" data-lab-en=\"Chairman Statement\">Perutusan Pengerusi<\/h2>\n    <h3 class=\"pengerusi-modal-subtitle\">Y.A.M. Tan Sri Dato\u2019 Seri Syed Anwar Jamalullail<\/h3>\n    \n    <div id=\"pengerusi-content-bm\" class=\"pengerusi-modal-text\">\n      <p><em>Assalamualaikum Warahmatullahi Wabarakatuh,<\/em><\/p>\n      <p>Pihak berkepentingan sekalian,<\/p>\n      <p><strong>Tinjauan Keseluruhan 2025<\/strong><br>\n      Dengan nama Allah Yang Maha Pemurah lagi Maha Mengasihani, selawat dan salam ke atas junjungan besar Nabi Muhammad SAW, ahli keluarga serta para sahabat baginda yang setia meneruskan perjuangan baginda. Alhamdulillah, dengan izin dan limpah kurnia-Nya jua, Zakat Selangor telah mengharungi tahun 2025 dengan penuh keteguhan, matlamat yang jelas dan momentum yang berterusan.<\/p>\n      <p>Tahun ini hadir dengan cabaran yang tersendiri. Persekitaran ekonomi dan sosial menuntut kami untuk kekal tangkas dan peka terhadap keperluan asnaf serta masyarakat yang kian berkembang. Pencapaian kami pada tahun ini bukan sekadar cerminan komitmen warga kerja kami, malah merupakan bukti keberkatan dalam memikul amanah yang mulia ini.<\/p>\n      <p>Pencapaian-pencapaian utama yang dibentangkan dalam Laporan Bersepadu ini mengukuhkan lagi keyakinan yang menjadi teras institusi kami, bahawa zakat bersifat malar segar. Ia merupakan instrumen yang mampan dan apabila diuruskan dengan penuh keikhlasan serta disiplin, ia kekal menjadi antara wadah paling ampuh untuk pembangunan ummah.<\/p>\n      <p>Oleh itu, dengan penuh ketelusan dan rasa syukur, saya membentangkan Laporan Bersepadu ini kepada pihak berkepentingan sekalian.<\/p>\n      <p><strong>Sorotan Utama Tahunan<\/strong><br>\n      Tahun 2025 merupakan tahun kemajuan yang bermakna buat Zakat Selangor berdasarkan pelbagai kayu ukur prestasi. Kami dengan sukacitanya melaporkan pertumbuhan berterusan dalam kutipan zakat, yang meningkat daripada RM1.22 bilion pada tahun 2024 kepada RM1.31 bilion pada tahun 2025. Peningkatan sebanyak 7.5% di seluruh negeri Selangor ini mencerminkan kemurahan hati serta kesedaran para muzakki yang kian bertambah dalam menunaikan kewajipan mereka.<\/p>\n      <p>Seiring dengan kutipan, kami kekal komited sepenuhnya dalam memastikan agihan dilaksanakan dengan penuh ketepatan dan ihsan. Bagi kami, setiap angka dalam rekod agihan bukan sekadar statistik, sebaliknya ia melambangkan kehidupan yang telah ditransformasikan secara bermakna. Pada tahun 2025, sebanyak 80,022 keluarga telah menerima bantuan, merangkumi 28,166 keluarga asnaf fakir, 47,108 keluarga asnaf miskin dan 4,748 keluarga asnaf mualaf. Ia mewakili setiap insan yang telah disantuni, bebanan yang diringankan daripada bahu mereka yang buntu, serta maruah diri yang telah dipulihkan secara tertib dan berkesan.<\/p>\n      <p>Kami juga berbesar hati untuk berkongsi bahawa program pemerkasaan sosioekonomi jangka panjang kepada asnaf telah diperkukuhkan lagi pada tahun ini. Program-program ini terus memantapkan daya tahan jangka panjang keluarga asnaf menerusi sokongan bersasar, pemerkasaan ekonomi dan inisiatif pembinaan kapasiti. Sebagai contoh, Skuad Saidina Umar (SSU) telah berjaya mengembalikan akses pendidikan kepada anak-anak yang telah lama tercicir daripada sekolah, manakala program Raikan Syawal pula menyalurkan sokongan bermakna serta bantuan hari raya kepada keluarga asnaf di Hulu Langat. Inisiatif sedemikian bukan sahaja memberikan kelegaan segera, malah perubahan sebenar dapat dilihat melalui peningkatan keupayaan, peluang dan pemulihan sinar harapan.<\/p>\n      <p>Dari sudut tadbir urus, kami telah memperkasakan amalan organisasi dan kerangka tadbir urus bagi meningkatkan ketelusan, akauntabiliti serta keyakinan pihak berkepentingan melalui penerapan berterusan ISO9001 (Sistem Pengurusan Kualiti) dan ISO37001 (Sistem Pengurusan Anti-Rasuah). Ini merupakan satu bentuk penghormatan bagi menghargai amanah yang diletakkan oleh setiap muzakki terhadap institusi ini apabila mereka menunaikan kewajipan zakat melalui kami.<\/p>\n      <p><strong>Tadbir Urus, Integriti & Pematuhan<\/strong><br>\n      Bagi Lembaga Pemegang Amanah (Lembaga) Zakat Selangor, tadbir urus bukan sekadar peraturan yang perlu dipatuhi, malah ia merupakan cerminan jati diri kami sebagai sebuah institusi. Bagi pihak Lembaga, saya ingin menegaskan kembali komitmen tidak berbelah bahagi kami terhadap piawaian tadbir urus yang tertinggi. Komitmen ini tidak akan goyah, tanpa mengira apa jua keadaan yang kami hadapi.<\/p>\n      <p>Pematuhan syariah kekal menjadi teras utama bagi setiap keputusan yang kami ambil. Ia merupakan kompas yang mengemudi segala urusan, bermula daripada hala tuju strategik yang paling utama hinggalah kepada keputusan operasi yang paling kecil.<\/p>\n      <p>Pengurusan risiko yang berkesan terus menerima perhatian penuh dan teliti daripada pihak Lembaga. Kami amat percaya bahawa sebuah institusi yang diamanahkan dengan mandat zakat mestilah sebuah institusi yang berdaya tahan, mampu menjangka cabaran dan menjulang akauntabiliti. Pengawasan strategik kami didorong oleh satu tujuan murni; iaitu untuk melaksanakan amanah yang diberikan oleh para muzakki dengan penuh cermat, serta memastikan setiap pihak berkepentingan yang kami santuni dilindungi, dihormati dan dihargai.<\/p>\n      <p>Kami tidak sekadar mentadbir sebuah organisasi. Kami memikul tanggungjawab yang bersifat duniawi dan ukhrawi serta menggalasnya dengan penuh rasa tanggungjawab dan kesungguhan yang sewajarnya.<\/p>\n      <p><strong>Kepercayaan Pihak Berkepentingan & Akauntabiliti Awam<\/strong><br>\n      Setinggi-tinggi penghargaan dan terima kasih saya ucapkan kepada anda semua atas kepercayaan yang telah diberikan kepada Zakat Selangor. Kepercayaan anda bukanlah sesuatu yang hanya kami nyatakan dalam kenyataan sebegini, bahkan ia adalah amanah yang kami pegang dan hayati pada setiap hari. Ia membentuk keputusan kami, mengukuhkan akauntabiliti kami, dan memastikan kami sentiasa berpijak di bumi yang nyata secara jujur.<\/p>\n      <p>Saya berasa amat berbesar hati untuk berkongsi bahawa naskhah ini merupakan Laporan Bersepadu sulung Zakat Selangor. Kami mempersembahkannya kepada anda sebagai manifestasi ikhlas dan sepenuh hati terhadap komitmen kami dalam ketelusan, akauntabiliti, serta penciptaan nilai jangka panjang.<\/p>\n      <p>Zakat tidak mewujudkan kebergantungan, malah membina kehormatan. Ianya bukan kebajikan, tetapi transformasi menyeluruh bagi peribadi, sosial dan generasi, serta pemangkin ampuh dalam memperkukuh ummah. Menjadi penghormatan tertinggi bagi kami untuk menggalas amanah ini dan kami akan terus melaksanakannya dengan penuh dedikasi, integriti serta keikhlasan yang tidak berbelah bahagi.<\/p>\n      <p>Terima kasih.<\/p>\n      <p><em>Wassalamualaikum Warahmatullahi Wabarakatuh.<\/em><\/p>\n    <\/div>\n\n    <div id=\"pengerusi-content-en\" class=\"pengerusi-modal-text\" style=\"display: none;\">\n      <p><em>Assalamualaikum Warahmatullahi Wabarakatuh,<\/em><\/p>\n      <p>Valued Stakeholders,<\/p>\n      <p><strong>Overall Review of 2025<\/strong><br>\n      In the name of Allah, the Most Gracious, the Most Merciful, blessings and peace be upon the great leader, Prophet Muhammad (peace be upon him), his family and his companions who faithfully upheld his endeavor. Alhamdulillah, it is by His grace and His grace alone, that Zakat Selangor has navigated the year 2025 with strength, purpose and continued momentum.<\/p>\n      <p>The year presented its fair share of challenges. The economic and social environment demanded that we remain agile and deeply attentive to the evolving needs of those we serve. Our performance this year is a reflection not only of our team\u2019s commitment, but of the <i>barakah<\/i> that comes with serving a noble cause.<\/p>\n      <p>The key achievements we are proud to share in this Integrated Report, reaffirm a belief that has always been at the very core of our institution. <i>Zakat<\/i> is timeless. It is sustainable and when managed with sincerity and discipline, it remains one of the most powerful instruments for the development of the <i>ummah<\/i>.<\/p>\n      <p>It is with full transparency and profound gratitude that I present this Integrated Report to our esteemed stakeholders.<\/p>\n      <p><strong>Year Highlights<\/strong><br>\n      The year 2025 was, by many measures, a year of meaningful progress for Zakat Selangor. We are pleased to report continued growth in <i>zakat<\/i> collection, increased from RM1.22 billion in the year 2024 to RM1.31 billion in the year 2025, representing a 7.5% growth across the state of Selangor. This growth speaks to the generosity and increasing awareness of our <i>muzakki<\/i> community in fulfilling their obligations.<\/p>\n      <p>Alongside collection, we remained equally committed to ensuring that distribution was carried out with both precision and compassion. For us, every figure in our distribution records reflects not merely numbers, but lives meaningfully transformed. In the year 2025, a total of 80,022 families received assistance, comprising 28,166 <i>asnaf fakir<\/i>, 47,108 <i>asnaf miskin<\/i> and 4,748 <i>asnaf mualaf<\/i> families. It represents a life that has been touched, a burden that has been lifted from the shoulders of someone who had nowhere else to turn, a self-esteem that has been quietly and meaningful restored.<\/p>\n      <p>We are also pleased to share that our long-term socio-economic empowerment programmes for <i>asnaf<\/i> recipients were further strengthened this year. These programmes continue to strengthen the long-term resilience of <i>asnaf<\/i> families through targeted support, economic empowerment and capacity-building initiatives. For example, the Skuad Saidina Umar (SSU) successfully restored access to education for vulnerable siblings who had been out of school, while the <i>Raikan Syawal<\/i> programme brought meaningful support and festive assistance to <i>asnaf<\/i> families in Hulu Langat. Such initiatives not only provide immediate relief but true change is found in capability, in opportunity and in restoration of hope.<\/p>\n      <p>On the governance front, we strengthened our organisational practices and governance frameworks to enhance transparency, accountability and stakeholder confidence through the continuous adoption of ISO9001 (Quality Management System) and ISO37001 (Anti-Bribery Management System). It is a form of respect, a way of honouring the trust that each <i>muzakki<\/i> places in this institution when they fulfil their <i>zakat<\/i> obligation through us.<\/p>\n      <p><strong>Governance, Integrity & Compliance<\/strong><br>\n      Governance, to the Board of Trustees (Board) of Zakat Selangor, is not simply a set of rules to be followed, it is a reflection of our character as an institution. On behalf of the Board, I wish to reiterate our unwavering commitment to the highest standards of governance. This commitment will not waver regardless of the circumstances we face.<\/p>\n      <p><i>Syariah<\/i> compliance remains the bedrock of every decision we make. It is the compass by which we navigate all matters from the largest strategic directions to the smallest operational decisions.<\/p>\n      <p>Effective risk management continues to receive the Board\u2019s full and careful attention. We believe deeply that an institution entrusted with the <i>zakat<\/i> mandate must be a resilient one that anticipates challenges and upholds the accountability. Our strategic oversight is driven by a singular purpose, to follow through, with the highest level of care, the trust entrusted to us by our <i>muzakki<\/i> and to ensure that every stakeholder we serve is protected, respected and valued.<\/p>\n      <p>We do not merely govern an organisation. We carry a responsibility that is both earthly and divine and we carry it with the full gravity it deserves.<\/p>\n      <p><strong>Stakeholder Trust & Public Accountability<\/strong><br>\n      To each and every one of you who has placed your trust in Zakat Selangor, I wish to express my heartfelt gratitude. Your trust is not something we simply acknowledge in a statement such as this. Your trust is something we live by each and every day. It shapes our decisions. It sharpens our accountability. It keeps us honestly grounded.<\/p>\n      <p>I am honored to share that this marks Zakat Selangor\u2019s very first Integrated Report. We present this to you as a sincere and wholehearted representation of our commitment to transparency, accountability and long-term value creation.<\/p>\n      <p><i>Zakat<\/i> does not create dependency. It builds self-esteem. It is not charity. It is a personal, social and generational transformation and a powerful force for building a stronger <i>ummah<\/i> for generations to come. It is our highest honor to serve as its guardian and we will continue to do so with unwavering dedication, integrity and sincerity.<\/p>\n      <p>Thank you.<\/p>\n      <p><em>Wassalamualaikum Warahmatullahi Wabarakatuh.<\/em><\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* ENFORCE POPPINS *\/\n  #pengerusi-block,\n  #pengerusi-block *,\n  #pengerusi-modal-overlay,\n  #pengerusi-modal-overlay * {\n    font-family: 'Poppins', sans-serif !important;\n  }\n\n  \/* MAIN SECTION CONTAINER *\/\n  #pengerusi-block {\n    display: flex;\n    max-width: 1280px;\n    width: 100%;\n    margin: 40px auto 0 auto !important; \n    padding: 32px 96px;\n    background: #005AAB;\n    border-radius: 0px;\n    gap: 64px;\n    box-sizing: border-box;\n    align-items: center;\n  }\n\n  \/* THE IMAGE WRAPPER *\/\n  .pengerusi-image-only {\n    width: 409px;\n    height: 461px;\n    flex-shrink: 0;\n    border-radius: 0px !important; \n    overflow: hidden;\n    background-image: url('https:\/\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\/wp-content\/uploads\/2026\/04\/Frame-12.png');\n    background-repeat: no-repeat;\n    background-position: center center;\n    background-size: cover;\n  }\n\n  \/* THE TEXT CONTENT *\/\n  .pengerusi-text-side {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    gap: 10px;\n    flex: 1;\n  }\n\n  .pengerusi-h2 { \n    color: #FFF200 !important;\n    font-size: 34px !important; \n    font-weight: 700 !important; \n    margin: 0 !important;\n    line-height: 1.2 !important;\n  }\n\n  .pengerusi-text-side h3, \n  .pengerusi-text-side p {\n    color: #FFFFFF !important;\n    margin: 0 !important;\n  }\n\n  .pengerusi-h3 { font-size: 24px !important; font-weight: 500 !important; line-height: 1.2 !important; }\n  .pengerusi-bt { font-size: 15px !important; font-weight: 400 !important; line-height: 1. !important; }\n  \n  .pengerusi-quote-text { \n    font-size: 15px !important; \n    line-height: 1.6 !important;\n    margin-top: -4px !important; \n  }\n\n  \/* THE ACTION BUTTON *\/\n  .baca-btn-final {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 10px 24px;\n    border: 2px solid #8CC63E; \n    border-radius: 0px; \n    color: #FFFFFF !important;\n    text-decoration: none;\n    transition: all 0.3s ease;\n    margin-top: 16px;\n    width: fit-content;\n    font-size: 20px !important; \n    font-weight: 500 !important; \n    cursor: pointer;\n  }\n\n  .baca-btn-final:hover {\n    background: #8CC63E;\n    color: #005AAB !important;\n  }\n\n  .btn-icon {\n    width: 14px;\n    height: auto;\n    display: block;\n    transition: transform 0.3s ease;\n  }\n\n  .baca-btn-final:hover .btn-icon {\n    transform: rotate(90deg);\n  }\n\n  \/* MODAL STYLES *\/\n  .pengerusi-modal-overlay {\n    display: none;\n    position: fixed;\n    top: 0; \n    left: 0;\n    right: 0;    \n    bottom: 0;   \n    width: 100%; \n    height: 100%;\n    background: rgba(0, 0, 0, 0.7);\n    z-index: 1000000;\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n    box-sizing: border-box;\n  }\n\n  .pengerusi-modal-overlay.active {\n    display: flex;\n  }\n\n  .pengerusi-modal-content {\n    background: #FFFFFF;\n    max-width: 900px;\n    width: 100%;\n    max-height: 85vh;\n    overflow-y: auto;\n    border-radius: 0px;\n    padding: 40px 50px;\n    position: relative;\n    box-sizing: border-box;\n  }\n\n  .pengerusi-modal-close {\n    position: absolute;\n    top: 25px;\n    right: 25px;\n    cursor: pointer;\n    background: transparent; \n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: opacity 0.3s ease;\n  }\n\n  .pengerusi-modal-close img {\n    width: 24px;\n    height: 24px;\n    display: block;\n  }\n\n  .pengerusi-modal-close:hover {\n    opacity: 0.6;\n  }\n\n  .pengerusi-modal-title {\n    color: #005AAB !important;\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    margin-top: 0 !important;\n    margin-bottom: 8px !important;\n    text-align: left !important; \n    padding-right: 40px; \n  }\n\n  .pengerusi-modal-subtitle {\n    color: #005AAB !important;\n    font-size: 22px !important;\n    font-weight: 500 !important;\n    margin-top: 0 !important;\n    margin-bottom: 32px !important;\n    text-align: left !important; \n  }\n\n  .pengerusi-modal-text p {\n    color: #333333 !important;\n    font-size: 16px !important;\n    line-height: 1.6 !important;\n    margin-bottom: 20px !important;\n  }\n\n  \/* RESPONSIVE CSS *\/\n  @media (max-width: 1024px) {\n    #pengerusi-block { \n        flex-direction: column; \n        padding: 40px 20px; \n        gap: 32px;\n    }\n    .pengerusi-image-only { \n      width: 100%; \n      max-width: 409px; \n      height: auto !important; \n      aspect-ratio: 409 \/ 461; \n      margin: 0 auto; \n      background-position: center top !important; \n      border-radius: 0px !important;\n    }\n    .pengerusi-h2 { font-size: 28px !important; }\n    .baca-btn-final { font-size: 18px !important; } \n    .pengerusi-modal-content { padding: 30px 20px; }\n    .pengerusi-modal-title { font-size: 26px !important; margin-bottom: 8px !important; }\n    .pengerusi-modal-subtitle { font-size: 18px !important; margin-bottom: 24px !important; }\n  }\n<\/style>\n\n<script>\n\/\/ Modal Functions\nfunction openPengerusiModal(e) {\n  if(e) e.preventDefault();\n  document.getElementById('pengerusi-modal-overlay').classList.add('active');\n  document.body.style.overflow = 'hidden'; \/\/ Prevents background scrolling when modal is open\n}\n\nfunction closePengerusiModal() {\n  document.getElementById('pengerusi-modal-overlay').classList.remove('active');\n  document.body.style.overflow = 'auto'; \/\/ Restores background scrolling\n}\n\nfunction closePengerusiModalOutside(e) {\n  if(e.target.id === 'pengerusi-modal-overlay') {\n    closePengerusiModal();\n  }\n}\n\n\/\/ Initialization and Language Script\ndocument.addEventListener('DOMContentLoaded', function() {\n    \n    \/\/ Move the modal to the body to escape WordPress container traps\n    var modalOverlay = document.getElementById('pengerusi-modal-overlay');\n    if (modalOverlay) {\n        document.body.appendChild(modalOverlay);\n    }\n\n    function getIsEng() {\n        var sw = document.getElementById('lang-switch');\n        return sw && sw.checked;\n    }\n\n    function updateLanguageContent() {\n        var isEng = getIsEng();\n        \n        \/\/ Use .innerHTML so <i> tags inside data-lab-en are rendered properly\n        document.querySelectorAll('#pengerusi-block .pengerusi-lab, #pengerusi-modal-overlay .pengerusi-lab').forEach(function(el) {\n            el.innerHTML = isEng ? el.getAttribute('data-lab-en') : el.getAttribute('data-lab-bm');\n        });\n\n        \/\/ Toggle Modal Long Paragraphs\n        var bmContent = document.getElementById('pengerusi-content-bm');\n        var enContent = document.getElementById('pengerusi-content-en');\n        if (bmContent && enContent) {\n            bmContent.style.display = isEng ? 'none' : 'block';\n            enContent.style.display = isEng ? 'block' : 'none';\n        }\n    }\n\n    \/\/ Initialize defaults\n    updateLanguageContent();\n\n    \/\/ Wait for language switch element from the header to load\n    var langPoll = setInterval(function() {\n        var sw = document.getElementById('lang-switch');\n        if (sw) {\n            sw.addEventListener('change', updateLanguageContent);\n            updateLanguageContent();\n            clearInterval(langPoll);\n        }\n    }, 500);\n});\n<\/script>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div id=\"ceo-block\">\n  <div class=\"ceo-text-side\">\n    <div style=\"display: flex; flex-direction: column; gap: 8px; margin-bottom: 8px;\">\n      <h2 class=\"ceo-h2 ceo-lab\" data-lab-bm=\"Mesej Ketua Pegawai Eksekutif\" data-lab-en=\"Chief Executive Officer Message\">Mesej Ketua Pegawai Eksekutif<\/h2>\n      <h3 class=\"ceo-h3\">Encik Mohd Khaidzir bin Shahari<\/h3>\n      <p class=\"ceo-bt ceo-lab\" data-lab-bm=\"Ketua Pegawai Eksekutif, Zakat Selangor\" data-lab-en=\"Chief Executive Officer, Zakat Selangor\">Ketua Pegawai Eksekutif, Zakat Selangor<\/p>\n    <\/div>\n\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\">\n      <path d=\"M9.4261 4.55804C5.6611 6.97604 3.56943 9.79054 3.1511 13.0015C2.4996 18 6.9696 20.4465 9.2346 18.2485C11.4996 16.0505 10.1421 13.26 8.5021 12.497C6.8621 11.734 5.8591 12 6.0341 10.9805C6.2091 9.96103 8.5421 7.13554 10.5921 5.81954C10.6646 5.75769 10.7109 5.67055 10.7215 5.57581C10.7321 5.48108 10.7062 5.38587 10.6491 5.30954L10.1421 4.65004C9.9221 4.36404 9.7111 4.37503 9.4261 4.55753M19.3391 4.55804C15.5741 6.97604 13.4824 9.79054 13.0641 13.0015C12.4121 18 16.8821 20.4465 19.1471 18.2485C21.4121 16.0505 20.0546 13.26 18.4141 12.497C16.7736 11.734 15.7711 12 15.9461 10.9805C16.1211 9.96103 18.4546 7.13554 20.5046 5.81954C20.5771 5.75762 20.6232 5.67044 20.6337 5.57571C20.6442 5.48098 20.6183 5.38581 20.5611 5.30954L20.0546 4.65004C19.8346 4.36404 19.6236 4.37503 19.3391 4.55753\" fill=\"#FEE800\"><\/path>\n    <\/svg>\n\n    <p class=\"ceo-quote-text ceo-lab\" data-lab-bm=\"Fokus kami merangkumi tiga tunjang utama: pekerjaan, keusahawanan dan pendidikan. Setiap tunjang direka bukan sekadar untuk menangani kesulitan semasa asnaf, malah untuk memenuhi aspirasi mendalam mereka. Kami percaya setiap asnaf berhak mendapat lebih daripada sekadar bantuan kecemasan; mereka berhak mendapat peluang untuk bangkit, berkembang dan berjaya.\" data-lab-en=\"Our focus spanned three pillars of meaningful human progress, which are employment, entrepreneurship and education. Each pillar was chosen with purpose. Each was designed to address not only the immediate circumstances of our <i>asnaf<\/i>, but the deeper aspiration that lives within every one of them. We hold firmly to this belief that every <i>asnaf<\/i> deserves not merely a hand extended in a moment of hardship, but a genuine and dignified chance to rise, to grow and to truly thrive.\">\n      Fokus kami merangkumi tiga tunjang utama: pekerjaan, keusahawanan dan pendidikan. Setiap tunjang direka bukan sekadar untuk menangani kesulitan semasa asnaf, malah untuk memenuhi aspirasi mendalam mereka. Kami percaya setiap asnaf berhak mendapat lebih daripada sekadar bantuan kecemasan; mereka berhak mendapat peluang untuk bangkit, berkembang dan berjaya.\n    <\/p>\n\n    <a href=\"\/\" class=\"baca-btn-ceo\" onclick=\"openCeoModal(event)\">\n      <span class=\"ceo-lab\" data-lab-bm=\"Baca\" data-lab-en=\"Read\">Baca<\/span>\n      <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/icon-park-outline_down-1.png\" alt=\"icon\" class=\"btn-icon-ceo\">\n    <\/a>\n  <\/div>\n\n  <div class=\"ceo-image-wrapper\"><\/div>\n<\/div>\n\n<div id=\"ceo-modal-overlay\" class=\"ceo-modal-overlay\" onclick=\"closeCeoModalOutside(event)\">\n  <div class=\"ceo-modal-content\">\n    \n    <div class=\"ceo-modal-close\" onclick=\"closeCeoModal()\">\n      <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/05\/Vector-7.png\" alt=\"Close\">\n    <\/div>\n    \n    <h2 class=\"ceo-modal-title ceo-lab\" data-lab-bm=\"Mesej Ketua Pegawai Eksekutif\" data-lab-en=\"Chief Executive Officer Message\">Mesej Ketua Pegawai Eksekutif<\/h2>\n    <h3 class=\"ceo-modal-subtitle\">Encik Mohd Khaidzir bin Shahari<\/h3>\n    \n    <div id=\"ceo-content-bm\" class=\"ceo-modal-text\">\n      <p><em>Assalamualaikum Warahmatullahi Wabarakatuh,<\/em><\/p>\n      <p>Pihak berkepentingan sekalian,<\/p>\n      <p>2025 merupakan tahun yang amat membanggakan, di mana Zakat Selangor terus memacu kemajuan dan memberikan impak nyata kepada masyarakat, meskipun berdepan dengan persekitaran dunia yang sentiasa berubah.<\/p>\n      \n      <p><strong>Ringkasan Prestasi 2025<\/strong><br>\n      Antara pencapaian tahun ini, pertumbuhan Skim Potongan Gaji (SPG) amat bermakna bagi saya. Kejayaan menarik penyertaan pelbagai syarikat baharu membuktikan keberkesanan libat urus secara konsisten oleh pasukan kami. Pencapaian ini mencerminkan komitmen kolektif dalam memacu penyertaan bermakna program tersebut.<\/p>\n\n      <p>Prestasi SPG turut diperkukuh melalui kerjasama erat dengan Syarikat Berkaitan Kerajaan (GLC), subsidiari Majlis Agama Islam Selangor (MAIS) dan agensi penguatkuasaan. Sokongan padu mereka menjadi pemangkin utama kejayaan ini, sekali gus mencerminkan tekad bersama ke arah matlamat yang satu.<\/p>\n\n      <p>Melalui inisiatif jangkauan ini, kami membantu organisasi memahami tujuan mendalam di sebalik zakat serta realiti keperluan agihannya. Apabila kefahaman ini terbentuk, bahagian sumber manusia setiap syarikat mengambil peranan aktif sebagai penghubung, memudah cara pendaftaran dan membantu kakitangan muslim menunaikan kewajipan zakat secara konsisten menerusi potongan gaji bulanan mereka dengan lebih mudah.<\/p>\n\n      <p>Inilah keindahan model kami, ia bukan sekadar arahan daripada pihak atasan, sebaliknya merupakan tanggungjawab bersama di mana organisasi dan kakitangannya bersatu atas semangat ibadah.<\/p>\n\n      <p><strong>Pelaksanaan Strategi: Pemerkasaan Melangkaui Bantuan<\/strong><br>\n      Strategi \u201cPemerkasaan Melangkaui Bantuan\u201d bukan sekadar kerangka panduan, malah ia merupakan tunjang utama dalam setiap keputusan dan reka bentuk program kami tahun ini. Kami beralih secara tekad daripada kebiasaan bantuan jangka pendek kepada komitmen terhadap program yang membuahkan hasil yang terbukti, mampan dan benar-benar transformatif. Fokus kami merangkumi tiga tunjang utama: pekerjaan, keusahawanan dan pendidikan. Setiap tunjang direka bukan sekadar untuk menangani kesulitan semasa asnaf, malah untuk memenuhi aspirasi mendalam mereka. Kami percaya setiap asnaf berhak mendapat lebih daripada sekadar bantuan kecemasan; mereka berhak mendapat peluang untuk bangkit, berkembang dan berjaya.<\/p>\n\n      <p><strong>Kecekapan Operasi & Pendigitalan<\/strong><br>\n      Kecemerlangan misi bermula dengan kecemerlangan operasi. Kami terus melabur dalam penambahbaikan proses dalaman dan pendigitalan perkhidmatan bagi memberikan pengalaman yang lancar dan menghormati para muzakki serta asnaf. Pengukuhan tadbir urus data kini membolehkan organisasi bertindak dengan lebih cekap dan akauntabiliti yang lebih kukuh, selaras dengan integriti amanah yang kami pikul.<\/p>\n\n      <p><strong>Inovasi & Kerjasama Strategik<\/strong><br>\n      Potensi sebenar zakat dizahirkan melalui kolaborasi. Tahun ini, kami memperkukuh rakan kongsi rentas sektor awam, swasta dan komuniti bagi meluaskan jangkauan serta keberkesanan agihan. Semangat inovasi dalam membangunkan inisiatif baharu bagi menyahut keperluan semasa asnaf dan muzakki inilah yang memastikan Zakat Selangor kekal relevan<\/p>\n\n      <p><strong>Risiko, Kelestarian & Modal Insan<\/strong><br>\n      Kelestarian perkhidmatan memerlukan pengurusan risiko yang proaktif. Kami meletakkan pengurusan risiko operasi, kewangan dan reputasi sebagai keutamaan strategik bagi memastikan kelangsungan perkhidmatan. Selain itu, pelaburan dalam modal insan diteruskan bagi membina pasukan yang kompeten secara profesional dan berpegang teguh pada prinsip.<\/p>\n\n      <p><strong>Tujuh Nilai Teras<\/strong> kami kekal sebagai nadi institusi ini, menjadi piawaian harian warga kerja dalam memimpin dan berkhidmat. Dengan asas yang kukuh dan pasukan yang dedikasi, saya yakin Zakat Selangor berada pada kedudukan terbaik untuk terus memacu kecemerlangan buat asnaf dan muzakki. Bersama-sama, kita melangkah ke hadapan dan membawa perubahan.<\/p>\n      \n      <p>Terima kasih.<\/p>\n      <p><em>Wassalamualaikum Warahmatullahi Wabarakatuh.<\/em><\/p>\n    <\/div>\n    \n    <div id=\"ceo-content-en\" class=\"ceo-modal-text\" style=\"display: none;\">\n      <p><em>Assalamualaikum Warahmatullahi Wabarakatuh,<\/em><\/p>\n      <p>Dear Stakeholders,<\/p>\n      <p>2025 has been a year we are truly proud of, a year that showed Zakat Selangor continue to progress, delivering real results for real people, even as the world around us kept changing.<\/p>\n      \n      <p><strong>2025 Performance Summary<\/strong><br>\n      Among the many achievements of the year, one stands out as particularly meaningful to me personally. Our Salary Deduction Scheme (<i>Skim Potongan Gaji<\/i> or SPG) continued to grow in a way that truly reflects the power of collaborative effort and shared purpose. The successful onboarding of several companies onto the SPG programme this year stands as a testament to the persistent, purposeful and on-the-ground engagement consistently carried out by our dedicated team. This accomplishment reflects the commitment and collective efforts undertaken to drive meaningful participation in the programme.<\/p>\n\n      <p>The achievements of the SPG programme this year were further strengthened through close collaboration with Government-Linked Companies (GLCs), subsidiaries of Majlis Agama Islam Selangor (MAIS) and enforcement agencies. Their active involvement and unwavering support have been instrumental in driving the programme\u2019s success, reflecting a shared commitment towards a common goal.<\/p>\n\n      <p>Through this outreach, we worked closely with organisations to help them understand not only the mechanics of the scheme, but more importantly the deeper purpose behind it. We shared with them the reality of <i>zakat<\/i> distribution needs, so that they could appreciate the direct and meaningful impact their participation would create. Once that understanding was established, the human resource divisions within each respective company took ownership of the process. They became the bridge between Zakat Selangor and their own employees facilitating awareness, enabling enrolment and making it genuinely easier for working muslims to fulfil their <i>zakat<\/i> obligations directly through their monthly salary.<\/p>\n\n      <p>That is the beauty of this model. It is not a top-down directive. It is a shared responsibility, one where organisations and their people come together in the spirit of <i>ibadah<\/i>.<\/p>\n\n      <p><strong>Strategy Execution: Empowerment Beyond Relief<\/strong><br>\n      Our strategy, Empowerment Beyond Relief, was not merely a guiding framework this year. It was the lens through which every decision was made and every programme was designed. We moved deliberately away from the comfort of short-term assistance. In its place, we committed ourselves to a programme that delivers outcomes which are verified, enduring and genuinely transformative.<\/p>\n\n      <p>Our focus spanned three pillars of meaningful human progress, which are employment, entrepreneurship and education. Each pillar was chosen with purpose. Each was designed to address not only the immediate circumstances of our <i>asnaf<\/i>, but the deeper aspiration that lives within every one of them. We hold firmly to this belief that every <i>asnaf<\/i> deserves not merely a hand extended in a moment of hardship, but a genuine and dignified chance to rise, to grow and to truly thrive.<\/p>\n\n      <p><strong>Operational Efficiency & Digitalisation<\/strong><br>\n      Excellence in our mission begins with excellence in how we operate. We continued investing in internal process improvements and service digitalisation to deliver a seamless, respectful experience for both our <i>muzakki<\/i> and <i>asnaf<\/i>. Our strengthened data governance and decision-support systems now enable the organisation to act with greater efficiency and sharper accountability. We are building an institution where every process reflects the integrity of the <i>amanah<\/i> we carry.<\/p>\n\n      <p><strong>Innovation & Strategic Collaboration<\/strong><br>\n      We have always believed that <i>zakat<\/i>\u2019s full potential is best realised through collaboration.<\/p>\n\n      <p>This year, we deepened cross-sector partnerships across public, private and community organisations, expanding both the reach and depth of our distribution efforts.<\/p>\n\n      <p>We moved proactively, developing new initiatives in direct response to the evolving needs of our <i>asnaf<\/i>, <i>muzakki<\/i> and the broader community.<\/p>\n\n      <p>This spirit of innovation is what keeps Zakat Selangor not just relevant, but indispensable.<\/p>\n\n      <p><strong>Risk Management, Sustainability & Human Capital<\/strong><br>\n      Sustainable service requires sound and proactive risk management. The management of operational, financial and reputational risks remained a firm strategic priority, ensuring our ability to serve is never disrupted. We continued to invest meaningfully in our people, building a team that is professionally capable and deeply principled.<\/p>\n\n      <p>Our <b>Seven Core Values<\/b> remain the heart of this institution the daily standard by which our people lead, serve and deliver in the name of this noble mission. With a solid foundation and a dedicated team, I am confident that Zakat Selangor is well-positioned to continue delivering excellence for our <i>asnaf<\/i> and our <i>muzakki<\/i>. Together, we move forward. Together, we make a difference.<\/p>\n      \n      <p>Thank you.<\/p>\n      <p><em>Wassalamualaikum Warahmatullahi Wabarakatuh.<\/em><\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* ENFORCE POPPINS *\/\n  #ceo-block,\n  #ceo-block *,\n  #ceo-modal-overlay,\n  #ceo-modal-overlay * {\n    font-family: 'Poppins', sans-serif !important;\n  }\n\n  \/* MAIN BLOCK CONTAINER *\/\n  #ceo-block {\n    display: flex;\n    max-width: 1280px;\n    width: 100%;\n    margin: 0 auto 40px auto !important; \n    padding: 32px 96px;\n    background: #005AAB;\n    border-radius: 0 !important;\n    gap: 64px;\n    box-sizing: border-box;\n    flex-direction: row; \n    justify-content: center;\n    align-items: center;\n  }\n\n  \/* TEXT SIDE STYLING *\/\n  .ceo-text-side {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    gap: 16px; \n    flex: 1;\n  }\n\n  .ceo-h2 { \n    color: #FFF200 !important;\n    font-size: 34px !important; \n    font-weight: 700 !important; \n    margin: 0 !important;\n    line-height: 1.2 !important;\n  }\n\n  .ceo-text-side h3, \n  .ceo-text-side p {\n    color: #FFFFFF !important;\n    margin: 0 !important;\n  }\n\n  .ceo-h3 { font-size: 24px !important; font-weight: 500 !important; line-height: 1.2 !important; }\n  .ceo-bt { font-size: 15px !important; font-weight: 400 !important; line-height: 1.2 !important; }\n  \n  .ceo-quote-text { \n    font-size: 15px !important; \n    line-height: 1.6 !important;\n    margin-top: -4px !important; \n  }\n\n  \/* IMAGE STYLING *\/\n  .ceo-image-wrapper {\n    width: 409px;\n    height: 461px;\n    flex-shrink: 0;\n    border-radius: 0px;\n    overflow: hidden;\n    background-image: url('https:\/\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\/wp-content\/uploads\/2026\/05\/Frame-12.png');\n    background-repeat: no-repeat;\n    background-position: center center;\n    background-size: cover;\n  }\n\n  \/* BUTTON STYLING *\/\n  .baca-btn-ceo {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;               \n    padding: 10px 24px;\n    border: 2px solid #8CC63E; \n    border-radius: 0px; \n    color: #FFFFFF !important; \n    text-decoration: none;\n    transition: all 0.3s ease;\n    width: fit-content;\n    margin-top: 16px;\n    font-size: 20px !important; \n    font-weight: 500 !important; \n    cursor: pointer;\n  }\n\n  .baca-btn-ceo:hover {\n    background: #8CC63E;\n    color: #005AAB !important;\n  }\n\n  .btn-icon-ceo {\n    width: 14px;          \n    height: auto;\n    display: block;\n    transition: transform 0.3s ease;\n  }\n\n  .baca-btn-ceo:hover .btn-icon-ceo {\n    transform: rotate(90deg);\n  }\n\n  \/* MODAL STYLES *\/\n  .ceo-modal-overlay {\n    display: none;\n    position: fixed;\n    top: 0; \n    left: 0;\n    right: 0;    \n    bottom: 0;   \n    width: 100%; \n    height: 100%;\n    background: rgba(0, 0, 0, 0.7);\n    z-index: 1000000;\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n    box-sizing: border-box;\n  }\n\n  .ceo-modal-overlay.active {\n    display: flex;\n  }\n\n  .ceo-modal-content {\n    background: #FFFFFF;\n    max-width: 900px;\n    width: 100%;\n    max-height: 85vh;\n    overflow-y: auto;\n    border-radius: 0px;\n    padding: 40px 50px;\n    position: relative;\n    box-sizing: border-box;\n  }\n\n  .ceo-modal-close {\n    position: absolute;\n    top: 25px;\n    right: 25px;\n    cursor: pointer;\n    background: transparent; \n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: opacity 0.3s ease;\n  }\n\n  .ceo-modal-close img {\n    width: 24px;\n    height: 24px;\n    display: block;\n  }\n\n  .ceo-modal-close:hover {\n    opacity: 0.6;\n  }\n\n  .ceo-modal-title {\n    color: #005AAB !important;\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    margin-top: 0 !important;\n    margin-bottom: 8px !important;\n    text-align: left !important; \n    padding-right: 40px; \n  }\n\n  .ceo-modal-subtitle {\n    color: #005AAB !important;\n    font-size: 22px !important;\n    font-weight: 500 !important;\n    margin-top: 0 !important;\n    margin-bottom: 32px !important;\n    text-align: left !important; \n  }\n\n  .ceo-modal-text p {\n    color: #333333 !important;\n    font-size: 16px !important;\n    line-height: 1.6 !important;\n    margin-bottom: 20px !important;\n  }\n\n  \/* RESPONSIVE CSS *\/\n  @media (max-width: 1024px) {\n    #ceo-block { \n      flex-direction: column-reverse; \n      padding: 40px 20px; \n      gap: 32px;\n    }\n    .ceo-image-wrapper { \n      width: 100%; \n      max-width: 409px; \n      height: auto !important; \n      aspect-ratio: 409 \/ 461; \n      margin: 0 auto; \n      background-position: center top !important; \n    }\n    .ceo-h2 { font-size: 28px !important; }\n    .baca-btn-ceo { font-size: 18px !important; } \n    .ceo-modal-content { padding: 30px 20px; }\n    .ceo-modal-title { font-size: 26px !important; margin-bottom: 8px !important; }\n    .ceo-modal-subtitle { font-size: 18px !important; margin-bottom: 24px !important; }\n  }\n<\/style>\n\n<script>\n\/\/ Modal Functions\nfunction openCeoModal(e) {\n  if(e) e.preventDefault();\n  document.getElementById('ceo-modal-overlay').classList.add('active');\n  document.body.style.overflow = 'hidden'; \n}\n\nfunction closeCeoModal() {\n  document.getElementById('ceo-modal-overlay').classList.remove('active');\n  document.body.style.overflow = 'auto'; \n}\n\nfunction closeCeoModalOutside(e) {\n  if(e.target.id === 'ceo-modal-overlay') {\n    closeCeoModal();\n  }\n}\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    var ceoModalOverlay = document.getElementById('ceo-modal-overlay');\n    if (ceoModalOverlay) {\n        document.body.appendChild(ceoModalOverlay);\n    }\n\n    function getIsEng() {\n        var sw = document.getElementById('lang-switch');\n        return sw && sw.checked;\n    }\n\n    function updateLanguageContent() {\n        var isEng = getIsEng();\n        \n        \/\/ Changed to .innerHTML to support the <i> tags in data attributes\n        document.querySelectorAll('#ceo-block .ceo-lab, #ceo-modal-overlay .ceo-lab').forEach(function(el) {\n            el.innerHTML = isEng ? el.getAttribute('data-lab-en') : el.getAttribute('data-lab-bm');\n        });\n\n        var bmContent = document.getElementById('ceo-content-bm');\n        var enContent = document.getElementById('ceo-content-en');\n        if (bmContent && enContent) {\n            bmContent.style.display = isEng ? 'none' : 'block';\n            enContent.style.display = isEng ? 'block' : 'none';\n        }\n    }\n\n    updateLanguageContent();\n\n    var langPoll = setInterval(function() {\n        var sw = document.getElementById('lang-switch');\n        if (sw) {\n            sw.addEventListener('change', updateLanguageContent);\n            updateLanguageContent();\n            clearInterval(langPoll);\n        }\n    }, 500);\n});\n<\/script>\n<\/div>\n\n\n\n<div id=\"agihan_kutipan\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function() {\n  const langSwitch = document.getElementById('lang-switch');\n  const agihanTitle = document.getElementById('agihan-title-text');\n\n  const translations = {\n    bm: {\n      title: \"Agihan Zakat\"\n    },\n    eng: {\n      title: \"Zakat Distribution\"\n    }\n  };\n\n  function updateLanguage() {\n    if (!agihanTitle) return;\n    \n    \/\/ If checkbox is checked, use English, otherwise BM\n    const lang = langSwitch.checked ? 'eng' : 'bm';\n    agihanTitle.textContent = translations[lang].title;\n  }\n\n  if (langSwitch) {\n    langSwitch.addEventListener('change', updateLanguage);\n    \/\/ Initialize on load\n    updateLanguage();\n  }\n});\n<\/script>\n\n<style>\n  \/* 1. HEADER CONTAINER *\/\n  .agihan-header-container {\n    display: flex;\n    max-width: 1280px;\n    width: 100%;\n    margin: 40px auto 0 auto; \n    padding: 24px 96px;       \n    flex-direction: column;\n    align-items: center;\n    box-sizing: border-box;\n    background: transparent;  \n  }\n\n  \/* 2. TYPOGRAPHY *\/\n  .agihan-title {\n    align-self: stretch;\n    color: #005AAB;           \n    text-align: center;\n    font-family: 'Poppins', sans-serif !important;\n    font-size: 34px !important; \n    font-style: normal;\n    font-weight: 700 !important;\n    line-height: normal;\n    margin: 0;\n  }\n\n  \/* Force italics for the zakat word specifically *\/\n  .agihan-title i {\n    font-style: italic !important;\n  }\n\n  \/* 3. MOBILE RESPONSIVENESS *\/\n  @media (max-width: 768px) {\n    .agihan-header-container {\n      padding: 24px 10px; \n    }\n    .agihan-title {\n      font-size: 28px !important; \n    }\n  }\n<\/style>\n\n<div class=\"agihan-header-container\">\n  <h2 class=\"agihan-title agihan-lab\" \n      id=\"agihan-title-text\" \n      data-lab-bm=\"Agihan Zakat\" \n      data-lab-en=\"&lt;i&gt;Zakat&lt;\/i&gt; Distribution\">\n      Agihan Zakat\n  <\/h2>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    function getIsEng() {\n        var sw = document.getElementById('lang-switch');\n        return sw && sw.checked;\n    }\n\n    function updateLanguageContent() {\n        var isEng = getIsEng();\n        \n        document.querySelectorAll('.agihan-lab').forEach(function(el) {\n            var rawText = isEng ? el.getAttribute('data-lab-en') : el.getAttribute('data-lab-bm');\n            if (rawText) {\n                \/\/ Decode &lt; and &gt; back to < and > so the italics render\n                var decodedText = rawText.replace(\/&lt;\/g, '<').replace(\/&gt;\/g, '>');\n                el.innerHTML = decodedText;\n            }\n        });\n    }\n\n    updateLanguageContent();\n\n    var langPoll = setInterval(function() {\n        var sw = document.getElementById('lang-switch');\n        if (sw) {\n            sw.addEventListener('change', updateLanguageContent);\n            updateLanguageContent();\n            clearInterval(langPoll);\n        }\n    }, 500);\n});\n<\/script>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"agihan-zakat-section\" id=\"agihan-manual-trigger\">\n  <div class=\"content-wrapper\">\n    <div class=\"stats-header\">\n      <h1 class=\"main-stat agihan-scroll-item\" data-target=\"1.33\" data-prefix=\"RM\" data-suf-bm=\" Bil\" data-suf-en=\" Bil\">RM0.00 Bil<\/h1>\n      <div class=\"percentage-group\">\n        <span class=\"percentage agihan-scroll-item\" data-target=\"12\" data-prefix=\"\" data-suf-bm=\"%\" data-suf-en=\"%\">0%<\/span>\n        <h3 class=\"stat-subtitle\" id=\"subtitle-v7\">Peningkatan agihan zakat pada tahun 2025 berbanding 2024<\/h3>\n      <\/div>\n    <\/div>\n\n    <div class=\"description-container\">\n      <p class=\"description-text\" id=\"desc-v7\">\n        Zakat Selangor telah mengagihkan zakat merentasi lapan kategori asnaf dengan fokus utama kepada <b>pembangunan sosial, pembangunan pendidikan, pembangunan institusi keagamaan, pembangunan insan dan pembangunan ekonomi.<\/b>\n        <br><br>\n        Jumlah keseluruhan pengagihan adalah <b>RM1.33 bilion<\/b>, dengan lebih <b>80,022 keluarga (termasuk mualaf)<\/b> menerima bantuan dalam pelbagai bentuk termasuk kewangan, makanan dan rawatan perubatan.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"image-placeholder\">\n    <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Agihan-Zakat-1.png\" alt=\"Agihan Zakat\">\n  <\/div>\n<\/section>\n\n<style>\n.agihan-zakat-section,\n.agihan-zakat-section * {\n  font-family: 'Poppins', sans-serif !important;\n  box-sizing: border-box !important;\n}\n\n.agihan-zakat-section {\n  display: flex; flex-direction: row; align-items: center; justify-content: center;\n  gap: 40px; width: 100% !important; max-width: 1088px; margin: 50px auto; padding: 0 20px; overflow: hidden;\n}\n\n.content-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 30px; flex: 1; min-width: 0; }\n\n.main-stat { color: #8CC63E !important; font-size: clamp(50px, 10vw, 96px) !important; font-weight: 700 !important; line-height: 1 !important; margin: 0 0 15px 0 !important; }\n\n\/* Desktop version stays the same *\/\n.percentage { \n  color: #005AAB !important; \n  font-size: clamp(35px, 6vw, 60px) !important; \n  font-weight: 700 !important; \n  line-height: 1 !important; \n}\n\n.stat-subtitle { color: #005AAB !important; font-size: clamp(18px, 2.5vw, 24px) !important; font-weight: 500 !important; line-height: 1.2 !important; margin: 0 !important; }\n.description-text { font-size: 15px !important; line-height: 1.5 !important; color: #000000 !important; }\n\n.image-placeholder { width: 100%; max-width: 392px; height: auto; aspect-ratio: 392 \/ 400; background: #eee; flex-shrink: 0; }\n.image-placeholder img { width: 100%; height: 100%; object-fit: cover; }\n\n@media (max-width: 850px) {\n  .agihan-zakat-section { flex-direction: column; text-align: center; gap: 30px; }\n  .content-wrapper { width: 100%; align-items: center; }\n  .image-placeholder { max-width: 100%; }\n  \n  .percentage-group { margin-top: 16px; } \n  \n  \/* Breathing space for percentage ONLY on mobile (Top space only) *\/\n  .percentage {\n    display: inline-block;\n    margin-top: 16px;\n    margin-bottom: 0; \/* Keeps it tight to the subtitle below *\/\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    let animated = false;\n\n    function getIsEng() {\n        const sw = document.getElementById('lang-switch');\n        return sw && sw.checked;\n    }\n\n    function animateNumbers() {\n        if (animated) return;\n        animated = true;\n\n        const elements = document.querySelectorAll('.agihan-scroll-item');\n        elements.forEach(el => {\n            const target = parseFloat(el.getAttribute('data-target'));\n            const prefix = el.getAttribute('data-prefix') || \"\";\n            const isDecimal = el.getAttribute('data-target').includes('.');\n            const duration = 2000; \n            let startTimestamp = null;\n\n            const step = (timestamp) => {\n                if (!startTimestamp) startTimestamp = timestamp;\n                const progress = Math.min((timestamp - startTimestamp) \/ duration, 1);\n                const currentVal = progress * target;\n                \n                const isEng = getIsEng();\n                const suffix = isEng ? (el.getAttribute('data-suf-en') || \"\") : (el.getAttribute('data-suf-bm') || \"\");\n                \n                const formattedVal = isDecimal ? currentVal.toFixed(2) : Math.floor(currentVal);\n                el.innerHTML = prefix + formattedVal + suffix;\n\n                if (progress < 1) {\n                    window.requestAnimationFrame(step);\n                } else {\n                    el.innerHTML = prefix + (isDecimal ? target.toFixed(2) : target) + suffix;\n                }\n            };\n            window.requestAnimationFrame(step);\n        });\n    }\n\n    \/\/ Modern Intersection Observer for trigger\n    const observerOptions = { threshold: 0.2 };\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                animateNumbers();\n                observer.unobserve(entry.target);\n            }\n        });\n    }, observerOptions);\n\n    const targetSection = document.getElementById('agihan-manual-trigger');\n    if (targetSection) observer.observe(targetSection);\n\n    function updateLanguageContent() {\n        const isEng = getIsEng();\n        const sub = document.getElementById('subtitle-v7');\n        const desc = document.getElementById('desc-v7');\n\n        if (isEng) {\n            \/\/ CHANGED to .innerHTML to allow italic rendering\n            if (sub) sub.innerHTML = \"Growth in <i>zakat<\/i> distribution from 2024 to 2025\";\n            if (desc) desc.innerHTML = \"Zakat Selangor distributed <i>zakat<\/i> funds across eight categories of people in need. We focused mainly on <b>social development, education development, religious institution development, human development and economic development.<\/b><br><br>The total amount given out was <b>RM1.33 billion<\/b>. More than <b>80,022 families (including <i>mualaf<\/i>)<\/b> received help in different ways, such as money, food and medical care.\";\n        } else {\n            \/\/ CHANGED to .innerHTML here too for consistency\n            if (sub) sub.innerHTML = \"Peningkatan agihan zakat pada tahun 2025 berbanding 2024\";\n            if (desc) desc.innerHTML = \"Zakat Selangor telah mengagihkan zakat merentasi lapan kategori asnaf dengan fokus utama kepada <b>pembangunan sosial, pembangunan pendidikan, pembangunan institusi keagamaan, pembangunan insan dan pembangunan ekonomi.<\/b><br><br>Jumlah keseluruhan pengagihan adalah <b>RM1.33 bilion<\/b>, dengan lebih <b>80,022 keluarga (termasuk mualaf)<\/b> menerima bantuan dalam pelbagai bentuk termasuk kewangan, makanan dan rawatan perubatan.\";\n        }\n\n        document.querySelectorAll('.agihan-scroll-item').forEach(el => {\n            const targetStr = el.getAttribute('data-target');\n            const prefix = el.getAttribute('data-prefix') || \"\";\n            const suffix = isEng ? el.getAttribute('data-suf-en') : el.getAttribute('data-suf-bm');\n            \n            if (animated) {\n                const val = parseFloat(targetStr);\n                el.innerHTML = prefix + (targetStr.includes('.') ? val.toFixed(2) : val) + suffix;\n            } else {\n                el.innerHTML = prefix + (targetStr.includes('.') ? \"0.00\" : \"0\") + suffix;\n            }\n        });\n    }\n\n    \/\/ Initial load\n    updateLanguageContent();\n\n    \/\/ Listen for language switch\n    const langPoll = setInterval(() => {\n        const sw = document.getElementById('lang-switch');\n        if (sw) {\n            sw.addEventListener('change', updateLanguageContent);\n            clearInterval(langPoll);\n        }\n    }, 500);\n});\n<\/script>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* Enforce Poppins universally for this section *\/\n.kutipan_main,\n.kutipan_main * {\n  font-family: 'Poppins', sans-serif !important;\n}\n\n.kutipan_main {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 25px;\n  width: 100%;\n  max-width: 830px;\n  margin: 50px auto 0 auto;\n  box-sizing: border-box;\n}\n\n.kutipan_card {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 24px;\n  width: 260px;\n  height: 150px;\n  border: 1px solid #005AAB;\n  background: #FFFFFF;\n  overflow: visible !important;\n}\n\n.kutipan_number {\n  font-weight: 700 !important;\n  font-size: 34px !important;\n  color: #005AAB !important;\n  line-height: 1 !important;\n}\n\n.kutipan_label {\n  font-size: 15px !important;\n  line-height: 1.2 !important;\n  text-align: center;\n  color: #000000 !important;\n  max-width: 200px;\n  margin: 5px auto 0 auto;\n}\n\n\/* Force italics to render properly *\/\n.kutipan_label i {\n  font-style: italic !important;\n}\n\n.kutipan_icon {\n  position: absolute;\n  width: 50px;\n  height: 50px;\n  left: 16px;\n  top: -25px;\n  background: #8CC63E;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 10;\n}\n\n.kutipan_icon img { width: 24px; height: auto; }\n\n@media (max-width: 850px) { .kutipan_main { flex-direction: column; gap: 40px; } }\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function() {\n    var animatedKutipanCards = false;\n\n    function getIsEng() {\n        var sw = document.getElementById('lang-switch');\n        return sw && sw.checked;\n    }\n\n    function runCounterAnimation() {\n        if (animatedKutipanCards) return;\n        var elements = document.querySelectorAll('#lzs-kutipan-cards-section .kut-final-count');\n        if (!elements.length) return;\n        \n        animatedKutipanCards = true;\n\n        elements.forEach(function(el) {\n            var target = parseInt(el.getAttribute('data-target'));\n            var prefix = el.getAttribute('data-prefix') || \"\";\n            var duration = 2000;\n            var start = null;\n\n            function step(timestamp) {\n                if (!start) start = timestamp;\n                var progress = Math.min((timestamp - start) \/ duration, 1);\n                var val = progress * target;\n                \n                var isEng = getIsEng();\n                var suffix = isEng ? (el.getAttribute('data-suf-en') || \"\") : (el.getAttribute('data-suf-bm') || \"\");\n                \n                el.innerHTML = prefix + Math.floor(val).toLocaleString() + suffix;\n\n                if (progress < 1) {\n                    window.requestAnimationFrame(step);\n                } else {\n                    el.innerHTML = prefix + target.toLocaleString() + suffix;\n                }\n            }\n            window.requestAnimationFrame(step);\n        });\n    }\n\n    function checkScroll() {\n        var section = document.getElementById('lzs-kutipan-cards-section');\n        if (!section || animatedKutipanCards) return;\n\n        var rect = section.getBoundingClientRect();\n        var viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);\n        \n        if (!(rect.bottom < 0 || rect.top - viewHeight >= 0)) {\n            runCounterAnimation();\n            window.removeEventListener('scroll', checkScroll);\n            window.removeEventListener('resize', checkScroll);\n        }\n    }\n\n    function updateLanguageContent() {\n        var isEng = getIsEng();\n\n        \/\/ 1. Hide\/Show the text spans directly\n        document.querySelectorAll('#lzs-kutipan-cards-section .text-bm').forEach(function(el) {\n            el.style.display = isEng ? 'none' : 'block';\n        });\n        \n        document.querySelectorAll('#lzs-kutipan-cards-section .text-en').forEach(function(el) {\n            el.style.display = isEng ? 'block' : 'none';\n        });\n\n        \/\/ 2. Update the number suffixes (Mil \/ Juta)\n        document.querySelectorAll('#lzs-kutipan-cards-section .kut-final-count').forEach(function(el) {\n            var target = parseInt(el.getAttribute('data-target'));\n            var prefix = el.getAttribute('data-prefix') || \"\";\n            var suffix = isEng ? (el.getAttribute('data-suf-en') || \"\") : (el.getAttribute('data-suf-bm') || \"\");\n\n            if (animatedKutipanCards) {\n                el.innerHTML = prefix + target.toLocaleString() + suffix;\n            } else {\n                el.innerHTML = prefix + \"0\" + suffix;\n            }\n        });\n    }\n\n    \/\/ Run on load\n    updateLanguageContent();\n\n    window.addEventListener('scroll', checkScroll, { passive: true });\n    window.addEventListener('resize', checkScroll, { passive: true });\n    setTimeout(checkScroll, 500);\n\n    \/\/ Watch for toggle switch\n    var langPoll = setInterval(function() {\n        var sw = document.getElementById('lang-switch');\n        if (sw) {\n            sw.addEventListener('change', updateLanguageContent);\n            updateLanguageContent();\n            clearInterval(langPoll);\n        }\n    }, 500);\n});\n<\/script>\n<\/script>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"kutipan_main\" id=\"lzs-kutipan-cards-section\">\n  <div class=\"kutipan_card\">\n    <div class=\"kutipan_icon\">\n      <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Frame-1.png\" alt=\"Icon\">\n    <\/div>\n    <div class=\"kutipan_number kut-final-count\" data-target=\"75274\" data-prefix=\"\" data-suf-bm=\"\" data-suf-en=\"\">0<\/div>\n    <div class=\"kutipan_label\">\n      <span class=\"text-bm\">Asnaf (Fakir, Miskin, Mualaf)<\/span>\n      <span class=\"text-en\" style=\"display:none;\"><i>Asnaf<\/i> (<i>Fakir<\/i>, Poor, <i>Mualaf<\/i>)<\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"kutipan_card\">\n    <div class=\"kutipan_icon\">\n      <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Frame-2.png\" alt=\"Icon\">\n    <\/div>\n    <div class=\"kutipan_number kut-final-count\" data-target=\"3153\" data-prefix=\"\" data-suf-bm=\"\" data-suf-en=\"\">0<\/div>\n    <div class=\"kutipan_label\">\n      <span class=\"text-bm\">Asnaf yang keluar dari kemiskinan<\/span>\n      <span class=\"text-en\" style=\"display:none;\"><i>Asnaf<\/i> who have moved out of poverty<\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"kutipan_card\">\n    <div class=\"kutipan_icon\">\n      <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Frame-3.png\" alt=\"Icon\">\n    <\/div>\n    <div class=\"kutipan_number kut-final-count\" data-target=\"817\" data-prefix=\"RM\" data-suf-bm=\" Juta\" data-suf-en=\" Mil\">RM0 Juta<\/div>\n    <div class=\"kutipan_label\">\n      <span class=\"text-bm\">Program pengagihan terbesar (Pembangunan sosial)<\/span>\n      <span class=\"text-en\" style=\"display:none;\">Largest distribution programme (Social development)<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.overview-v2-grid-wrapper,\n  .overview-v2-grid-wrapper * {\n    font-family: 'Poppins', sans-serif !important;\n    box-sizing: border-box !important;\n  }\n\n  .overview-v2-grid-wrapper {\n    display: flex;\n    max-width: 1280px;\n    width: 100%;\n    margin: 32px auto;\n    padding: 0 96px;\n    justify-content: center;\n    align-items: center;\n    gap: 16px;\n    flex-wrap: wrap;\n  }\n\n  .overview-v2-stats-card {\n    display: flex;\n    width: 225px;\n    height: 100px;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    background: #005AAB;\n    border-radius: 0px;\n    text-align: center;\n    padding: 10px 15px;\n  }\n\n  .overview-v2-card-top {\n    color: #8CC63E !important;\n    font-size: 22px !important;\n    font-weight: 700 !important;\n    margin: 0 !important;\n    line-height: 1.2 !important;\n    \/* Keeps RM + Number + Million\/Thousand on 1 line *\/\n    white-space: nowrap !important;\n  }\n\n  .overview-v2-separator {\n    width: 60px !important;\n    border-top: 2px solid #FEE800 !important;\n    margin: 4px auto !important;\n    flex-shrink: 0;\n  }\n\n  .overview-v2-card-bottom {\n    color: #FFFFFF !important;\n    font-size: 14px !important;\n    margin: 0 !important;\n    line-height: 1.2 !important;\n    word-wrap: break-word;\n  }\n\n  \/* Force italics to render *\/\n  .overview-v2-card-bottom i {\n    font-style: italic !important;\n  }\n\n  \/* RESPONSIVENESS *\/\n  @media (max-width: 1024px) { \n    .overview-v2-grid-wrapper { padding: 0 20px; } \n  }\n  \n  @media (max-width: 600px) { \n    .overview-v2-grid-wrapper {\n      gap: 10px;\n    }\n    .overview-v2-stats-card { \n      width: calc(50% - 5px); \n      height: 110px; \/* Taller card to prevent text overlapping separator *\/\n      padding: 8px 5px !important;\n    } \n    .overview-v2-card-top {\n      font-size: 16px !important; \n    }\n    .overview-v2-card-bottom {\n      font-size: 12px !important;\n    }\n  }\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function() {\n    var animatedGrid = false;\n\n    function getIsEng() {\n        var sw = document.getElementById('lang-switch');\n        return sw && sw.checked;\n    }\n\n    function runCounterAnimation() {\n        if (animatedGrid) return;\n        var elements = document.querySelectorAll('#lzs-asnaf-grid-section .v2-num');\n        if (!elements.length) return;\n        \n        animatedGrid = true;\n\n        elements.forEach(function(el) {\n            var target = parseInt(el.getAttribute('data-target'));\n            var prefix = el.getAttribute('data-prefix') || \"\";\n            var duration = 2000;\n            var start = null;\n\n            function step(timestamp) {\n                if (!start) start = timestamp;\n                var progress = Math.min((timestamp - start) \/ duration, 1);\n                var val = progress * target;\n                \n                var isEng = getIsEng();\n                var suffix = isEng ? el.getAttribute('data-suf-en') : el.getAttribute('data-suf-bm');\n                \n                el.innerHTML = prefix + Math.floor(val).toLocaleString() + suffix;\n\n                if (progress < 1) {\n                    window.requestAnimationFrame(step);\n                } else {\n                    el.innerHTML = prefix + target.toLocaleString() + suffix;\n                }\n            }\n            window.requestAnimationFrame(step);\n        });\n    }\n\n    function checkScroll() {\n        var section = document.getElementById('lzs-asnaf-grid-section');\n        if (!section || animatedGrid) return;\n        var rect = section.getBoundingClientRect();\n        var viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);\n        if (!(rect.bottom < 0 || rect.top - viewHeight >= 0)) {\n            runCounterAnimation();\n        }\n    }\n\n    function updateLanguageContent() {\n        var isEng = getIsEng();\n\n        \/\/ 1. Hide\/Show the text spans directly\n        document.querySelectorAll('#lzs-asnaf-grid-section .text-bm').forEach(function(el) {\n            el.style.display = isEng ? 'none' : 'block';\n        });\n        \n        document.querySelectorAll('#lzs-asnaf-grid-section .text-en').forEach(function(el) {\n            el.style.display = isEng ? 'block' : 'none';\n        });\n\n        \/\/ 2. Update Suffixes (Top text: Juta \/ Million)\n        document.querySelectorAll('#lzs-asnaf-grid-section .v2-num').forEach(function(el) {\n            var target = parseInt(el.getAttribute('data-target'));\n            var prefix = el.getAttribute('data-prefix') || \"\";\n            var suffix = isEng ? el.getAttribute('data-suf-en') : el.getAttribute('data-suf-bm');\n\n            if (animatedGrid) {\n                el.innerHTML = prefix + target.toLocaleString() + suffix;\n            } else {\n                el.innerHTML = prefix + \"0\" + suffix;\n            }\n        });\n    }\n\n    updateLanguageContent();\n    window.addEventListener('scroll', checkScroll, { passive: true });\n    window.addEventListener('resize', checkScroll, { passive: true });\n    setTimeout(checkScroll, 500);\n\n    var langPoll = setInterval(function() {\n        var sw = document.getElementById('lang-switch');\n        if (sw) {\n            sw.addEventListener('change', updateLanguageContent);\n            updateLanguageContent();\n            clearInterval(langPoll);\n        }\n    }, 500);\n});\n<\/script>\n<\/script>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"overview-v2-grid-wrapper\" id=\"lzs-asnaf-grid-section\">\n  <div class=\"overview-v2-stats-card\">\n    <p class=\"overview-v2-card-top v2-num\" data-target=\"300\" data-prefix=\"RM\" data-suf-bm=\" Juta\" data-suf-en=\" Million\">RM0 Juta<\/p>\n    <div class=\"overview-v2-separator\"><\/div>\n    <p class=\"overview-v2-card-bottom\">\n      <span class=\"text-bm\">Fakir<\/span>\n      <span class=\"text-en\" style=\"display:none;\"><i>Fakir<\/i><\/span>\n    <\/p>\n  <\/div>\n  \n  <div class=\"overview-v2-stats-card\">\n    <p class=\"overview-v2-card-top v2-num\" data-target=\"500\" data-prefix=\"RM\" data-suf-bm=\" Juta\" data-suf-en=\" Million\">RM0 Juta<\/p>\n    <div class=\"overview-v2-separator\"><\/div>\n    <p class=\"overview-v2-card-bottom\">\n      <span class=\"text-bm\">Miskin<\/span>\n      <span class=\"text-en\" style=\"display:none;\">Poor<\/span>\n    <\/p>\n  <\/div>\n  \n  <div class=\"overview-v2-stats-card\">\n    <p class=\"overview-v2-card-top v2-num\" data-target=\"45\" data-prefix=\"RM\" data-suf-bm=\" Juta\" data-suf-en=\" Million\">RM0 Juta<\/p>\n    <div class=\"overview-v2-separator\"><\/div>\n    <p class=\"overview-v2-card-bottom\">\n      <span class=\"text-bm\">Mualaf<\/span>\n      <span class=\"text-en\" style=\"display:none;\"><i>Mualaf<\/i><\/span>\n    <\/p>\n  <\/div>\n  \n  <div class=\"overview-v2-stats-card\">\n    <p class=\"overview-v2-card-top v2-num\" data-target=\"30\" data-prefix=\"RM\" data-suf-bm=\" Juta\" data-suf-en=\" Million\">RM0 Juta<\/p>\n    <div class=\"overview-v2-separator\"><\/div>\n    <p class=\"overview-v2-card-bottom\">\n      <span class=\"text-bm\">Riqab<\/span>\n      <span class=\"text-en\" style=\"display:none;\"><i>Riqab<\/i><\/span>\n    <\/p>\n  <\/div>\n  \n  <div class=\"overview-v2-stats-card\">\n    <p class=\"overview-v2-card-top v2-num\" data-target=\"91\" data-prefix=\"RM\" data-suf-bm=\" Juta\" data-suf-en=\" Million\">RM0 Juta<\/p>\n    <div class=\"overview-v2-separator\"><\/div>\n    <p class=\"overview-v2-card-bottom\">\n      <span class=\"text-bm\">Gharimin<\/span>\n      <span class=\"text-en\" style=\"display:none;\"><i>Gharimin<\/i><\/span>\n    <\/p>\n  <\/div>\n  \n  <div class=\"overview-v2-stats-card\">\n    <p class=\"overview-v2-card-top v2-num\" data-target=\"203\" data-prefix=\"RM\" data-suf-bm=\" Juta\" data-suf-en=\" Million\">RM0 Juta<\/p>\n    <div class=\"overview-v2-separator\"><\/div>\n    <p class=\"overview-v2-card-bottom\">\n      <span class=\"text-bm\">Fisabilillah<\/span>\n      <span class=\"text-en\" style=\"display:none;\"><i>Fisabilillah<\/i><\/span>\n    <\/p>\n  <\/div>\n  \n  <div class=\"overview-v2-stats-card\">\n    <p class=\"overview-v2-card-top v2-num\" data-target=\"92\" data-prefix=\"RM\" data-suf-bm=\" Ribu\" data-suf-en=\" Thousand\">RM0 Ribu<\/p>\n    <div class=\"overview-v2-separator\"><\/div>\n    <p class=\"overview-v2-card-bottom\">\n      <span class=\"text-bm\">Ibnu Sabil<\/span>\n      <span class=\"text-en\" style=\"display:none;\"><i>Ibnu Sabil<\/i><\/span>\n    <\/p>\n  <\/div>\n  \n  <div class=\"overview-v2-stats-card\">\n    <p class=\"overview-v2-card-top v2-num\" data-target=\"158\" data-prefix=\"RM\" data-suf-bm=\" Juta\" data-suf-en=\" Million\">RM0 Juta<\/p>\n    <div class=\"overview-v2-separator\"><\/div>\n    <p class=\"overview-v2-card-bottom\">\n      <span class=\"text-bm\">Amil<\/span>\n      <span class=\"text-en\" style=\"display:none;\"><i>Amil<\/i><\/span>\n    <\/p>\n  <\/div>\n<\/div>\n<\/div>\n\n\n\n<div id=\"agihan_kutipan\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n  \/* 1. HEADER CONTAINER *\/\n  .kutipan-header-container {\n    display: flex;\n    max-width: 1280px;\n    width: 100%;\n    margin: 40px auto 0 auto; \/* Match top margin of previous sections *\/\n    padding: 24px 96px;       \/* Figma: 24px top\/bottom, 96px sides *\/\n    flex-direction: column;\n    align-items: center;\n    box-sizing: border-box;\n    background: transparent;  \/* Header sits on white page background *\/\n  }\n\n  \/* 2. TYPOGRAPHY *\/\n  .kutipan-title {\n    align-self: stretch;\n    color: #005AAB;           \/* LZS Blue *\/\n    text-align: center;\n    \n    \/* Pop \u2013 H2 *\/\n    font-family: 'Poppins', sans-serif !important;\n    font-size: 34px !important; \/* Font size locked *\/\n    font-style: normal;\n    font-weight: 700 !important;\n    line-height: normal;\n    margin: 0;\n  }\n\n  \/* Force italics to render for English *\/\n  .kutipan-title i {\n    font-style: italic !important;\n  }\n\n  \/* 3. MOBILE RESPONSIVENESS *\/\n  @media (max-width: 768px) {\n    .kutipan-header-container {\n      padding: 24px 10px; \/* Drastically reduce side padding to give the 34px font room to breathe *\/\n    }\n    \n    .kutipan-title {\n      white-space: nowrap; \/* Forces the text to stay on exactly one line *\/\n    }\n  }\n<\/style>\n\n<div class=\"kutipan-header-container\" id=\"lzs-kutipan-header-section\">\n  <h2 class=\"kutipan-title\">\n    <span class=\"text-bm\">Kutipan Zakat<\/span>\n    <span class=\"text-en\" style=\"display:none;\"><i>Zakat<\/i> Collection<\/span>\n  <\/h2>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    function getIsEng() {\n        var sw = document.getElementById('lang-switch');\n        return sw && sw.checked;\n    }\n\n    function updateHeaderLanguage() {\n        var isEng = getIsEng();\n        \n        \/\/ Hide\/Show the text spans directly for the header\n        document.querySelectorAll('#lzs-kutipan-header-section .text-bm').forEach(function(el) {\n            el.style.display = isEng ? 'none' : 'inline';\n        });\n        \n        document.querySelectorAll('#lzs-kutipan-header-section .text-en').forEach(function(el) {\n            el.style.display = isEng ? 'inline' : 'none';\n        });\n    }\n\n    \/\/ Run on load\n    updateHeaderLanguage();\n\n    \/\/ Watch for toggle switch\n    var langPoll = setInterval(function() {\n        var sw = document.getElementById('lang-switch');\n        if (sw) {\n            sw.addEventListener('change', updateHeaderLanguage);\n            updateHeaderLanguage();\n            clearInterval(langPoll);\n        }\n    }, 500);\n});\n<\/script>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"kutipan-zakat-section\" id=\"lzs-kutipan-section\">\n  <div class=\"kutipan-image-wrapper\">\n    <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Kutipan-Zakat-1.png\" alt=\"Kutipan Zakat\">\n  <\/div>\n\n  <div class=\"kutipan-content\">\n    <div class=\"kutipan-header\">\n      <h1 class=\"kutipan-main-stat kutipan-scroll-item no-wrap\" data-target=\"1.31\" data-prefix=\"RM\" data-suf-bm=\" Bil\" data-suf-en=\" Bil\">RM0.00 Bil<\/h1>\n      \n      <div class=\"kutipan-percentage-group\">\n        <span class=\"kutipan-percentage kutipan-scroll-item\" data-target=\"7.5\" data-prefix=\"\" data-suf-bm=\"%\" data-suf-en=\"%\">0.0%<\/span>\n        <h3 class=\"kutipan-subtitle\" id=\"kutipan-sub\">Peningkatan kutipan zakat pada tahun 2025 berbanding 2024<\/h3>\n      <\/div>\n    <\/div>\n\n    <div class=\"kutipan-description-container\">\n      <p class=\"kutipan-description-text\" id=\"kutipan-desc\">\n        Jumlah kutipan zakat pada tahun 2025 mencapai <b>RM1.31 bilion<\/b>. Kutipan ini disokong oleh pelbagai kaedah pembayaran yang memudahkan pembayar zakat untuk menunaikan kewajipan mereka.\n        <br><br>\n        Kategori zakat pendapatan <b>kekal sebagai penyumbang tertinggi<\/b> dengan kutipan mencecah RM1.31 bilion. Skim potongan gaji kekal menjadi medium pilihan utama dan paling diyakini para penyumbang, merekodkan kutipan berjumlah RM579 juta.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* Enforce Poppins *\/\n.kutipan-zakat-section,\n.kutipan-zakat-section * {\n  font-family: 'Poppins', sans-serif !important;\n  box-sizing: border-box !important;\n}\n\n\/* Ensure italics render correctly in this section *\/\n.kutipan-zakat-section i {\n  font-style: italic !important;\n}\n\n.kutipan-zakat-section {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  gap: 60px;\n  width: 100%;\n  max-width: 1150px;\n  margin: 50px auto;\n  padding: 0 20px;\n}\n\n.kutipan-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 25px;\n  flex: 1.2;\n}\n\n.kutipan-header {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.kutipan-main-stat {\n  color: #8CC63E !important; \n  font-size: clamp(40px, 8vw, 86px) !important; \n  font-weight: 700 !important;\n  line-height: 1.2 !important;\n  margin: 0 0 10px 0 !important;\n  white-space: nowrap !important;\n}\n\n.kutipan-percentage {\n  color: #005AAB !important; \n  font-size: clamp(30px, 5vw, 54px) !important; \n  font-weight: 700 !important; \n  line-height: 1 !important;\n  display: block;\n}\n\n.kutipan-subtitle {\n  color: #005AAB !important;\n  font-size: clamp(16px, 2.2vw, 22px) !important;\n  font-weight: 500 !important;\n  line-height: 1.3 !important;\n  margin: 5px 0 0 0 !important;\n  max-width: 90%;\n}\n\n.kutipan-description-text {\n  font-weight: 400 !important;\n  font-size: 15px !important;\n  line-height: 1.6 !important;\n  color: #000000 !important;\n}\n\n.kutipan-image-wrapper {\n  width: 100%;\n  max-width: 500px;\n  height: auto;\n  aspect-ratio: 525 \/ 400;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.kutipan-image-wrapper img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n\/* MOBILE FIX *\/\n@media (max-width: 900px) {\n  .kutipan-zakat-section { \n    flex-direction: column; \n    text-align: center; \n    gap: 30px; \n  }\n  .kutipan-content { \n    width: 100%; \n    align-items: center; \n  }\n  .kutipan-image-wrapper { \n    max-width: 100%; \n  }\n  .kutipan-subtitle { \n    margin: 10px auto !important; \/* Added auto margins to center the block *\/\n    text-align: center !important;\n    max-width: 100%; \/* Allow it to use full width on mobile for better centering *\/\n  }\n  .kutipan-percentage-group {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 100%;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    let animated = false;\n\n    function getIsEng() {\n        const sw = document.getElementById('lang-switch');\n        return sw && sw.checked;\n    }\n\n    function animateNumbers() {\n        if (animated) return;\n        animated = true;\n\n        const elements = document.querySelectorAll('.kutipan-scroll-item');\n        elements.forEach(el => {\n            const target = parseFloat(el.getAttribute('data-target'));\n            const prefix = el.getAttribute('data-prefix') || \"\";\n            const duration = 2000; \n            let startTimestamp = null;\n\n            const step = (timestamp) => {\n                if (!startTimestamp) startTimestamp = timestamp;\n                const progress = Math.min((timestamp - startTimestamp) \/ duration, 1);\n                const currentVal = progress * target;\n                \n                const isEng = getIsEng();\n                const suffix = isEng ? (el.getAttribute('data-suf-en') || \"\") : (el.getAttribute('data-suf-bm') || \"\");\n                \n                const formattedVal = currentVal.toFixed(el.classList.contains('kutipan-percentage') ? 1 : 2);\n                \n                el.innerHTML = prefix + formattedVal + suffix;\n\n                if (progress < 1) {\n                    window.requestAnimationFrame(step);\n                } else {\n                    el.innerHTML = prefix + target.toFixed(el.classList.contains('kutipan-percentage') ? 1 : 2) + suffix;\n                }\n            };\n            window.requestAnimationFrame(step);\n        });\n    }\n\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                animateNumbers();\n                observer.unobserve(entry.target);\n            }\n        });\n    }, { threshold: 0.2 });\n\n    const targetSection = document.getElementById('lzs-kutipan-section');\n    if (targetSection) observer.observe(targetSection);\n\n    function updateLanguageContent() {\n        const isEng = getIsEng();\n        const sub = document.getElementById('kutipan-sub');\n        const desc = document.getElementById('kutipan-desc');\n\n        if (isEng) {\n            \/\/ FIXED: Reverted to lowercase zakat\n            if (sub) sub.innerHTML = \"Growth in <i>zakat<\/i> collection from 2024 to 2025\";\n            if (desc) desc.innerHTML = \"Total <i>zakat<\/i> collection in 2025 reached <b>RM1.31 billion<\/b>. This collection was supported by various payment methods that make it easier for <i>zakat<\/i> payers to fulfill their obligations.<br><br>The income <i>zakat<\/i> category <b>remains the highest contributor<\/b> with collections reaching RM1.31 billion. The salary deduction scheme continues to be the primary and most trusted medium for contributors, recording a collection of RM579 million.\";\n        } else {\n            if (sub) sub.innerHTML = \"Peningkatan kutipan zakat pada tahun 2025 berbanding 2024\";\n            if (desc) desc.innerHTML = \"Jumlah kutipan zakat pada tahun 2025 mencapai <b>RM1.31 bilion<\/b>. Kutipan ini disokong oleh pelbagai kaedah pembayaran yang memudahkan pembayar zakat untuk menunaikan kewajipan mereka.<br><br>Kategori zakat pendapatan <b>kekal sebagai penyumbang tertinggi<\/b> dengan kutipan mencecah RM1.31 bilion. Skim potongan gaji kekal menjadi medium pilihan utama dan paling diyakini para penyumbang, merekodkan kutipan berjumlah RM579 juta.\";\n        }\n\n        document.querySelectorAll('.kutipan-scroll-item').forEach(el => {\n            const targetStr = el.getAttribute('data-target');\n            const prefix = el.getAttribute('data-prefix') || \"\";\n            const suffix = isEng ? el.getAttribute('data-suf-en') : el.getAttribute('data-suf-bm');\n            \n            if (animated) {\n                const val = parseFloat(targetStr);\n                const formatted = el.classList.contains('kutipan-percentage') ? val.toFixed(1) : val.toFixed(2);\n                el.innerHTML = prefix + formatted + suffix;\n            } else {\n                el.innerHTML = prefix + (el.classList.contains('kutipan-percentage') ? \"0.0\" : \"0.00\") + suffix;\n            }\n        });\n    }\n\n    updateLanguageContent();\n\n    const langPoll = setInterval(() => {\n        const sw = document.getElementById('lang-switch');\n        if (sw) {\n            sw.addEventListener('change', updateLanguageContent);\n            clearInterval(langPoll);\n        }\n    }, 500);\n});\n<\/script>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"kutipan_main\" id=\"lzs-kutipan-cards-section\">\n  <div class=\"kutipan_card\">\n    <div class=\"kutipan_icon\">\n      <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Frame-3-1.png\" alt=\"Icon\">\n    <\/div>\n    <div class=\"kutipan_number kut-final-count\" data-target=\"409248\" data-prefix=\"\" data-suf-bm=\"\" data-suf-en=\"\">0<\/div>\n    <div class=\"kutipan_label\">\n      <span class=\"text-bm\">Jumlah pembayar zakat<\/span>\n      <span class=\"text-en\" style=\"display:none;\">Number of <i>muzakki<\/i><\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"kutipan_card\">\n    <div class=\"kutipan_icon\">\n      <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Layer_1.png\" alt=\"Icon\">\n    <\/div>\n    <div class=\"kutipan_number kut-final-count\" data-target=\"771\" data-prefix=\"RM\" data-suf-bm=\" Juta\" data-suf-en=\" Mil\">RM0 Juta<\/div>\n    <div class=\"kutipan_label\">\n      <span class=\"text-bm\">Kutipan zakat terbesar<\/span>\n      <span class=\"text-en\" style=\"display:none;\">Largest <i>zakat<\/i> collection<\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"kutipan_card\">\n    <div class=\"kutipan_icon\">\n      <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Group-592.png\" alt=\"Icon\">\n    <\/div>\n    <div class=\"kutipan_number kut-final-count\" data-target=\"579\" data-prefix=\"RM\" data-suf-bm=\" Juta\" data-suf-en=\" Mil\">RM0 Juta<\/div>\n    <div class=\"kutipan_label\">\n      <span class=\"text-bm\">Saluran pembayaran terbesar (Potongan gaji)<\/span>\n      <span class=\"text-en\" style=\"display:none;\">Top payment method (Salary deduction)<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Enforce Poppins universally for this section *\/\n.kutipan_main,\n.kutipan_main * {\n  font-family: 'Poppins', sans-serif !important;\n}\n\n.kutipan_main {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 25px;\n  width: 100%;\n  max-width: 830px;\n  margin: 50px auto 0 auto;\n  box-sizing: border-box;\n}\n\n.kutipan_card {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 24px;\n  width: 260px;\n  height: 150px;\n  border: 1px solid #005AAB;\n  background: #FFFFFF;\n  overflow: visible !important;\n}\n\n.kutipan_number {\n  font-weight: 700 !important;\n  font-size: 34px !important;\n  color: #005AAB !important;\n  line-height: 1 !important;\n}\n\n.kutipan_label {\n  font-size: 15px !important;\n  line-height: 1.2 !important;\n  text-align: center;\n  color: #000000 !important;\n  margin-top: 5px;\n}\n\n\/* Force italics to render *\/\n.kutipan_label i {\n  font-style: italic !important;\n}\n\n.kutipan_icon {\n  position: absolute;\n  width: 50px;\n  height: 50px;\n  left: 16px;\n  top: -25px;\n  background: #8CC63E;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 10;\n}\n\n.kutipan_icon img { \n  width: 24px; \n  height: auto; \n}\n\n@media (max-width: 850px) { .kutipan_main { flex-direction: column; gap: 40px; } }\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    var animatedKutipanCards = false;\n\n    function getIsEng() {\n        var sw = document.getElementById('lang-switch');\n        return sw && sw.checked;\n    }\n\n    function runCounterAnimation() {\n        if (animatedKutipanCards) return;\n        var elements = document.querySelectorAll('#lzs-kutipan-cards-section .kut-final-count');\n        if (!elements.length) return;\n        \n        animatedKutipanCards = true;\n\n        elements.forEach(function(el) {\n            var target = parseInt(el.getAttribute('data-target'));\n            var prefix = el.getAttribute('data-prefix') || \"\";\n            var duration = 2000;\n            var start = null;\n\n            function step(timestamp) {\n                if (!start) start = timestamp;\n                var progress = Math.min((timestamp - start) \/ duration, 1);\n                var val = progress * target;\n                \n                var isEng = getIsEng();\n                var suffix = isEng ? (el.getAttribute('data-suf-en') || \"\") : (el.getAttribute('data-suf-bm') || \"\");\n                \n                el.innerHTML = prefix + Math.floor(val).toLocaleString() + suffix;\n\n                if (progress < 1) {\n                    window.requestAnimationFrame(step);\n                } else {\n                    el.innerHTML = prefix + target.toLocaleString() + suffix;\n                }\n            }\n            window.requestAnimationFrame(step);\n        });\n    }\n\n    \/\/ Scroll Logic \n    function checkScroll() {\n        var section = document.getElementById('lzs-kutipan-cards-section');\n        if (!section || animatedKutipanCards) return;\n\n        var rect = section.getBoundingClientRect();\n        var viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);\n        \n        \/\/ Trigger when section comes into view\n        if (!(rect.bottom < 0 || rect.top - viewHeight >= 0)) {\n            runCounterAnimation();\n            window.removeEventListener('scroll', checkScroll);\n            window.removeEventListener('resize', checkScroll);\n        }\n    }\n\n    \/\/ Unified Language Updater\n    function updateLanguageContent() {\n        var isEng = getIsEng();\n\n        \/\/ 1. Hide\/Show the text spans directly\n        document.querySelectorAll('#lzs-kutipan-cards-section .text-bm').forEach(function(el) {\n            el.style.display = isEng ? 'none' : 'block';\n        });\n        \n        document.querySelectorAll('#lzs-kutipan-cards-section .text-en').forEach(function(el) {\n            el.style.display = isEng ? 'block' : 'none';\n        });\n\n        \/\/ 2. Update Suffixes (Top text)\n        document.querySelectorAll('#lzs-kutipan-cards-section .kut-final-count').forEach(function(el) {\n            var target = parseInt(el.getAttribute('data-target'));\n            var prefix = el.getAttribute('data-prefix') || \"\";\n            var suffix = isEng ? (el.getAttribute('data-suf-en') || \"\") : (el.getAttribute('data-suf-bm') || \"\");\n\n            if (animatedKutipanCards) {\n                el.innerHTML = prefix + target.toLocaleString() + suffix;\n            } else {\n                el.innerHTML = prefix + \"0\" + suffix;\n            }\n        });\n    }\n\n    updateLanguageContent();\n\n    window.addEventListener('scroll', checkScroll, { passive: true });\n    window.addEventListener('resize', checkScroll, { passive: true });\n    setTimeout(checkScroll, 500);\n\n    var langPoll = setInterval(function() {\n        var sw = document.getElementById('lang-switch');\n        if (sw) {\n            sw.addEventListener('change', updateLanguageContent);\n            updateLanguageContent();\n            clearInterval(langPoll);\n        }\n    }, 500);\n});\n<\/script>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<div class=\"k-v3-grid-wrapper\" id=\"k3-force-section\">\n  <div class=\"k-v3-stats-card\">\n    <p class=\"k-v3-card-top k3-anim-val\" data-target=\"771\" data-prefix=\"RM\" data-suf-bm=\" Juta\" data-suf-en=\" Million\">RM0 Juta<\/p>\n    <div class=\"k-v3-separator\"><\/div>\n    <p class=\"k-v3-card-bottom k3-lab\" data-lab-bm=\"Zakat Pendapatan\" data-lab-en=\"Income &lt;i&gt;Zakat&lt;\/i&gt;\">Zakat Pendapatan<\/p>\n  <\/div>\n  <div class=\"k-v3-stats-card\">\n    <p class=\"k-v3-card-top k3-anim-val\" data-target=\"222\" data-prefix=\"RM\" data-suf-bm=\" Juta\" data-suf-en=\" Million\">RM0 Juta<\/p>\n    <div class=\"k-v3-separator\"><\/div>\n    <p class=\"k-v3-card-bottom k3-lab\" data-lab-bm=\"Zakat Perniagaan\" data-lab-en=\"Business &lt;i&gt;Zakat&lt;\/i&gt;\">Zakat Perniagaan<\/p>\n  <\/div>\n  <div class=\"k-v3-stats-card\">\n    <p class=\"k-v3-card-top k3-anim-val\" data-target=\"140\" data-prefix=\"RM\" data-suf-bm=\" Juta\" data-suf-en=\" Million\">RM0 Juta<\/p>\n    <div class=\"k-v3-separator\"><\/div>\n    <p class=\"k-v3-card-bottom k3-lab\" data-lab-bm=\"Zakat Simpanan\" data-lab-en=\"Savings &lt;i&gt;Zakat&lt;\/i&gt;\">Zakat Simpanan<\/p>\n  <\/div>\n  <div class=\"k-v3-stats-card\">\n    <p class=\"k-v3-card-top k3-anim-val\" data-target=\"61\" data-prefix=\"RM\" data-suf-bm=\" Juta\" data-suf-en=\" Million\">RM0 Juta<\/p>\n    <div class=\"k-v3-separator\"><\/div>\n    <p class=\"k-v3-card-bottom k3-lab\" data-lab-bm=\"Zakat Harta\" data-lab-en=\"Wealth &lt;i&gt;Zakat&lt;\/i&gt;\">Zakat Harta<\/p>\n  <\/div>\n  <div class=\"k-v3-stats-card\">\n    <p class=\"k-v3-card-top k3-anim-val\" data-target=\"43\" data-prefix=\"RM\" data-suf-bm=\" Juta\" data-suf-en=\" Million\">RM0 Juta<\/p>\n    <div class=\"k-v3-separator\"><\/div>\n    <p class=\"k-v3-card-bottom k3-lab\" data-lab-bm=\"Zakat Fitrah\" data-lab-en=\"&lt;i&gt;Zakat Fitrah&lt;\/i&gt;\">Zakat Fitrah<\/p>\n  <\/div>\n  <div class=\"k-v3-stats-card\">\n    <p class=\"k-v3-card-top k3-anim-val\" data-target=\"21\" data-prefix=\"RM\" data-suf-bm=\" Juta\" data-suf-en=\" Million\">RM0 Juta<\/p>\n    <div class=\"k-v3-separator\"><\/div>\n    <p class=\"k-v3-card-bottom k3-lab\" data-lab-bm=\"Zakat Saham\" data-lab-en=\"Stocks &lt;i&gt;Zakat&lt;\/i&gt;\">Zakat Saham<\/p>\n  <\/div>\n  <div class=\"k-v3-stats-card\">\n    <p class=\"k-v3-card-top k3-anim-val\" data-target=\"66\" data-prefix=\"RM\" data-suf-bm=\" Ribu\" data-suf-en=\" Thousand\">RM0 Ribu<\/p>\n    <div class=\"k-v3-separator\"><\/div>\n    <p class=\"k-v3-card-bottom k3-lab\" data-lab-bm=\"Zakat Kripto\" data-lab-en=\"Crypto &lt;i&gt;Zakat&lt;\/i&gt;\">Zakat Kripto<\/p>\n  <\/div>\n  <div class=\"k-v3-stats-card\">\n    <p class=\"k-v3-card-top k3-anim-val\" data-target=\"33\" data-prefix=\"RM\" data-suf-bm=\" Juta\" data-suf-en=\" Million\">RM0 Juta<\/p>\n    <div class=\"k-v3-separator\"><\/div>\n    <p class=\"k-v3-card-bottom k3-lab\" data-lab-bm=\"Zakat KWSP\" data-lab-en=\"EPF &lt;i&gt;Zakat&lt;\/i&gt;\">Zakat KWSP<\/p>\n  <\/div>\n  <div class=\"k-v3-stats-card\">\n    <p class=\"k-v3-card-top k3-anim-val\" data-target=\"13\" data-prefix=\"RM\" data-suf-bm=\" Juta\" data-suf-en=\" Million\">RM0 Juta<\/p>\n    <div class=\"k-v3-separator\"><\/div>\n    <p class=\"k-v3-card-bottom k3-lab\" data-lab-bm=\"Zakat Emas\" data-lab-en=\"Gold &lt;i&gt;Zakat&lt;\/i&gt;\">Zakat Emas<\/p>\n  <\/div>\n  <div class=\"k-v3-stats-card\">\n    <p class=\"k-v3-card-top k3-anim-val\" data-target=\"149\" data-prefix=\"RM\" data-suf-bm=\" Juta\" data-suf-en=\" Million\">RM0 Juta<\/p>\n    <div class=\"k-v3-separator\"><\/div>\n    <p class=\"k-v3-card-bottom k3-lab\" data-lab-bm=\"Zakat Perak\" data-lab-en=\"Silver &lt;i&gt;Zakat&lt;\/i&gt;\">Zakat Perak<\/p>\n  <\/div>\n  <div class=\"k-v3-stats-card\">\n    <p class=\"k-v3-card-top k3-anim-val\" data-target=\"1.1\" data-prefix=\"RM\" data-suf-bm=\" Juta\" data-suf-en=\" Million\">RM0.0 Juta<\/p>\n    <div class=\"k-v3-separator\"><\/div>\n    <p class=\"k-v3-card-bottom k3-lab\" data-lab-bm=\"Zakat Tanaman\" data-lab-en=\"Crops &lt;i&gt;Zakat&lt;\/i&gt;\">Zakat Tanaman<\/p>\n  <\/div>\n  <div class=\"k-v3-stats-card\">\n    <p class=\"k-v3-card-top k3-anim-val\" data-target=\"35\" data-prefix=\"RM\" data-suf-bm=\" Ribu\" data-suf-en=\" Thousand\">RM0 Ribu<\/p>\n    <div class=\"k-v3-separator\"><\/div>\n    <p class=\"k-v3-card-bottom k3-lab\" data-lab-bm=\"Zakat Ternakan\" data-lab-en=\"Livestock &lt;i&gt;Zakat&lt;\/i&gt;\">Zakat Ternakan<\/p>\n  <\/div>\n<\/div>\n\n<style>\n  .k-v3-grid-wrapper,\n  .k-v3-grid-wrapper * {\n    font-family: 'Poppins', sans-serif !important;\n    box-sizing: border-box !important;\n  }\n\n  .k-v3-grid-wrapper {\n    display: flex;\n    max-width: 1280px;\n    width: 100%;\n    margin: 32px auto 64px auto;\n    padding: 0 96px;\n    justify-content: center;\n    align-items: center;\n    gap: 16px;\n    flex-wrap: wrap;\n  }\n\n  .k-v3-stats-card {\n    display: flex;\n    width: 225px;\n    height: 100px;\n    padding: 10px 15px;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    background: #005AAB;\n    border-radius: 0px;\n    transition: transform 0.2s ease;\n    text-align: center;\n  }\n\n  .k-v3-card-top {\n    color: #8CC63E !important;\n    font-size: 22px !important;\n    font-weight: 700 !important;\n    margin: 0 !important;\n    line-height: 1.2 !important;\n    \/* Forces number and suffix (Million\/Thousand) to stay on 1 line *\/\n    white-space: nowrap !important; \n    overflow: visible;\n  }\n\n  .k-v3-separator {\n    width: 60px !important;\n    border-top: 2px solid #FEE800 !important;\n    margin: 4px auto !important;\n    flex-shrink: 0;\n  }\n\n  .k-v3-card-bottom {\n    color: #FFFFFF !important;\n    font-size: 14px !important;\n    margin: 0 !important;\n    line-height: 1.2 !important;\n    word-wrap: break-word;\n  }\n\n  \/* Guarantee italics display correctly *\/\n  .k-v3-card-bottom i {\n    font-style: italic !important;\n  }\n\n  \/* RESPONSIVENESS *\/\n  @media (max-width: 1024px) { \n    .k-v3-grid-wrapper { padding: 0 20px; } \n  }\n\n  @media (max-width: 600px) { \n    .k-v3-grid-wrapper {\n      gap: 10px;\n    }\n    .k-v3-stats-card { \n      width: calc(50% - 5px); \n      height: 110px; \/* Increased height slightly to handle wrapped labels *\/\n      padding: 8px 5px !important; \n    } \n    .k-v3-card-top {\n      font-size: 16px !important; \/* Adjusted slightly to ensure it doesn't overflow card width *\/\n    }\n    .k-v3-card-bottom {\n      font-size: 12px !important;\n    }\n  }\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    var animatedK3 = false;\n\n    function getIsEng() {\n        var sw = document.getElementById('lang-switch');\n        return sw && sw.checked;\n    }\n\n    function runCounterAnimation() {\n        if (animatedK3) return;\n        var elements = document.querySelectorAll('.k3-anim-val');\n        if (!elements.length) return;\n        \n        animatedK3 = true;\n\n        elements.forEach(function(el) {\n            var targetStr = el.getAttribute('data-target');\n            var target = parseFloat(targetStr);\n            var isDecimal = targetStr.includes('.');\n            var prefix = el.getAttribute('data-prefix') || \"\";\n            var duration = 2000;\n            var start = null;\n\n            function step(timestamp) {\n                if (!start) start = timestamp;\n                var progress = Math.min((timestamp - start) \/ duration, 1);\n                var val = progress * target;\n                \n                var isEng = getIsEng();\n                var suffix = isEng ? (el.getAttribute('data-suf-en') || \"\") : (el.getAttribute('data-suf-bm') || \"\");\n                \n                var displayVal = isDecimal ? val.toFixed(1) : Math.floor(val).toLocaleString();\n                el.innerHTML = prefix + displayVal + suffix;\n\n                if (progress < 1) {\n                    window.requestAnimationFrame(step);\n                } else {\n                    var finalVal = isDecimal ? target.toFixed(1) : Math.floor(target).toLocaleString();\n                    el.innerHTML = prefix + finalVal + suffix;\n                }\n            }\n            window.requestAnimationFrame(step);\n        });\n    }\n\n    function checkScroll() {\n        var section = document.getElementById('k3-force-section');\n        if (!section || animatedK3) return;\n        var rect = section.getBoundingClientRect();\n        var viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);\n        if (!(rect.bottom < 0 || rect.top - viewHeight >= 0)) {\n            runCounterAnimation();\n        }\n    }\n\n    function updateLanguageContent() {\n        var isEng = getIsEng();\n        \n        \/\/ Target the labels and use innerHTML with string decoding so italics work\n        document.querySelectorAll('.k3-lab').forEach(function(el) {\n            var rawText = isEng ? el.getAttribute('data-lab-en') : el.getAttribute('data-lab-bm');\n            if(rawText) {\n                var decodedText = rawText.replace(\/&lt;\/g, '<').replace(\/&gt;\/g, '>');\n                el.innerHTML = decodedText;\n            }\n        });\n\n        document.querySelectorAll('.k3-anim-val').forEach(function(el) {\n            var targetStr = el.getAttribute('data-target');\n            var target = parseFloat(targetStr);\n            var isDecimal = targetStr.includes('.');\n            var prefix = el.getAttribute('data-prefix') || \"\";\n            var suffix = isEng ? (el.getAttribute('data-suf-en') || \"\") : (el.getAttribute('data-suf-bm') || \"\");\n\n            if (animatedK3) {\n                var finalVal = isDecimal ? target.toFixed(1) : Math.floor(target).toLocaleString();\n                el.innerHTML = prefix + finalVal + suffix;\n            } else {\n                var zeroVal = isDecimal ? \"0.0\" : \"0\";\n                el.innerHTML = prefix + zeroVal + suffix;\n            }\n        });\n    }\n\n    updateLanguageContent();\n    window.addEventListener('scroll', checkScroll, { passive: true });\n    window.addEventListener('resize', checkScroll, { passive: true });\n    setTimeout(checkScroll, 500);\n\n    var langPoll = setInterval(function() {\n        var sw = document.getElementById('lang-switch');\n        if (sw) {\n            sw.addEventListener('change', updateLanguageContent);\n            updateLanguageContent();\n            clearInterval(langPoll);\n        }\n    }, 500);\n});\n<\/script>\n<\/div>\n\n\n\n<div id=\"teras_bantuan\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<div id=\"teras-bantuan-header-fixed\" style=\"width: 100% !important; display: block !important; visibility: visible !important; opacity: 1 !important; margin: 40px auto !important; position: relative !important; z-index: 999 !important; text-align: center !important;\">\n  \n  <div style=\"max-width: 1200px !important; margin: 0 auto !important; padding: 20px !important; display: block !important;\">\n    \n    <h2 style=\"font-family: 'Poppins', sans-serif !important; color: #005AAB !important; font-size: 34px !important; font-weight: 700 !important; margin: 0 0 20px 0 !important; display: block !important; visibility: visible !important; opacity: 1 !important; line-height: 1.2 !important; text-align: center !important;\">\n        <span class=\"tb-lang-bm\">Teras Bantuan Zakat<\/span>\n        <span class=\"tb-lang-en\" style=\"display:none;\">Main Areas of <i>Zakat<\/i> Support<\/span>\n    <\/h2>\n    \n    <p style=\"font-family: 'Poppins', sans-serif !important; color: #333333 !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.6 !important; margin: 0 auto !important; max-width: 1000px !important; display: block !important; visibility: visible !important; opacity: 1 !important; text-align: center !important;\">\n      \n      <span class=\"tb-lang-bm\">\n        Zakat Selangor mengutamakan lima teras utama dalam pelaksanaan agihan zakat melalui pembangunan sosial, pembangunan pendidikan, pembangunan institusi agama, pembangunan ekonomi dan pembangunan insan.<br><br>Setiap teras ini disediakan demi memberikan impak maksimum kepada penerima zakat dan masyarakat Islam keseluruhannya.\n      <\/span>\n\n      <span class=\"tb-lang-en\" style=\"display:none;\">\n        Zakat Selangor focuses on five main areas to give out <i>zakat<\/i> which is social development, education, religious institutions, the economy and personal development.<br><br>Each area is designed to give the best possible help to those receiving <i>zakat<\/i> and the whole Muslim community.\n      <\/span>\n      \n    <\/p>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Forced Styles *\/\n  #teras-bantuan-header-fixed i { font-style: italic !important; display: inline !important; }\n  \n  \/* Prevent any theme animations from hiding this *\/\n  #teras-bantuan-header-fixed, \n  #teras-bantuan-header-fixed * {\n      animation: none !important;\n      transition: none !important;\n  }\n<\/style>\n\n<script>\n(function() {\n    function toggleAreasLanguage() {\n        const sw = document.getElementById('lang-switch');\n        const isEng = sw && sw.checked;\n        \n        const bmTexts = document.querySelectorAll('.tb-lang-bm');\n        const enTexts = document.querySelectorAll('.tb-lang-en');\n\n        bmTexts.forEach(el => el.style.display = isEng ? 'none' : 'inline');\n        enTexts.forEach(el => el.style.display = isEng ? 'inline' : 'none');\n    }\n\n    \/\/ Run every half second for 3 seconds to catch slow-loading headers\n    let attempts = 0;\n    const interval = setInterval(() => {\n        toggleAreasLanguage();\n        const sw = document.getElementById('lang-switch');\n        if (sw) {\n            sw.addEventListener('change', toggleAreasLanguage);\n            clearInterval(interval);\n        }\n        if (attempts > 10) clearInterval(interval);\n        attempts++;\n    }, 500);\n})();\n<\/script>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"terasbantuan-container\" id=\"teras-scroll-section\">\n  <div class=\"terasbantuan-info-container\"> \n    \n    <div class=\"terasbantuan-info-cards\"> \n      <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/formkit_people.png\" class=\"card-icon\" alt=\"icon\">\n      <p class=\"teras-big-text teras-run\" data-target=\"1.53\" data-prefix=\"RM\" data-suf-bm=\"Bilion\" data-suf-en=\"Billion\">RM0.00<br>Bilion<\/p>\n      <div class=\"teras-line\"><\/div>\n      <p class=\"teras-small-text teras-lab\" data-lab-bm=\"Pembangunan Sosial\" data-lab-en=\"Social Development\">Pembangunan Sosial<\/p>    <\/div>\n\n    <div class=\"terasbantuan-info-cards\"> \n      <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/boxicons_education-1.png\" class=\"card-icon\" alt=\"icon\">\n      <p class=\"teras-big-text teras-run\" data-target=\"272.30\" data-prefix=\"RM\" data-suf-bm=\"Juta\" data-suf-en=\"Million\">RM0.00<br>Juta<\/p>\n      <div class=\"teras-line\"><\/div>\n      <p class=\"teras-small-text teras-lab\" data-lab-bm=\"Pembangunan Pendidikan\" data-lab-en=\"Education Development\">Pembangunan Pendidikan<\/p>\n    <\/div>\n\n    <div class=\"terasbantuan-info-cards\"> \n      <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/grommet-icons_money.png\" class=\"card-icon\" alt=\"icon\">\n      <p class=\"teras-big-text teras-run\" data-target=\"2.4\" data-prefix=\"RM\" data-suf-bm=\"Juta\" data-suf-en=\"Million\">RM0.0<br>Juta<\/p>\n      <div class=\"teras-line\"><\/div>\n      <p class=\"teras-small-text teras-lab\" data-lab-bm=\"Pembangunan Ekonomi\" data-lab-en=\"Economic Development\">Pembangunan Ekonomi<\/p>\n    <\/div>\n\n    <div class=\"terasbantuan-info-cards\"> \n      <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/icon-park-outline_people.png\" class=\"card-icon\" alt=\"icon\">\n      <p class=\"teras-big-text teras-run\" data-target=\"38.87\" data-prefix=\"RM\" data-suf-bm=\"Juta\" data-suf-en=\"Million\">RM0.00<br>Juta<\/p>\n      <div class=\"teras-line\"><\/div>\n      <p class=\"teras-small-text teras-lab\" data-lab-bm=\"Pembangunan Insan\" data-lab-en=\"Human Development\">Pembangunan Insan<\/p>\n    <\/div>\n\n    <div class=\"terasbantuan-info-cards full\">\n      <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/maki_religious-muslim.png\" class=\"card-icon\" alt=\"icon\">\n      <p class=\"teras-big-text teras-run\" data-target=\"53.75\" data-prefix=\"RM\" data-suf-bm=\"Juta\" data-suf-en=\"Million\">RM0.00<br>Juta<\/p>\n      <div class=\"teras-line\"><\/div>\n      <p class=\"teras-small-text teras-lab\" data-lab-bm=\"Pembangunan Institusi Keagamaan\" data-lab-en=\"Institutional Development\">Pembangunan Institusi Keagamaan<\/p>\n    <\/div>\n\n  <\/div> \n  <div class=\"terasbantuan-image-container\">\n    <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_o2ft56o2ft56o2ft2.png\" class=\"keluarga-image\" alt=\"Keluarga\">\n  <\/div> \n<\/div>\n\n<style>\n  \/* Enforce Poppins on everything inside this section *\/\n  .terasbantuan-container,\n  .terasbantuan-container * {\n    font-family: 'Poppins', sans-serif !important;\n  }\n\n  .terasbantuan-container {\n    display: flex; justify-content: space-between; align-items: flex-start; gap: 24px;\n    width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 96px 24px; box-sizing: border-box;\n  }\n  .terasbantuan-info-container { flex: 1; display: flex; flex-wrap: wrap; gap: 32px 24px; } \n  .terasbantuan-info-cards {\n    display: flex; height: 215px; flex-direction: column; justify-content: center;\n    align-items: flex-start; padding: 8px 16px; flex: 1 0 calc(50% - 12px);\n    border-radius: 0px; background: #005AAB; box-sizing: border-box;\n  }\n  .terasbantuan-info-cards.full { flex: 1 0 100%; }\n  .teras-big-text {\n    color: #8CC63E !important; \n    font-size: 34px !important; font-weight: 700 !important; line-height: 1.1 !important; margin: 0;\n  }\n  .teras-small-text {\n    color: #FFF !important; \n    font-size: 15px !important; font-weight: 400 !important; line-height: 1.2 !important; margin: 0;\n  }\n  .teras-line { width: 80px; height: 2px; background-color: #FEE800; margin: 10px 0; border: none; }\n  \n  .terasbantuan-image-container { \n    width: 543px; \n    border-radius: 0px; \n    overflow: hidden; \n    align-self: flex-end; \/* Keeps the image aligned to the bottom on desktop *\/\n  }\n  \n  .keluarga-image { width: 100%; height: auto; display: block; }\n  \n  @media (max-width: 1024px) {\n    .terasbantuan-container { flex-direction: column; padding: 0 20px; }\n    .terasbantuan-info-cards { flex: 1 0 100%; }\n    .terasbantuan-image-container { \n        width: 100%; \n        margin-top: 24px; \n        align-self: center; \/* Resets alignment on mobile so it stays centered *\/\n    }\n  }\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    var animatedTeras = false;\n\n    function getIsEng() {\n        var sw = document.getElementById('lang-switch');\n        return sw && sw.checked;\n    }\n\n    function runCounterAnimation() {\n        if (animatedTeras) return;\n        var elements = document.querySelectorAll('.teras-run');\n        if (!elements.length) return;\n        \n        animatedTeras = true;\n\n        elements.forEach(function(el) {\n            var targetStr = el.getAttribute('data-target');\n            var target = parseFloat(targetStr);\n            var prefix = el.getAttribute('data-prefix') || \"\";\n            \/\/ Automatically detect decimal places from the target string\n            var decimals = targetStr.includes('.') ? targetStr.split('.')[1].length : 0;\n            \n            var duration = 2000;\n            var start = null;\n\n            function step(timestamp) {\n                if (!start) start = timestamp;\n                var progress = Math.min((timestamp - start) \/ duration, 1);\n                var val = progress * target;\n                \n                var isEng = getIsEng();\n                var suffix = isEng ? (el.getAttribute('data-suf-en') || \"\") : (el.getAttribute('data-suf-bm') || \"\");\n                \n                \/\/ Uses <br> to stack the text exactly as you styled it\n                el.innerHTML = prefix + val.toFixed(decimals) + \"<br>\" + suffix;\n\n                if (progress < 1) {\n                    window.requestAnimationFrame(step);\n                } else {\n                    el.innerHTML = prefix + target.toFixed(decimals) + \"<br>\" + suffix;\n                }\n            }\n            window.requestAnimationFrame(step);\n        });\n    }\n\n    \/\/ Scroll Logic \n    function checkScroll() {\n        var section = document.getElementById('teras-scroll-section');\n        if (!section || animatedTeras) return;\n\n        var rect = section.getBoundingClientRect();\n        var viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);\n        \n        \/\/ Trigger when section comes into view\n        if (!(rect.bottom < 0 || rect.top - viewHeight >= 0)) {\n            runCounterAnimation();\n            window.removeEventListener('scroll', checkScroll);\n            window.removeEventListener('resize', checkScroll);\n        }\n    }\n\n    \/\/ Unified Language Updater\n    function updateLanguageContent() {\n        var isEng = getIsEng();\n\n        \/\/ 1. Update Labels (Bottom text)\n        document.querySelectorAll('.teras-lab').forEach(function(el) {\n            el.textContent = isEng ? el.getAttribute('data-lab-en') : el.getAttribute('data-lab-bm');\n        });\n\n        \/\/ 2. Update Suffixes and Values (Top text)\n        document.querySelectorAll('.teras-run').forEach(function(el) {\n            var targetStr = el.getAttribute('data-target');\n            var target = parseFloat(targetStr);\n            var prefix = el.getAttribute('data-prefix') || \"\";\n            var decimals = targetStr.includes('.') ? targetStr.split('.')[1].length : 0;\n            var suffix = isEng ? (el.getAttribute('data-suf-en') || \"\") : (el.getAttribute('data-suf-bm') || \"\");\n\n            if (animatedTeras) {\n                \/\/ Keep the final number if animation finished\n                el.innerHTML = prefix + target.toFixed(decimals) + \"<br>\" + suffix;\n            } else {\n                \/\/ Adjust suffix dynamically while remaining at \"0\" state, mimicking decimals\n                var zeroVal = decimals > 0 ? \"0.\" + \"0\".repeat(decimals) : \"0\";\n                el.innerHTML = prefix + zeroVal + \"<br>\" + suffix;\n            }\n        });\n    }\n\n    \/\/ Initialize defaults to ensure translation loads immediately\n    updateLanguageContent();\n\n    \/\/ Attach listeners\n    window.addEventListener('scroll', checkScroll, { passive: true });\n    window.addEventListener('resize', checkScroll, { passive: true });\n    setTimeout(checkScroll, 500); \/\/ Catch if already in viewport on load\n\n    \/\/ Wait for language switch element\n    var langPoll = setInterval(function() {\n        var sw = document.getElementById('lang-switch');\n        if (sw) {\n            sw.addEventListener('change', updateLanguageContent);\n            updateLanguageContent();\n            clearInterval(langPoll);\n        }\n    }, 500);\n});\n<\/script>\n<\/div>\n\n\n\n<div id=\"rakan_kolab\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"kolaborasi_rakan_container\" id=\"lzs-partners-section\">\n  <h2 class=\"kolaborasi-header partner-lab\" data-lab-bm=\"Rakan Kolaborasi\" data-lab-en=\"Collaboration Partners\">Rakan Kolaborasi<\/h2>\n\n  <div class=\"kolaborasi_inner\" onclick=\"moveSlide(1)\">\n    \n    <div class=\"kolaborasi_item active\">\n      <div class=\"partner-card\">\n        <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Jabatan-Pendidikan-Negeri-1.png\" alt=\"JPN\">\n        <p class=\"partner-lab\" data-lab-bm=\"Jabatan Pendidikan Negeri Selangor\" data-lab-en=\"Jabatan Pendidikan Negeri Selangor\">Jabatan Pendidikan Negeri Selangor<\/p>\n      <\/div>\n      <div class=\"partner-card\">\n        <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Jais-Logo-1.png\" alt=\"JAIS\">\n        <p class=\"partner-lab\" data-lab-bm=\"Jabatan Agama Islam Selangor\" data-lab-en=\"Selangor Islamic Religious Department\">Jabatan Agama Islam Selangor<\/p>\n      <\/div>\n      <div class=\"partner-card\">\n        <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Jabatan-Pendidikan-Negeri-1-1.png\" alt=\"KPM\">\n        <p class=\"partner-lab\" data-lab-bm=\"Kementerian Pendidikan Malaysia\" data-lab-en=\"Ministry of Education\">Kementerian Pendidikan Malaysia<\/p>\n      <\/div>\n      <div class=\"partner-card\">\n        <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/PERKESO-Logo-1.png\" alt=\"PERKESO\">\n        <p class=\"partner-lab\" data-lab-bm=\"Pertubuhan Keselamatan Sosial\" data-lab-en=\"Social Security Organisation\">Pertubuhan Keselamatan Sosial<\/p>\n      <\/div>\n      <div class=\"partner-card\">\n        <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Screenshot-2026-03-04-at-10.52.20-AM-1.png\" alt=\"FIM\">\n        <p>Food Institute Malaysia<\/p>\n      <\/div>\n      <div class=\"partner-card\">\n        <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Jabatan-Pendidikan-Negeri-1-2.png\" alt=\"KPT\">\n        <p class=\"partner-lab\" data-lab-bm=\"Kementerian Pengajian Tinggi\" data-lab-en=\"Ministry of Higher Education\">Kementerian Pengajian Tinggi<\/p>\n      <\/div>\n      <div class=\"partner-card\">\n        <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Screenshot-2026-03-04-at-10.48.49-AM-1.png\" alt=\"PNB\">\n        <p>Permodalan Nasional Berhad<\/p>\n      <\/div>\n      <div class=\"partner-card\">\n        <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Jabatan-Pendidikan-Negeri-1-3.png\" alt=\"KSM\">\n        <p class=\"partner-lab\" data-lab-bm=\"Kementerian Sumber Manusia\" data-lab-en=\"Ministry of Human Resources\">Kementerian Sumber Manusia<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"kolaborasi_item\">\n      <div class=\"partner-card\">\n        <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/MPM-Header-Kuning-Pinang-1.png\" alt=\"MPM\">\n        <p class=\"partner-lab\" data-lab-bm=\"Majlis Peperiksaan Malaysia\" data-lab-en=\"Malaysian Examinations Council\">Majlis Peperiksaan Malaysia<\/p>\n      <\/div>\n      <div class=\"partner-card\">\n        <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Hidayah-Centre-Logo-1.png\" alt=\"Hidayah Centre\">\n        <p>Hidayah Centre<\/p>\n      <\/div>\n      <div class=\"partner-card\">\n        <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/PERKIM-Logo-1.png\" alt=\"PERKIM\">\n        <p class=\"partner-lab\" data-lab-bm=\"Pertubuhan Kebajikan Islam Malaysia\" data-lab-en=\"Muslim Welfare Organization Malaysia\">Pertubuhan Kebajikan Islam Malaysia<\/p>\n      <\/div>\n      <div class=\"partner-card\">\n        <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/ILDAS-Logo-1.png\" alt=\"ILDAS\">\n        <p class=\"partner-lab\" data-lab-bm=\"Institut Latihan Islam Dakwah Negeri Selangor\" data-lab-en=\"Selangor Islamic Dakwah Training Institute\">Institut Latihan Islam Dakwah Negeri Selangor<\/p>\n      <\/div>\n      <div class=\"partner-card\">\n        <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Jabatan-Pendidikan-Negeri-1-4.png\" alt=\"JAKIM\">\n        <p class=\"partner-lab\" data-lab-bm=\"Jabatan Kemajuan Islam Malaysia\" data-lab-en=\"Department of Islamic Development Malaysia\">Jabatan Kemajuan Islam Malaysia<\/p>\n      <\/div>\n      <div class=\"partner-card\">\n        <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Jabatan-Pendidikan-Negeri-1-5.png\" alt=\"JKM\">\n        <p class=\"partner-lab\" data-lab-bm=\"Jabatan Kebajikan Masyarakat\" data-lab-en=\"Social Welfare Department\">Jabatan Kebajikan Masyarakat<\/p>\n      <\/div>\n      <div class=\"partner-card\">\n        <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/National-Anti-Drugs-Agency-Header-1.png\" alt=\"AADK\">\n        <p class=\"partner-lab\" data-lab-bm=\"Agensi Antidadah Kebangsaan\" data-lab-en=\"National Anti-Drugs Agency\">Agensi Antidadah Kebangsaan<\/p>\n      <\/div>\n      <div class=\"partner-card\">\n        <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/MAMSW-Logo-1.png\" alt=\"JKSP\">\n        <p class=\"partner-lab\" data-lab-bm=\"Jabatan Kerja Sosial Perubatan\" data-lab-en=\"Medical Social Work Department\">Jabatan Kerja Sosial Perubatan<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n  \/* Enforce Poppins on everything inside this section *\/\n  .kolaborasi_rakan_container,\n  .kolaborasi_rakan_container * {\n    font-family: 'Poppins', sans-serif !important;\n  }\n\n  \/* 1. CONTAINER & SLIDE LOGIC *\/\n  .kolaborasi_rakan_container {\n    width: 100%;\n    padding: 40px 96px;\n    box-sizing: border-box;\n    overflow: hidden;\n    background-color: #ffffff;\n  }\n\n  .kolaborasi-header {\n    text-align: center;\n    color: #005AAB !important;\n    font-size: 34px !important;\n    font-weight: 700 !important;\n    margin-bottom: 40px !important;\n    line-height: 1.2 !important;\n  }\n\n  .kolaborasi_inner {\n    position: relative;\n    \/* Adjusted to fit two rows of 172px + 16px gap *\/\n    height: 360px; \n    cursor: pointer;\n  }\n\n  .kolaborasi_item {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    display: grid;\n    \/* Forces columns to stay 254px or scale down if screen is too small *\/\n    grid-template-columns: repeat(4, minmax(100px, 254px));\n    justify-content: center; \/* Centers the 4 cards in the container *\/\n    gap: 16px;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.8s cubic-bezier(0.48, 0, 0.58, 1);\n    z-index: 1;\n    pointer-events: none;\n  }\n\n  .kolaborasi_item.active {\n    opacity: 1;\n    z-index: 2;\n    visibility: visible;\n    pointer-events: auto;\n  }\n\n  \/* 2. CARD STYLING - EXACT DIMENSIONS *\/\n  .partner-card {\n    background: #f5f5f5;\n    border-radius: 0px;\n    padding: 12px 15px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    \n    \/* EXACT DIMENSIONS *\/\n    width: 254px;\n    height: 172px !important; \n    \n    box-sizing: border-box;\n  }\n\n  .partner-card img {\n    max-width: 120px; \n    height: 60px;\n    object-fit: contain;\n    margin-bottom: 12px;\n  }\n\n  .partner-card p {\n    margin: 0 !important;\n    font-size: 14px !important;\n    font-weight: 500 !important;\n    color: #333 !important;\n    line-height: 1.2 !important;\n  }\n\n  \/* 3. RESPONSIVE Adjustments *\/\n  @media (max-width: 1200px) {\n    .kolaborasi_rakan_container { padding: 40px 40px; }\n  }\n\n  @media (max-width: 1024px) {\n    .kolaborasi_item { grid-template-columns: repeat(2, 254px); }\n    .kolaborasi_inner { height: 750px; } \n    .kolaborasi-header { font-size: 28px !important; }\n  }\n\n  \/* 4. MOBILE: SWITCHED TO 2 COLUMNS *\/\n  @media (max-width: 600px) {\n    .kolaborasi_item { \n      \/* Create exactly 2 responsive columns that fill the space *\/\n      grid-template-columns: repeat(2, 1fr); \n      gap: 12px; \n    }\n    \/* Recalculate container height for 4 rows of cards on mobile *\/\n    .kolaborasi_inner { height: 700px; } \n    .kolaborasi_rakan_container { padding: 40px 16px; }\n    \n    .partner-card { \n      width: 100%; \/* Fill the grid cell completely *\/\n      height: 160px !important; \/* Slightly shorter *\/\n      padding: 10px;\n    }\n    \n    .partner-card img {\n      max-width: 90%;\n      height: 50px; \/* Scale image down slightly *\/\n      margin-bottom: 8px;\n    }\n\n    .partner-card p {\n      font-size: 11px !important; \/* Scale text down to fit narrow boxes *\/\n    }\n  }\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \n    \/\/ --- LANGUAGE TOGGLE LOGIC ---\n    function getIsEng() {\n        var sw = document.getElementById('lang-switch');\n        return sw && sw.checked;\n    }\n\n    function updateLanguageContent() {\n        var isEng = getIsEng();\n        \n        document.querySelectorAll('#lzs-partners-section .partner-lab').forEach(function(el) {\n            el.textContent = isEng ? el.getAttribute('data-lab-en') : el.getAttribute('data-lab-bm');\n        });\n    }\n\n    \/\/ Initialize defaults\n    updateLanguageContent();\n\n    \/\/ Wait for language switch element\n    var langPoll = setInterval(function() {\n        var sw = document.getElementById('lang-switch');\n        if (sw) {\n            sw.addEventListener('change', updateLanguageContent);\n            updateLanguageContent();\n            clearInterval(langPoll);\n        }\n    }, 500);\n\n\n    \/\/ --- SLIDER LOGIC ---\n    let currentIndex = 0;\n    const slides = document.querySelectorAll('.kolaborasi_item');\n    const totalSlides = slides.length;\n\n    window.moveSlide = function(step) {\n        slides.forEach(slide => slide.classList.remove('active'));\n        currentIndex = (currentIndex + step + totalSlides) % totalSlides;\n        slides[currentIndex].classList.add('active');\n        resetTimer();\n    };\n\n    \/\/ 5 seconds interval\n    let timer = setInterval(() => window.moveSlide(1), 5000); \n\n    function resetTimer() {\n        clearInterval(timer);\n        timer = setInterval(() => window.moveSlide(1), 5000);\n    }\n});\n<\/script>\n<\/div>\n\n\n\n<div id=\"csv\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<div id=\"csv-wrapper-section\">\n  <h2 id=\"csv-main-header\" class=\"csv-header csv-lab\" data-lab-bm=\"Creating Shared Value (CSV)\" data-lab-en=\"Creating Shared Value (CSV)\">Creating Shared Value (CSV)<\/h2>\n  \n  <p class=\"csv-description-text csv-lab\" data-lab-bm=\"Di Zakat Selangor, amanah kami bukan sekadar menguruskan zakat dengan sebaiknya, tetapi juga memanjangkan kebaikan tersebut melalui inisiatif Creating Shared Value (CSV). Menerusi usaha ini, kami menggabungkan setiap ruang dan peluang yang ada untuk menyantuni keperluan sebenar masyarakat. Hasilnya, sebuah rantaian manfaat yang berterusan dapat dibina demi membela nasib asnaf dan menjamin kesejahteraan ummah.\" data-lab-en=\"At Zakat Selangor, our job is not just to manage &lt;i&gt;zakat&lt;\/i&gt; well, but also to spread kindness through our Creating Shared Value (CSV) projects. Through this work, we use every chance we have to meet the real needs of the people. This creates a lasting chain of help that protects those in need and ensures the well being of the whole community.\">\n    Di Zakat Selangor, amanah kami bukan sekadar menguruskan zakat dengan sebaiknya, tetapi juga memanjangkan kebaikan tersebut melalui inisiatif Creating Shared Value (CSV). Menerusi usaha ini, kami menggabungkan setiap ruang dan peluang yang ada untuk menyantuni keperluan sebenar masyarakat. Hasilnya, sebuah rantaian manfaat yang berterusan dapat dibina demi membela nasib asnaf dan menjamin kesejahteraan ummah.\n  <\/p>\n<\/div>\n\n<style>\n  #csv-wrapper-section,\n  #csv-wrapper-section * {\n    font-family: 'Poppins', sans-serif !important;\n    box-sizing: border-box;\n  }\n\n  #csv-wrapper-section {\n    width: 100%;\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 32px 96px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .csv-header {\n    color: #005AAB !important;\n    text-align: center;\n    font-size: 34px !important;\n    font-weight: 700 !important;\n    \/* Global italic removed here *\/\n    margin-top: 0 !important;\n    margin-bottom: 24px !important;\n    line-height: 1.2 !important;\n  }\n\n  .csv-description-text {\n    font-weight: 400 !important;\n    font-size: 15px !important;\n    line-height: 1.6 !important;\n    color: #000000 !important;\n    text-align: center;\n    margin: 0 !important;\n    max-width: 1088px;\n  }\n\n  \/* Guarantee italics display correctly *\/\n  #csv-wrapper-section i {\n    font-style: italic !important;\n  }\n\n  @media (max-width: 768px) {\n    #csv-wrapper-section {\n      padding: 24px 20px;\n    }\n    .csv-header {\n      font-size: 28px !important;\n    }\n  }\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    function getIsEng() {\n        var sw = document.getElementById('lang-switch');\n        return sw && sw.checked;\n    }\n\n    function updateLanguageContent() {\n        var isEng = getIsEng();\n        \n        \/\/ Update Content\n        document.querySelectorAll('#csv-wrapper-section .csv-lab').forEach(function(el) {\n            var rawText = isEng ? el.getAttribute('data-lab-en') : el.getAttribute('data-lab-bm');\n            if (rawText) {\n                \/\/ Decode &lt; and &gt; back to < and > so the italics work properly\n                var decodedText = rawText.replace(\/&lt;\/g, '<').replace(\/&gt;\/g, '>');\n                el.innerHTML = decodedText;\n            }\n        });\n    }\n\n    updateLanguageContent();\n\n    var langPoll = setInterval(function() {\n        var sw = document.getElementById('lang-switch');\n        if (sw) {\n            sw.addEventListener('change', updateLanguageContent);\n            updateLanguageContent();\n            clearInterval(langPoll);\n        }\n    }, 500);\n});\n<\/script>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<div class=\"vm_parent_container\" id=\"lzs-vmo-section\">\n\n  <div class=\"vm_img_container\">\n    <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/LZS-Building-1-1.png\" alt=\"Bangunan LZS\">\n  <\/div>\n\n  <div class=\"vm_text_container\">\n    <div class=\"vm_block\">\n        <div class=\"vm_header vm-lab\" data-lab-bm=\"Visi\" data-lab-en=\"Vision\">Visi<\/div>\n        <div class=\"vm_content vm-lab\" data-lab-bm=\"Menjadi peneraju institusi zakat yang menitikberatkan isu sosial dalam strategi korporat.\" data-lab-en=\"To be a leading &lt;i&gt;zakat&lt;\/i&gt; institution that prioritises social issues within its corporate strategy.\">Menjadi peneraju institusi zakat yang menitikberatkan isu sosial dalam strategi korporat.<\/div>\n    <\/div>\n\n    <div class=\"vm_block\">\n        <div class=\"vm_header vm-lab\" data-lab-bm=\"Misi\" data-lab-en=\"Mission\">Misi<\/div>\n        <div class=\"vm_content vm-lab\" data-lab-bm=\"Memberikan bantuan kepada golongan yang memerlukan dengan penuh tanggungjawab berteraskan nilai Zakat Selangor.\" data-lab-en=\"To provide assistance to those in need with full responsibility, based on Zakat Selangor values.\">Memberikan bantuan kepada golongan yang memerlukan dengan penuh tanggungjawab berteraskan nilai Zakat Selangor.<\/div>\n    <\/div>\n\n    <div class=\"vm_block\">\n        <div class=\"vm_header vm-lab\" data-lab-bm=\"Objektif\" data-lab-en=\"Objective\">Objektif<\/div>\n        <div class=\"vm_content vm-lab\" data-lab-bm=\"Memastikan bahawa program CSV berpotensi untuk menyantuni kumpulan sasar, sama ada dalam jangka masa pendek mahupun jangka masa panjang.\" data-lab-en=\"Ensuring that CSV programmes have the potential to assist target groups, whether in the short term or the long term.\">Memastikan bahawa program CSV berpotensi untuk menyantuni kumpulan sasar, sama ada dalam jangka masa pendek mahupun jangka masa panjang.<\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<style>\n  \/* Enforce Poppins on everything inside this section *\/\n  #lzs-vmo-section,\n  #lzs-vmo-section * {\n    font-family: 'Poppins', sans-serif !important;\n  }\n\n  .vm_parent_container {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    max-width: 1280px;\n    width: 100%;\n    margin: 50px auto;\n    padding: 0 96px;\n    gap: 50px;\n    box-sizing: border-box;\n  }\n\n  .vm_img_container {\n    flex: 1;\n    display: flex;\n    justify-content: center;\n  }\n\n  .vm_img_container img {\n    width: 100%;\n    max-width: 500px;\n    height: auto;\n    object-fit: cover;\n    border-radius: 0px; \/* Optional: Adds a slight curve to the image corners *\/\n  }\n\n  .vm_text_container {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 30px;\n  }\n\n  .vm_block {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  \/* Specific request: Increased font size and weight for Headers *\/\n  .vm_header {\n    font-weight: 700 !important; \/* Increased from 500 to 700 (Bold) *\/\n    font-size: 28px !important;  \/* Increased from 24px to 28px *\/\n    color: #005AAB !important; \/* Kept LZS Brand Blue *\/\n    line-height: 1.2 !important;\n    margin: 0 !important;\n  }\n\n  \/* Added the yellow line under the header to match your image *\/\n  .vm_header::after {\n    content: \"\";\n    display: block;\n    width: 40px;\n    height: 2px;\n    background-color: #FEE800;\n    margin-top: 8px;\n  }\n\n  .vm_content {\n    font-weight: 400 !important;\n    font-size: 15px !important;\n    color: #000000 !important;\n    line-height: 1.4 !important;\n    margin: 0 !important;\n  }\n  \n  \/* Guarantee italics display correctly *\/\n  .vm_content i {\n    font-style: italic !important;\n  }\n\n  \/* Mobile responsiveness *\/\n  @media (max-width: 1024px) {\n    .vm_parent_container {\n      flex-direction: column;\n      padding: 24px;\n      gap: 32px;\n    }\n    \n    .vm_img_container img {\n      max-width: 100%;\n    }\n  }\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    function getIsEng() {\n        var sw = document.getElementById('lang-switch');\n        return sw && sw.checked;\n    }\n\n    function updateLanguageContent() {\n        var isEng = getIsEng();\n        \n        \/\/ Target all items with the 'vm-lab' class\n        document.querySelectorAll('#lzs-vmo-section .vm-lab').forEach(function(el) {\n            var rawText = isEng ? el.getAttribute('data-lab-en') : el.getAttribute('data-lab-bm');\n            if (rawText) {\n                \/\/ Decode &lt; and &gt; back to < and > so the italics work\n                var decodedText = rawText.replace(\/&lt;\/g, '<').replace(\/&gt;\/g, '>');\n                \/\/ Changed from textContent to innerHTML so it reads the tags\n                el.innerHTML = decodedText; \n            }\n        });\n    }\n\n    \/\/ Initialize defaults immediately\n    updateLanguageContent();\n\n    \/\/ Wait for language switch element to appear\n    var langPoll = setInterval(function() {\n        var sw = document.getElementById('lang-switch');\n        if (sw) {\n            sw.addEventListener('change', updateLanguageContent);\n            updateLanguageContent();\n            clearInterval(langPoll);\n        }\n    }, 500);\n});\n<\/script>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"objektif_section\" id=\"csv-values-section\">\n\n  <button id=\"csv-btn-trigger\" class=\"obj_button\" style=\"border:none; cursor:pointer;\">\n    <span class=\"obj-lab\" data-lab-bm=\"Baca Selanjutnya Mengenai CSV Zakat Selangor\" data-lab-en=\"Read More About Zakat Selangor\u2019s CSV\">Baca Selanjutnya Mengenai CSV Zakat Selangor<\/span>\n    <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/icon-park-outline_down-1.png\" class=\"obj-arrow-icon\" alt=\"Arrow\">\n  <\/button>\n\n  <div class=\"obj_kaek_cards\">\n    <div class=\"obj_kaek_card\">\n      <div class=\"icon_wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/mdi_company.png\" alt=\"Kerjasama\">\n      <\/div>\n      <h3 class=\"obj-lab\" data-lab-bm=\"Kerjasama\" data-lab-en=\"Teamwork\">Kerjasama<\/h3>\n      <p class=\"obj-lab\" data-lab-bm=\"Berganding bahu dengan syarikat korporat, NGO dan badan berkanun dalam menjayakan program-program yang telah dirancang.\" data-lab-en=\"Working together with companies, charities and government groups to make our planned projects a success.\">Berganding bahu dengan syarikat korporat, NGO dan badan berkanun dalam menjayakan program-program yang telah dirancang.<\/p>\n    <\/div>\n    \n    <div class=\"obj_kaek_card\">\n      <div class=\"icon_wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/token_trust.png\" alt=\"Amanah\">\n      <\/div>\n      <h3 class=\"obj-lab\" data-lab-bm=\"Amanah\" data-lab-en=\"Trust\">Amanah<\/h3>\n      <p class=\"obj-lab\" data-lab-bm=\"Menjalankan tugas dan program-program yang telah dirancang dengan adil dan saksama.\" data-lab-en=\"Carrying out our tasks and projects in a way that is fair and honest for everyone.\">Menjalankan tugas dan program-program yang telah dirancang dengan adil dan saksama.<\/p>\n    <\/div>\n    \n    <div class=\"obj_kaek_card\">\n      <div class=\"icon_wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/mdi_love.png\" alt=\"Empati\">\n      <\/div>\n      <h3 class=\"obj-lab\" data-lab-bm=\"Empati\" data-lab-en=\"Empathy\">Empati<\/h3>\n      <p class=\"obj-lab\" data-lab-bm=\"Bersikap prihatin dan berusaha memahami situasi bagi menjayakan program-program CSV.\" data-lab-en=\"Caring about others and trying to understand their situation to make our CSV projects work well.\">Bersikap prihatin dan berusaha memahami situasi bagi menjayakan program-program CSV.<\/p>\n    <\/div>\n    \n    <div class=\"obj_kaek_card\">\n      <div class=\"icon_wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/fluent-mdl2_commitments.png\" alt=\"Komitmen\">\n      <\/div>\n      <h3 class=\"obj-lab\" data-lab-bm=\"Komitmen\" data-lab-en=\"Commitment\">Komitmen<\/h3>\n      <p class=\"obj-lab\" data-lab-bm=\"Bersungguh-sungguh dalam melaksanakan tugas yang diberikan bagi memastikan objektif program CSV berjaya.\" data-lab-en=\"Working hard on every task to make sure the goals of the CSV projects are met.\">Bersungguh-sungguh dalam melaksanakan tugas yang diberikan bagi memastikan objektif program CSV berjaya.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n#csv-values-section,\n#csv-values-section * {\n  font-family: 'Poppins', sans-serif !important;\n}\n\n.objektif_section {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 40px;\n  text-align: center;\n}\n\n.obj_button {\n  display: inline-flex; \n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  background: #8CC63E;\n  border-radius: 0px;\n  padding: 10px 24px; \n  text-decoration: none;\n  color: #FFFFFF !important;\n  font-size: 20px !important; \n  font-weight: 500 !important; \n  margin-bottom: 80px;\n  transition: background 0.3s ease;\n  line-height: 1.2;\n  box-sizing: border-box;\n}\n\n.obj_button:hover {\n  background: #7ab334;\n}\n\n.obj-arrow-icon {\n  width: 20px;\n  height: 20px;\n  object-fit: contain;\n  transform: rotate(-90deg); \/* Points right like \">\" *\/\n  transition: transform 0.3s ease;\n}\n\n.obj_button:hover .obj-arrow-icon {\n  transform: rotate(0deg); \/* Points down on hover *\/\n}\n\n.obj_kaek_cards {\n  display: flex;\n  flex-direction: row;\n  gap: 24px;\n  padding-top: 50px; \n  text-align: left;\n}\n\n.obj_kaek_card {\n  position: relative;\n  border: 1px solid #005AAB;\n  padding: 40px 24px;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background: #FFFFFF;\n}\n\n.obj_kaek_card h3 {\n  font-weight: 500 !important; \n  font-size: 24px !important;\n  color: #005AAB !important;\n  margin: 0 0 24px 0 !important;\n  line-height: 1.2 !important;\n}\n\n.obj_kaek_card p {\n  font-weight: 400 !important;\n  font-size: 15px !important;\n  line-height: 1.4 !important; \n  color: #000000 !important;\n  margin: 0 !important;\n}\n\n.icon_wrapper {\n  position: absolute;\n  top: -25px;\n  width: 50px;\n  height: 50px;\n  background: #8CC63E;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.icon_wrapper img {\n    width: 24px;\n    height: auto;\n}\n\n@media (max-width: 768px) {\n    .obj_kaek_cards {\n        flex-direction: column;\n        gap: 50px;\n    }\n    .obj_button {\n        font-size: 18px !important;\n        width: 100%; \n    }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const triggerBtn = document.getElementById('csv-btn-trigger');\n    const langSwitch = document.getElementById('lang-switch');\n\n    function getIsEng() {\n        return langSwitch && langSwitch.checked;\n    }\n\n    function updateLanguageContent() {\n        var isEng = getIsEng();\n        document.querySelectorAll('#csv-values-section .obj-lab').forEach(function(el) {\n            el.textContent = isEng ? el.getAttribute('data-lab-en') : el.getAttribute('data-lab-bm');\n        });\n    }\n\n    \/\/ Logic to trigger the DearFlip Lightbox\n    if (triggerBtn) {\n        triggerBtn.addEventListener('click', function(e) {\n            e.preventDefault();\n            const isEng = getIsEng();\n            \n            if (!isEng) {\n                \/\/ Click hidden BM Shortcode (ID 1311)\n                const bmBook = document.querySelector('.dflip-bm-hidden');\n                if(bmBook) bmBook.click();\n            } else {\n                \/\/ Click hidden ENG Shortcode (ID 1313)\n                const engBook = document.querySelector('.dflip-eng-hidden');\n                if(engBook) engBook.click();\n            }\n        });\n    }\n\n    \/\/ Initialize defaults\n    updateLanguageContent();\n\n    \/\/ Poll for global switch\n    var langPoll = setInterval(function() {\n        var sw = document.getElementById('lang-switch');\n        if (sw) {\n            sw.addEventListener('change', updateLanguageContent);\n            updateLanguageContent();\n            clearInterval(langPoll);\n        }\n    }, 500);\n});\n<\/script>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<div class=\"intervensi-outer-bg\" id=\"intervensi-section\">\n  <div class=\"intervensi-container\">\n    \n    <h2 class=\"intervensi-title i-lab\" data-lab-bm=\"Kelas Intervensi 3M (Membaca, Menulis, Mengira)\" data-lab-en=\"3M Intervention Class (Reading, Writing, Arithmetic)\">\n        Kelas Intervensi 3M (Membaca, Menulis, Mengira)\n    <\/h2>\n    \n    <p class=\"intervensi-desc i-lab\" data-lab-bm=\"Program Intervensi Membaca Zakat Selangor direka khas untuk menyokong kanak-kanak daripada keluarga asnaf dan B40 dalam membangunkan kemahiran membaca. Inisiatif ini merupakan usaha kolaboratif antara Zakat Selangor dan Adab Youth Garage (AYG).\" data-lab-en=\"The Zakat Selangor Reading Intervention Programme is designed to support children from &lt;i&gt;asnaf&lt;\/i&gt; and B40 families in developing essential reading skills. This initiative is a collaborative effort between Zakat Selangor and Adab Youth Garage (AYG).\">\n        Program Intervensi Membaca Zakat Selangor direka khas untuk menyokong kanak-kanak daripada keluarga asnaf dan B40 dalam membangunkan kemahiran membaca. Inisiatif ini merupakan usaha kolaboratif antara Zakat Selangor dan Adab Youth Garage (AYG).\n    <\/p>\n    \n    <p class=\"intervensi-desc i-lab\" data-lab-bm=\"Program ini telah dilaksanakan di empat lokasi terpilih yang melibatkan seramai 200 orang pelajar. Para peserta dibahagikan kepada dua kumpulan bagi setiap lokasi, dengan 25 orang pelajar dalam setiap kumpulan bagi memastikan persekitaran pembelajaran yang lebih fokus dan berkesan.\" data-lab-en=\"This programme was implemented across four selected locations, involving a total of 200 students. Participants were structured into two groups per location, with 25 students in each group to ensure a more focused and effective learning environment.\">\n       Program ini telah dilaksanakan di empat lokasi terpilih yang melibatkan seramai 200 orang pelajar. Para peserta dibahagikan kepada dua kumpulan bagi setiap lokasi, dengan 25 orang pelajar dalam setiap kumpulan bagi memastikan persekitaran pembelajaran yang lebih fokus dan berkesan.\n    <\/p>\n\n    <p class=\"intervensi-desc i-lab\" style=\"margin-top: 30px; margin-bottom: 20px;\" data-lab-bm=\"Lokasi-lokasi yang terlibat adalah seperti berikut:\" data-lab-en=\"The participating locations are as follows:\">\n        Lokasi-lokasi yang terlibat adalah seperti berikut:\n    <\/p>\n\n    <div class=\"intervensi-locations\">\n      <div class=\"loc-card\">\n        <svg class=\"loc-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2C8.13 2 5 5.13 5 9C5 14.25 12 22 12 22C12 22 19 14.25 19 9C19 5.13 15.87 2 12 2ZM12 11.5C10.62 11.5 9.5 10.38 9.5 9C9.5 7.62 10.62 6.5 12 6.5C13.38 6.5 14.5 7.62 14.5 9C14.5 10.38 13.38 11.5 12 11.5Z\" fill=\"#8CC63E\"><\/path><\/svg>\n        <p class=\"i-lab\" data-lab-bm=\"Perpustakaan @ AYG&lt;br&gt;Kota Damansara\" data-lab-en=\"Perpustakaan @ AYG&lt;br&gt;Kota Damansara\">Perpustakaan @ AYG<br>Kota Damansara<\/p>\n      <\/div>\n      <div class=\"loc-card\">\n        <svg class=\"loc-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2C8.13 2 5 5.13 5 9C5 14.25 12 22 12 22C12 22 19 14.25 19 9C19 5.13 15.87 2 12 2ZM12 11.5C10.62 11.5 9.5 10.38 9.5 9C9.5 7.62 10.62 6.5 12 6.5C13.38 6.5 14.5 7.62 14.5 9C14.5 10.38 13.38 11.5 12 11.5Z\" fill=\"#8CC63E\"><\/path><\/svg>\n        <p class=\"i-lab\" data-lab-bm=\"Garaj Belia MBSA\" data-lab-en=\"Garaj Belia MBSA\">Garaj Belia MBSA<\/p>\n      <\/div>\n      <div class=\"loc-card\">\n        <svg class=\"loc-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2C8.13 2 5 5.13 5 9C5 14.25 12 22 12 22C12 22 19 14.25 19 9C19 5.13 15.87 2 12 2ZM12 11.5C10.62 11.5 9.5 10.38 9.5 9C9.5 7.62 10.62 6.5 12 6.5C13.38 6.5 14.5 7.62 14.5 9C14.5 10.38 13.38 11.5 12 11.5Z\" fill=\"#8CC63E\"><\/path><\/svg>\n        <p class=\"i-lab\" data-lab-bm=\"Y-Hub KBS Selangor\" data-lab-en=\"Y-Hub KBS Selangor\">Y-Hub KBS Selangor<\/p>\n      <\/div>\n      <div class=\"loc-card\">\n        <svg class=\"loc-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2C8.13 2 5 5.13 5 9C5 14.25 12 22 12 22C12 22 19 14.25 19 9C19 5.13 15.87 2 12 2ZM12 11.5C10.62 11.5 9.5 10.38 9.5 9C9.5 7.62 10.62 6.5 12 6.5C13.38 6.5 14.5 7.62 14.5 9C14.5 10.38 13.38 11.5 12 11.5Z\" fill=\"#8CC63E\"><\/path><\/svg>\n        <p class=\"i-lab\" data-lab-bm=\"AYG Kampung Bukit&lt;br&gt;Cherakah\" data-lab-en=\"AYG Kampung Bukit&lt;br&gt;Cherakah\">AYG Kampung Bukit<br>Cherakah<\/p>\n      <\/div>\n    <\/div>\n\n    <h2 class=\"intervensi-title i-lab\" style=\"margin-top: 50px;\" data-lab-bm=\"Hasil Program\" data-lab-en=\"Programme Outcome\">Hasil Program<\/h2>\n    <div class=\"intervensi-stats\">\n      <div class=\"stat-box dark-green\">\n        <h3>68%<\/h3>\n        <p class=\"i-lab\" data-lab-bm=\"Peserta mencapai&lt;br&gt;Tahap 3 dan ke atas\" data-lab-en=\"Participants reach&lt;br&gt;Level 3 and above\">Peserta mencapai<br>Tahap 3 dan ke atas<\/p>\n      <\/div>\n      <div class=\"stat-box light-green\">\n        <h3>25%<\/h3>\n        <p class=\"i-lab\" data-lab-bm=\"Peserta mencapai&lt;br&gt;Tahap 5\" data-lab-en=\"Participants reach&lt;br&gt;Level 5\">Peserta mencapai<br>Tahap 5<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"intervensi-image-wrapper\">\n      <img decoding=\"async\" id=\"bulb-image\" src=\"https:\/\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\/wp-content\/uploads\/2026\/05\/CSV-04.webp\" alt=\"Infografik Intervensi\" class=\"bulb-infographic\">\n    <\/div>\n\n    <div class=\"intervensi-legend\">\n      <div class=\"legend-header\">\n        <span class=\"i-lab\" data-lab-bm=\"&lt;strong&gt;K&lt;\/strong&gt; = Konsonan\" data-lab-en=\"&lt;strong&gt;C&lt;\/strong&gt; = Consonant\"><strong>K<\/strong> = Konsonan<\/span>\n        <span class=\"i-lab\" data-lab-bm=\"&lt;strong&gt;V&lt;\/strong&gt; = Vokal\" data-lab-en=\"&lt;strong&gt;V&lt;\/strong&gt; = Vowel\"><strong>V<\/strong> = Vokal<\/span>\n      <\/div>\n      \n      <div class=\"legend-columns\">\n        <ul class=\"legend-list\">\n          <li>\n            <span class=\"i-lab\" data-lab-bm=\"&lt;strong&gt;KVK&lt;\/strong&gt; (Konsonan + Vokal + Konsonan)&lt;br&gt;Contoh: cat & cap\" data-lab-en=\"&lt;strong&gt;CVC&lt;\/strong&gt; (Consonant + Vowel + Consonant)&lt;br&gt;Example: cat & sun\">\n                <strong>KVK<\/strong> (Konsonan + Vokal + Konsonan)<br>Contoh: cat & cap\n            <\/span>\n          <\/li>\n          <li>\n            <span class=\"i-lab\" data-lab-bm=\"&lt;strong&gt;KV + KV&lt;\/strong&gt; (dua suku kata terbuka)&lt;br&gt;Contoh: buku & mata\" data-lab-en=\"&lt;strong&gt;CV + CV&lt;\/strong&gt; (Two open syllables)&lt;br&gt;Example: baby (ba + by) & tiger (ti + ger)\">\n                <strong>KV + KV<\/strong> (dua suku kata terbuka)<br>Contoh: buku & mata\n            <\/span>\n          <\/li>\n          <li>\n            <span class=\"i-lab\" data-lab-bm=\"&lt;strong&gt;KV + KV + KV&lt;\/strong&gt; (tiga suku kata terbuka)&lt;br&gt;Contoh: kelapa & tomato\" data-lab-en=\"&lt;strong&gt;CV + CV + CV&lt;\/strong&gt; (Three open syllables)&lt;br&gt;Example: banana (ba + na + na)\">\n                <strong>KV + KV + KV<\/strong> (tiga suku kata terbuka)<br>Contoh: kelapa & tomato\n            <\/span>\n          <\/li>\n        <\/ul>\n        <ul class=\"legend-list\">\n          <li>\n            <span class=\"i-lab\" data-lab-bm=\"&lt;strong&gt;KV + KVKK&lt;\/strong&gt; (terbuka & tertutup dengan dua konsonan)&lt;br&gt;Contoh: lapang & sarang\" data-lab-en=\"&lt;strong&gt;KV + KVKK&lt;\/strong&gt; (Open + closed with double consonant ending)&lt;br&gt;Example: moment (mo + ment -&gt; ment = CVCC)\">\n                <strong>KV + KVKK<\/strong> (terbuka & tertutup dengan dua konsonan)<br>Contoh: lapang & sarang\n            <\/span>\n          <\/li>\n          <li>\n            <span class=\"i-lab\" data-lab-bm=\"&lt;strong&gt;KV + KVK&lt;\/strong&gt; (suku kata terbuka & tertutup)&lt;br&gt;Contoh: zakat & jalan\" data-lab-en=\"&lt;strong&gt;KV + KVK&lt;\/strong&gt; (Open syllable + closed syllable)&lt;br&gt;Example: robot -&gt; ro + bot, pilot -&gt; pi + lot, hotel -&gt; ho + tel, vivid -&gt; vi + vid, basic -&gt; ba + sic\">\n                <strong>KV + KVK<\/strong> (suku kata terbuka & tertutup)<br>Contoh: zakat & jalan\n            <\/span>\n          <\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Base Styles *\/\n.intervensi-outer-bg, .intervensi-outer-bg * { font-family: 'Poppins', sans-serif !important; box-sizing: border-box !important; }\n.intervensi-outer-bg { background-color: #005AAB; padding: 60px 40px; display: flex; justify-content: center; }\n.intervensi-container { background-color: #FFFFFF; width: 100%; max-width: 1080px; padding: 60px 80px; }\n\n\/* Tipografi *\/\n.intervensi-title { color: #000000 !important; font-size: 26px !important; font-weight: 600 !important; margin-bottom: 20px !important; }\n.intervensi-desc { font-size: 15px !important; line-height: 1.6; color: #333 !important; }\n\n\/* Lokasi (Grid) *\/\n.intervensi-locations { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 40px; }\n.loc-card { display: flex; align-items: center; padding: 16px; border: 1px solid #77A3CE; gap: 12px; }\n.loc-icon { width: 20px; height: 20px; flex-shrink: 0; }\n.loc-card p { margin: 0 !important; font-size: 13.5px !important; font-weight: 500 !important; color: #000 !important; }\n\n\/* Statistik Boxes *\/\n.intervensi-stats { display: flex; justify-content: center; gap: 20px; margin-bottom: 40px; }\n.stat-box { width: 100%; max-width: 260px; padding: 24px 20px; text-align: center; color: #FFFFFF; }\n.stat-box.dark-green { background-color: #387143; }\n.stat-box.light-green { background-color: #5BA754; }\n.stat-box h3 { font-size: 42px !important; font-weight: 700; margin: 0 0 8px 0; color: #FFF !important; }\n.stat-box p { font-size: 15px !important; margin: 0 !important; font-weight: 500; color: #FFF !important; }\n\n\/* Image Wrapper *\/\n.intervensi-image-wrapper { display: flex; justify-content: center; margin: 40px 0; }\n.bulb-infographic { max-width: 700px; width: 100%; height: auto; }\n\n\/* Legend Box *\/\n.intervensi-legend { background-color: #005AAB; padding: 30px 40px; color: #FFFFFF; }\n.legend-header { display: flex; justify-content: center; gap: 80px; font-size: 20px; margin-bottom: 30px; }\n.legend-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }\n.legend-list { margin: 0; padding: 0; list-style: none; }\n.legend-list li { margin-bottom: 20px; position: relative; padding-left: 20px; line-height: 1.6; }\n.legend-list li::before { content: \"\u2022\"; position: absolute; left: 0; color: #FFF; font-size: 20px; }\n\n#intervensi-section i { font-style: italic !important; }\n\n\/* MOBILE RESPONSIVENESS FIX *\/\n@media (max-width: 900px) {\n    .intervensi-outer-bg { padding: 30px 15px; }\n    .intervensi-container { padding: 30px 20px; }\n    \n    \/* Stack Locations *\/\n    .intervensi-locations { grid-template-columns: 1fr; }\n    \n    \/* Stack Stats *\/\n    .intervensi-stats { flex-direction: column; align-items: center; }\n    .stat-box { max-width: 100%; }\n\n    \/* Legend Fix *\/\n    .legend-header { \n        flex-direction: column; \n        align-items: center; \n        gap: 15px; \n        font-size: 18px;\n    }\n    .legend-columns { \n        grid-template-columns: 1fr; \n        gap: 10px; \n    }\n    .intervensi-legend { padding: 25px 20px; }\n    .legend-list li { padding-left: 15px; font-size: 13.5px; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const IMG_URL_BM = \"https:\/\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\/wp-content\/uploads\/2026\/05\/CSV-04.webp\";\n    const IMG_URL_EN = \"https:\/\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\/wp-content\/uploads\/2026\/05\/CSV_CSV-Menthol-BM-1.png\";\n\n    function updateLanguage() {\n        const sw = document.getElementById('lang-switch');\n        const isEng = sw && sw.checked;\n        \n        document.querySelectorAll('.i-lab').forEach(el => {\n            const rawText = isEng ? el.getAttribute('data-lab-en') : el.getAttribute('data-lab-bm');\n            if (rawText) {\n                \/\/ Decode &lt; and &gt; to render tags correctly\n                el.innerHTML = rawText.replace(\/&lt;\/g, '<').replace(\/&gt;\/g, '>');\n            }\n        });\n\n        const bulbImg = document.getElementById('bulb-image');\n        if (bulbImg) bulbImg.src = isEng ? IMG_URL_EN : IMG_URL_BM;\n    }\n\n    updateLanguage();\n    const poll = setInterval(() => {\n        const sw = document.getElementById('lang-switch');\n        if (sw) {\n            sw.addEventListener('change', updateLanguage);\n            updateLanguage();\n            clearInterval(poll);\n        }\n    }, 500);\n});\n<\/script>\n<\/div>\n\n\n\n<div id=\"iktiraf\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function() {\n  const langSwitch = document.getElementById('lang-switch');\n  \n  \/\/ Element selectors\n  const sectionTitle = document.getElementById('award-section-title');\n  const award2Sub = document.getElementById('award-sub-2');\n  const award4Title = document.getElementById('award-title-4');\n  const award4Sub = document.getElementById('award-sub-4');\n\n  const translations = {\n    bm: {\n      section: \"Pengiktirafan\",\n      a2Sub: \"Fundraising oleh Lembaga Zakat Asia Tenggara Terbaik\",\n      a4Title: \"Majlis Anugerah Zakat Kebangsaan 2025\",\n      a4Sub: \"Anugerah Inovasi Zakat Terbaik (Agihan)<br>Anugerah Kategori Ikon Asnaf\"\n    },\n    eng: {\n      section: \"Awards\",\n      a2Sub: \"Fundraising oleh Lembaga Zakat Asia Tenggara Terbaik\",\n      a4Title: \"Majlis Anugerah Zakat Kebangsaan 2025\",\n      a4Sub: \"Anugerah Inovasi Zakat Terbaik (Agihan)<br>Anugerah Kategori Ikon Asnaf\"\n    }\n  };\n\n  function updateLanguage() {\n    if (!langSwitch) return;\n    const lang = langSwitch.checked ? 'eng' : 'bm';\n    \n    if (sectionTitle) sectionTitle.textContent = translations[lang].section;\n    if (award2Sub) award2Sub.textContent = translations[lang].a2Sub;\n    if (award4Title) award4Title.textContent = translations[lang].a4Title;\n    if (award4Sub) award4Sub.innerHTML = translations[lang].a4Sub;\n  }\n\n  if (langSwitch) {\n    langSwitch.addEventListener('change', updateLanguage);\n    updateLanguage(); \/\/ Initialize\n  }\n});\n<\/script>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n    .lzs-awards-section {\n        padding-top: 50px;\n        max-width: 1200px;\n        margin: 0 auto;\n        font-family: 'Poppins', sans-serif;\n    }\n\n    .lzs-section-title {\n        font-family: 'Poppins', sans-serif;\n        font-weight: 700;\n        font-size: 34px; \n        color: #0051a1; \n        text-align: center;\n        padding-top: 50px;\n        margin-bottom: 40px;\n        line-height: 1.2;\n    }\n\n    .lzs-awards-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n        padding: 0 10px;\n    }\n\n    .award-card {\n        background-color: #f2f2f2;\n        \/* REDUCED PADDING HERE *\/\n        padding: 20px 15px; \n        text-align: center;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        border-radius: 0px;\n        \/* REDUCED MIN-HEIGHT *\/\n        min-height: 240px; \n    }\n\n    .award-logo {\n        max-width: 220px;\n        height: 100px;\n        object-fit: contain;\n        margin-bottom: 15px;\n    }\n\n    .award-title {\n        font-weight: 700;\n        font-size: 15px;\n        color: #000;\n        margin-bottom: 5px;\n        line-height: 1.3;\n    }\n\n    .award-subtitle {\n        font-weight: 400;\n        font-size: 14px;\n        color: #333;\n        margin: 0;\n        line-height: 1.4;\n    }\n\n    @media (max-width: 768px) {\n        .lzs-awards-grid {\n            grid-template-columns: 1fr;\n        }\n        .award-card {\n            min-height: auto;\n            padding: 25px 15px;\n        }\n        .lzs-section-title {\n            font-size: 28px;\n        }\n    }\n<\/style>\n\n<div class=\"lzs-awards-section\">\n    <h2 class=\"lzs-section-title\" id=\"award-section-title\">Pengiktirafan<\/h2>\n\n    <div class=\"lzs-awards-grid\">\n        <div class=\"award-card\">\n            <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Awards-12-1.png\" alt=\"Cambridge Award\" class=\"award-logo\">\n            <p class=\"award-title\">Cambridge Islamic Financial Award 2025<\/p>\n            <p class=\"award-subtitle\">Best Islamic Institution for Humanitarian and Relief Causes<\/p>\n        <\/div>\n\n        <div class=\"award-card\">\n            <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Awards-11-1.png\" alt=\"Indonesia Fundraising Award\" class=\"award-logo\">\n            <p class=\"award-title\">Indonesia Fundraising Award 2025<\/p>\n            <p class=\"award-subtitle\" id=\"award-sub-2\">Fundraising oleh Lembaga Zakat Asia Tenggara Terbaik<\/p>\n        <\/div>\n\n        <div class=\"award-card\">\n            <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Awards-14-1.png\" alt=\"Sustainability & CSR Malaysia Awards\" class=\"award-logo\">\n            <p class=\"award-title\">Sustainability & CSR Malaysia Awards 2025<\/p>\n            <p class=\"award-subtitle\">Organisation Of The Year (Zakat Management Sustainability Award)<\/p>\n        <\/div>\n\n        <div class=\"award-card\">\n            <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Awards-13-1.png\" alt=\"JAWHAR Award\" class=\"award-logo\">\n            <p class=\"award-title\" id=\"award-title-4\">Majlis Anugerah Zakat Kebangsaan 2025<\/p>\n            <p class=\"award-subtitle\" id=\"award-sub-4\">Anugerah Inovasi Zakat Terbaik (Agihan)<br>Anugerah Kategori Ikon Asnaf<\/p>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n\n\n<div id=\"perancangan\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@700&display=swap\" rel=\"stylesheet\">\n\n<style>\n    .lzs-strategy-wrapper {\n        width: 100%;\n        max-width: 1200px;\n        margin: 40px auto;\n        padding: 20px;\n        text-align: center;\n        box-sizing: border-box;\n        font-family: 'Poppins', sans-serif;\n    }\n\n    .lzs-section-title {\n        font-family: 'Poppins', sans-serif;\n        font-weight: 700;\n        font-size: 34px;\n        color: #0051a1;\n        text-align: center;\n        padding-top: 50px;\n        margin-bottom: 40px;\n        margin-top: 0;\n        line-height: 1.2;\n    }\n\n    .lzs-strategy-image {\n        width: 100%;\n        height: auto;\n        display: block;\n        animation: fadeIn 0.8s ease-in-out;\n    }\n\n    @keyframes fadeIn {\n        from { opacity: 0; transform: translateY(10px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    @media (max-width: 768px) {\n        .lzs-section-title {\n            font-size: 28px;\n            padding-top: 30px;\n        }\n    }\n<\/style>\n\n<div class=\"lzs-strategy-wrapper\">\n    <h2 class=\"lzs-section-title\" id=\"future-outlook-title\">Perancangan Masa Hadapan<\/h2>\n    <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Future-Outlook-BM_Strategy-Towards-1-1.png\" alt=\"Model Perniagaan Baharu\" id=\"future-outlook-img\" class=\"lzs-strategy-image\" loading=\"lazy\">\n<\/div>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', function() {\n        const langSwitch = document.getElementById('lang-switch');\n        \n        const futureTitle = document.getElementById('future-outlook-title');\n        const futureImg = document.getElementById('future-outlook-img');\n\n        const translations = {\n            bm: {\n                title: \"Perancangan Masa Hadapan\",\n                img: \"https:\/\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\/wp-content\/uploads\/2026\/04\/Future-Outlook-BM_Strategy-Towards-1-1.png\"\n            },\n            eng: {\n                title: \"Future Outlook\",\n                \/\/ Updated with your corrected English image link\n                img: \"https:\/\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\/wp-content\/uploads\/2026\/04\/Future-Outlook-BM_Strategy-Towards-1-2.png\"\n            }\n        };\n\n        function updateFutureOutlook() {\n            if (!langSwitch) return;\n            const lang = langSwitch.checked ? 'eng' : 'bm';\n            \n            if (futureTitle) {\n                futureTitle.textContent = translations[lang].title;\n            }\n            \n            if (futureImg) {\n                futureImg.src = translations[lang].img;\n            }\n        }\n\n        if (langSwitch) {\n            langSwitch.addEventListener('change', updateFutureOutlook);\n            updateFutureOutlook();\n        }\n    });\n})();\n<\/script>\n<\/div>\n\n\n\n<div id=\"penyata\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<div class=\"blue-section-container\" id=\"lzs-statement-section\">\n    <div class=\"blue-row\">\n        <div class=\"blue-img-col\">\n            <img decoding=\"async\" src=\"https:\/\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\/wp-content\/uploads\/2026\/04\/Rectangle-15-1.png\" alt=\"Audit Document\" class=\"img-fluid doc-shadow\">\n        <\/div>\n        \n        <div class=\"blue-text-col\">\n            <h2 class=\"blue-header blue-lab\" data-lab-bm=\"Penyata Kutipan & Agihan Zakat Selangor 2025\" data-lab-en=\"Zakat Selangor Collection & Distribution Statement 2025\">Penyata Kutipan & Agihan Zakat Selangor 2025<\/h2>\n            <hr class=\"blue-divider\">\n            <p class=\"blue-para blue-lab\" data-lab-bm=\"Prestasi kutipan dan agihan zakat sepanjang tahun 2025 mencerminkan utuhnya solidariti ummah dan keyakinan berterusan terhadap Zakat Selangor. Bagi kami, setiap ringgit yang diterima bukan sekadar angka statistik, sebaliknya ia adalah amanah besar yang telah direalisasikan melalui agihan berfokuskan impak kepada kelestarian asnaf.\" data-lab-en=\"The &lt;i&gt;zakat&lt;\/i&gt; collected and given out in 2025 shows the strong unity of the community and their lasting trust in Zakat Selangor. For us, every ringgit received is more than just a number, it is a big responsibility that we carry out by giving help that truly changes the lives of those in need for the long term.\">Prestasi kutipan dan agihan zakat sepanjang tahun 2025 mencerminkan utuhnya solidariti ummah dan keyakinan berterusan terhadap Zakat Selangor. Bagi kami, setiap ringgit yang diterima bukan sekadar angka statistik, sebaliknya ia adalah amanah besar yang telah direalisasikan melalui agihan berfokuskan impak kepada kelestarian asnaf.<\/p>\n            \n            <button id=\"statement-btn-trigger\" class=\"blue-btn\" style=\"cursor:pointer;\">\n                <span class=\"blue-lab\" data-lab-bm=\"Muat Turun\" data-lab-en=\"Download\">Muat Turun<\/span>\n                <img decoding=\"async\" src=\"https:\/\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\/wp-content\/uploads\/2026\/04\/Vector-2.png\" alt=\"icon\" class=\"btn-icon\">\n            <\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* Enforce Poppins Universally *\/\n#lzs-statement-section,\n#lzs-statement-section * {\n    font-family: 'Poppins', sans-serif !important;\n}\n\n#lzs-statement-section i {\n    font-style: italic !important;\n}\n\n.blue-section-container {\n    background-color: #005AAB;    \n    padding: 80px 96px 40px 96px; \n    color: #ffffff;\n    box-sizing: border-box;\n}\n\n.blue-row {\n    display: flex;\n    align-items: center;\n    max-width: 1200px;\n    margin: 0 auto;\n    gap: 60px;\n}\n\n.blue-img-col { \n    flex: 1; \n    display: flex; \n    justify-content: center; \n}\n\n.img-fluid { \n    max-width: 100%; \n    height: auto; \n}\n\n.doc-shadow { \n    box-shadow: 0px 10px 30px rgba(0,0,0,0.2); \n}\n\n.blue-text-col { \n    flex: 1; \n}\n\n.blue-header {\n    font-weight: 700 !important;\n    font-size: 34px !important; \n    margin: 0 0 15px 0 !important;\n    line-height: 1.2 !important;\n    color: #ffffff !important;\n}\n\n.blue-divider {\n    border: none;\n    height: 2px;\n    background-color: #8CC63F;\n    width: 100%;\n    margin-bottom: 25px;\n}\n\n.blue-para {\n    font-weight: 400 !important;\n    font-size: 15px !important;\n    line-height: 1.6 !important;\n    margin-bottom: 35px !important;\n    color: #ffffff !important;\n}\n\n.blue-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 15px;\n    border: 2px solid #8CC63F;\n    border-radius: 0px;\n    padding: 10px 25px;\n    text-decoration: none;\n    color: #8CC63F !important;\n    transition: all 0.3s ease;\n    background-color: transparent;\n    font-size: 20px !important; \n    font-weight: 500 !important; \n}\n\n.btn-icon {\n    width: 20px;\n    height: auto;\n}\n\n.blue-btn:hover {\n    background-color: #8CC63F;\n    color: #005AAB !important;\n}\n\n.blue-btn:hover .btn-icon {\n    filter: brightness(0) saturate(100%) invert(26%) sepia(91%) saturate(1835%) hue-rotate(192deg) brightness(91%) contrast(101%);\n}\n#lzs-statement-section .blue-btn:hover {\n    background-color: transparent !important; \/* Forces background to stay the initial color (likely a darker blue from the section, or whatever is specified elsewhere in the .blue-btn rules) *\/\n    background: transparent !important; \/* A backup for good measure *\/\n}\n\n@media (max-width: 1100px) {\n    .blue-section-container {\n        padding: 60px 40px 40px 40px;\n    }\n}\n\n@media (max-width: 768px) {\n    .blue-row {\n        flex-direction: column;\n        text-align: center;\n        gap: 40px;\n    }\n    .blue-header { font-size: 28px !important; }\n    .blue-btn { font-size: 18px !important; width: 100%; justify-content: center; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const triggerBtn = document.getElementById('statement-btn-trigger');\n    const langSwitch = document.getElementById('lang-switch');\n\n    function getIsEng() {\n        return langSwitch && langSwitch.checked;\n    }\n\n    function updateLanguageContent() {\n        var isEng = getIsEng();\n        \n        document.querySelectorAll('#lzs-statement-section .blue-lab').forEach(function(el) {\n            var rawText = isEng ? el.getAttribute('data-lab-en') : el.getAttribute('data-lab-bm');\n            if (rawText) {\n                var decodedText = rawText.replace(\/&lt;\/g, '<').replace(\/&gt;\/g, '>');\n                el.innerHTML = decodedText;\n            }\n        });\n    }\n\n    \/\/ FIXED DOWNLOAD LOGIC\n    if (triggerBtn) {\n        triggerBtn.addEventListener('click', function(e) {\n            e.preventDefault();\n            \/\/ This stops any other scripts (like flipbook plugins) from hijacking this button\n            e.stopImmediatePropagation(); \n            \n            const pdfUrl = \"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/05\/Audited-Account-2025-Final.pdf\";\n            \n            \/\/ Forces the browser to open\/download the specific PDF\n            window.open(pdfUrl, '_blank');\n        });\n    }\n\n    updateLanguageContent();\n\n    var langPoll = setInterval(function() {\n        var sw = document.getElementById('lang-switch');\n        if (sw) {\n            sw.addEventListener('change', updateLanguageContent);\n            updateLanguageContent();\n            clearInterval(langPoll);\n        }\n    }, 500);\n});\n<\/script>\n<\/div>\n\n\n\n<div id=\"kemudahan\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n\n<div class=\"zakat-intro-container\" id=\"lzs-zakat-intro-section\">\n    <h2 class=\"zakat-title\">\n        <span class=\"text-bm\">Kemudahan Pembayaran Zakat<\/span>\n        <span class=\"text-en\" style=\"display:none;\"><i>Zakat<\/i> Payment Channels<\/span>\n    <\/h2>\n    \n    <div class=\"zakat-description\">\n        <p>\n            <span class=\"text-bm\">Kami di Zakat Selangor sentiasa berusaha untuk memudahkan urusan muzakki menunaikan zakat di seluruh Selangor. Kami telah menyediakan pelbagai cara pembayaran yang lebih ringkas dan mudah dicapai oleh sesiapa sahaja dan di mana sahaja.<\/span>\n            <span class=\"text-en\" style=\"display:none;\">At Zakat Selangor, we are always working to make it easy for <i>muzakki<\/i> to fulfil their <i>zakat<\/i> duties across Selangor. We have set up a variety of simple payment methods that anyone can access, from anywhere.<\/span>\n        <\/p>\n        \n        <p>\n            <span class=\"text-bm\">Para pembayar zakat kini boleh memilih pelbagai kaedah pembayaran termasuk cawangan kami di seluruh Selangor, kaunter bergerak (<i>Zakat<\/i> On Wheels), perunding zakat dan juga melalui perkhidmatan dalam talian di <a href=\"https:\/\/fpx.zakatselangor.com.my\" target=\"_blank\" class=\"zakat-link-active\">fpx.zakatselangor.com.my<\/a>. Selain itu, kemudahan pembayaran menggunakan kad debit dan kad kredit Islamik, mesin ATM, perbankan mudah alih dan kiriman pos turut disediakan.<\/span>\n            <span class=\"text-en\" style=\"display:none;\"><i>Muzakki<\/i> can now choose from many options. These include our branches across Selangor, mobile counters (<i>Zakat<\/i> On Wheels), <i>zakat<\/i> agents and our online service at <a href=\"https:\/\/fpx.zakatselangor.com.my\" target=\"_blank\" class=\"zakat-link-active\">fpx.zakatselangor.com.my<\/a>. Additionally, payments can be made using debit cards, Islamic credit cards, ATMs, mobile banking and by post.<\/span>\n        <\/p>\n        \n        <p>\n            <span class=\"text-bm\">Segala usaha ini kami lakukan demi memberikan perkhidmatan yang terbaik buat masyarakat, agar setiap zakat yang ditunaikan dapat segera sampai kepada mereka yang memerlukan.<\/span>\n            <span class=\"text-en\" style=\"display:none;\">We make all these efforts to provide the best service to the community, ensuring that every <i>zakat<\/i> payment quickly reaches those who need it most.<\/span>\n        <\/p>\n    <\/div>\n<\/div>\n\n<style>\n\/* 1. UNIVERSAL FONT *\/\n#lzs-zakat-intro-section,\n#lzs-zakat-intro-section * {\n    font-family: 'Poppins', sans-serif !important;\n}\n\n\/* 2. FORCED ITALICS *\/\n#lzs-zakat-intro-section i {\n    font-style: italic !important;\n}\n\n.zakat-intro-container {\n    max-width: 1200px;\n    margin: 0 auto 50px auto;\n    padding: 50px 20px 0 20px; \n}\n\n.zakat-title {\n    font-weight: 700 !important; \n    font-size: 34px !important;\n    color: #005AAB !important; \n    margin-bottom: 25px;\n    line-height: 1.2 !important;\n}\n\n.zakat-description p {\n    font-weight: 400 !important; \n    font-size: 15px !important;\n    color: #333 !important;\n    line-height: 1.7 !important;\n    margin-bottom: 18px;\n}\n\n.zakat-link-active {\n    color: #005AAB !important;\n    text-decoration: underline !important;\n    font-weight: 600 !important;\n}\n\n@media (max-width: 768px) {\n    .zakat-title { font-size: 26px !important; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    function updateLanguage() {\n        var sw = document.getElementById('lang-switch');\n        var isEng = (sw && sw.checked);\n        \n        \/\/ Toggle BM Spans\n        document.querySelectorAll('#lzs-zakat-intro-section .text-bm').forEach(function(el) {\n            el.style.display = isEng ? 'none' : 'inline';\n        });\n        \n        \/\/ Toggle EN Spans\n        document.querySelectorAll('#lzs-zakat-intro-section .text-en').forEach(function(el) {\n            el.style.display = isEng ? 'inline' : 'none';\n        });\n    }\n\n    updateLanguage();\n\n    var poll = setInterval(function() {\n        var sw = document.getElementById('lang-switch');\n        if (sw) {\n            sw.addEventListener('change', updateLanguage);\n            updateLanguage();\n            clearInterval(poll);\n        }\n    }, 500);\n});\n<\/script>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<div class=\"zakat-wrapper\" id=\"lzs-accordion-section\">\n    <div class=\"zakat-accordion-section\">\n        \n        <div class=\"zakat-item\">\n            <button class=\"zakat-trigger\" type=\"button\">\n                <span class=\"zakat-lab\" data-lab-bm=\"Cawangan\/Kaunter\" data-lab-en=\"Branches\/Counters\">Cawangan\/Kaunter<\/span>\n                <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Vector.png\" class=\"icon-plus\" alt=\"toggle\">\n            <\/button>\n            <div class=\"zakat-content\">\n                <ul>\n                    <li class=\"zakat-lab\" data-lab-bm=\"Semua Cawangan Zakat Selangor\" data-lab-en=\"All Zakat Selangor Branches\">Semua Cawangan Zakat Selangor<\/li>\n                    <li class=\"zakat-lab\" data-lab-bm=\"Kaunter Bergerak &lt;i&gt;(Zakat On Wheels)&lt;\/i&gt;\" data-lab-en=\"Mobile Counter &lt;i&gt;(Zakat On Wheels)&lt;\/i&gt;\">Kaunter Bergerak <i>(Zakat On Wheels)<\/i><\/li>\n                    <li class=\"zakat-lab\" data-lab-bm=\"Perunding Zakat\" data-lab-en=\"&lt;i&gt;Zakat&lt;\/i&gt; Consultant\">Perunding Zakat<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"zakat-item\">\n            <button class=\"zakat-trigger\" type=\"button\">\n                <span class=\"zakat-lab\" data-lab-bm=\"Khidmat Pembayaran\" data-lab-en=\"Payment Services\">Khidmat Pembayaran<\/span>\n                <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Vector.png\" class=\"icon-plus\" alt=\"toggle\">\n            <\/button>\n            <div class=\"zakat-content\">\n                <ul>\n                    <li><a href=\"https:\/\/fpx.zakatselangor.com.my\/\" target=\"_blank\" class=\"zakat-inner-link\">https:\/\/fpx.zakatselangor.com.my\/<\/a><\/li>\n                    <li class=\"zakat-lab\" data-lab-bm=\"Kad Debit\" data-lab-en=\"Debit Card\">Kad Debit<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"zakat-item\">\n            <button class=\"zakat-trigger\" type=\"button\">\n                <span class=\"zakat-lab\" data-lab-bm=\"Kad Debit dan Kad Kredit Islamik\" data-lab-en=\"Islamic Debit and Credit Cards\">Kad Debit dan Kad Kredit Islamik<\/span>\n                <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Vector.png\" class=\"icon-plus\" alt=\"toggle\">\n            <\/button>\n            <div class=\"zakat-content\">\n                <ul>\n                    <li class=\"zakat-lab\" data-lab-bm=\"Di Semua Cawangan Zakat Selangor di Negeri Selangor\" data-lab-en=\"At All Zakat Selangor Branches in Selangor State\">Di Semua Cawangan Zakat Selangor di Negeri Selangor<\/li>\n                    <li class=\"zakat-lab\" data-lab-bm=\"Kad Debit MEPS\" data-lab-en=\"MEPS Debit Card\">Kad Debit MEPS<\/li>\n                    <li class=\"zakat-lab\" data-lab-bm=\"Aplikasi Mudah Alih Perunding Zakat\" data-lab-en=\"&lt;i&gt;Zakat&lt;\/i&gt; Consultant Mobile App\">Aplikasi Mudah Alih Perunding Zakat<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"zakat-item\">\n            <button class=\"zakat-trigger\" type=\"button\">\n                <span class=\"zakat-lab\" data-lab-bm=\"Mesin ATM\" data-lab-en=\"ATM Machines\">Mesin ATM<\/span>\n                <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Vector.png\" class=\"icon-plus\" alt=\"toggle\">\n            <\/button>\n            <div class=\"zakat-content\">\n                <ul>\n                    <li>BIMB<\/li>\n                    <li>Public Bank<\/li>\n                    <li>OCBC Bank<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"zakat-item\">\n            <button class=\"zakat-trigger\" type=\"button\">\n                <span class=\"zakat-lab\" data-lab-bm=\"Kiriman Pos\" data-lab-en=\"Postal Orders\">Kiriman Pos<\/span>\n                <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Vector.png\" class=\"icon-plus\" alt=\"toggle\">\n            <\/button>\n            <div class=\"zakat-content\">\n                <ul>\n                    <li class=\"zakat-lab\" data-lab-bm=\"Cek \/ Kiriman Wang \/ Draf Bank \/ Wang Pos\" data-lab-en=\"Cheque \/ Money Order \/ Bank Draft \/ Postal Order\">Cek\/Kiriman Wang\/Draf Bank\/Wang Pos<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"zakat-item\">\n            <button class=\"zakat-trigger\" type=\"button\">\n                <span class=\"zakat-lab\" data-lab-bm=\"Perbankan Mudah Alih\" data-lab-en=\"Mobile Banking\">Mobile Banking<\/span>\n                <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Vector.png\" class=\"icon-plus\" alt=\"toggle\">\n            <\/button>\n            <div class=\"zakat-content\">\n                <ul>\n                    <li class=\"zakat-lab\" data-lab-bm=\"Maybank - Perbankan Telefon (Dail 1300-88-6688)\" data-lab-en=\"Maybank - Phone Banking (Dial 1300-88-6688)\">Maybank &#8211; Perbankan Telefon (Dail 1300-88-6688)<\/li>\n                    <li class=\"zakat-lab\" data-lab-bm=\"I - TAP (Bank Islam)\" data-lab-en=\"I - TAP (Bank Islam)\">I &#8211; TAP (Bank Islam)<\/li>\n                    <li class=\"zakat-lab\" data-lab-bm=\"Aplikasi Mudah Alih Zakat Selangor\" data-lab-en=\"Zakat Selangor Mobile App\">Aplikasi Mudah Alih Zakat Selangor<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"zakat-item\">\n            <button class=\"zakat-trigger\" type=\"button\">\n                <span class=\"zakat-lab\" data-lab-bm=\"Zakat Fitrah\" data-lab-en=\"&lt;i&gt;Zakat&lt;\/i&gt; Fitrah\">Zakat Fitrah<\/span>\n                <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Vector.png\" class=\"icon-plus\" alt=\"toggle\">\n            <\/button>\n            <div class=\"zakat-content\">\n                <ul>\n                    <li class=\"zakat-lab\" data-lab-bm=\"Penolong Amil Fitrah\" data-lab-en=\"Assistant &lt;i&gt;Fitrah Amil&lt;\/i&gt;\">Penolong Amil Fitrah<\/li>\n                    <li><a href=\"https:\/\/fpx.zakatselangor.com.my\/\" target=\"_blank\" class=\"zakat-inner-link\">https:\/\/fpx.zakatselangor.com.my\/<\/a><\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"zakat-item\">\n            <button class=\"zakat-trigger\" type=\"button\">\n                <span class=\"zakat-lab\" data-lab-bm=\"PADI\" data-lab-en=\"PADI\">PADI<\/span>\n                <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Vector.png\" class=\"icon-plus\" alt=\"toggle\">\n            <\/button>\n            <div class=\"zakat-content\">\n                <ul>\n                    <li class=\"zakat-lab\" data-lab-bm=\"Penolong Amil PADI\" data-lab-en=\"Assistant PADI &lt;i&gt;Amil&lt;\/i&gt;\">Penolong Amil PADI<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"zakat-image-side\">\n        <div class=\"sticky-image-container\">\n            <img decoding=\"async\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/05\/shutterstock_2665586763.png\" alt=\"Zakat\" class=\"img-responsive\">\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n#lzs-accordion-section,\n#lzs-accordion-section * {\n    font-family: 'Poppins', sans-serif !important;\n}\n\n.zakat-wrapper {\n    display: flex;\n    align-items: flex-start; \/* Drives height by accordion content *\/\n    gap: 60px;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 60px 40px;\n}\n\n.zakat-accordion-section {\n    flex: 1;\n}\n\n.zakat-item {\n    border-bottom: 1px solid #ccc;\n}\n\n.zakat-trigger {\n    width: 100%;\n    background: transparent;\n    border: none;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 18px 0;\n    cursor: pointer !important;\n    text-align: left;\n    font-weight: 500 !important; \n    font-size: 24px !important;\n    color: #000 !important;\n}\n\n.icon-plus {\n    width: 20px;\n    height: 20px;\n    transition: transform 0.6s ease;\n}\n\n.zakat-content {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.6s ease-in-out;\n}\n\n.zakat-content ul {\n    list-style: none;\n    padding: 0 0 20px 0;\n    margin: 0;\n}\n\n.zakat-content li {\n    position: relative;\n    padding-left: 20px;\n    margin-bottom: 8px;\n    font-size: 15px !important;\n    color: #333 !important;\n}\n\n.zakat-content li::before {\n    content: \"\u2022\";\n    position: absolute;\n    left: 0;\n}\n\n\/* Accordion Active State *\/\n.zakat-item.active .zakat-content { max-height: 500px; }\n.zakat-item.active .icon-plus { transform: rotate(45deg); }\n\n\/* --- IMAGE FIX: NO MORE CUTTING --- *\/\n\n.zakat-image-side {\n    flex: 0 0 30%; \/* Balanced width *\/\n}\n\n\/* Sticky container ensures the image follows the accordion \n   top\/bottom without cropping.\n*\/\n.sticky-image-container {\n    position: sticky;\n    top: 20px; \n}\n\n.img-responsive {\n    width: 100%;\n    height: auto !important; \/* Forces natural proportions *\/\n    display: block;\n    object-fit: contain; \/* Ensures the whole image is visible *\/\n}\n\n\/* Hover effect on Desktop *\/\n@media (min-width: 1025px) {\n    .zakat-item:hover .zakat-content {\n        max-height: 500px;\n    }\n    .zakat-item:hover .icon-plus {\n        transform: rotate(45deg);\n    }\n}\n\n\/* Mobile Responsiveness *\/\n@media (max-width: 1024px) {\n    .zakat-wrapper {\n        flex-direction: column-reverse;\n        align-items: center;\n        padding: 40px 20px;\n    }\n    .zakat-trigger { font-size: 20px !important; }\n    .zakat-image-side { width: 70%; margin-bottom: 30px; }\n    .sticky-image-container { position: static; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    function getIsEng() {\n        var sw = document.getElementById('lang-switch');\n        return sw && sw.checked;\n    }\n\n    function updateLanguageContent() {\n        var isEng = getIsEng();\n        document.querySelectorAll('#lzs-accordion-section .zakat-lab').forEach(function(el) {\n            el.innerHTML = isEng ? el.getAttribute('data-lab-en') : el.getAttribute('data-lab-bm');\n        });\n    }\n\n    updateLanguageContent();\n\n    var langPoll = setInterval(function() {\n        var sw = document.getElementById('lang-switch');\n        if (sw) {\n            sw.addEventListener('change', updateLanguageContent);\n            updateLanguageContent();\n            clearInterval(langPoll);\n        }\n    }, 500);\n\n    const triggers = document.querySelectorAll('.zakat-trigger');\n    triggers.forEach(button => {\n        button.addEventListener('click', function() {\n            const currentItem = this.parentElement;\n            document.querySelectorAll('.zakat-item').forEach(item => {\n                if (item !== currentItem) {\n                    item.classList.remove('active');\n                }\n            });\n            currentItem.classList.toggle('active');\n        });\n    });\n});\n<\/script>\n<\/div>\n\n\n\n<div id=\"rangkaian\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<div class=\"lzs-main-grid-wrapper\" id=\"lzs-network-section\">\n    <div class=\"lzs-row header-row\">\n        <div class=\"lzs-col-title\">\n            <h2 class=\"lzs-main-title lzs-network-lab\" data-lab-bm=\"Rangkaian Kami\" data-lab-en=\"Our Reach\">Rangkaian Kami<\/h2>\n        <\/div>\n        <div class=\"lzs-col-desc\">\n            <p class=\"lzs-main-desc lzs-network-lab\" data-lab-bm=\"Zakat Selangor mempunyai 19 cawangan di seluruh negeri Selangor bagi memastikan perkhidmatan kutipan dan agihan zakat dapat dilaksanakan dengan lebih efisien dan menyeluruh. Setiap cawangan dilengkapi dengan warga kerja terlatih yang bersedia untuk membantu dan memberi panduan kepada pembayar zakat serta penerima zakat.\" data-lab-en=\"Zakat Selangor has 19 branches across the state to ensure that &lt;i&gt;zakat&lt;\/i&gt; collection and distribution are carried out efficiently and thoroughly. Each branch is staffed by trained professionals ready to assist and guide both &lt;i&gt;muzakki&lt;\/i&gt; and recipients.\">\n                Zakat Selangor mempunyai 19 cawangan di seluruh negeri Selangor bagi memastikan perkhidmatan kutipan dan agihan zakat dapat dilaksanakan dengan lebih efisien dan menyeluruh. Setiap cawangan dilengkapi dengan warga kerja terlatih yang bersedia untuk membantu dan memberi panduan kepada pembayar zakat serta penerima zakat.\n            <\/p>\n            <p class=\"lzs-main-desc lzs-network-lab\" data-lab-bm=\"Dengan komitmen untuk memberikan perkhidmatan terbaik, Zakat Selangor menyediakan kemudahan untuk menunaikan kewajipan zakat dan mendapatkan maklumat serta bantuan yang diperlukan.\" data-lab-en=\"Committed to delivering the best service, Zakat Selangor provides the facilities you need to easily fulfil your &lt;i&gt;zakat&lt;\/i&gt; duties, access information and receive the necessary support.\">\n                Dengan komitmen untuk memberikan perkhidmatan terbaik, Zakat Selangor menyediakan kemudahan untuk menunaikan kewajipan zakat dan mendapatkan maklumat serta bantuan yang diperlukan.\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"lzs-district-grid\">\n        <div class=\"lzs-district-btn\" data-key=\"petaling\" onmouseenter=\"startHoverTimer('petaling')\" onmouseleave=\"cancelHoverTimer()\" onclick=\"forceUpdate('petaling')\">Petaling<\/div>\n        <div class=\"lzs-district-btn\" data-key=\"klang\" onmouseenter=\"startHoverTimer('klang')\" onmouseleave=\"cancelHoverTimer()\" onclick=\"forceUpdate('klang')\">Klang<\/div>\n        <div class=\"lzs-district-btn\" data-key=\"kuala_langat\" onmouseenter=\"startHoverTimer('kuala_langat')\" onmouseleave=\"cancelHoverTimer()\" onclick=\"forceUpdate('kuala_langat')\">Kuala Langat<\/div>\n        <div class=\"lzs-district-btn\" data-key=\"sabak_bernam\" onmouseenter=\"startHoverTimer('sabak_bernam')\" onmouseleave=\"cancelHoverTimer()\" onclick=\"forceUpdate('sabak_bernam')\">Sabak Bernam<\/div>\n        <div class=\"lzs-district-btn\" data-key=\"kuala_selangor\" onmouseenter=\"startHoverTimer('kuala_selangor')\" onmouseleave=\"cancelHoverTimer()\" onclick=\"forceUpdate('kuala_selangor')\">Kuala Selangor<\/div>\n        <div class=\"lzs-district-btn\" data-key=\"hulu_selangor\" onmouseenter=\"startHoverTimer('hulu_selangor')\" onmouseleave=\"cancelHoverTimer()\" onclick=\"forceUpdate('hulu_selangor')\">Hulu Selangor<\/div>\n        <div class=\"lzs-district-btn\" data-key=\"sepang\" onmouseenter=\"startHoverTimer('sepang')\" onmouseleave=\"cancelHoverTimer()\" onclick=\"forceUpdate('sepang')\">Sepang<\/div>\n        <div class=\"lzs-district-btn\" data-key=\"hulu_langat\" onmouseenter=\"startHoverTimer('hulu_langat')\" onmouseleave=\"cancelHoverTimer()\" onclick=\"forceUpdate('hulu_langat')\">Hulu Langat<\/div>\n        <div class=\"lzs-district-btn\" data-key=\"gombak\" onmouseenter=\"startHoverTimer('gombak')\" onmouseleave=\"cancelHoverTimer()\" onclick=\"forceUpdate('gombak')\">Gombak<\/div>\n    <\/div>\n\n    <div class=\"lzs-content-area\">\n        <div class=\"content-flex-row\">\n            <div class=\"lzs-col-visual\">\n                <img decoding=\"async\" id=\"active-lzs-map-img\" src=\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/LZS-Highlighted-Branches_Petaling.png\" alt=\"Map\">\n            <\/div>\n            <div class=\"lzs-col-details\" id=\"dynamic-address-panel\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    \/* Enforce Poppins Universally *\/\n    #lzs-network-section,\n    #lzs-network-section * {\n        font-family: 'Poppins', sans-serif !important;\n    }\n    \n    \/* Ensure italics render *\/\n    #lzs-network-section i {\n        font-style: italic !important;\n    }\n\n    .lzs-main-grid-wrapper { \n        max-width: 1200px; \n        margin: 0 auto; \n        padding: 20px; \n        color: #000; \n    }\n    \n    .lzs-row { display: flex; gap: 40px; margin-bottom: 20px; }\n    .lzs-col-title { flex: 0 0 30%; }\n    .lzs-col-desc { flex: 1; }\n    \n    .lzs-main-title { \n        font-weight: 700 !important; \n        font-size: 34px !important; \n        color: #0051a1 !important; \n        margin: 0 !important; \n        line-height: 1.2 !important;\n    }\n    \n    .lzs-main-desc { font-weight: 400 !important; font-size: 15px !important; line-height: 1.6 !important; }\n\n    \/* FIXED CSS: Added !important to protect against WordPress theme overrides *\/\n    .lzs-district-grid { \n        display: grid !important; \n        grid-template-columns: repeat(3, 1fr) !important; \n        gap: 10px !important; \n        margin-bottom: 40px !important;\n        width: 100% !important;\n    }\n    \n    .lzs-district-btn { \n        background: #f4f4f4 !important; \n        padding: 12px !important; \n        text-align: center !important; \n        font-weight: 500 !important; \n        font-size: 14px !important; \n        border-radius: 0px !important; \n        cursor: pointer !important; \n        transition: all 0.2s ease !important; \n        border: 1px solid #ddd !important; \n        margin: 0 !important;\n        color: #000 !important;\n        display: block !important;\n    }\n    \n    .lzs-district-btn:hover, .lzs-district-btn.active { \n        background: #0051a1 !important; \n        color: #fff !important; \n        border-color: #0051a1 !important; \n    }\n\n    .content-flex-row { align-items: flex-start; display: flex; gap: 40px; }\n    .lzs-col-visual { flex: 1.2; display: flex; justify-content: center; min-height: 400px; }\n    #active-lzs-map-img { width: 100%; height: auto; max-width: 550px; display: block; will-change: contents; }\n\n    .lzs-col-details { flex: 1; text-align: left; min-height: 200px; }\n    \n    .daerah-header { font-size: 28px !important; font-weight: 700 !important; margin-bottom: 2px !important; color: #000 !important; }\n    .lzs-line { border: none; border-top: 1.5px solid #333; margin: 5px 0; width: 100%; }\n    .branch-info-block { padding: 15px 0; }\n    .cawangan-title { font-size: 22px !important; font-weight: 600 !important; margin-bottom: 8px !important; color: #000 !important; }\n    .address-text { font-size: 15px !important; line-height: 1.5 !important; color: #333 !important; font-weight: 400 !important; margin: 0 !important; }\n\n    @media screen and (max-width: 900px) { \n        .lzs-district-grid { grid-template-columns: repeat(2, 1fr) !important; } \n        .lzs-row, .content-flex-row { flex-direction: column !important; gap: 20px !important; } \n    }\n<\/style>\n\n<script>\n(function() {\n    let hoverTimeout;\n    let currentActiveKey = 'petaling';\n\n    \/\/ 1. DYNAMIC DATA FOR BRANCHES\n    const branchData = {\n        petaling: {\n            map: 'https:\/\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\/wp-content\/uploads\/2026\/04\/LZS-Highlighted-Branches_Petaling.png',\n            daerah: 'PETALING',\n            branches: [\n                { name: {bm:'IBU PEJABAT', eng:'HEADQUARTERS'}, addr: 'Menara Zakat Sultan Idris Shah,<br>No. 1, Persiaran Bandar Raya,<br>Seksyen 14, 40000 Shah Alam, Selangor.' },\n                { name: {bm:'ALAMI', eng:'ALAMI'}, addr: 'Bangunan Zakat Selangor, 3-01-1 Presint ALAMI,<br>Pusat Perniagaan Worldwide 2, Seksyen 13,<br>40100 Shah Alam, Selangor.' },\n                { name: {bm:'MASJID NEGERI', eng:'STATE MOSQUE'}, addr: 'Masjid Sultan Salahuddin Abdul Aziz Shah,<br>Tingkat Bawah Persiaran Masjid,<br>40000 Shah Alam, Selangor.' },\n                { name: {bm:'DAMANSARA', eng:'DAMANSARA'}, addr: 'Masjid Mujahideen SS 21\/23, Damansara Utama,<br>46300 Petaling Jaya, Selangor.' },\n                { name: {bm:'PUCHONG', eng:'PUCHONG'}, addr: 'No. 32, Jalan Puteri 4\/2, Bandar Puteri,<br>47100 Puchong, Selangor.' },\n                { name: {bm:'SUBANG JAYA', eng:'SUBANG JAYA'}, addr: 'Masjid Darul Ehsan, Jalan SS15\/2E,<br>47500 Subang Jaya, Selangor.' },\n                { name: {bm:'UTC SHAH ALAM', eng:'UTC SHAH ALAM'}, addr: 'Lot G-8A, Anggerik Mall, Seksyen 14,<br>40000 Shah Alam, Selangor.' },\n                { name: {bm:'MASJID KOTA DAMANSARA', eng:'KOTA DAMANSARA MOSQUE'}, addr: 'Jalan Sepah Puteri 5\/21, Kota Damansara,<br>47810 Petaling Jaya, Selangor.' }\n            ]\n        },\n        klang: {\n            map: 'https:\/\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\/wp-content\/uploads\/2026\/04\/LZS-Highlighted-Branches_Klang.png',\n            daerah: 'KLANG',\n            branches: [{ name: {bm:'KOMPLEKS MAIS KLANG', eng:'MAIS COMPLEX KLANG'}, addr: 'Lot 336G, Jalan Meru Off Jalan Kapar,<br>41050 Klang, Selangor.' }]\n        },\n        kuala_langat: {\n            map: 'https:\/\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\/wp-content\/uploads\/2026\/04\/LZS-Highlighted-Branches_Kuala-Langat.png',\n            daerah: 'KUALA LANGAT',\n            branches: [{ name: {bm:'BANTING', eng:'BANTING'}, addr: 'No.19, Jalan Sri Pekan 5, Medan Sri Pekan,<br>42700 Banting, Selangor.' }]\n        },\n        sabak_bernam: {\n            map: 'https:\/\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\/wp-content\/uploads\/2026\/04\/LZS-Highlighted-Branches_Sabak-Bernam.png',\n            daerah: 'SABAK BERNAM',\n            branches: [{ name: {bm:'SUNGAI BESAR', eng:'SUNGAI BESAR'}, addr: 'No. 6 & 7, PT 5607 & 5608, Jalan Gemilang 1,<br>45300 Sungai Besar, Selangor.' }]\n        },\n        kuala_selangor: {\n            map: 'https:\/\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\/wp-content\/uploads\/2026\/04\/LZS-Highlighted-Branches_Kuala-Selangor.png',\n            daerah: 'KUALA SELANGOR',\n            branches: [{ name: {bm:'KUALA SELANGOR', eng:'KUALA SELANGOR'}, addr: 'No. 2 & 4, Jalan Melati 3\/19, Bandar Malawati,<br>45000 Kuala Selangor, Selangor.' }]\n        },\n        hulu_selangor: {\n            map: 'https:\/\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\/wp-content\/uploads\/2026\/04\/LZS-Highlighted-Branches_Hulu-Selangor.png',\n            daerah: 'HULU SELANGOR',\n            branches: [{ name: {bm:'KUALA KUBU BHARU', eng:'KUALA KUBU BHARU'}, addr: 'Tingkat Bawah Bangunan Haji Khalid, Lot 16,<br>Jalan Mat Kilau, 44000 Kuala Kubu Bharu, Selangor.' }]\n        },\n        sepang: {\n            map: 'https:\/\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\/wp-content\/uploads\/2026\/04\/LZS-Highlighted-Branches_Sepang.png',\n            daerah: 'SEPANG',\n            branches: [{ name: {bm:'SAUJANA KLIA', eng:'SAUJANA KLIA'}, addr: 'No. 38 & 40, Jalan Saujana KLIA,<br>43900 Sepang, Selangor.' }]\n        },\n        hulu_langat: {\n            map: 'https:\/\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\/wp-content\/uploads\/2026\/04\/LZS-Highlighted-Branches_Hulu-Langat.png',\n            daerah: 'HULU LANGAT',\n            branches: [\n                { name: {bm:'KAJANG', eng:'KAJANG'}, addr: 'G-08 & 1-08, Jalan Reko, Saville Kajang,<br>43000 Kajang, Selangor.' },\n                { name: {bm:'BANDAR BARU BANGI', eng:'BANDAR BARU BANGI'}, addr: 'No.163A Jalan 8\/1, Seksyen 8,<br>43650 Bandar Baru Bangi, Selangor.' },\n                { name: {bm:'BANDAR BARU AMPANG', eng:'BANDAR BARU AMPANG'}, addr: 'No.1A, Jalan Wawasan 4\/6, 68000 Ampang, Selangor.' }\n            ]\n        },\n        gombak: {\n            map: 'https:\/\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\/wp-content\/uploads\/2026\/04\/LZS-Highlighted-Branches_Gombak.png',\n            daerah: 'GOMBAK',\n            branches: [\n                { name: {bm:'BANDAR BARU SELAYANG', eng:'BANDAR BARU SELAYANG'}, addr: 'No. 35, Jalan 2\/16, Bandar Baru Selayang,<br>68100 Batu Caves, Selangor.' },\n                { name: {bm:'TAMAN MELAWATI', eng:'TAMAN MELAWATI'}, addr: 'Unit 340 A, Melawati Square, Lorong Sarawak,<br>53100 Gombak, Kuala Lumpur.' }\n            ]\n        }\n    };\n\n    \/\/ 2. LOGIC FUNCTIONS\n    window.startHoverTimer = function(key) {\n        clearTimeout(hoverTimeout);\n        hoverTimeout = setTimeout(() => { updateDynamicLzsContent(key); }, 300); \n    };\n\n    window.cancelHoverTimer = function() { clearTimeout(hoverTimeout); };\n\n    window.forceUpdate = function(key) {\n        clearTimeout(hoverTimeout);\n        updateDynamicLzsContent(key);\n    };\n\n    function getIsEng() {\n        var sw = document.getElementById('lang-switch');\n        return sw && sw.checked;\n    }\n\n    \/\/ Handles the static title and paragraphs via data attributes\n    function updateLanguageContent() {\n        var isEng = getIsEng();\n        \n        document.querySelectorAll('#lzs-network-section .lzs-network-lab').forEach(function(el) {\n            var rawText = isEng ? el.getAttribute('data-lab-en') : el.getAttribute('data-lab-bm');\n            if(rawText) {\n                \/\/ FIXED: Replace codes and inject via innerHTML so italics display correctly\n                var decodedText = rawText.replace(\/&lt;\/g, '<').replace(\/&gt;\/g, '>');\n                el.innerHTML = decodedText;\n            }\n        });\n\n        \/\/ Refresh currently visible branch addresses\n        updateDynamicLzsContent(currentActiveKey);\n    }\n\n    function updateDynamicLzsContent(key) {\n        currentActiveKey = key;\n        const data = branchData[key];\n        const isEng = getIsEng();\n        const lang = isEng ? 'eng' : 'bm';\n        \n        if (!data) return;\n\n        \/\/ Update Map\n        const mapImg = document.getElementById('active-lzs-map-img');\n        if(mapImg) mapImg.src = data.map;\n\n        \/\/ Update Dynamic Address Panel\n        const container = document.getElementById('dynamic-address-panel');\n        if(!container) return;\n\n        let html = `<div class=\"daerah-header\">${data.daerah}<\/div><hr class=\"lzs-line\">`;\n        data.branches.forEach(b => {\n            html += `\n                <div class=\"branch-info-block\">\n                    <div class=\"cawangan-title\">${b.name[lang]}<\/div>\n                    <p class=\"address-text\">${b.addr}<\/p>\n                <\/div>\n                <hr class=\"lzs-line\">\n            `;\n        });\n        container.innerHTML = html;\n\n        \/\/ Update active class on the renamed buttons\n        document.querySelectorAll('.lzs-district-btn').forEach(item => {\n            item.classList.remove('active');\n            if (item.getAttribute('data-key') === key) item.classList.add('active');\n        });\n    }\n\n    \/\/ 3. INITIALIZATION\n    window.addEventListener('load', () => {\n        updateLanguageContent(); \n        updateDynamicLzsContent('petaling');\n\n        var langPoll = setInterval(function() {\n            var sw = document.getElementById('lang-switch');\n            if (sw) {\n                sw.addEventListener('change', updateLanguageContent);\n                clearInterval(langPoll);\n            }\n        }, 500);\n    });\n})();\n<\/script>\n\n\n<\/div>\n\n\n\n<div id=\"esg\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<div class=\"lzs-combined-wrapper\" id=\"esg-scroll-section\">\n    <section class=\"lzs-esg-banner\">\n        <div class=\"lzs-esg-content\">\n            <h1 class=\"esg-title esg-lab\" data-lab-bm=\"Alam Sekitar, Sosial dan Tadbir Urus\" data-lab-en=\"Environmental, Social and Governance\">Alam Sekitar, Sosial dan Tadbir Urus<\/h1>\n            <p class=\"esg-description\" id=\"esg-banner-desc\">\n                Zakat Selangor kini menerapkan prinsip Alam Sekitar, Sosial dan Tadbir Urus (ESG) secara menyeluruh dalam operasinya. Langkah ini bertujuan meningkatkan keberkesanan pengurusan zakat, di samping memastikan setiap inisiatif memberi impak positif kepada kelestarian alam, kesejahteraan asnaf dan keharmonian sosial. Melalui program pengurangan jejak karbon serta tadbir urus yang telus, Zakat Selangor komited memperkukuh kepercayaan masyarakat demi masa depan yang lebih mampan dan inklusif.\n            <\/p>\n            \n            <button id=\"esg-btn-trigger\" class=\"esg-download-btn\" style=\"background:none; cursor:pointer;\">\n                <span class=\"esg-lab\" data-lab-bm=\"Muat Turun\" data-lab-en=\"Download\">Muat Turun<\/span> \n                <img decoding=\"async\" src=\"https:\/\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\/wp-content\/uploads\/2026\/04\/Vector-2.png\" alt=\"Download Icon\" class=\"download-icon\">\n            <\/button>\n        <\/div>\n    <\/section>\n\n    <section class=\"lzs-infographic\">\n        <div class=\"lzs-container\">\n            <div class=\"lzs-group\">\n                <h2 class=\"lzs-title esg-lab\" data-lab-bm=\"Sumbangan Sosial\" data-lab-en=\"Social\">Sumbangan Sosial<\/h2>\n                <div class=\"lzs-row\">\n                    <div class=\"lzs-card\">\n                        <span class=\"lzs-value esg-stat-num\" data-target=\"1.33\" data-prefix=\"RM\" data-suf-bm=\" bil\" data-suf-en=\" Bil\">RM0.00 bil<\/span>\n                        <p class=\"lzs-label esg-lab\" data-lab-bm=\"Jumlah yang diagihkan kepada asnaf\" data-lab-en=\"distributed to &lt;i&gt;asnaf&lt;\/i&gt;\">Jumlah yang diagihkan kepada asnaf<\/p>\n                    <\/div>\n                    <div class=\"lzs-card\">\n                        <span class=\"lzs-value esg-stat-num\" data-target=\"75000\" data-prefix=\"\" data-suf-bm=\"++\" data-suf-en=\"++\">0++<\/span>\n                        <p class=\"lzs-label esg-lab\" data-lab-bm=\"Keluarga asnaf fakir dan miskin di Selangor telah disantuni\" data-lab-en=\"&lt;i&gt;asnaf fakir&lt;\/i&gt; and poor families supported in Selangor\">Keluarga asnaf fakir dan miskin di Selangor telah disantuni<\/p>\n                    <\/div>\n                    <div class=\"lzs-card\">\n                        <span class=\"lzs-value esg-stat-num\" data-target=\"800\" data-prefix=\"\" data-suf-bm=\"++\" data-suf-en=\"++\">0++<\/span>\n                        <p class=\"lzs-label esg-lab\" data-lab-bm=\"Warga kerja Zakat Selangor dilatih dalam keselamatan tempat kerja\" data-lab-en=\"Zakat Selangor staff trained in workplace safety\">Warga kerja Zakat Selangor dilatih dalam keselamatan tempat kerja<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"lzs-group\">\n                <h2 class=\"lzs-title esg-lab\" data-lab-bm=\"Pengurusan Organisasi\" data-lab-en=\"Governance\">Pengurusan Organisasi<\/h2>\n                <div class=\"lzs-row\">\n                    <div class=\"lzs-card\">\n                        <span class=\"lzs-value esg-lab\" data-lab-bm=\"ISO 37001:2016\" data-lab-en=\"Certification\">ISO 37001:2016<\/span>\n                        <p class=\"lzs-label esg-lab\" data-lab-bm=\"Sistem Pengurusan Antirasuah (ABMS)\" data-lab-en=\"ISO 37001:2016&lt;br&gt;Quality Management System&lt;br&gt;(ABMS)\">Sistem Pengurusan Antirasuah (ABMS)<\/p>\n                    <\/div>\n                    <div class=\"lzs-card\">\n                        <span class=\"lzs-value esg-lab\" data-lab-bm=\"ISO 9001:2015\" data-lab-en=\"Certification\">ISO 9001:2015<\/span>\n                        <p class=\"lzs-label esg-lab\" data-lab-bm=\"Sistem Pengurusan Kualiti (QMS)\" data-lab-en=\"ISO 9001:2015&lt;br&gt;Anti-Bribery Management&lt;br&gt;Systems (QMS)\">Sistem Pengurusan Kualiti (QMS)<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"lzs-group\">\n                <h2 class=\"lzs-title esg-lab\" data-lab-bm=\"Pengurusan Alam Sekitar\" data-lab-en=\"Environmental\">Pengurusan Alam Sekitar<\/h2>\n                <div class=\"lzs-row row-five-cards\">\n                    <div class=\"lzs-card\">\n                        <span class=\"lzs-value esg-stat-num\" data-target=\"203\" data-prefix=\"\" data-suf-bm=\" tCO\u2082e\" data-suf-en=\" tCO\u2082e\">0 tCO\u2082e<\/span>\n                        <p class=\"lzs-label esg-lab\" data-lab-bm=\"Skop 1 pelepasan karbon\" data-lab-en=\"Scope 1 GHG emissions\">Skop 1 pelepasan karbon<\/p>\n                    <\/div>\n                    <div class=\"lzs-card\">\n                        <span class=\"lzs-value esg-stat-num\" data-target=\"2187\" data-prefix=\"\" data-suf-bm=\" tCO\u2082e\" data-suf-en=\" tCO\u2082e\">0 tCO\u2082e<\/span>\n                        <p class=\"lzs-label esg-lab\" data-lab-bm=\"Skop 2 pelepasan karbon\" data-lab-en=\"Scope 2 GHG emissions\">Skop 2 pelepasan karbon<\/p>\n                    <\/div>\n                    <div class=\"lzs-card\">\n                        <span class=\"lzs-value esg-stat-num\" data-target=\"71283\" data-prefix=\"\" data-suf-bm=\" m\u00b3\" data-suf-en=\" m\u00b3\">0 m\u00b3<\/span>\n                        <p class=\"lzs-label esg-lab\" data-lab-bm=\"Penggunaan air\" data-lab-en=\"Water usage\">Penggunaan air<\/p>\n                    <\/div>\n                    <div class=\"lzs-card\">\n                        <span class=\"lzs-value esg-stat-num\" data-target=\"3860\" data-prefix=\"\" data-suf-bm=\" kg\" data-suf-en=\" kg\">0 kg<\/span>\n                        <p class=\"lzs-label esg-lab\" data-lab-bm=\"Kitar semula sisa\" data-lab-en=\"of recycling collected\">Kitar semula sisa<\/p>\n                    <\/div>\n                    <div class=\"lzs-card\">\n                        <span class=\"lzs-value esg-stat-num\" data-target=\"171\" data-prefix=\"\" data-suf-bm=\" GJ\" data-suf-en=\" GJ\">0 GJ<\/span>\n                        <p class=\"lzs-label esg-lab\" data-lab-bm=\"Penggunaan tenaga boleh baharu\" data-lab-en=\"of renewable energy consumed\">Penggunaan tenaga boleh baharu<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <footer class=\"lzs-footer esg-lab\" data-lab-bm=\"\u00a9 2026 Lembaga Zakat Selangor. Hak Cipta Terpelihara.\" data-lab-en=\"\u00a9 2026 Lembaga Zakat Selangor. All Rights Reserved.\">\n                \u00a9 2026 Lembaga Zakat Selangor. Hak Cipta Terpelihara.\n            <\/footer>\n        <\/div>\n    <\/section>\n<\/div>\n\n<style>\n    .lzs-combined-wrapper,\n    .lzs-combined-wrapper * {\n        font-family: 'Poppins', sans-serif !important;\n        box-sizing: border-box !important;\n    }\n\n    .lzs-combined-wrapper {\n        width: 100% !important;\n        max-width: 100vw !important;\n        overflow-x: hidden !important;\n        margin: 0 auto;\n    }\n\n    .lzs-esg-banner {\n        width: 100% !important;\n        min-height: 500px;\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        padding: 60px 10%;\n        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https:\/\/staging-2797-martech2a45aac42d-tcsib.wpcomstaging.com\/wp-content\/uploads\/2026\/04\/Frame-175-2.png');\n        background-size: cover;\n        background-position: center;\n        color: #ffffff;\n    }\n\n    .lzs-esg-content { width: 100%; max-width: 800px; }\n    .esg-title { font-size: 34px !important; font-weight: 700 !important; color: #FFF200 !important; margin: 0 0 24px 0 !important; line-height: 1.2 !important; }\n    .esg-description { font-size: 15px !important; line-height: 1.6 !important; margin-bottom: 35px !important; }\n    .esg-download-btn { display: inline-flex; align-items: center; gap: 12px; padding: 10px 28px; border: 2px solid #8cc63f; border-radius: 0px !important; text-decoration: none; color: #8cc63f !important; font-size: 20px !important; }\n\n    .lzs-infographic {\n        background-color: #005AAB !important;\n        padding: 60px 20px;\n        color: #ffffff;\n        text-align: center;\n        width: 100% !important;\n    }\n    \n    .lzs-container { width: 100%; max-width: 1200px; margin: 0 auto; }\n    .lzs-group { margin-bottom: 80px; width: 100%; }\n    .lzs-title { font-size: 24px !important; font-weight: 500 !important; margin-top: 0px !important; margin-bottom: 40px !important; }\n    .lzs-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; width: 100%; }\n    \n    #esg-scroll-section .lzs-card { \n        background: #ffffff; \n        padding: 16px 10px; \n        border-radius: 0px !important; \n        display: flex; \n        flex-direction: column; \n        justify-content: center; \n        margin-bottom: 10px;\n        min-height: 140px; \n        flex: 1 1 200px;  \n        max-width: 320px; \n    }\n\n    .lzs-value { font-weight: 700 !important; font-size: 20px !important; color: #005AAB !important; line-height: 1.1 !important; display: block; }\n    .lzs-value::after { content: \"\"; display: block; width: 35px; height: 3px; background-color: #8cc63f; margin: 8px auto 0; }\n    .lzs-label { font-size: 12.5px !important; color: #333 !important; margin-top: 15px !important; line-height: 1.3 !important; }\n    .lzs-label i { font-style: italic !important; }\n\n    @media (min-width: 1025px) {\n        .row-five-cards { flex-wrap: nowrap !important; }\n        .row-five-cards .lzs-card { max-width: none !important; flex: 1 1 0 !important; }\n        .row-five-cards .lzs-value { font-size: 18px !important; } \n        .row-five-cards .lzs-label { font-size: 11.5px !important; }\n    }\n    \n    .lzs-footer { margin-top: 40px; padding-top: 20px; font-size: 12px !important; opacity: 0.7; border-top: 1px solid rgba(255,255,255,0.2); }\n    \n    @media (max-width: 1024px) { \n        .lzs-esg-banner { padding: 40px 15px; text-align: center; justify-content: center; min-height: auto; }\n        .esg-title { font-size: 26px !important; }\n        .esg-description { font-size: 14px !important; text-align: center; }\n        .lzs-group { margin-bottom: 50px; }\n        .lzs-title { margin-bottom: 25px !important; font-size: 20px !important; }\n        \n        #esg-scroll-section .lzs-card { flex: 1 1 100%; max-width: 100%; padding: 20px 15px; } \n        \n        #esg-scroll-section .row-five-cards { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; width: 100% !important; }\n        #esg-scroll-section .row-five-cards .lzs-card { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 15px 5px !important; }\n        #esg-scroll-section .row-five-cards .lzs-card:last-child:nth-child(odd) { grid-column: span 2 !important; justify-self: center !important; width: calc(50% - 5px) !important; }\n        #esg-scroll-section .row-five-cards .lzs-value { font-size: 14px !important; } \n        #esg-scroll-section .row-five-cards .lzs-label { font-size: 10.5px !important; }\n    }\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    var animatedESG = false;\n    const triggerBtn = document.getElementById('esg-btn-trigger');\n\n    function getIsEng() { var sw = document.getElementById('lang-switch'); return sw && sw.checked; }\n\n    \/\/ TRIGGER FLIPBOOK POPUP\n    if (triggerBtn) {\n        triggerBtn.addEventListener('click', function(e) {\n            e.preventDefault();\n            const isEng = getIsEng();\n            if (!isEng) {\n                const bmBook = document.querySelector('.dflip-bm-hidden');\n                if(bmBook) bmBook.click();\n            } else {\n                const engBook = document.querySelector('.dflip-eng-hidden');\n                if(engBook) engBook.click();\n            }\n        });\n    }\n\n    function runCounterAnimation() {\n        if (animatedESG) return;\n        var elements = document.querySelectorAll('.esg-stat-num');\n        if (!elements.length) return;\n        animatedESG = true;\n        elements.forEach(function(el) {\n            var targetStr = el.getAttribute('data-target');\n            var target = parseFloat(targetStr);\n            var prefix = el.getAttribute('data-prefix') || \"\";\n            var isDecimal = targetStr.includes('.');\n            var decimals = isDecimal ? targetStr.split('.')[1].length : 0;\n            var duration = 2000;\n            var start = null;\n            function step(timestamp) {\n                if (!start) start = timestamp;\n                var progress = Math.min((timestamp - start) \/ duration, 1);\n                var val = progress * target;\n                var isEng = getIsEng();\n                var suffix = isEng ? (el.getAttribute('data-suf-en') || \"\") : (el.getAttribute('data-suf-bm') || \"\");\n                var displayVal = isDecimal ? val.toFixed(decimals) : Math.floor(val).toLocaleString();\n                el.innerHTML = prefix + displayVal + suffix;\n                if (progress < 1) { window.requestAnimationFrame(step); } \n                else {\n                    var finalVal = isDecimal ? target.toFixed(decimals) : Math.floor(target).toLocaleString();\n                    el.innerHTML = prefix + finalVal + suffix;\n                }\n            }\n            window.requestAnimationFrame(step);\n        });\n    }\n\n    function checkScroll() {\n        var section = document.getElementById('esg-scroll-section');\n        if (!section || animatedESG) return;\n        var rect = section.getBoundingClientRect();\n        if (!(rect.bottom < 0 || rect.top - window.innerHeight >= 0)) {\n            runCounterAnimation();\n        }\n    }\n\n    function updateLanguageContent() {\n        var isEng = getIsEng();\n        document.querySelectorAll('.esg-lab').forEach(function(el) {\n            var rawText = isEng ? el.getAttribute('data-lab-en') : el.getAttribute('data-lab-bm');\n            if (rawText) {\n                var decodedText = rawText.replace(\/&lt;\/g, '<').replace(\/&gt;\/g, '>');\n                el.innerHTML = decodedText;\n            }\n        });\n        var descEl = document.getElementById('esg-banner-desc');\n        if (descEl) {\n            descEl.innerHTML = isEng ? \"Zakat Selangor is now fully integrating Environmental, Social and Governance (ESG) principles into its operations. This step aims to make <i>zakat<\/i> management more effective, while ensuring that every project positively impacts the environment, the well-being of those in need and social harmony. Through carbon reduction programmes and transparent governance, Zakat Selangor is committed to strengthening public trust for a more sustainable and inclusive future.\" : \"Zakat Selangor kini menerapkan prinsip Alam Sekitar, Sosial dan Tadbir Urus (ESG) secara menyeluruh dalam operasinya. Langkah ini bertujuan meningkatkan keberkesanan pengurusan zakat, di samping memastikan setiap inisiatif memberi impak positif kepada kelestarian alam, kesejahteraan asnaf dan keharmonian sosial. Melalui program pengurangan jejak karbon serta tadbir urus yang telus, Zakat Selangor komited memperkukuh kepercayaan masyarakat demi masa depan yang lebih mampan dan inklusif.\";\n        }\n        document.querySelectorAll('.esg-stat-num').forEach(function(el) {\n            var targetStr = el.getAttribute('data-target');\n            var target = parseFloat(targetStr);\n            var prefix = el.getAttribute('data-prefix') || \"\";\n            var isDecimal = targetStr.includes('.');\n            var decimals = isDecimal ? targetStr.split('.')[1].length : 0;\n            var suffix = isEng ? (el.getAttribute('data-suf-en') || \"\") : (el.getAttribute('data-suf-bm') || \"\");\n            if (animatedESG) { el.innerHTML = prefix + target.toFixed(decimals) + suffix; } \n            else { el.innerHTML = prefix + (isDecimal ? \"0.\" + \"0\".repeat(decimals) : \"0\") + suffix; }\n        });\n    }\n\n    updateLanguageContent();\n    window.addEventListener('scroll', checkScroll, { passive: true });\n    window.addEventListener('resize', checkScroll, { passive: true });\n    setTimeout(checkScroll, 500);\n\n    var langPoll = setInterval(function() {\n        var sw = document.getElementById('lang-switch');\n        if (sw) {\n            sw.addEventListener('change', updateLanguageContent);\n            updateLanguageContent();\n            clearInterval(langPoll);\n        }\n    }, 500);\n});\n<\/script>\n<\/div>\n\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>BM | ENG Muat Turun Laporan Ringkasan Laporan Bersepadu Zakat Selangor 2025 Pada tahun 2025, Zakat Selangor mencatat sejarah dengan jumlah kutipan zakat melebihi tahun sebelumnya sebanyak RM1.31 bilion. Daripada jumlah kutipan tersebut, Zakat Selangor berjaya mengagihkan RM1.33 bilion kepada lebih daripada 75,274 individu asnaf fakir miskin dan pelbagai organisasi. Ini termasuk bantuan kewangan bulanan, [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-380","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>LZS Report 2025 - Laporan Tahunan Lembaga Zakat Selangor<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/laporanlzs.zakatselangor.com.my\/en\/lzs-report-2025\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Laporan Bersepadu Zakat Selangor 2025\" \/>\n<meta property=\"og:description\" content=\"Pada tahun 2025, Zakat Selangor mencatat sejarah dengan jumlah kutipan zakat melebihi tahun sebelumnya sebanyak RM1.31 bilion. Daripada jumlah kutipan tersebut, Zakat Selangor berjaya mengagihkan RM1.33 bilion kepada lebih daripada 75,274 individu asnaf dan pelbagai organisasi. Ini termasuk bantuan kewangan bulanan, pembinaan rumah, rawatan perubatan, biasiswa pendidikan dan banyak lagi. Usaha ini telah memberi impak yang besar dalam meningkatkan kualiti hidup mereka yang memerlukan.\" \/>\n<meta property=\"og:url\" content=\"http:\/\/laporanlzs.zakatselangor.com.my\/en\/lzs-report-2025\/\" \/>\n<meta property=\"og:site_name\" content=\"Laporan Tahunan Lembaga Zakat Selangor\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/zakatselangor\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-14T06:13:38+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/05\/Thumbnail_Cover-BM-1024x576.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"576\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@zakatselangor\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"44 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http:\/\/laporanlzs.zakatselangor.com.my\/lzs-report-2025\/\",\"url\":\"http:\/\/laporanlzs.zakatselangor.com.my\/lzs-report-2025\/\",\"name\":\"LZS Report 2025 - Laporan Tahunan Lembaga Zakat Selangor\",\"isPartOf\":{\"@id\":\"http:\/\/laporanlzs.zakatselangor.com.my\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\/\/laporanlzs.zakatselangor.com.my\/lzs-report-2025\/#primaryimage\"},\"image\":{\"@id\":\"http:\/\/laporanlzs.zakatselangor.com.my\/lzs-report-2025\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Lembaga-Zakat-Selangor-Logo-1-2.png\",\"datePublished\":\"2026-03-26T05:32:57+00:00\",\"dateModified\":\"2026-05-14T06:13:38+00:00\",\"breadcrumb\":{\"@id\":\"http:\/\/laporanlzs.zakatselangor.com.my\/lzs-report-2025\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/laporanlzs.zakatselangor.com.my\/lzs-report-2025\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"http:\/\/laporanlzs.zakatselangor.com.my\/lzs-report-2025\/#primaryimage\",\"url\":\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Lembaga-Zakat-Selangor-Logo-1-2.png\",\"contentUrl\":\"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Lembaga-Zakat-Selangor-Logo-1-2.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/laporanlzs.zakatselangor.com.my\/lzs-report-2025\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/laporanlzs.zakatselangor.com.my\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"LZS Report 2025\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/laporanlzs.zakatselangor.com.my\/#website\",\"url\":\"http:\/\/laporanlzs.zakatselangor.com.my\/\",\"name\":\"Laporan Tahunan Lembaga Zakat Selangor\",\"description\":\"\",\"publisher\":{\"@id\":\"http:\/\/laporanlzs.zakatselangor.com.my\/#organization\"},\"alternateName\":\"Laporan Tahunan LZS\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/laporanlzs.zakatselangor.com.my\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"http:\/\/laporanlzs.zakatselangor.com.my\/#organization\",\"name\":\"Lembaga Zakat Selangor\",\"alternateName\":\"LZS\",\"url\":\"http:\/\/laporanlzs.zakatselangor.com.my\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"http:\/\/laporanlzs.zakatselangor.com.my\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2022\/12\/lzs_logo.svg\",\"contentUrl\":\"http:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2022\/12\/lzs_logo.svg\",\"width\":860,\"height\":288,\"caption\":\"Lembaga Zakat Selangor\"},\"image\":{\"@id\":\"http:\/\/laporanlzs.zakatselangor.com.my\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/zakatselangor\",\"https:\/\/x.com\/zakatselangor\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"LZS Report 2025 - Laporan Tahunan Lembaga Zakat Selangor","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/laporanlzs.zakatselangor.com.my\/en\/lzs-report-2025\/","og_locale":"en_GB","og_type":"article","og_title":"Laporan Bersepadu Zakat Selangor 2025","og_description":"Pada tahun 2025, Zakat Selangor mencatat sejarah dengan jumlah kutipan zakat melebihi tahun sebelumnya sebanyak RM1.31 bilion. Daripada jumlah kutipan tersebut, Zakat Selangor berjaya mengagihkan RM1.33 bilion kepada lebih daripada 75,274 individu asnaf dan pelbagai organisasi. Ini termasuk bantuan kewangan bulanan, pembinaan rumah, rawatan perubatan, biasiswa pendidikan dan banyak lagi. Usaha ini telah memberi impak yang besar dalam meningkatkan kualiti hidup mereka yang memerlukan.","og_url":"http:\/\/laporanlzs.zakatselangor.com.my\/en\/lzs-report-2025\/","og_site_name":"Laporan Tahunan Lembaga Zakat Selangor","article_publisher":"https:\/\/www.facebook.com\/zakatselangor","article_modified_time":"2026-05-14T06:13:38+00:00","og_image":[{"width":1024,"height":576,"url":"http:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/05\/Thumbnail_Cover-BM-1024x576.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@zakatselangor","twitter_misc":{"Estimated reading time":"44 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/laporanlzs.zakatselangor.com.my\/lzs-report-2025\/","url":"http:\/\/laporanlzs.zakatselangor.com.my\/lzs-report-2025\/","name":"LZS Report 2025 - Laporan Tahunan Lembaga Zakat Selangor","isPartOf":{"@id":"http:\/\/laporanlzs.zakatselangor.com.my\/#website"},"primaryImageOfPage":{"@id":"http:\/\/laporanlzs.zakatselangor.com.my\/lzs-report-2025\/#primaryimage"},"image":{"@id":"http:\/\/laporanlzs.zakatselangor.com.my\/lzs-report-2025\/#primaryimage"},"thumbnailUrl":"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Lembaga-Zakat-Selangor-Logo-1-2.png","datePublished":"2026-03-26T05:32:57+00:00","dateModified":"2026-05-14T06:13:38+00:00","breadcrumb":{"@id":"http:\/\/laporanlzs.zakatselangor.com.my\/lzs-report-2025\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["http:\/\/laporanlzs.zakatselangor.com.my\/lzs-report-2025\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"http:\/\/laporanlzs.zakatselangor.com.my\/lzs-report-2025\/#primaryimage","url":"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Lembaga-Zakat-Selangor-Logo-1-2.png","contentUrl":"https:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2026\/04\/Lembaga-Zakat-Selangor-Logo-1-2.png"},{"@type":"BreadcrumbList","@id":"http:\/\/laporanlzs.zakatselangor.com.my\/lzs-report-2025\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/laporanlzs.zakatselangor.com.my\/"},{"@type":"ListItem","position":2,"name":"LZS Report 2025"}]},{"@type":"WebSite","@id":"http:\/\/laporanlzs.zakatselangor.com.my\/#website","url":"http:\/\/laporanlzs.zakatselangor.com.my\/","name":"Laporan Tahunan Lembaga Zakat Selangor","description":"","publisher":{"@id":"http:\/\/laporanlzs.zakatselangor.com.my\/#organization"},"alternateName":"Laporan Tahunan LZS","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/laporanlzs.zakatselangor.com.my\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"http:\/\/laporanlzs.zakatselangor.com.my\/#organization","name":"Lembaga Zakat Selangor","alternateName":"LZS","url":"http:\/\/laporanlzs.zakatselangor.com.my\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"http:\/\/laporanlzs.zakatselangor.com.my\/#\/schema\/logo\/image\/","url":"http:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2022\/12\/lzs_logo.svg","contentUrl":"http:\/\/laporanlzs.zakatselangor.com.my\/wp-content\/uploads\/2022\/12\/lzs_logo.svg","width":860,"height":288,"caption":"Lembaga Zakat Selangor"},"image":{"@id":"http:\/\/laporanlzs.zakatselangor.com.my\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/zakatselangor","https:\/\/x.com\/zakatselangor"]}]}},"_links":{"self":[{"href":"http:\/\/laporanlzs.zakatselangor.com.my\/en\/wp-json\/wp\/v2\/pages\/380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/laporanlzs.zakatselangor.com.my\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/laporanlzs.zakatselangor.com.my\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/laporanlzs.zakatselangor.com.my\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/laporanlzs.zakatselangor.com.my\/en\/wp-json\/wp\/v2\/comments?post=380"}],"version-history":[{"count":57,"href":"http:\/\/laporanlzs.zakatselangor.com.my\/en\/wp-json\/wp\/v2\/pages\/380\/revisions"}],"predecessor-version":[{"id":6717,"href":"http:\/\/laporanlzs.zakatselangor.com.my\/en\/wp-json\/wp\/v2\/pages\/380\/revisions\/6717"}],"wp:attachment":[{"href":"http:\/\/laporanlzs.zakatselangor.com.my\/en\/wp-json\/wp\/v2\/media?parent=380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}