{"id":20332,"date":"2026-10-24T11:17:40","date_gmt":"2026-10-24T11:17:40","guid":{"rendered":"https:\/\/koperasipkns.com\/?page_id=20332"},"modified":"2026-11-01T15:39:57","modified_gmt":"2026-11-01T15:39:57","slug":"homepage-revamp-2026","status":"publish","type":"page","link":"https:\/\/koperasipkns.com\/","title":{"rendered":"Koperasi PKNS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20332\" class=\"elementor elementor-20332\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae86307 e-con-full e-flex tm-col-stretched-none tm-bg-color-over-image e-con e-parent\" data-id=\"ae86307\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfae3c9 elementor-widget elementor-widget-shortcode\" data-id=\"bfae3c9\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<!-- ======================================\n     STICKY NAVBAR STYLES\n====================================== -->\n\n<style>\n\n:root {\n    --pkns-sticky-height: 78px;\n    --pkns-sticky-navy: #0b2e52;\n    --pkns-sticky-red: #d01236;\n    --pkns-sticky-light: #f3f6fa;\n}\n\n\/* SCROLL ANCHOR OFFSET *\/\n\nhtml {\n    scroll-padding-top: 100px;\n}\n\n#pkorp-tentang-kami,\n#pkorp-visi,\n#pkorp-misi,\n#exco,\n#hartanah,\n#perkhidmatan,\n#pembiayaan,\n#peruncitan {\n    scroll-margin-top: 105px;\n}\n\n\/* KEEP SPACE IN PAGE FLOW *\/\n\n.pkns-sticky-space {\n    display: block !important;\n    height: var(--pkns-sticky-height);\n    min-height: var(--pkns-sticky-height);\n    width: 100%;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n\/* FIXED HEADER *\/\n\n.pkns-sticky-header {\n    box-sizing: border-box !important;\n\n    position: fixed !important;\n\n    top: 0;\n    left: 0;\n    right: 0;\n\n    width: 100%;\n    height: var(--pkns-sticky-height);\n\n    background: #ffffff !important;\n\n    border-bottom: 2px solid var(--pkns-sticky-red);\n\n    z-index: 99998;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    font-family: inherit;\n\n    box-shadow:\n        0 3px 15px rgba(8, 31, 55, 0.035);\n\n    -webkit-transform: translateZ(0);\n}\n\n\/* WORDPRESS ADMIN BAR *\/\n\nbody.admin-bar .pkns-sticky-header {\n    top: 32px;\n}\n\n\/* GENERAL RESET *\/\n\n.pkns-sticky-header *,\n.pkns-sticky-header *::before,\n.pkns-sticky-header *::after {\n    box-sizing: border-box;\n}\n\n.pkns-sticky-header a {\n    text-decoration: none !important;\n    box-shadow: none !important;\n}\n\n.pkns-sticky-header button {\n    font-family: inherit;\n}\n\n.pkns-sticky-header button:focus-visible,\n.pkns-sticky-header a:focus-visible {\n    outline: 2px solid var(--pkns-sticky-red);\n    outline-offset: 3px;\n}\n\n\/* MAIN CONTAINER *\/\n\n.pkns-sticky-inner {\n    width: min(1200px, calc(100% - 48px));\n\n    height: calc(\n        var(--pkns-sticky-height) - 2px\n    );\n\n    margin: 0 auto;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 30px;\n}\n\n\/* LOGO AREA *\/\n\n.pkns-sticky-brand {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 13px;\n\n    flex-shrink: 0;\n\n    min-width: 190px;\n\n    color: var(--pkns-sticky-navy) !important;\n}\n\n.pkns-sticky-logo {\n    width: 43px;\n    height: 52px;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    flex-shrink: 0;\n}\n\n.pkns-sticky-logo img {\n    display: block;\n\n    max-width: 100%;\n    max-height: 100%;\n\n    width: auto;\n    height: auto;\n\n    object-fit: contain;\n}\n\n.pkns-sticky-logo-fallback {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 40px;\n    height: 45px;\n\n    background: var(--pkns-sticky-red);\n\n    color: #ffffff;\n\n    font-size: 14px;\n    font-weight: 800;\n}\n\n.pkns-sticky-brand-text {\n    display: flex;\n    flex-direction: column;\n\n    border-left: 1px solid #dbe3ec;\n    padding-left: 12px;\n\n    line-height: 1.3;\n}\n\n.pkns-sticky-brand-text strong {\n    font-size: 14px;\n    font-weight: 800;\n\n    white-space: nowrap;\n\n    color: var(--pkns-sticky-navy);\n}\n\n.pkns-sticky-brand-text small {\n    font-size: 10px;\n    font-weight: 800;\n\n    letter-spacing: 1.4px;\n\n    margin-top: 4px;\n\n    color: var(--pkns-sticky-red);\n}\n\n\/* DESKTOP NAVIGATION *\/\n\n.pkns-sticky-menu {\n    display: flex;\n\n    align-items: center;\n    justify-content: flex-end;\n\n    gap: clamp(10px, 1.35vw, 23px);\n\n    height: 100%;\n\n    flex: 1;\n    min-width: 0;\n}\n\n.pkns-sticky-item {\n    display: flex;\n    align-items: center;\n\n    height: 100%;\n\n    min-width: 0;\n}\n\n.pkns-sticky-item-row {\n    display: flex;\n    align-items: center;\n\n    position: relative;\n\n    height: 100%;\n}\n\n.pkns-sticky-link {\n    display: inline-flex;\n    align-items: center;\n\n    height: 100%;\n\n    padding: 0 !important;\n\n    white-space: nowrap;\n\n    color: #293448 !important;\n\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1.3;\n\n    transition: color .2s ease;\n}\n\n.pkns-sticky-link:hover,\n.pkns-sticky-item.is-active\n    .pkns-sticky-link {\n    color: var(--pkns-sticky-red) !important;\n}\n\n.pkns-sticky-item.is-active\n    > .pkns-sticky-item-row::after {\n    content: \"\";\n\n    position: absolute;\n\n    bottom: 12px;\n    left: 0;\n    right: 0;\n\n    height: 2px;\n\n    background: var(--pkns-sticky-red);\n}\n\n\/* DROPDOWN ARROW *\/\n\n.pkns-sticky-chevron {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 17px;\n    height: 28px;\n\n    flex-shrink: 0;\n\n    margin-left: 4px;\n\n    padding: 0 !important;\n\n    border: 0 !important;\n    background: transparent !important;\n    box-shadow: none !important;\n\n    color: #5f7389 !important;\n\n    cursor: pointer;\n\n    transition: transform .2s ease;\n}\n\n.pkns-sticky-chevron svg {\n    width: 12px;\n    height: 12px;\n\n    fill: none;\n    stroke: currentColor;\n\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.pkns-sticky-item.is-open\n    .pkns-sticky-chevron svg {\n    transform: rotate(180deg);\n}\n\n\/* MEGA DROPDOWN *\/\n\n.pkns-sticky-dropdown {\n    display: none;\n\n    position: absolute;\n\n    top: calc(100% - 1px);\n    left: 0;\n    right: 0;\n\n    width: 100%;\n\n    background: var(--pkns-sticky-light);\n\n    border-top: 1px solid #e3eaf2;\n    border-bottom: 1px solid #dce5ef;\n\n    padding: 27px 0 36px;\n\n    box-shadow:\n        0 14px 22px rgba(8, 31, 55, .09);\n\n    z-index: 30;\n}\n\n.pkns-sticky-item.is-open\n    > .pkns-sticky-dropdown {\n    display: block;\n}\n\n.pkns-sticky-dropdown-inner {\n    width: min(1200px, calc(100% - 48px));\n\n    margin: 0 auto;\n}\n\n.pkns-sticky-dropdown-title {\n    display: inline-block;\n\n    margin-bottom: 23px;\n\n    color: #627a95 !important;\n\n    font-size: 13px;\n    font-weight: 500;\n}\n\n.pkns-sticky-dropdown-title:hover {\n    color: var(--pkns-sticky-red) !important;\n}\n\n.pkns-sticky-dropdown-grid {\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n    column-gap: 45px;\n    row-gap: 22px;\n}\n\n.pkns-sticky-dropdown-grid a {\n    display: block;\n\n    color: var(--pkns-sticky-navy) !important;\n\n    font-size: 16px;\n    font-weight: 700;\n    line-height: 1.5;\n\n    overflow-wrap: anywhere;\n\n    transition: color .2s ease;\n}\n\n.pkns-sticky-dropdown-grid a:hover {\n    color: var(--pkns-sticky-red) !important;\n}\n\n\/* HAMBURGER *\/\n\n.pkns-sticky-toggle {\n    display: none;\n\n    width: 42px;\n    height: 42px;\n\n    align-items: center;\n    justify-content: center;\n\n    flex-direction: column;\n    gap: 5px;\n\n    border: 1px solid #dce5ef !important;\n    border-radius: 5px;\n\n    background: #ffffff !important;\n\n    cursor: pointer;\n\n    padding: 10px !important;\n}\n\n.pkns-sticky-toggle span {\n    display: block;\n\n    width: 21px;\n    height: 2px;\n\n    background: var(--pkns-sticky-navy);\n\n    border-radius: 2px;\n\n    transition: .2s ease;\n}\n\n.pkns-sticky-toggle.is-open span:nth-child(1) {\n    transform: translateY(7px) rotate(45deg);\n}\n\n.pkns-sticky-toggle.is-open span:nth-child(2) {\n    opacity: 0;\n}\n\n.pkns-sticky-toggle.is-open span:nth-child(3) {\n    transform: translateY(-7px) rotate(-45deg);\n}\n\n\/* DESKTOP HOVER *\/\n\n@media (min-width: 1051px) {\n\n    .pkns-sticky-item.has-dropdown:hover\n        > .pkns-sticky-dropdown,\n    .pkns-sticky-item.has-dropdown:focus-within\n        > .pkns-sticky-dropdown {\n        display: block;\n    }\n\n}\n\n\/* TABLET AND MOBILE *\/\n\n@media (max-width: 1050px) {\n\n    :root {\n        --pkns-sticky-height: 70px;\n    }\n\n    .pkns-sticky-inner {\n        width: calc(100% - 34px);\n        gap: 15px;\n    }\n\n    .pkns-sticky-brand {\n        min-width: 0;\n    }\n\n    .pkns-sticky-logo {\n        width: 38px;\n        height: 46px;\n    }\n\n    .pkns-sticky-brand-text strong {\n        font-size: 13px;\n    }\n\n    .pkns-sticky-brand-text small {\n        font-size: 9px;\n    }\n\n    .pkns-sticky-toggle {\n        display: flex;\n    }\n\n    .pkns-sticky-menu {\n        display: none;\n\n        position: absolute;\n\n        top: calc(100% - 1px);\n        left: 0;\n        right: 0;\n\n        width: 100%;\n\n        height: auto;\n        max-height: calc(100dvh - 90px);\n\n        overflow-x: hidden;\n        overflow-y: auto;\n\n        background: #ffffff;\n\n        border-bottom: 2px solid var(--pkns-sticky-red);\n\n        box-shadow:\n            0 15px 24px rgba(8,31,55,.12);\n\n        padding: 12px 20px 20px;\n\n        flex-direction: column;\n        align-items: stretch;\n\n        gap: 0;\n    }\n\n    .pkns-sticky-menu.is-open {\n        display: flex;\n    }\n\n    .pkns-sticky-item {\n        display: block;\n\n        height: auto;\n\n        border-bottom: 1px solid #e8edf3;\n    }\n\n    .pkns-sticky-item-row {\n        display: flex;\n        align-items: stretch;\n\n        width: 100%;\n        height: auto;\n\n        min-height: 50px;\n    }\n\n    .pkns-sticky-link {\n        display: flex;\n        align-items: center;\n\n        flex: 1;\n\n        height: auto;\n\n        padding: 13px 0 !important;\n\n        font-size: 14px;\n\n        white-space: normal;\n    }\n\n    .pkns-sticky-chevron {\n        width: 42px;\n        height: auto;\n\n        margin: 0;\n\n        border-left: 1px solid #e8edf3 !important;\n    }\n\n    .pkns-sticky-item.is-active\n        > .pkns-sticky-item-row::after {\n        display: none;\n    }\n\n    .pkns-sticky-dropdown {\n        display: none;\n\n        position: static;\n\n        width: 100%;\n\n        padding: 14px 16px 20px;\n\n        background: #f3f6fa;\n\n        border: 0;\n\n        box-shadow: none;\n    }\n\n    .pkns-sticky-item.is-open\n        > .pkns-sticky-dropdown {\n        display: block;\n    }\n\n    .pkns-sticky-dropdown-inner {\n        width: 100%;\n    }\n\n    .pkns-sticky-dropdown-title {\n        font-size: 12px;\n        margin-bottom: 15px;\n    }\n\n    .pkns-sticky-dropdown-grid {\n        display: grid;\n\n        grid-template-columns: 1fr;\n\n        gap: 0;\n    }\n\n    .pkns-sticky-dropdown-grid a {\n        display: block;\n\n        padding: 12px 0;\n\n        font-size: 14px;\n        font-weight: 650;\n\n        border-top: 1px solid #e0e7f0;\n    }\n\n}\n\n\/* WORDPRESS MOBILE ADMIN BAR *\/\n\n@media (max-width: 782px) {\n\n    body.admin-bar .pkns-sticky-header {\n        top: 46px;\n    }\n\n}\n\n\/* SMALL MOBILE *\/\n\n@media (max-width: 420px) {\n\n    .pkns-sticky-brand-text strong {\n        font-size: 12px;\n    }\n\n    .pkns-sticky-brand-text {\n        padding-left: 9px;\n    }\n\n    .pkns-sticky-brand {\n        gap: 8px;\n    }\n\n    .pkns-sticky-inner {\n        width: calc(100% - 24px);\n    }\n\n}\n\n<\/style>\n\n<!-- ======================================\n     NAVBAR SPACER\n====================================== -->\n\n<div\n    class=\"pkns-sticky-space\"\n    aria-hidden=\"true\"\n><\/div>\n\n<!-- ======================================\n     STICKY NAVBAR\n====================================== -->\n\n<header\n    id=\"pkns-sticky-navbar-1\"\n    class=\"pkns-sticky-header\"\n>\n\n    <div class=\"pkns-sticky-inner\">\n\n        <!-- LOGO -->\n\n        <a\n            href=\"https:\/\/koperasipkns.com\/\"\n            class=\"pkns-sticky-brand\"\n            aria-label=\"Koperasi PKNS Berhad - Utama\"\n        >\n\n            <span class=\"pkns-sticky-logo\">\n\n                \n                    <img decoding=\"async\"\n                        src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2025\/06\/cropped-Logo_Raw_360_360-192x192.png\"\n                        alt=\"Koperasi PKNS Berhad\"\n                        loading=\"eager\"\n                    >\n\n                \n            <\/span>\n\n            <span class=\"pkns-sticky-brand-text\">\n\n                <strong>\n                    KOPERASI PKNS\n                <\/strong>\n\n                <small>\n                    BERHAD\n                <\/small>\n\n            <\/span>\n\n        <\/a>\n\n        <!-- MOBILE TOGGLE -->\n\n        <button\n            type=\"button\"\n            class=\"pkns-sticky-toggle\"\n            aria-label=\"Buka menu navigasi\"\n            aria-expanded=\"false\"\n            aria-controls=\"pkns-sticky-navbar-1-menu\"\n        >\n\n            <span><\/span>\n            <span><\/span>\n            <span><\/span>\n\n        <\/button>\n\n        <!-- NAVIGATION -->\n\n        <nav\n            id=\"pkns-sticky-navbar-1-menu\"\n            class=\"pkns-sticky-menu\"\n            aria-label=\"Navigasi utama\"\n        >\n\n            \n                \n                <div\n                    class=\"pkns-sticky-item\"\n                >\n\n                    <div class=\"pkns-sticky-item-row\">\n\n                        <a\n                            class=\"pkns-sticky-link\"\n                            href=\"https:\/\/koperasipkns.com\/\"\n                                                    >\n                            Utama                        <\/a>\n\n                        \n                    <\/div>\n\n                    \n                <\/div>\n\n            \n                \n                <div\n                    class=\"pkns-sticky-item has-dropdown\"\n                >\n\n                    <div class=\"pkns-sticky-item-row\">\n\n                        <a\n                            class=\"pkns-sticky-link\"\n                            href=\"https:\/\/koperasipkns.com\/index.php\/korporat\/\"\n                                                    >\n                            Korporat                        <\/a>\n\n                        \n                            <button\n                                type=\"button\"\n                                class=\"pkns-sticky-chevron\"\n                                aria-label=\"Buka submenu Korporat\"\n                                aria-expanded=\"false\"\n                                aria-controls=\"pkns-sticky-navbar-1-dropdown-korporat\"\n                            >\n\n                                <svg\n                                    viewBox=\"0 0 24 24\"\n                                    aria-hidden=\"true\"\n                                >\n                                    <path d=\"m6 9 6 6 6-6\"\/>\n                                <\/svg>\n\n                            <\/button>\n\n                        \n                    <\/div>\n\n                    \n                        <div\n                            id=\"pkns-sticky-navbar-1-dropdown-korporat\"\n                            class=\"pkns-sticky-dropdown\"\n                        >\n\n                            <div\n                                class=\"pkns-sticky-dropdown-inner\"\n                            >\n\n                                <a\n                                    class=\"pkns-sticky-dropdown-title\"\n                                    href=\"https:\/\/koperasipkns.com\/index.php\/korporat\/\"\n                                >\n                                    Korporat                                <\/a>\n\n                                <div\n                                    class=\"pkns-sticky-dropdown-grid\"\n                                >\n\n                                    \n                                        <a\n                                            href=\"https:\/\/koperasipkns.com\/index.php\/korporat\/#pkorp-tentang-kami\"\n                                                                                    >\n\n                                            Tentang Kami\n                                        <\/a>\n\n                                    \n                                        <a\n                                            href=\"https:\/\/koperasipkns.com\/index.php\/korporat\/#pkorp-visi\"\n                                                                                    >\n\n                                            Visi\n                                        <\/a>\n\n                                    \n                                        <a\n                                            href=\"https:\/\/koperasipkns.com\/index.php\/korporat\/#pkorp-misi\"\n                                                                                    >\n\n                                            Misi\n                                        <\/a>\n\n                                    \n                                        <a\n                                            href=\"https:\/\/koperasipkns.com\/index.php\/alk-jawatankuasa\/\"\n                                                                                    >\n\n                                            Anggota Lembaga Koperasi\n                                        <\/a>\n\n                                    \n                                        <a\n                                            href=\"https:\/\/koperasipkns.com\/index.php\/kakitangan\/\"\n                                                                                    >\n\n                                            Senarai Kakitangan\n                                        <\/a>\n\n                                    \n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    \n                <\/div>\n\n            \n                \n                <div\n                    class=\"pkns-sticky-item has-dropdown\"\n                >\n\n                    <div class=\"pkns-sticky-item-row\">\n\n                        <a\n                            class=\"pkns-sticky-link\"\n                            href=\"https:\/\/koperasipkns.com\/index.php\/teras-aktiviti\/\"\n                                                    >\n                            Teras Aktiviti                        <\/a>\n\n                        \n                            <button\n                                type=\"button\"\n                                class=\"pkns-sticky-chevron\"\n                                aria-label=\"Buka submenu Teras Aktiviti\"\n                                aria-expanded=\"false\"\n                                aria-controls=\"pkns-sticky-navbar-1-dropdown-teras\"\n                            >\n\n                                <svg\n                                    viewBox=\"0 0 24 24\"\n                                    aria-hidden=\"true\"\n                                >\n                                    <path d=\"m6 9 6 6 6-6\"\/>\n                                <\/svg>\n\n                            <\/button>\n\n                        \n                    <\/div>\n\n                    \n                        <div\n                            id=\"pkns-sticky-navbar-1-dropdown-teras\"\n                            class=\"pkns-sticky-dropdown\"\n                        >\n\n                            <div\n                                class=\"pkns-sticky-dropdown-inner\"\n                            >\n\n                                <a\n                                    class=\"pkns-sticky-dropdown-title\"\n                                    href=\"https:\/\/koperasipkns.com\/index.php\/teras-aktiviti\/\"\n                                >\n                                    Teras Aktiviti                                <\/a>\n\n                                <div\n                                    class=\"pkns-sticky-dropdown-grid\"\n                                >\n\n                                    \n                                        <a\n                                            href=\"https:\/\/koperasipkns.com\/index.php\/hartanah\/\"\n                                                                                    >\n\n                                            Hartanah\n                                        <\/a>\n\n                                    \n                                        <a\n                                            href=\"https:\/\/koperasipkns.com\/index.php\/perkhidmatan\/\"\n                                                                                    >\n\n                                            Perkhidmatan\n                                        <\/a>\n\n                                    \n                                        <a\n                                            href=\"https:\/\/koperasipkns.com\/index.php\/pembiayaan\/\"\n                                                                                    >\n\n                                            Pembiayaan\n                                        <\/a>\n\n                                    \n                                        <a\n                                            href=\"https:\/\/koperasipkns.com\/index.php\/peruncitan\/\"\n                                                                                    >\n\n                                            Peruncitan\n                                        <\/a>\n\n                                    \n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    \n                <\/div>\n\n            \n                \n                <div\n                    class=\"pkns-sticky-item\"\n                >\n\n                    <div class=\"pkns-sticky-item-row\">\n\n                        <a\n                            class=\"pkns-sticky-link\"\n                            href=\"https:\/\/koperasipkns.com\/index.php\/prestasi\/\"\n                                                    >\n                            Prestasi                        <\/a>\n\n                        \n                    <\/div>\n\n                    \n                <\/div>\n\n            \n                \n                <div\n                    class=\"pkns-sticky-item has-dropdown\"\n                >\n\n                    <div class=\"pkns-sticky-item-row\">\n\n                        <a\n                            class=\"pkns-sticky-link\"\n                            href=\"https:\/\/koperasipkns.com\/index.php\/untuk-anggota\/\"\n                                                    >\n                            Untuk Anggota                        <\/a>\n\n                        \n                            <button\n                                type=\"button\"\n                                class=\"pkns-sticky-chevron\"\n                                aria-label=\"Buka submenu Untuk Anggota\"\n                                aria-expanded=\"false\"\n                                aria-controls=\"pkns-sticky-navbar-1-dropdown-anggota\"\n                            >\n\n                                <svg\n                                    viewBox=\"0 0 24 24\"\n                                    aria-hidden=\"true\"\n                                >\n                                    <path d=\"m6 9 6 6 6-6\"\/>\n                                <\/svg>\n\n                            <\/button>\n\n                        \n                    <\/div>\n\n                    \n                        <div\n                            id=\"pkns-sticky-navbar-1-dropdown-anggota\"\n                            class=\"pkns-sticky-dropdown\"\n                        >\n\n                            <div\n                                class=\"pkns-sticky-dropdown-inner\"\n                            >\n\n                                <a\n                                    class=\"pkns-sticky-dropdown-title\"\n                                    href=\"https:\/\/koperasipkns.com\/index.php\/untuk-anggota\/\"\n                                >\n                                    Untuk Anggota                                <\/a>\n\n                                <div\n                                    class=\"pkns-sticky-dropdown-grid\"\n                                >\n\n                                    \n                                        <a\n                                            href=\"https:\/\/koperasipkns.com\/index.php\/muat-turun-borang\/\"\n                                                                                    >\n\n                                            Muat Turun Borang\n                                        <\/a>\n\n                                    \n                                        <a\n                                            href=\"https:\/\/vtcoopslinks.biz\/K005\/\"\n                                                                                            target=\"_blank\"\n                                                rel=\"noopener noreferrer\"\n                                                                                    >\n\n                                            Sistem Maklumat Keahlian\n                                        <\/a>\n\n                                    \n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    \n                <\/div>\n\n            \n                \n                <div\n                    class=\"pkns-sticky-item has-dropdown\"\n                >\n\n                    <div class=\"pkns-sticky-item-row\">\n\n                        <a\n                            class=\"pkns-sticky-link\"\n                            href=\"https:\/\/koperasipkns.com\/index.php\/media\/\"\n                                                    >\n                            Media                        <\/a>\n\n                        \n                            <button\n                                type=\"button\"\n                                class=\"pkns-sticky-chevron\"\n                                aria-label=\"Buka submenu Media\"\n                                aria-expanded=\"false\"\n                                aria-controls=\"pkns-sticky-navbar-1-dropdown-media\"\n                            >\n\n                                <svg\n                                    viewBox=\"0 0 24 24\"\n                                    aria-hidden=\"true\"\n                                >\n                                    <path d=\"m6 9 6 6 6-6\"\/>\n                                <\/svg>\n\n                            <\/button>\n\n                        \n                    <\/div>\n\n                    \n                        <div\n                            id=\"pkns-sticky-navbar-1-dropdown-media\"\n                            class=\"pkns-sticky-dropdown\"\n                        >\n\n                            <div\n                                class=\"pkns-sticky-dropdown-inner\"\n                            >\n\n                                <a\n                                    class=\"pkns-sticky-dropdown-title\"\n                                    href=\"https:\/\/koperasipkns.com\/index.php\/media\/\"\n                                >\n                                    Media                                <\/a>\n\n                                <div\n                                    class=\"pkns-sticky-dropdown-grid\"\n                                >\n\n                                    \n                                        <a\n                                            href=\"https:\/\/koperasipkns.com\/index.php\/galeri-bergambar\/\"\n                                                                                    >\n\n                                            Galeri Bergambar\n                                        <\/a>\n\n                                    \n                                        <a\n                                            href=\"https:\/\/koperasipkns.com\/index.php\/pusat-berita-pengumuman\/\"\n                                                                                    >\n\n                                            Pusat Berita &amp; Pengumuman\n                                        <\/a>\n\n                                    \n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    \n                <\/div>\n\n            \n                \n                <div\n                    class=\"pkns-sticky-item\"\n                >\n\n                    <div class=\"pkns-sticky-item-row\">\n\n                        <a\n                            class=\"pkns-sticky-link\"\n                            href=\"https:\/\/koperasipkns.com\/index.php\/rakan-strategik\/\"\n                                                    >\n                            Rakan Strategik                        <\/a>\n\n                        \n                    <\/div>\n\n                    \n                <\/div>\n\n            \n                \n                <div\n                    class=\"pkns-sticky-item\"\n                >\n\n                    <div class=\"pkns-sticky-item-row\">\n\n                        <a\n                            class=\"pkns-sticky-link\"\n                            href=\"https:\/\/koperasipkns.com\/index.php\/hubungi-kami\/\"\n                                                    >\n                            Hubungi                        <\/a>\n\n                        \n                    <\/div>\n\n                    \n                <\/div>\n\n            \n        <\/nav>\n\n    <\/div>\n\n<\/header>\n\n<!-- ======================================\n     NAVBAR JAVASCRIPT\n====================================== -->\n\n<script>\n(function () {\n    \"use strict\";\n\n    const navbar = document.getElementById(\n        \"pkns-sticky-navbar-1\"    );\n\n    if (!navbar) {\n        return;\n    }\n\n    \/*\n     * Move fixed navbar directly to body.\n     * Prevent Elementor container overflow\n     * and transformed parent issues.\n     *\/\n\n    if (navbar.parentElement !== document.body) {\n        document.body.appendChild(navbar);\n    }\n\n    const toggle = navbar.querySelector(\n        '.pkns-sticky-toggle'\n    );\n\n    const menu = navbar.querySelector(\n        '.pkns-sticky-menu'\n    );\n\n    const dropdownItems = Array.from(\n        navbar.querySelectorAll(\n            '.pkns-sticky-item.has-dropdown'\n        )\n    );\n\n    function closeDropdowns(exception = null) {\n\n        dropdownItems.forEach(function (item) {\n\n            if (item === exception) {\n                return;\n            }\n\n            item.classList.remove('is-open');\n\n            const button = item.querySelector(\n                '.pkns-sticky-chevron'\n            );\n\n            if (button) {\n                button.setAttribute(\n                    'aria-expanded',\n                    'false'\n                );\n            }\n\n        });\n    }\n\n    function closeMobileMenu() {\n\n        if (!toggle || !menu) {\n            return;\n        }\n\n        toggle.classList.remove('is-open');\n\n        menu.classList.remove('is-open');\n\n        toggle.setAttribute(\n            'aria-expanded',\n            'false'\n        );\n\n        toggle.setAttribute(\n            'aria-label',\n            'Buka menu navigasi'\n        );\n\n        closeDropdowns();\n    }\n\n    \/* MOBILE HAMBURGER *\/\n\n    if (toggle && menu) {\n\n        toggle.addEventListener(\n            'click',\n            function () {\n\n                const shouldOpen = !menu.classList.contains(\n                    'is-open'\n                );\n\n                menu.classList.toggle(\n                    'is-open',\n                    shouldOpen\n                );\n\n                toggle.classList.toggle(\n                    'is-open',\n                    shouldOpen\n                );\n\n                toggle.setAttribute(\n                    'aria-expanded',\n                    String(shouldOpen)\n                );\n\n                toggle.setAttribute(\n                    'aria-label',\n                    shouldOpen\n                        ? 'Tutup menu navigasi'\n                        : 'Buka menu navigasi'\n                );\n\n                if (!shouldOpen) {\n                    closeDropdowns();\n                }\n\n            }\n        );\n    }\n\n    \/* DROPDOWN BUTTONS *\/\n\n    dropdownItems.forEach(function (item) {\n\n        const button = item.querySelector(\n            '.pkns-sticky-chevron'\n        );\n\n        if (!button) {\n            return;\n        }\n\n        button.addEventListener(\n            'click',\n            function (event) {\n\n                event.preventDefault();\n\n                event.stopPropagation();\n\n                const shouldOpen = !item.classList.contains(\n                    'is-open'\n                );\n\n                closeDropdowns(item);\n\n                item.classList.toggle(\n                    'is-open',\n                    shouldOpen\n                );\n\n                button.setAttribute(\n                    'aria-expanded',\n                    String(shouldOpen)\n                );\n\n            }\n        );\n\n    });\n\n    \/* CLICK OUTSIDE *\/\n\n    document.addEventListener(\n        'click',\n        function (event) {\n\n            if (!navbar.contains(event.target)) {\n                closeMobileMenu();\n            }\n\n        }\n    );\n\n    \/* ESC KEY *\/\n\n    document.addEventListener(\n        'keydown',\n        function (event) {\n\n            if (event.key === 'Escape') {\n\n                closeMobileMenu();\n\n                if (\n                    navbar.contains(\n                        document.activeElement\n                    )\n                ) {\n                    const mainToggle =\n                        navbar.querySelector(\n                            '.pkns-sticky-toggle'\n                        );\n\n                    if (\n                        mainToggle &&\n                        window.innerWidth <= 1050\n                    ) {\n                        mainToggle.focus();\n                    }\n                }\n            }\n\n        }\n    );\n\n    \/* CLOSE AFTER NAVIGATION *\/\n\n    navbar.querySelectorAll(\n        '.pkns-sticky-dropdown a'\n    ).forEach(function (link) {\n\n        link.addEventListener(\n            'click',\n            function () {\n                closeMobileMenu();\n            }\n        );\n\n    });\n\n    \/* RESPONSIVE RESET *\/\n\n    window.addEventListener(\n        'resize',\n        function () {\n\n            if (window.innerWidth > 1050) {\n                closeMobileMenu();\n            }\n\n        }\n    );\n\n})();\n<\/script>\n\n         <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1813b00 e-con-full e-flex tm-col-stretched-none tm-bg-color-over-image e-con e-parent\" data-id=\"1813b00\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-03ce0b9 e-flex e-con-boxed tm-col-stretched-none tm-bg-color-over-image e-con e-child\" data-id=\"03ce0b9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab00f5d elementor-widget elementor-widget-heading\" data-id=\"ab00f5d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">KOPERASI PKNS BERHAD \u00b7 SEJAK 1972<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d3e354 elementor-widget elementor-widget-heading\" data-id=\"8d3e354\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Memperkukuh koperasi.<br>Memajukan anggota.<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-238089a elementor-widget elementor-widget-text-editor\" data-id=\"238089a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Pembiayaan untuk pelaburan.<br \/>Simpanan untuk masa hadapan.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb787bd e-con-full e-flex tm-col-stretched-none tm-bg-color-over-image e-con e-child\" data-id=\"eb787bd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80f29a7 elementor-widget elementor-widget-button\" data-id=\"80f29a7\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Kenali Koperasi PKNS<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b17b5cc elementor-widget elementor-widget-button\" data-id=\"b17b5cc\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Perniagaan Kami<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d0c8c6c e-con-full e-flex tm-col-stretched-none tm-bg-color-over-image e-con e-parent\" data-id=\"d0c8c6c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f8a146 elementor-widget elementor-widget-shortcode\" data-id=\"4f8a146\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n    \/* ========================================\n       PKNS AKSES PANTAS\n       DESKTOP + TABLET + MOBILE\n    ======================================== *\/\n\n    .pkns-qa-area,\n    .pkns-qa-area * {\n        box-sizing: border-box;\n    }\n\n    .pkns-qa-area {\n        position: relative;\n        z-index: 100;\n        width: 100%;\n        margin: -42px 0 0;\n        padding: 0 24px;\n        font-family: Inter, Arial, sans-serif;\n        background: transparent;\n    }\n\n    \/* MAIN GRID *\/\n\n    .pkns-qa-area .pkns-qa-bar {\n        width: 100%;\n        max-width: 1120px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n        background: #fff;\n        box-shadow: 0 1px 0 rgba(7, 39, 70, .06);\n    }\n\n    \/* RED INTRO BLOCK *\/\n\n    .pkns-qa-area .pkns-qa-intro {\n        min-height: 84px;\n        padding: 18px 22px;\n        background: #cb1237;\n        color: #fff;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .pkns-qa-area .pkns-qa-eyebrow {\n        color: #fff;\n        font-weight: 700;\n        font-size: 10px;\n        line-height: 1.2;\n        letter-spacing: .35px;\n    }\n\n    .pkns-qa-area .pkns-qa-intro-title {\n        margin: 6px 0 0;\n        color: #fff;\n        font-size: 23px;\n        font-weight: 700;\n        line-height: 1.14;\n        letter-spacing: -.45px;\n    }\n\n    \/* CLICKABLE CARD *\/\n\n    .pkns-qa-area .pkns-qa-card {\n        position: relative;\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        min-width: 0;\n        min-height: 84px;\n        padding: 16px 42px 16px 18px;\n        border: 1px solid #dde5ee;\n        border-left: 0;\n        background: #fff;\n        color: #082b4f;\n        text-decoration: none !important;\n        transition:\n            background-color .18s ease,\n            color .18s ease;\n    }\n\n    .pkns-qa-area a.pkns-qa-card {\n        cursor: pointer;\n        pointer-events: auto;\n    }\n\n    .pkns-qa-area a.pkns-qa-card:hover,\n    .pkns-qa-area a.pkns-qa-card:focus-visible {\n        background: #f5f8fb;\n        color: #c91536;\n    }\n\n    .pkns-qa-area a.pkns-qa-card:focus-visible {\n        outline: 3px solid #c91536;\n        outline-offset: 2px;\n    }\n\n    .pkns-qa-area .pkns-qa-card--disabled {\n        opacity: .65;\n        cursor: not-allowed;\n    }\n\n    \/* ICON *\/\n\n    .pkns-qa-area .pkns-qa-icon {\n        flex: 0 0 27px;\n        width: 27px;\n        height: 27px;\n        color: #e00037;\n    }\n\n    .pkns-qa-area .pkns-qa-icon svg {\n        display: block;\n        width: 100%;\n        height: 100%;\n        fill: none;\n        stroke: currentColor;\n        stroke-width: 1.7;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\n\n    \/* TEXT *\/\n\n    .pkns-qa-area .pkns-qa-copy {\n        min-width: 0;\n        display: block;\n    }\n\n    .pkns-qa-area .pkns-qa-title {\n        display: block;\n        font-weight: 700;\n        font-size: 13px;\n        line-height: 1.25;\n        color: #082b4f;\n    }\n\n    .pkns-qa-area .pkns-qa-subtitle {\n        display: block;\n        margin-top: 3px;\n        font-size: 11px;\n        line-height: 1.35;\n        color: #59738f;\n    }\n\n    \/* RIGHT ARROW *\/\n\n    .pkns-qa-area .pkns-qa-arrow {\n        position: absolute;\n        right: 13px;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 21px;\n        height: 21px;\n        color: #082b4f;\n    }\n\n    .pkns-qa-area .pkns-qa-arrow svg {\n        display: block;\n        width: 100%;\n        height: 100%;\n        fill: none;\n        stroke: currentColor;\n        stroke-width: 1.7;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\n\n    \/* ========================================\n       TABLET\n    ======================================== *\/\n\n    @media (max-width: 1024px) {\n\n        .pkns-qa-area {\n            margin-top: -32px;\n            padding: 0 20px;\n        }\n\n        .pkns-qa-area .pkns-qa-bar {\n            grid-template-columns: repeat(\n                2, minmax(0, 1fr)\n            );\n        }\n\n        .pkns-qa-area .pkns-qa-card:nth-child(3) {\n            border-left: 1px solid #dde5ee;\n        }\n\n        .pkns-qa-area .pkns-qa-intro,\n        .pkns-qa-area .pkns-qa-card {\n            min-height: 108px;\n        }\n    }\n\n    \/* ========================================\n       MOBILE\n    ======================================== *\/\n\n    @media (max-width: 767px) {\n\n        .pkns-qa-area {\n            margin-top: -24px;\n            padding: 0;\n        }\n\n        .pkns-qa-area .pkns-qa-intro,\n        .pkns-qa-area .pkns-qa-card {\n            min-height: 160px;\n        }\n\n        .pkns-qa-area .pkns-qa-intro {\n            padding: 15px 14px;\n        }\n\n        .pkns-qa-area .pkns-qa-eyebrow {\n            font-size: 9px;\n        }\n\n        .pkns-qa-area .pkns-qa-intro-title {\n            font-size: 21px;\n        }\n\n        .pkns-qa-area .pkns-qa-card {\n            flex-direction: column;\n            align-items: flex-start;\n            justify-content: flex-start;\n            gap: 15px;\n            padding: 16px 13px 35px;\n        }\n\n        .pkns-qa-area .pkns-qa-icon {\n            flex: 0 0 25px;\n            width: 25px;\n            height: 25px;\n        }\n\n        .pkns-qa-area .pkns-qa-title {\n            font-size: 12px;\n        }\n\n        .pkns-qa-area .pkns-qa-subtitle {\n            font-size: 10px;\n        }\n\n        .pkns-qa-area .pkns-qa-arrow {\n            top: auto;\n            bottom: 10px;\n            right: 12px;\n            transform: none;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .pkns-qa-area .pkns-qa-card {\n            transition: none;\n        }\n    }\n    <\/style>\n\n    <!-- AKSES PANTAS SECTION -->\n\n    <section\n        class=\"pkns-qa-area\"\n        aria-label=\"Akses pantas Koperasi PKNS\"\n    >\n\n        <nav\n            class=\"pkns-qa-bar\"\n            aria-label=\"Perkhidmatan anggota\"\n        >\n\n            <!-- INTRO -->\n\n            <div class=\"pkns-qa-intro\">\n\n                <span class=\"pkns-qa-eyebrow\">\n                    PERKHIDMATAN ANGGOTA\n                <\/span>\n\n                <h2 class=\"pkns-qa-intro-title\">\n                    Akses pantas\n                <\/h2>\n\n            <\/div>\n\n            <!-- THREE SERVICE CARDS -->\n\n            \n                <a                    class=\"pkns-qa-card\"\n                                            href=\"https:\/\/koperasipkns.com\/index.php\/muat-turun-borang\/\"\n                                    >\n\n                    <!-- ICON -->\n\n                    <span\n                        class=\"pkns-qa-icon\"\n                        aria-hidden=\"true\"\n                    >\n\n                        \n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M7 2.5h7l4 4v15H7a2 2 0 0 1-2-2v-15a2 2 0 0 1 2-2Z\"\/>\n                                <path d=\"M14 2.5v5h4M9 12h6M9 16h6\"\/>\n                            <\/svg>\n\n                        \n                    <\/span>\n\n                    <!-- CARD CONTENT -->\n\n                    <span class=\"pkns-qa-copy\">\n\n                        <span class=\"pkns-qa-title\">\n                            Download Borang                        <\/span>\n\n                        <span class=\"pkns-qa-subtitle\">\n                            Muat turun borang PDF                        <\/span>\n\n                    <\/span>\n\n                    <!-- ARROW -->\n\n                    <span\n                        class=\"pkns-qa-arrow\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M4 12h16m-7-7 7 7-7 7\"\/>\n                        <\/svg>\n                    <\/span>\n\n                <\/a>\n\n            \n                <a                    class=\"pkns-qa-card\"\n                                            href=\"https:\/\/vtcoopslinks.biz\/K005\/\"\n                                    >\n\n                    <!-- ICON -->\n\n                    <span\n                        class=\"pkns-qa-icon\"\n                        aria-hidden=\"true\"\n                    >\n\n                        \n                            <svg viewBox=\"0 0 24 24\">\n                                <circle cx=\"12\" cy=\"8\" r=\"4\"\/>\n                                <path d=\"M4 21v-2a8 8 0 0 1 16 0v2\"\/>\n                            <\/svg>\n\n                        \n                    <\/span>\n\n                    <!-- CARD CONTENT -->\n\n                    <span class=\"pkns-qa-copy\">\n\n                        <span class=\"pkns-qa-title\">\n                            Keahlian                        <\/span>\n\n                        <span class=\"pkns-qa-subtitle\">\n                            Sistem Maklumat Keahlian                        <\/span>\n\n                    <\/span>\n\n                    <!-- ARROW -->\n\n                    <span\n                        class=\"pkns-qa-arrow\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M4 12h16m-7-7 7 7-7 7\"\/>\n                        <\/svg>\n                    <\/span>\n\n                <\/a>\n\n            \n                <a                    class=\"pkns-qa-card\"\n                                            href=\"https:\/\/koperasipkns.com\/index.php\/hubungi-kami\/\"\n                                    >\n\n                    <!-- ICON -->\n\n                    <span\n                        class=\"pkns-qa-icon\"\n                        aria-hidden=\"true\"\n                    >\n\n                        \n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M7.4 3.3 9.8 6a2 2 0 0 1 0 2.4L8.5 10c1.3 2.5 3 4.2 5.5 5.5l1.6-1.3a2 2 0 0 1 2.4 0l2.7 2.4a2 2 0 0 1 .2 2.7c-.8 1.1-2.4 1.9-4 1.6C9.4 20 4 14.6 3.1 7.1c-.3-1.6.5-3.2 1.6-4a2 2 0 0 1 2.7.2Z\"\/>\n                                <path d=\"M14.5 3.5a6 6 0 0 1 6 6\"\/>\n                            <\/svg>\n\n                        \n                    <\/span>\n\n                    <!-- CARD CONTENT -->\n\n                    <span class=\"pkns-qa-copy\">\n\n                        <span class=\"pkns-qa-title\">\n                            Hubungi Kami                        <\/span>\n\n                        <span class=\"pkns-qa-subtitle\">\n                            Pejabat &amp; pertanyaan                        <\/span>\n\n                    <\/span>\n\n                    <!-- ARROW -->\n\n                    <span\n                        class=\"pkns-qa-arrow\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M4 12h16m-7-7 7 7-7 7\"\/>\n                        <\/svg>\n                    <\/span>\n\n                <\/a>\n\n            \n        <\/nav>\n\n    <\/section>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-16f3b5f e-con-full e-flex tm-col-stretched-none tm-bg-color-over-image e-con e-parent\" data-id=\"16f3b5f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64ba5d9 elementor-widget elementor-widget-shortcode\" data-id=\"64ba5d9\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n\n    \/* ========================================\n       PKNS PORTFOLIO PERNIAGAAN V1.2\n    ======================================== *\/\n\n    .pkns-port,\n    .pkns-port *,\n    .pkns-port *::before,\n    .pkns-port *::after {\n        box-sizing: border-box;\n    }\n\n    .pkns-port {\n        --port-navy: #082b4f;\n        --port-red: #c91536;\n        --port-muted: #60758c;\n        --port-border: #dce4eb;\n\n        position: relative;\n        width: 100%;\n        background: #ffffff;\n        color: var(--port-navy);\n        font-family: Inter, Arial, sans-serif;\n        padding: 72px 0 80px;\n    }\n\n    \/* MAIN CONTAINER *\/\n\n    .pkns-port .pkns-port-inner {\n        width: 100%;\n        max-width: 1140px;\n        padding: 0 16px;\n        margin: 0 auto;\n    }\n\n    \/* SECTION HEADER *\/\n\n    .pkns-port .pkns-port-header {\n        display: grid;\n        grid-template-columns: minmax(0, 1fr) 300px;\n        align-items: end;\n        gap: 36px;\n        margin-bottom: 42px;\n    }\n\n    .pkns-port .pkns-port-header-left {\n        min-width: 0;\n    }\n\n    .pkns-port .pkns-port-label {\n        display: block;\n        color: var(--port-red);\n        font-size: 11px;\n        font-weight: 700;\n        line-height: 1.5;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        margin: 0 0 16px;\n    }\n\n    .pkns-port .pkns-port-heading {\n        color: var(--port-navy);\n        font-family: Inter, Arial, sans-serif;\n        font-size: 32px;\n        font-weight: 700;\n        line-height: 1.22;\n        letter-spacing: -0.8px;\n        margin: 0;\n    }\n\n    .pkns-port .pkns-port-intro {\n        color: var(--port-muted);\n        font-size: 13px;\n        font-weight: 400;\n        line-height: 1.8;\n        margin: 0;\n        max-width: 300px;\n    }\n\n    \/* ========================================\n       PORTFOLIO GRID\n    ======================================== *\/\n\n    .pkns-port .pkns-port-grid {\n        display: grid;\n        grid-template-columns: repeat(\n            4,\n            minmax(0, 1fr)\n        );\n        gap: 18px;\n        align-items: stretch;\n    }\n\n    \/* PORTFOLIO CARD *\/\n\n    .pkns-port .pkns-port-card {\n        min-width: 0;\n        height: 100%;\n        background: #ffffff;\n        border: 1px solid var(--port-border);\n        overflow: hidden;\n\n        transition:\n            border-color 0.2s ease,\n            box-shadow 0.2s ease,\n            transform 0.2s ease;\n    }\n\n    .pkns-port .pkns-port-card:hover {\n        border-color: #cbd8e5;\n        box-shadow:\n            0 12px 30px rgba(8, 43, 79, 0.07);\n        transform: translateY(-3px);\n    }\n\n    \/* FULL CARD LINK *\/\n\n    .pkns-port .pkns-port-card-link,\n    .pkns-port .pkns-port-card-static {\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n        height: 100%;\n        color: inherit;\n        text-decoration: none !important;\n    }\n\n    .pkns-port .pkns-port-card-link:focus-visible {\n        outline: 3px solid var(--port-red);\n        outline-offset: -3px;\n    }\n\n    \/* ========================================\n       CARD IMAGE\n    ======================================== *\/\n\n    .pkns-port .pkns-port-image {\n        position: relative;\n        width: 100%;\n        aspect-ratio: 1.64 \/ 1;\n        background: #edf2f6;\n        overflow: hidden;\n        flex-shrink: 0;\n        isolation: isolate;\n    }\n\n    .pkns-port .pkns-port-image img {\n        display: block !important;\n        width: 100% !important;\n        height: 100% !important;\n        max-width: none !important;\n        object-fit: cover;\n        object-position: center center;\n        border: 0;\n        border-radius: 0;\n        margin: 0;\n        padding: 0;\n        transition: transform 0.35s ease;\n    }\n\n    .pkns-port .pkns-port-card:hover img {\n        transform: scale(1.035);\n    }\n\n    \/* ========================================\n       IMEJ ILUSTRASI BADGE\n       Pembiayaan & Peruncitan only\n    ======================================== *\/\n\n    .pkns-port .pkns-port-illustration {\n        position: absolute;\n        right: 10px;\n        bottom: 10px;\n        z-index: 2;\n\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n\n        max-width: calc(100% - 20px);\n        padding: 5px 9px;\n\n        background: rgba(8, 43, 79, 0.88);\n        color: #ffffff;\n\n        font-family: Inter, Arial, sans-serif;\n        font-size: 9px;\n        font-weight: 600;\n        line-height: 1.3;\n        letter-spacing: 0.65px;\n        text-transform: uppercase;\n\n        border: 1px solid rgba(255, 255, 255, .18);\n        border-radius: 2px;\n\n        backdrop-filter: blur(4px);\n        -webkit-backdrop-filter: blur(4px);\n\n        pointer-events: none;\n        user-select: none;\n    }\n\n    \/* IMAGE PLACEHOLDER *\/\n\n    .pkns-port .pkns-port-placeholder {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 100%;\n        height: 100%;\n        padding: 16px;\n\n        background: linear-gradient(\n            135deg,\n            #e7eef5,\n            #f4f7fa\n        );\n    }\n\n    .pkns-port .pkns-port-placeholder span {\n        color: #60758c;\n        font-size: 12px;\n        font-weight: 600;\n        text-align: center;\n    }\n\n    \/* ========================================\n       CARD CONTENT\n    ======================================== *\/\n\n    .pkns-port .pkns-port-content {\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        min-width: 0;\n        padding: 24px 18px 20px;\n    }\n\n    .pkns-port .pkns-port-card-title {\n        color: var(--port-navy);\n        font-family: Inter, Arial, sans-serif;\n        font-size: 18px;\n        font-weight: 700;\n        line-height: 1.3;\n        letter-spacing: -0.35px;\n        margin: 0 0 10px;\n        overflow-wrap: anywhere;\n    }\n\n    .pkns-port .pkns-port-description {\n        color: var(--port-muted);\n        font-size: 11px;\n        font-weight: 400;\n        line-height: 1.65;\n        margin: 0 0 23px;\n        overflow-wrap: anywhere;\n    }\n\n    \/* CARD FOOTER *\/\n\n    .pkns-port .pkns-port-footer {\n        margin-top: auto;\n        padding-top: 18px;\n        border-top: 1px solid var(--port-border);\n    }\n\n    .pkns-port .pkns-port-cta {\n        display: inline-flex;\n        align-items: center;\n        gap: 7px;\n        color: var(--port-navy);\n        font-size: 11px;\n        font-weight: 700;\n        line-height: 1.4;\n        transition: color 0.2s ease;\n    }\n\n    .pkns-port .pkns-port-card-link:hover\n    .pkns-port-cta {\n        color: var(--port-red);\n    }\n\n    .pkns-port .pkns-port-cta svg {\n        width: 15px;\n        height: 15px;\n        stroke: currentColor;\n        fill: none;\n        stroke-width: 1.7;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\n\n    .pkns-port .pkns-port-unavailable {\n        color: #8293a3;\n        font-size: 11px;\n        font-weight: 500;\n    }\n\n    \/* ========================================\n       TABLET\n    ======================================== *\/\n\n    @media (max-width: 1024px) {\n\n        .pkns-port {\n            padding: 60px 0 68px;\n        }\n\n        .pkns-port .pkns-port-inner {\n            padding: 0 24px;\n        }\n\n        .pkns-port .pkns-port-header {\n            grid-template-columns:\n                minmax(0, 1fr) 220px;\n            gap: 28px;\n            margin-bottom: 32px;\n        }\n\n        .pkns-port .pkns-port-heading {\n            font-size: 29px;\n        }\n\n        .pkns-port .pkns-port-grid {\n            grid-template-columns:\n                repeat(2, minmax(0, 1fr));\n            gap: 18px;\n        }\n\n        .pkns-port .pkns-port-card-title {\n            font-size: 18px;\n        }\n\n        .pkns-port .pkns-port-content {\n            padding: 22px 18px 18px;\n        }\n\n        .pkns-port .pkns-port-illustration {\n            font-size: 9px;\n            padding: 5px 9px;\n        }\n    }\n\n    \/* ========================================\n       MOBILE\n    ======================================== *\/\n\n    @media (max-width: 767px) {\n\n        .pkns-port {\n            padding: 48px 0 56px;\n        }\n\n        .pkns-port .pkns-port-inner {\n            padding: 0 20px;\n        }\n\n        .pkns-port .pkns-port-header {\n            grid-template-columns: 1fr;\n            gap: 16px;\n            margin-bottom: 28px;\n        }\n\n        .pkns-port .pkns-port-label {\n            font-size: 10px;\n            margin-bottom: 12px;\n        }\n\n        .pkns-port .pkns-port-heading {\n            font-size: 27px;\n            line-height: 1.25;\n        }\n\n        .pkns-port .pkns-port-intro {\n            max-width: 100%;\n            font-size: 13px;\n        }\n\n        .pkns-port .pkns-port-grid {\n            grid-template-columns: 1fr;\n            gap: 16px;\n        }\n\n        .pkns-port .pkns-port-image {\n            aspect-ratio: 1.7 \/ 1;\n        }\n\n        .pkns-port .pkns-port-content {\n            padding: 20px;\n        }\n\n        .pkns-port .pkns-port-card-title {\n            font-size: 18px;\n        }\n\n        .pkns-port .pkns-port-description {\n            font-size: 12px;\n            margin-bottom: 20px;\n        }\n\n        .pkns-port .pkns-port-footer {\n            padding-top: 14px;\n        }\n\n        .pkns-port .pkns-port-cta {\n            font-size: 12px;\n        }\n\n        \/* MOBILE ILLUSTRATION TAG *\/\n\n        .pkns-port .pkns-port-illustration {\n            right: 10px;\n            bottom: 10px;\n            font-size: 10px;\n            padding: 6px 10px;\n            letter-spacing: 0.5px;\n        }\n    }\n\n    \/* EXTRA SMALL MOBILE *\/\n\n    @media (max-width: 380px) {\n\n        .pkns-port .pkns-port-inner {\n            padding: 0 16px;\n        }\n\n        .pkns-port .pkns-port-heading {\n            font-size: 25px;\n        }\n\n        .pkns-port .pkns-port-illustration {\n            font-size: 9px;\n            padding: 5px 8px;\n        }\n    }\n\n    \/* REDUCED MOTION *\/\n\n    @media (prefers-reduced-motion: reduce) {\n\n        .pkns-port .pkns-port-card,\n        .pkns-port .pkns-port-image img,\n        .pkns-port .pkns-port-cta {\n            transition: none;\n        }\n\n        .pkns-port .pkns-port-card:hover,\n        .pkns-port .pkns-port-card:hover img {\n            transform: none;\n        }\n    }\n\n    <\/style>\n\n    <!-- =====================================\n         PORTFOLIO SECTION\n    ====================================== -->\n\n    <section\n        class=\"pkns-port\"\n        aria-label=\"Portfolio Perniagaan\"\n    >\n\n        <div class=\"pkns-port-inner\">\n\n            <!-- HEADER -->\n\n            <div class=\"pkns-port-header\">\n\n                <div class=\"pkns-port-header-left\">\n\n                    <span class=\"pkns-port-label\">\n                        PORTFOLIO PERNIAGAAN\n                    <\/span>\n\n                    <h2 class=\"pkns-port-heading\">\n                        Empat teras. Satu matlamat\n                    <\/h2>\n\n                <\/div>\n\n                <p class=\"pkns-port-intro\">\n                    Mempelbagaikan peluang perniagaan\n                    untuk membina nilai jangka panjang\n                    kepada anggota.\n                <\/p>\n\n            <\/div>\n\n            <!-- PORTFOLIO CARDS -->\n\n            <div class=\"pkns-port-grid\">\n\n                \n                    <article class=\"pkns-port-card\">\n\n                        \n                            <a\n                                class=\"pkns-port-card-link\"\n                                href=\"https:\/\/koperasipkns.com\/index.php\/hartanah\/\"\n                                aria-label=\"Ketahui lanjut tentang Hartanah\"\n                            >\n\n                        \n                            <!-- CARD IMAGE -->\n\n                            <div class=\"pkns-port-image\">\n\n                                \n                                    <img class=\"pkns-port-img\" src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/aset-seksyen-19-800.webp\" alt=\"Hartanah\" loading=\"lazy\" decoding=\"async\">\n                                \n                                <!-- IMEJ ILUSTRASI TAG -->\n\n                                \n                            <\/div>\n\n                            <!-- CARD CONTENT -->\n\n                            <div class=\"pkns-port-content\">\n\n                                <h3 class=\"pkns-port-card-title\">\n                                    Hartanah                                <\/h3>\n\n                                <p class=\"pkns-port-description\">\n                                    Aset Strategik. Pulangan Mampan.                                <\/p>\n\n                                <!-- CARD CTA -->\n\n                                <div class=\"pkns-port-footer\">\n\n                                    \n                                        <span class=\"pkns-port-cta\">\n\n                                            Ketahui Lanjut\n\n                                            <svg\n                                                viewBox=\"0 0 24 24\"\n                                                aria-hidden=\"true\"\n                                            >\n                                                <path\n                                                    d=\"M4 12h16m-7-7 7 7-7 7\"\n                                                \/>\n                                            <\/svg>\n\n                                        <\/span>\n\n                                    \n                                <\/div>\n\n                            <\/div>\n\n                        \n                            <\/a>\n\n                        \n                    <\/article>\n\n                \n                    <article class=\"pkns-port-card\">\n\n                        \n                            <a\n                                class=\"pkns-port-card-link\"\n                                href=\"https:\/\/koperasipkns.com\/index.php\/perkhidmatan\/\"\n                                aria-label=\"Ketahui lanjut tentang Perkhidmatan\"\n                            >\n\n                        \n                            <!-- CARD IMAGE -->\n\n                            <div class=\"pkns-port-image\">\n\n                                \n                                    <img class=\"pkns-port-img\" src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/golf-10.jpg\" alt=\"Perkhidmatan\" loading=\"lazy\" decoding=\"async\">\n                                \n                                <!-- IMEJ ILUSTRASI TAG -->\n\n                                \n                            <\/div>\n\n                            <!-- CARD CONTENT -->\n\n                            <div class=\"pkns-port-content\">\n\n                                <h3 class=\"pkns-port-card-title\">\n                                    Perkhidmatan                                <\/h3>\n\n                                <p class=\"pkns-port-description\">\n                                    Kepakaran Yang Mencipta Nilai.                                <\/p>\n\n                                <!-- CARD CTA -->\n\n                                <div class=\"pkns-port-footer\">\n\n                                    \n                                        <span class=\"pkns-port-cta\">\n\n                                            Ketahui Lanjut\n\n                                            <svg\n                                                viewBox=\"0 0 24 24\"\n                                                aria-hidden=\"true\"\n                                            >\n                                                <path\n                                                    d=\"M4 12h16m-7-7 7 7-7 7\"\n                                                \/>\n                                            <\/svg>\n\n                                        <\/span>\n\n                                    \n                                <\/div>\n\n                            <\/div>\n\n                        \n                            <\/a>\n\n                        \n                    <\/article>\n\n                \n                    <article class=\"pkns-port-card\">\n\n                        \n                            <a\n                                class=\"pkns-port-card-link\"\n                                href=\"https:\/\/koperasipkns.com\/index.php\/pembiayaan\/\"\n                                aria-label=\"Ketahui lanjut tentang Pembiayaan\"\n                            >\n\n                        \n                            <!-- CARD IMAGE -->\n\n                            <div class=\"pkns-port-image\">\n\n                                \n                                    <img class=\"pkns-port-img\" src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/pembiayaan-stock-800.webp\" alt=\"Pembiayaan\" loading=\"lazy\" decoding=\"async\">\n                                \n                                <!-- IMEJ ILUSTRASI TAG -->\n\n                                \n                                    <span\n                                        class=\"pkns-port-illustration\"\n                                    >\n                                        Imej ilustrasi\n                                    <\/span>\n\n                                \n                            <\/div>\n\n                            <!-- CARD CONTENT -->\n\n                            <div class=\"pkns-port-content\">\n\n                                <h3 class=\"pkns-port-card-title\">\n                                    Pembiayaan                                <\/h3>\n\n                                <p class=\"pkns-port-description\">\n                                    Mudah. Kompetitif. Patuh Syariah.                                <\/p>\n\n                                <!-- CARD CTA -->\n\n                                <div class=\"pkns-port-footer\">\n\n                                    \n                                        <span class=\"pkns-port-cta\">\n\n                                            Ketahui Lanjut\n\n                                            <svg\n                                                viewBox=\"0 0 24 24\"\n                                                aria-hidden=\"true\"\n                                            >\n                                                <path\n                                                    d=\"M4 12h16m-7-7 7 7-7 7\"\n                                                \/>\n                                            <\/svg>\n\n                                        <\/span>\n\n                                    \n                                <\/div>\n\n                            <\/div>\n\n                        \n                            <\/a>\n\n                        \n                    <\/article>\n\n                \n                    <article class=\"pkns-port-card\">\n\n                        \n                            <a\n                                class=\"pkns-port-card-link\"\n                                href=\"https:\/\/koperasipkns.com\/index.php\/peruncitan\/\"\n                                aria-label=\"Ketahui lanjut tentang Peruncitan\"\n                            >\n\n                        \n                            <!-- CARD IMAGE -->\n\n                            <div class=\"pkns-port-image\">\n\n                                \n                                    <img class=\"pkns-port-img\" src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/peruncitan-stock-800.webp\" alt=\"Peruncitan\" loading=\"lazy\" decoding=\"async\">\n                                \n                                <!-- IMEJ ILUSTRASI TAG -->\n\n                                \n                                    <span\n                                        class=\"pkns-port-illustration\"\n                                    >\n                                        Imej ilustrasi\n                                    <\/span>\n\n                                \n                            <\/div>\n\n                            <!-- CARD CONTENT -->\n\n                            <div class=\"pkns-port-content\">\n\n                                <h3 class=\"pkns-port-card-title\">\n                                    Peruncitan                                <\/h3>\n\n                                <p class=\"pkns-port-description\">\n                                    Perniagaan Baharu. Peluang Baharu.                                <\/p>\n\n                                <!-- CARD CTA -->\n\n                                <div class=\"pkns-port-footer\">\n\n                                    \n                                        <span class=\"pkns-port-cta\">\n\n                                            Ketahui Lanjut\n\n                                            <svg\n                                                viewBox=\"0 0 24 24\"\n                                                aria-hidden=\"true\"\n                                            >\n                                                <path\n                                                    d=\"M4 12h16m-7-7 7 7-7 7\"\n                                                \/>\n                                            <\/svg>\n\n                                        <\/span>\n\n                                    \n                                <\/div>\n\n                            <\/div>\n\n                        \n                            <\/a>\n\n                        \n                    <\/article>\n\n                \n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n     <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47c63b9 e-con-full e-flex tm-col-stretched-none tm-bg-color-over-image e-con e-parent\" data-id=\"47c63b9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1fa077 elementor-widget elementor-widget-shortcode\" data-id=\"c1fa077\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n\n    \/* ========================================\n       PKNS TENTANG KOPERASI\n       VERSION 1.0\n    ======================================== *\/\n\n    .pkns-about,\n    .pkns-about *,\n    .pkns-about *::before,\n    .pkns-about *::after {\n        box-sizing: border-box;\n    }\n\n    .pkns-about {\n        --about-navy: #082b4f;\n        --about-red: #c91536;\n        --about-muted: #60758c;\n        --about-border: #d6e0e9;\n        --about-bg: #f3f6f9;\n\n        position: relative;\n        width: 100%;\n        background: var(--about-bg);\n        color: var(--about-navy);\n        font-family: Inter, Arial, sans-serif;\n        padding: 68px 0 60px;\n        overflow: hidden;\n    }\n\n    \/* ========================================\n       MAIN WRAPPER\n    ======================================== *\/\n\n    .pkns-about .pkns-about-inner {\n        width: 100%;\n        max-width: 1140px;\n        padding: 0 24px;\n        margin: 0 auto;\n    }\n\n    \/* ========================================\n       TOP SECTION\n    ======================================== *\/\n\n    .pkns-about .pkns-about-grid {\n        display: grid;\n        grid-template-columns:\n            minmax(0, 1fr)\n            minmax(0, 1fr);\n        gap: 80px;\n        align-items: center;\n        width: 100%;\n    }\n\n    \/* ========================================\n       IMAGE\n    ======================================== *\/\n\n    .pkns-about .pkns-about-visual {\n        position: relative;\n        width: 100%;\n        min-width: 0;\n        padding: 0 18px 18px 0;\n    }\n\n    .pkns-about .pkns-about-photo {\n        position: relative;\n        width: 100%;\n        aspect-ratio: 1.56 \/ 1;\n        overflow: hidden;\n        background: #e5ebf1;\n    }\n\n    .pkns-about .pkns-about-photo img {\n        display: block !important;\n        width: 100% !important;\n        height: 100% !important;\n        max-width: none !important;\n\n        object-fit: cover;\n        object-position: center center;\n\n        margin: 0 !important;\n        padding: 0 !important;\n        border: 0 !important;\n        border-radius: 0 !important;\n    }\n\n    \/* ========================================\n       1972 RED OVERLAY\n    ======================================== *\/\n\n    .pkns-about .pkns-about-year {\n        position: absolute;\n        right: 0;\n        bottom: 0;\n        z-index: 2;\n\n        width: 145px;\n        min-height: 104px;\n\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        justify-content: center;\n\n        padding: 16px 18px;\n\n        background: var(--about-red);\n        color: #ffffff;\n    }\n\n    .pkns-about .pkns-about-year-number {\n        display: block;\n        color: #ffffff;\n        font-size: 38px;\n        font-weight: 800;\n        line-height: 1;\n        letter-spacing: -1.5px;\n        margin: 0 0 7px;\n    }\n\n    .pkns-about .pkns-about-year-label {\n        display: block;\n        color: #ffffff;\n        font-size: 10px;\n        font-weight: 600;\n        line-height: 1.35;\n        margin: 0;\n    }\n\n    \/* ========================================\n       RIGHT CONTENT\n    ======================================== *\/\n\n    .pkns-about .pkns-about-content {\n        min-width: 0;\n    }\n\n    .pkns-about .pkns-about-eyebrow {\n        display: block;\n        color: var(--about-red);\n        font-size: 11px;\n        font-weight: 700;\n        line-height: 1.5;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        margin: 0 0 19px;\n    }\n\n    .pkns-about .pkns-about-heading {\n        color: var(--about-navy);\n        font-family: Inter, Arial, sans-serif;\n        font-size: 34px;\n        font-weight: 700;\n        line-height: 1.18;\n        letter-spacing: -0.9px;\n        margin: 0 0 26px;\n        max-width: 520px;\n    }\n\n    .pkns-about .pkns-about-description {\n        color: var(--about-muted);\n        font-size: 13px;\n        font-weight: 400;\n        line-height: 1.85;\n        margin: 0 0 16px;\n    }\n\n    .pkns-about .pkns-about-description:last-of-type {\n        margin-bottom: 26px;\n    }\n\n    \/* ========================================\n       CORPORATE PROFILE CTA\n    ======================================== *\/\n\n    .pkns-about .pkns-about-link {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n\n        color: var(--about-navy);\n        font-size: 12px;\n        font-weight: 700;\n        line-height: 1.5;\n        text-decoration: none !important;\n\n        padding: 5px 0;\n        transition: color 0.2s ease;\n    }\n\n    .pkns-about a.pkns-about-link:hover {\n        color: var(--about-red);\n    }\n\n    .pkns-about a.pkns-about-link:focus-visible {\n        outline: 2px solid var(--about-red);\n        outline-offset: 4px;\n    }\n\n    .pkns-about .pkns-about-link svg {\n        width: 17px;\n        height: 17px;\n        flex-shrink: 0;\n\n        fill: none;\n        stroke: currentColor;\n        stroke-width: 1.7;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\n\n    \/* ========================================\n       STATS SECTION\n    ======================================== *\/\n\n    .pkns-about .pkns-about-stats {\n        display: grid;\n        grid-template-columns:\n            1.25fr 1fr 1fr 1.1fr;\n        gap: 0;\n\n        width: 100%;\n        margin-top: 54px;\n        padding-top: 29px;\n\n        border-top: 1px solid var(--about-border);\n    }\n\n    .pkns-about .pkns-about-stat {\n        position: relative;\n        min-width: 0;\n        padding: 2px 24px;\n    }\n\n    .pkns-about .pkns-about-stat:first-child {\n        padding-left: 0;\n    }\n\n    .pkns-about .pkns-about-stat:last-child {\n        padding-right: 0;\n    }\n\n    .pkns-about .pkns-about-stat:not(:first-child) {\n        border-left: 1px solid var(--about-border);\n    }\n\n    .pkns-about .pkns-about-stat-number {\n        display: block;\n        color: var(--about-navy);\n        font-family: Inter, Arial, sans-serif;\n        font-size: 28px;\n        font-weight: 700;\n        letter-spacing: -0.8px;\n        line-height: 1.2;\n        margin: 0 0 4px;\n        overflow-wrap: normal;\n    }\n\n    .pkns-about .pkns-about-stat-label {\n        display: block;\n        color: var(--about-muted);\n        font-size: 11px;\n        font-weight: 400;\n        line-height: 1.5;\n        margin: 0;\n    }\n\n    \/* ========================================\n       SMALL DESKTOP\n    ======================================== *\/\n\n    @media (max-width: 1199px) {\n\n        .pkns-about .pkns-about-grid {\n            gap: 55px;\n        }\n\n        .pkns-about .pkns-about-heading {\n            font-size: 32px;\n        }\n\n        .pkns-about .pkns-about-stat {\n            padding-left: 20px;\n            padding-right: 20px;\n        }\n    }\n\n    \/* ========================================\n       TABLET\n    ======================================== *\/\n\n    @media (max-width: 1024px) {\n\n        .pkns-about {\n            padding: 58px 0 60px;\n        }\n\n        .pkns-about .pkns-about-inner {\n            padding: 0 24px;\n        }\n\n        .pkns-about .pkns-about-grid {\n            grid-template-columns:\n                minmax(0, 1fr)\n                minmax(0, 1fr);\n            gap: 32px;\n        }\n\n        .pkns-about .pkns-about-visual {\n            padding-right: 14px;\n            padding-bottom: 14px;\n        }\n\n        .pkns-about .pkns-about-year {\n            width: 122px;\n            min-height: 88px;\n            padding: 13px;\n        }\n\n        .pkns-about .pkns-about-year-number {\n            font-size: 31px;\n        }\n\n        .pkns-about .pkns-about-heading {\n            font-size: 29px;\n            margin-bottom: 20px;\n        }\n\n        .pkns-about .pkns-about-eyebrow {\n            font-size: 10px;\n            margin-bottom: 12px;\n        }\n\n        .pkns-about .pkns-about-description {\n            font-size: 12px;\n            line-height: 1.75;\n        }\n\n        \/* TABLET STATS 2 x 2 *\/\n\n        .pkns-about .pkns-about-stats {\n            grid-template-columns:\n                repeat(2, minmax(0, 1fr));\n            gap: 25px 0;\n            margin-top: 45px;\n            padding-top: 25px;\n        }\n\n        .pkns-about .pkns-about-stat {\n            padding: 2px 22px;\n        }\n\n        .pkns-about .pkns-about-stat:nth-child(odd) {\n            padding-left: 0;\n            border-left: 0;\n        }\n\n        .pkns-about .pkns-about-stat:nth-child(even) {\n            border-left: 1px solid var(--about-border);\n        }\n\n        .pkns-about .pkns-about-stat-number {\n            font-size: 26px;\n        }\n    }\n\n    \/* ========================================\n       MOBILE\n    ======================================== *\/\n\n    @media (max-width: 767px) {\n\n        .pkns-about {\n            padding: 48px 0 52px;\n        }\n\n        .pkns-about .pkns-about-inner {\n            padding: 0 20px;\n        }\n\n        \/* STACK IMAGE + CONTENT *\/\n\n        .pkns-about .pkns-about-grid {\n            grid-template-columns: 1fr;\n            gap: 34px;\n        }\n\n        \/* MOBILE IMAGE *\/\n\n        .pkns-about .pkns-about-visual {\n            width: 100%;\n            padding-right: 10px;\n            padding-bottom: 12px;\n        }\n\n        .pkns-about .pkns-about-photo {\n            aspect-ratio: 1.48 \/ 1;\n        }\n\n        \/* SMALL RED OVERLAY *\/\n\n        .pkns-about .pkns-about-year {\n            width: 110px;\n            min-height: 76px;\n            padding: 11px 12px;\n        }\n\n        .pkns-about .pkns-about-year-number {\n            font-size: 27px;\n            letter-spacing: -0.8px;\n            margin-bottom: 5px;\n        }\n\n        .pkns-about .pkns-about-year-label {\n            font-size: 9px;\n            line-height: 1.3;\n        }\n\n        \/* MOBILE TEXT *\/\n\n        .pkns-about .pkns-about-eyebrow {\n            font-size: 10px;\n            letter-spacing: 0.7px;\n            margin-bottom: 14px;\n        }\n\n        .pkns-about .pkns-about-heading {\n            max-width: 100%;\n            font-size: 28px;\n            line-height: 1.2;\n            letter-spacing: -0.5px;\n            margin-bottom: 21px;\n        }\n\n        .pkns-about .pkns-about-description {\n            font-size: 13px;\n            line-height: 1.8;\n            margin-bottom: 15px;\n        }\n\n        .pkns-about .pkns-about-description:last-of-type {\n            margin-bottom: 20px;\n        }\n\n        .pkns-about .pkns-about-link {\n            font-size: 12px;\n        }\n\n        \/* MOBILE STATS 2 x 2 *\/\n\n        .pkns-about .pkns-about-stats {\n            grid-template-columns:\n                repeat(2, minmax(0, 1fr));\n            gap: 25px 0;\n\n            margin-top: 38px;\n            padding-top: 24px;\n        }\n\n        .pkns-about .pkns-about-stat {\n            padding: 2px 12px;\n            min-width: 0;\n        }\n\n        .pkns-about .pkns-about-stat:nth-child(odd) {\n            padding-left: 0;\n            border-left: none;\n        }\n\n        .pkns-about .pkns-about-stat:nth-child(even) {\n            padding-right: 0;\n            border-left: 1px solid var(--about-border);\n        }\n\n        .pkns-about .pkns-about-stat-number {\n            font-size: 24px;\n            line-height: 1.2;\n            letter-spacing: -0.6px;\n        }\n\n        .pkns-about .pkns-about-stat-label {\n            font-size: 10px;\n            line-height: 1.5;\n        }\n    }\n\n    \/* ========================================\n       EXTRA SMALL MOBILE\n    ======================================== *\/\n\n    @media (max-width: 380px) {\n\n        .pkns-about .pkns-about-inner {\n            padding: 0 16px;\n        }\n\n        .pkns-about .pkns-about-heading {\n            font-size: 26px;\n        }\n\n        .pkns-about .pkns-about-year {\n            width: 102px;\n            min-height: 70px;\n        }\n\n        .pkns-about .pkns-about-year-number {\n            font-size: 25px;\n        }\n\n        .pkns-about .pkns-about-stat-number {\n            font-size: 21px;\n        }\n\n        .pkns-about .pkns-about-stat-label {\n            font-size: 9px;\n        }\n    }\n\n    \/* ========================================\n       REDUCED MOTION\n    ======================================== *\/\n\n    @media (prefers-reduced-motion: reduce) {\n\n        .pkns-about .pkns-about-link {\n            transition: none;\n        }\n    }\n\n    <\/style>\n\n    <!-- =====================================\n         TENTANG KOPERASI SECTION\n    ====================================== -->\n\n    <section\n        class=\"pkns-about\"\n        aria-label=\"Tentang Koperasi PKNS\"\n    >\n\n        <div class=\"pkns-about-inner\">\n\n            <!-- MAIN ROW -->\n\n            <div class=\"pkns-about-grid\">\n\n                <!-- LEFT IMAGE -->\n\n                <div class=\"pkns-about-visual\">\n\n                    <div class=\"pkns-about-photo\">\n\n                        <img\n                            src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/mat-2026-majlis-800.webp\"\n                            alt=\"Suasana majlis Koperasi PKNS Berhad\"\n                            loading=\"lazy\"\n                            decoding=\"async\"\n                        >\n\n                    <\/div>\n\n                    <!-- RED 1972 BADGE -->\n\n                    <div class=\"pkns-about-year\">\n\n                        <span class=\"pkns-about-year-number\">\n                            1972\n                        <\/span>\n\n                        <span class=\"pkns-about-year-label\">\n                            Asas perjalanan kami\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n                <!-- RIGHT CONTENT -->\n\n                <div class=\"pkns-about-content\">\n\n                    <span class=\"pkns-about-eyebrow\">\n                        TENTANG KOPERASI PKNS\n                    <\/span>\n\n                    <h2 class=\"pkns-about-heading\">\n                        Lebih lima dekad membina\n                        kepercayaan.\n                    <\/h2>\n\n                    <p class=\"pkns-about-description\">\n                        Ditubuhkan pada 14 Julai 1972,\n                        Koperasi PKNS telah berkembang\n                        daripada sebuah koperasi yang\n                        berteraskan aktiviti kredit kepada\n                        sebuah organisasi yang aktif dalam\n                        hartanah, perkhidmatan, pembiayaan\n                        dan peruncitan.\n                    <\/p>\n\n                    <p class=\"pkns-about-description\">\n                        Perjalanan lebih lima dekad ini\n                        terus dipacu dengan satu matlamat,\n                        iaitu membina sebuah koperasi yang\n                        kukuh, progresif dan berdaya saing\n                        serta mampu mencipta nilai jangka\n                        panjang kepada anggota.\n                    <\/p>\n\n                    <!-- PROFILE LINK -->\n\n                    \n                        <a\n                            class=\"pkns-about-link\"\n                            href=\"https:\/\/koperasipkns.com\/index.php\/info-korporat\/\"\n                        >\n\n                            Profil korporat\n\n                            <svg\n                                viewBox=\"0 0 24 24\"\n                                aria-hidden=\"true\"\n                            >\n                                <path\n                                    d=\"M4 12h16m-7-7 7 7-7 7\"\n                                \/>\n                            <\/svg>\n\n                        <\/a>\n\n                    \n                <\/div>\n\n            <\/div>\n\n            <!-- =================================\n                 STATISTICS\n            ================================== -->\n\n            <div class=\"pkns-about-stats\">\n\n                \n                    <div class=\"pkns-about-stat\">\n\n                        <span class=\"pkns-about-stat-number\">\n                            14 Julai 1972                        <\/span>\n\n                        <span class=\"pkns-about-stat-label\">\n                            Tarikh penubuhan                        <\/span>\n\n                    <\/div>\n\n                \n                    <div class=\"pkns-about-stat\">\n\n                        <span class=\"pkns-about-stat-number\">\n                            4                        <\/span>\n\n                        <span class=\"pkns-about-stat-label\">\n                            Teras perniagaan utama                        <\/span>\n\n                    <\/div>\n\n                \n                    <div class=\"pkns-about-stat\">\n\n                        <span class=\"pkns-about-stat-number\">\n                            15                        <\/span>\n\n                        <span class=\"pkns-about-stat-label\">\n                            Unit hartanah strategik                        <\/span>\n\n                    <\/div>\n\n                \n                    <div class=\"pkns-about-stat\">\n\n                        <span class=\"pkns-about-stat-number\">\n                            2030                        <\/span>\n\n                        <span class=\"pkns-about-stat-label\">\n                            Visi 100 koperasi terbaik Malaysia                        <\/span>\n\n                    <\/div>\n\n                \n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa43d2e e-con-full e-flex tm-col-stretched-none tm-bg-color-over-image e-con e-parent\" data-id=\"fa43d2e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3cd020b elementor-widget elementor-widget-shortcode\" data-id=\"3cd020b\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n\n    \/* ========================================\n       PKNS LEADERSHIP SECTION\n       VERSION 1.0\n    ======================================== *\/\n\n    .pkns-gov,\n    .pkns-gov *,\n    .pkns-gov *::before,\n    .pkns-gov *::after {\n        box-sizing: border-box;\n    }\n\n    .pkns-gov {\n        --gov-navy: #082b4f;\n        --gov-red: #c91536;\n        --gov-muted: #60758c;\n        --gov-border: #dce4eb;\n        --gov-photo-bg: #f1f4f8;\n\n        position: relative;\n        width: 100%;\n        background: #ffffff;\n        color: var(--gov-navy);\n        font-family: Inter, Arial, sans-serif;\n        padding: 70px 0 68px;\n    }\n\n    \/* ========================================\n       MAIN WRAPPER\n    ======================================== *\/\n\n    .pkns-gov .pkns-gov-inner {\n        width: 100%;\n        max-width: 1140px;\n        padding: 0 24px;\n        margin: 0 auto;\n    }\n\n    \/* ========================================\n       MAIN LAYOUT\n    ======================================== *\/\n\n    .pkns-gov .pkns-gov-layout {\n        display: grid;\n        grid-template-columns:\n            minmax(0, 310px)\n            minmax(0, 1fr);\n        gap: 40px;\n        align-items: center;\n        width: 100%;\n    }\n\n    \/* ========================================\n       LEFT CONTENT\n    ======================================== *\/\n\n    .pkns-gov .pkns-gov-content {\n        min-width: 0;\n    }\n\n    .pkns-gov .pkns-gov-label {\n        display: block;\n        color: var(--gov-red);\n        font-size: 11px;\n        font-weight: 700;\n        letter-spacing: 1px;\n        line-height: 1.5;\n        text-transform: uppercase;\n        margin: 0 0 17px;\n    }\n\n    .pkns-gov .pkns-gov-heading {\n        color: var(--gov-navy);\n        font-family: Inter, Arial, sans-serif;\n        font-size: 30px;\n        font-weight: 700;\n        line-height: 1.2;\n        letter-spacing: -0.8px;\n        margin: 0 0 24px;\n        max-width: 340px;\n    }\n\n    .pkns-gov .pkns-gov-description {\n        color: var(--gov-muted);\n        font-size: 13px;\n        font-weight: 400;\n        line-height: 1.8;\n        margin: 0 0 24px;\n        max-width: 330px;\n    }\n\n    \/* ========================================\n       LEFT NAVIGATION\n    ======================================== *\/\n\n    .pkns-gov .pkns-gov-nav {\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n    }\n\n    .pkns-gov .pkns-gov-nav-row {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 16px;\n\n        width: 100%;\n        min-height: 61px;\n\n        color: var(--gov-navy);\n        font-size: 12px;\n        font-weight: 700;\n        line-height: 1.5;\n\n        border-bottom: 1px solid var(--gov-border);\n        padding: 16px 0;\n\n        text-decoration: none !important;\n        transition: color 0.2s ease;\n    }\n\n    .pkns-gov a.pkns-gov-nav-row:hover {\n        color: var(--gov-red);\n    }\n\n    .pkns-gov a.pkns-gov-nav-row:focus-visible {\n        outline: 2px solid var(--gov-red);\n        outline-offset: 3px;\n    }\n\n    .pkns-gov .pkns-gov-nav-disabled {\n        cursor: default;\n    }\n\n    .pkns-gov .pkns-gov-nav-arrow {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        flex: 0 0 19px;\n        width: 19px;\n        height: 19px;\n    }\n\n    .pkns-gov .pkns-gov-nav-arrow svg {\n        display: block;\n        width: 100%;\n        height: 100%;\n        stroke: currentColor;\n        fill: none;\n        stroke-width: 1.7;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\n\n    \/* ========================================\n       LEADERSHIP CARDS GRID\n    ======================================== *\/\n\n    .pkns-gov .pkns-gov-grid {\n        display: grid;\n        grid-template-columns:\n            repeat(3, minmax(0, 1fr));\n        gap: 16px;\n        width: 100%;\n        align-items: stretch;\n        min-width: 0;\n    }\n\n    \/* ========================================\n       LEADERSHIP CARD\n    ======================================== *\/\n\n    .pkns-gov .pkns-gov-card {\n        display: flex;\n        flex-direction: column;\n        min-width: 0;\n        height: 100%;\n\n        background: #ffffff;\n        border: 1px solid var(--gov-border);\n        overflow: hidden;\n\n        transition:\n            border-color 0.2s ease,\n            box-shadow 0.2s ease,\n            transform 0.2s ease;\n    }\n\n    .pkns-gov .pkns-gov-card:hover {\n        border-color: #cad8e6;\n        box-shadow:\n            0 12px 30px rgba(8, 43, 79, 0.07);\n        transform: translateY(-3px);\n    }\n\n    \/* ========================================\n       PERSON PHOTO\n    ======================================== *\/\n\n    .pkns-gov .pkns-gov-photo {\n        position: relative;\n        display: flex;\n        align-items: flex-end;\n        justify-content: center;\n\n        width: 100%;\n        aspect-ratio: 0.97 \/ 1;\n\n        flex-shrink: 0;\n        background: var(--gov-photo-bg);\n        overflow: hidden;\n    }\n\n    \/*\n     * object-fit: contain\n     * Memastikan gambar tidak cropped.\n     *\/\n\n    .pkns-gov .pkns-gov-photo img {\n        display: block !important;\n        width: 100% !important;\n        height: 100% !important;\n\n        max-width: 100% !important;\n        max-height: 100% !important;\n\n        object-fit: contain !important;\n        object-position: center bottom !important;\n\n        margin: 0 !important;\n        padding: 0 !important;\n        border: 0 !important;\n        border-radius: 0 !important;\n\n        transition: transform 0.3s ease;\n    }\n\n    .pkns-gov .pkns-gov-card:hover img {\n        transform: scale(1.025);\n    }\n\n    \/* ========================================\n       NAVY NAME PANEL\n    ======================================== *\/\n\n    .pkns-gov .pkns-gov-card-info {\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        width: 100%;\n        min-width: 0;\n\n        min-height: 116px;\n        padding: 18px 14px 20px;\n\n        background: var(--gov-navy);\n        color: #ffffff;\n    }\n\n    .pkns-gov .pkns-gov-role {\n        display: block;\n        color: #b6cce0;\n        font-size: 9px;\n        font-weight: 600;\n        line-height: 1.4;\n        letter-spacing: 0.35px;\n        text-transform: uppercase;\n        margin: 0 0 12px;\n    }\n\n    .pkns-gov .pkns-gov-name {\n        display: block;\n        color: #ffffff;\n        font-family: Inter, Arial, sans-serif;\n        font-size: 12px;\n        font-weight: 700;\n        line-height: 1.5;\n        letter-spacing: -0.1px;\n\n        margin: 0;\n        overflow-wrap: anywhere;\n    }\n\n    \/* ========================================\n       TABLET\n    ======================================== *\/\n\n    @media (max-width: 1024px) {\n\n        .pkns-gov {\n            padding: 56px 0 60px;\n        }\n\n        .pkns-gov .pkns-gov-inner {\n            padding: 0 24px;\n        }\n\n        .pkns-gov .pkns-gov-layout {\n            grid-template-columns: 1fr;\n            gap: 36px;\n            align-items: start;\n        }\n\n        .pkns-gov .pkns-gov-content {\n            max-width: 100%;\n        }\n\n        .pkns-gov .pkns-gov-heading {\n            max-width: 500px;\n            font-size: 29px;\n            margin-bottom: 18px;\n        }\n\n        .pkns-gov .pkns-gov-description {\n            max-width: 580px;\n        }\n\n        .pkns-gov .pkns-gov-nav {\n            max-width: 580px;\n        }\n\n        .pkns-gov .pkns-gov-grid {\n            grid-template-columns:\n                repeat(3, minmax(0, 1fr));\n            gap: 16px;\n        }\n\n        .pkns-gov .pkns-gov-card-info {\n            min-height: 118px;\n            padding: 16px 13px 18px;\n        }\n\n        .pkns-gov .pkns-gov-name {\n            font-size: 12px;\n        }\n    }\n\n    \/* ========================================\n       SMALL TABLET\n    ======================================== *\/\n\n    @media (min-width: 768px) and (max-width: 820px) {\n\n        .pkns-gov .pkns-gov-grid {\n            gap: 12px;\n        }\n\n        .pkns-gov .pkns-gov-card-info {\n            padding: 15px 11px;\n        }\n\n        .pkns-gov .pkns-gov-name {\n            font-size: 11px;\n        }\n    }\n\n    \/* ========================================\n       MOBILE\n    ======================================== *\/\n\n    @media (max-width: 767px) {\n\n        .pkns-gov {\n            padding: 48px 0 56px;\n        }\n\n        .pkns-gov .pkns-gov-inner {\n            padding: 0 20px;\n        }\n\n        .pkns-gov .pkns-gov-layout {\n            grid-template-columns: 1fr;\n            gap: 38px;\n        }\n\n        \/* MOBILE LEFT CONTENT *\/\n\n        .pkns-gov .pkns-gov-label {\n            font-size: 10px;\n            letter-spacing: 0.7px;\n            margin-bottom: 14px;\n        }\n\n        .pkns-gov .pkns-gov-heading {\n            font-size: 28px;\n            line-height: 1.2;\n            letter-spacing: -0.5px;\n            max-width: 100%;\n            margin-bottom: 20px;\n        }\n\n        .pkns-gov .pkns-gov-description {\n            max-width: 100%;\n            font-size: 13px;\n            line-height: 1.75;\n            margin-bottom: 18px;\n        }\n\n        .pkns-gov .pkns-gov-nav {\n            max-width: 100%;\n        }\n\n        .pkns-gov .pkns-gov-nav-row {\n            min-height: 58px;\n            font-size: 12px;\n            padding: 14px 0;\n        }\n\n        \/* MOBILE CARDS *\/\n\n        .pkns-gov .pkns-gov-grid {\n            grid-template-columns: 1fr;\n            gap: 20px;\n        }\n\n        .pkns-gov .pkns-gov-card {\n            width: 100%;\n        }\n\n        .pkns-gov .pkns-gov-photo {\n            width: 100%;\n            aspect-ratio: 1.15 \/ 1;\n        }\n\n        .pkns-gov .pkns-gov-photo img {\n            object-fit: contain !important;\n            object-position: center bottom !important;\n        }\n\n        .pkns-gov .pkns-gov-card-info {\n            min-height: 100px;\n            padding: 18px 20px 20px;\n        }\n\n        .pkns-gov .pkns-gov-role {\n            font-size: 10px;\n            margin-bottom: 9px;\n        }\n\n        .pkns-gov .pkns-gov-name {\n            font-size: 14px;\n            line-height: 1.5;\n        }\n    }\n\n    \/* ========================================\n       EXTRA SMALL MOBILE\n    ======================================== *\/\n\n    @media (max-width: 380px) {\n\n        .pkns-gov .pkns-gov-inner {\n            padding: 0 16px;\n        }\n\n        .pkns-gov .pkns-gov-heading {\n            font-size: 26px;\n        }\n\n        .pkns-gov .pkns-gov-card-info {\n            padding: 16px;\n        }\n\n        .pkns-gov .pkns-gov-name {\n            font-size: 13px;\n        }\n    }\n\n    \/* ========================================\n       REDUCED MOTION\n    ======================================== *\/\n\n    @media (prefers-reduced-motion: reduce) {\n\n        .pkns-gov .pkns-gov-card,\n        .pkns-gov .pkns-gov-photo img,\n        .pkns-gov .pkns-gov-nav-row {\n            transition: none;\n        }\n\n        .pkns-gov .pkns-gov-card:hover,\n        .pkns-gov .pkns-gov-card:hover img {\n            transform: none;\n        }\n    }\n\n    <\/style>\n\n    <!-- =====================================\n         TADBIR URUS & KEPIMPINAN\n    ====================================== -->\n\n    <section\n        class=\"pkns-gov\"\n        aria-label=\"Tadbir Urus dan Kepimpinan\"\n    >\n\n        <div class=\"pkns-gov-inner\">\n\n            <div class=\"pkns-gov-layout\">\n\n                <!-- =========================\n                     LEFT CONTENT\n                ========================== -->\n\n                <div class=\"pkns-gov-content\">\n\n                    <span class=\"pkns-gov-label\">\n                        TADBIR URUS &amp; KEPIMPINAN\n                    <\/span>\n\n                    <h2 class=\"pkns-gov-heading\">\n                        Amanah menjadi pegangan kami.\n                    <\/h2>\n\n                    <p class=\"pkns-gov-description\">\n                        Kepimpinan Koperasi PKNS Berhad\n                        bagi sesi 2026 hingga 2027.\n                    <\/p>\n\n                    <!-- NAVIGATION -->\n\n                    <nav\n                        class=\"pkns-gov-nav\"\n                        aria-label=\"Maklumat Kepimpinan\"\n                    >\n\n                        \n                            \n                                <a\n                                    class=\"pkns-gov-nav-row\"\n                                    href=\"https:\/\/koperasipkns.com\/index.php\/alk-jawatankuasa\/\"\n                                >\n\n                            \n                                <span>\n                                    ALK &amp; jawatankuasa                                <\/span>\n\n                                <span\n                                    class=\"pkns-gov-nav-arrow\"\n                                    aria-hidden=\"true\"\n                                >\n                                    <svg viewBox=\"0 0 24 24\">\n                                        <path\n                                            d=\"M4 12h16m-7-7 7 7-7 7\"\n                                        \/>\n                                    <\/svg>\n                                <\/span>\n\n                            \n                                <\/a>\n\n                            \n                        \n                            \n                                <a\n                                    class=\"pkns-gov-nav-row\"\n                                    href=\"https:\/\/koperasipkns.com\/index.php\/kakitangan\/\"\n                                >\n\n                            \n                                <span>\n                                    Senarai kakitangan                                <\/span>\n\n                                <span\n                                    class=\"pkns-gov-nav-arrow\"\n                                    aria-hidden=\"true\"\n                                >\n                                    <svg viewBox=\"0 0 24 24\">\n                                        <path\n                                            d=\"M4 12h16m-7-7 7 7-7 7\"\n                                        \/>\n                                    <\/svg>\n                                <\/span>\n\n                            \n                                <\/a>\n\n                            \n                        \n                    <\/nav>\n\n                <\/div>\n\n                <!-- =========================\n                     LEADERSHIP CARDS\n                ========================== -->\n\n                <div class=\"pkns-gov-grid\">\n\n                    \n                        <article class=\"pkns-gov-card\">\n\n                            <!-- PERSON IMAGE -->\n\n                            <div class=\"pkns-gov-photo\">\n\n                                <img\n                                    src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/ishak-hashim-400.webp\"\n                                    alt=\"Tuan Hj Ishak bin Hashim\"\n                                    loading=\"lazy\"\n                                    decoding=\"async\"\n                                >\n\n                            <\/div>\n\n                            <!-- NAVY INFO PANEL -->\n\n                            <div class=\"pkns-gov-card-info\">\n\n                                <span class=\"pkns-gov-role\">\n                                    PENGERUSI                                <\/span>\n\n                                <h3 class=\"pkns-gov-name\">\n                                    Tuan Hj Ishak bin Hashim                                <\/h3>\n\n                            <\/div>\n\n                        <\/article>\n\n                    \n                        <article class=\"pkns-gov-card\">\n\n                            <!-- PERSON IMAGE -->\n\n                            <div class=\"pkns-gov-photo\">\n\n                                <img\n                                    src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/zurani-mohamad-darum-400.webp\"\n                                    alt=\"Encik Zurani bin Mohamad Darum PJK\"\n                                    loading=\"lazy\"\n                                    decoding=\"async\"\n                                >\n\n                            <\/div>\n\n                            <!-- NAVY INFO PANEL -->\n\n                            <div class=\"pkns-gov-card-info\">\n\n                                <span class=\"pkns-gov-role\">\n                                    SETIAUSAHA                                <\/span>\n\n                                <h3 class=\"pkns-gov-name\">\n                                    Encik Zurani bin Mohamad Darum PJK                                <\/h3>\n\n                            <\/div>\n\n                        <\/article>\n\n                    \n                        <article class=\"pkns-gov-card\">\n\n                            <!-- PERSON IMAGE -->\n\n                            <div class=\"pkns-gov-photo\">\n\n                                <img\n                                    src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/ahmad-zailani-400.jpg\"\n                                    alt=\"Encik Ahmad Zailani bin Mohamad Ali PJK\"\n                                    loading=\"lazy\"\n                                    decoding=\"async\"\n                                >\n\n                            <\/div>\n\n                            <!-- NAVY INFO PANEL -->\n\n                            <div class=\"pkns-gov-card-info\">\n\n                                <span class=\"pkns-gov-role\">\n                                    BENDAHARI                                <\/span>\n\n                                <h3 class=\"pkns-gov-name\">\n                                    Encik Ahmad Zailani bin Mohamad Ali PJK                                <\/h3>\n\n                            <\/div>\n\n                        <\/article>\n\n                    \n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e46b36 e-con-full e-flex tm-col-stretched-none tm-bg-color-over-image e-con e-parent\" data-id=\"1e46b36\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-758b967 elementor-widget elementor-widget-shortcode\" data-id=\"758b967\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <section class=\"pkns-pr-home\" aria-labelledby=\"pkns-pr-home-title\">\n          <style>\n            .pkns-pr-home{--ph-navy:#0a2c50;--ph-red:#d31535;--ph-muted:#58718d;--ph-line:#d8e2ec;box-sizing:border-box;width:100%;background:#f1f5f9;padding:54px 0 58px;font-family:inherit;color:var(--ph-navy)}\n            .pkns-pr-home *{box-sizing:border-box}\n            .pkns-pr-home .ph-container{width:min(1140px,calc(100% - 48px));margin:0 auto}\n            .pkns-pr-home .ph-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}\n            .pkns-pr-home .ph-eyebrow{font-size:11px;line-height:1.4;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ph-red);margin:0 0 10px}\n            .pkns-pr-home h2#pkns-pr-home-title{margin:0;font-size:clamp(24px,2.5vw,30px);line-height:1.23;letter-spacing:-.035em;color:var(--ph-navy);font-weight:800}\n            .pkns-pr-home .ph-all{flex:none;display:inline-flex;align-items:center;gap:14px;color:var(--ph-navy);font-weight:750;font-size:13px;text-decoration:none;white-space:nowrap;padding:9px 0}\n            .pkns-pr-home .ph-all:hover,.pkns-pr-home .ph-card a:hover{color:var(--ph-red)}\n            .pkns-pr-home .ph-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}\n            .pkns-pr-home .ph-card{min-width:0;background:#fff;border:1px solid var(--ph-line);padding:17px;display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:16px;min-height:122px}\n            .pkns-pr-home .ph-thumb{width:70px;height:82px;object-fit:contain;object-position:center;display:block;background:#fff}\n            .pkns-pr-home .ph-info{min-width:0}\n            .pkns-pr-home .ph-meta{margin:0 0 7px;font-size:10px;color:var(--ph-muted);line-height:1.5;overflow-wrap:anywhere}\n            .pkns-pr-home .ph-card h3{margin:0 0 9px;font-size:15px;line-height:1.35;font-weight:750;color:var(--ph-navy);overflow-wrap:anywhere}\n            .pkns-pr-home .ph-card a{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:1.5;color:var(--ph-red);text-decoration:none;font-weight:750}\n            .pkns-pr-home .ph-empty{grid-column:1\/-1;background:#fff;border:1px solid var(--ph-line);padding:20px;color:var(--ph-muted);font-size:14px}\n            .pkns-pr-home a:focus-visible{outline:3px solid #f5b600;outline-offset:3px}\n            @media(max-width:960px){.pkns-pr-home .ph-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}\n            @media(max-width:620px){.pkns-pr-home{padding:42px 0}.pkns-pr-home .ph-container{width:calc(100% - 32px)}.pkns-pr-home .ph-head{align-items:start;flex-direction:column;gap:9px}.pkns-pr-home .ph-grid{grid-template-columns:1fr}.pkns-pr-home .ph-card{grid-template-columns:77px minmax(0,1fr)}.pkns-pr-home .ph-thumb{width:77px;height:88px}}\n          <\/style>\n          <div class=\"ph-container\">\n            <div class=\"ph-head\">\n              <div><p class=\"ph-eyebrow\">Pengiktirafan &amp; Pematuhan<\/p><h2 id=\"pkns-pr-home-title\">Komitmen yang diiktiraf.<\/h2><\/div>\n              <a class=\"ph-all\" href=\"https:\/\/koperasipkns.com\/index.php\/prestasi\/\">Lihat prestasi <span aria-hidden=\"true\">\u2192<\/span><\/a>\n            <\/div>\n            <div class=\"ph-grid\">\n                              <article class=\"ph-card\">\n                  <img class=\"ph-thumb\" src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/selangor-2026-2000-212x300.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Ke-16 Koperasi Terbaik Negeri Selangor\">\n                  <div class=\"ph-info\">\n                    <p class=\"ph-meta\">2026 \u00b7 Suruhanjaya Koperasi Malaysia<\/p>\n                    <h3>Ke-16 Koperasi Terbaik Negeri Selangor<\/h3>\n                    <a href=\"https:\/\/koperasipkns.com\/index.php\/prestasi\/?pkns_sijil=20739#pkns-sijil-20739\">Lihat sijil <span aria-hidden=\"true\">\u2197<\/span><\/a>\n                  <\/div>\n                <\/article>\n                              <article class=\"ph-card\">\n                  <img class=\"ph-thumb\" src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/top-350-2025-2000-212x300.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Top 350 Koperasi Tahun 2025\">\n                  <div class=\"ph-info\">\n                    <p class=\"ph-meta\">2025 \u00b7 Suruhanjaya Koperasi Malaysia<\/p>\n                    <h3>Top 350 Koperasi Tahun 2025<\/h3>\n                    <a href=\"https:\/\/koperasipkns.com\/index.php\/prestasi\/?pkns_sijil=20737#pkns-sijil-20737\">Lihat sijil <span aria-hidden=\"true\">\u2197<\/span><\/a>\n                  <\/div>\n                <\/article>\n                              <article class=\"ph-card\">\n                  <img class=\"ph-thumb\" src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/syariah-2025-2000-212x300.webp\" loading=\"lazy\" decoding=\"async\" alt=\"Sijil Pematuhan Syariah\">\n                  <div class=\"ph-info\">\n                    <p class=\"ph-meta\">2025 \u00b7 Jawatankuasa Syariah ANGKASA<\/p>\n                    <h3>Sijil Pematuhan Syariah<\/h3>\n                    <a href=\"https:\/\/koperasipkns.com\/index.php\/prestasi\/?pkns_sijil=20731#pkns-sijil-20731\">Lihat sijil <span aria-hidden=\"true\">\u2197<\/span><\/a>\n                  <\/div>\n                <\/article>\n                          <\/div>\n          <\/div>\n        <\/section>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5dce546 e-con-full e-flex tm-col-stretched-none tm-bg-color-over-image e-con e-parent\" data-id=\"5dce546\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b855139 elementor-widget elementor-widget-shortcode\" data-id=\"b855139\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style id=\"pkns-nb-styles\">\n.pkns-news-root,.pkns-news-detail{--nb-navy:#0b2e52;--nb-dark:#061e37;--nb-red:#cc1537;--nb-light:#f2f5f9;--nb-line:#dde6ef;--nb-muted:#61768e;color:var(--nb-navy);font-family:'Inter','Poppins',Arial,sans-serif;font-size:15px;line-height:1.65;overflow-wrap:anywhere}\n.pkns-news-root *, .pkns-news-detail *{box-sizing:border-box}\n.pkns-news-root [hidden],.pkns-news-detail [hidden]{display:none!important}\n.pkns-news-root a,.pkns-news-detail a{text-decoration:none;transition:color .18s ease,background-color .18s ease,border-color .18s ease}\n.pkns-news-root a:focus-visible,.pkns-news-detail a:focus-visible,.pkns-news-root button:focus-visible{outline:3px solid #e6a52b;outline-offset:3px}\n.pkns-news-root h1,.pkns-news-root h2,.pkns-news-root h3,.pkns-news-detail h1,.pkns-news-detail h2,.pkns-news-detail h3{color:inherit;line-height:1.2;letter-spacing:-.035em;margin:0;font-family:inherit}\n.pkns-news-root p,.pkns-news-detail p{margin:0}\n.pkns-nb-container{width:min(1140px,calc(100% - 48px));margin:0 auto}\n.pkns-nb-hero{background:var(--nb-navy);color:white;padding:56px 0 62px;position:relative;overflow:hidden}\n.pkns-nb-hero::after{content:\"\";position:absolute;bottom:0;left:0;width:33%;height:4px;background:var(--nb-red)}\n.pkns-nb-breadcrumb{font-size:12px;font-weight:500;display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#d6e5f4;margin-bottom:35px}\n.pkns-nb-breadcrumb a{color:#d6e5f4}.pkns-nb-breadcrumb a:hover{color:white}\n\/* Pastikan label breadcrumb semasa sentiasa putih walaupun tema Elementor menetapkan warna strong. *\/\n.pkns-news-root .pkns-nb-hero .pkns-nb-breadcrumb strong,\n.pkns-news-detail .pkns-nb-hero .pkns-nb-breadcrumb strong{color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:700}\n.pkns-news-root .pkns-nb-hero .pkns-nb-breadcrumb strong *,\n.pkns-news-detail .pkns-nb-hero .pkns-nb-breadcrumb strong *{color:#fff!important;-webkit-text-fill-color:#fff!important}\n.pkns-nb-hero h1{font-size:clamp(30px,3.65vw,48px);font-weight:800;max-width:800px;color:white;margin:0 0 11px}\n.pkns-nb-hero p{font-size:16px;color:#e4edf7;line-height:1.6;max-width:780px}\n.pkns-nb-shell{background:#fff;padding:64px 0 82px;min-height:320px}\n.pkns-nb-spotlight{display:grid;grid-template-columns:1.1fr 1fr;min-height:286px;border:1px solid var(--nb-line);border-left:4px solid var(--nb-red);box-shadow:0 14px 35px rgba(7,37,68,.045);background:white}\n.pkns-nb-spotlight-copy{padding:32px 34px;display:flex;flex-direction:column;justify-content:center;gap:13px;min-width:0}\n.pkns-nb-spotline{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--nb-muted);font-weight:650}\n.pkns-nb-pill{color:var(--nb-red);background:#fff0f3;border:1px solid #f8d9df;padding:4px 9px;border-radius:100px;text-transform:uppercase;letter-spacing:.025em;font-size:10px;font-weight:800}\n.pkns-nb-spotlight h2{font-size:clamp(21px,2.25vw,29px);font-weight:800;color:var(--nb-navy)}\n.pkns-nb-spotlight p{font-size:14px;color:var(--nb-muted);line-height:1.75}\n.pkns-nb-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--nb-muted);font-size:11px}\n.pkns-nb-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}\n.pkns-nb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:37px;gap:8px;font-size:12px;font-weight:800;padding:9px 15px;background:var(--nb-red);border:1px solid var(--nb-red);color:white!important}\n.pkns-nb-btn:hover{background:#a70e2b;border-color:#a70e2b;color:#fff!important}\n.pkns-nb-btn--line{color:var(--nb-navy)!important;background:#fff;border-color:var(--nb-line)}\n.pkns-nb-btn--line:hover{color:var(--nb-navy)!important;background:var(--nb-light);border-color:#a9bed2}\n.pkns-nb-spotlight-photo{background:var(--nb-navy);overflow:hidden;min-height:285px}\n.pkns-nb-spotlight-photo .pkns-nb-img{display:block;width:100%;height:100%;object-fit:contain;background:var(--nb-navy)}.pkns-nb-spotlight-photo .pkns-nb-fallback{display:flex;width:100%;height:100%;background:linear-gradient(108deg,#0b2e52 0 69%,#143d63 69% 89%,#0f3459 89%)}\n.pkns-nb-fallback{width:100%;height:100%;min-height:218px;display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;background:linear-gradient(108deg,#0b2e52 0 69%,#143d63 69% 89%,#0f3459 89%);padding:28px;color:#fff;overflow:hidden}\n.pkns-nb-fallback-copy{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;z-index:1}\n.pkns-nb-fallback small{font-size:9px;letter-spacing:.08em;color:#e4eff9}.pkns-nb-fallback strong{font-size:clamp(17px,2vw,29px);line-height:1.22;color:#fff}.pkns-nb-fallback span{font-size:10px;color:#e4eff9}.pkns-nb-fallback svg{width:90px;max-width:30%;height:auto;flex:none;opacity:.9}\n.pkns-nb-fallback-line,.pkns-nb-fallback i{display:block;width:31px;height:3px;background:var(--nb-red);margin-bottom:10px}\n.pkns-nb-fallback i{margin:13px 0 0}\n.pkns-nb-filter{margin:30px 0 20px;border:1px solid var(--nb-line);padding:17px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:white;flex-wrap:wrap}\n.pkns-nb-search{display:flex;align-items:center;gap:9px;background:var(--nb-light);border:1px solid var(--nb-line);padding:8px 12px;min-width:240px;max-width:355px;flex:1}\n.pkns-nb-search svg{width:16px;height:16px;color:#8297ab;flex:none}.pkns-nb-search input{border:0!important;outline:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;color:var(--nb-navy)!important;font-size:12px!important;width:100%;min-width:0;min-height:20px;height:auto!important}\n.pkns-nb-filters{display:flex;gap:7px;flex-wrap:wrap;align-items:center}\n.pkns-nb-filter-btn{color:var(--nb-navy);font-family:inherit;font-size:11px;line-height:1.2;font-weight:700;padding:9px 12px;border:1px solid var(--nb-line);border-radius:99px;cursor:pointer;background:#f4f7fa;min-height:34px;white-space:nowrap}\n.pkns-nb-filter-btn:hover{background:#dfeaf3}.pkns-nb-filter-btn[aria-pressed=\"true\"]{background:var(--nb-navy);color:#fff;border-color:var(--nb-navy)}\n.pkns-nb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}\n.pkns-nb-card{background:#fff;border:1px solid var(--nb-line);min-width:0;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}\n.pkns-nb-card:hover{box-shadow:0 12px 24px rgba(2,35,67,.095);transform:translateY(-2px)}\n.pkns-nb-cover{width:100%;aspect-ratio:16\/10;display:block;overflow:hidden;background:var(--nb-light)}\n.pkns-nb-cover .pkns-nb-img,.pkns-nb-cover .pkns-nb-fallback{height:100%;width:100%;object-fit:contain}\n.pkns-nb-card-body{padding:19px 21px 22px;display:flex;flex-direction:column;gap:10px;flex:1}\n.pkns-nb-card-date{color:var(--nb-muted);font-size:11px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}\n.pkns-nb-card h3{font-size:17px;font-weight:800;line-height:1.38;color:var(--nb-navy)}\n.pkns-nb-card h3 a{color:inherit}.pkns-nb-card h3 a:hover{color:var(--nb-red)}\n.pkns-nb-card p{color:var(--nb-muted);font-size:13px;line-height:1.7}\n.pkns-nb-morelink{font-size:12px;font-weight:800;color:var(--nb-navy);margin-top:auto;padding-top:2px}\n.pkns-nb-morelink:hover{color:var(--nb-red)}\n.pkns-nb-blank{text-align:center;background:var(--nb-light);border:1px solid var(--nb-line);padding:48px 20px;color:var(--nb-muted)}\n.pkns-nb-morewrap{text-align:center;margin-top:24px}\n.pkns-nb-morewrap button{font-family:inherit;cursor:pointer;background:var(--nb-navy);color:#fff;border:0;padding:11px 20px;font-size:12px;font-weight:750}\n.pkns-nb-morewrap button:hover{background:#173f65}\n.pkns-nb-detail-shell{background:#fff;padding:63px 0 82px;min-height:440px}\n.pkns-nb-article{width:min(790px,100%);margin:0 auto;border:1px solid var(--nb-line);background:#fff;padding:32px 38px 40px}\n.pkns-nb-article h2{font-size:clamp(27px,3vw,37px);margin:12px 0 22px;font-weight:800;line-height:1.22}\n.pkns-nb-article-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--nb-muted)}\n.pkns-nb-article-cover{margin:0 0 25px;background:var(--nb-navy);width:100%}\n.pkns-nb-article-cover .pkns-nb-img{display:block;width:100%;max-height:560px;height:auto;object-fit:contain}\n.pkns-nb-article-cover .pkns-nb-fallback{min-height:320px}\n.pkns-nb-article-body{color:#435c76;line-height:1.85;font-size:15px}.pkns-nb-article-body>*{margin-top:0;margin-bottom:18px}\n.pkns-nb-article-body p{margin:0 0 18px}.pkns-nb-article-body h1,.pkns-nb-article-body h2,.pkns-nb-article-body h3{color:var(--nb-navy);margin:27px 0 12px}\n.pkns-nb-article-body a{color:var(--nb-red);text-decoration:underline}.pkns-nb-article-body ul,.pkns-nb-article-body ol{padding-left:23px;margin-bottom:20px}.pkns-nb-article-body img{max-width:100%;height:auto}\n.pkns-nb-article-links{margin-top:33px;padding-top:24px;border-top:1px solid var(--nb-line);display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between}\n.pkns-nb-home{padding:56px 0;background:#fff}.pkns-nb-homehead{display:flex;justify-content:space-between;align-items:end;gap:18px;border-bottom:1px solid var(--nb-line);padding-bottom:18px;margin-bottom:24px}\n.pkns-nb-eyebrow{display:block;color:var(--nb-red);font-size:11px;letter-spacing:.1em;font-weight:800;margin-bottom:10px}\n.pkns-nb-homehead h2{font-size:clamp(23px,3vw,34px);font-weight:800;color:var(--nb-navy)}\n.pkns-nb-homecard{display:flex;gap:22px;align-items:stretch;background:#fff}\n.pkns-nb-homephoto{width:210px;max-width:39%;flex:none;min-height:160px;background:var(--nb-light)}\n.pkns-nb-homephoto .pkns-nb-img,.pkns-nb-homephoto .pkns-nb-fallback{width:100%;height:100%;object-fit:contain}\n.pkns-nb-homecopy{display:flex;flex-direction:column;gap:11px;min-width:0}.pkns-nb-homecopy h3{font-size:21px;color:var(--nb-navy);font-weight:800}.pkns-nb-homecopy p{font-size:14px;color:var(--nb-muted)}\n@media(max-width:1000px){.pkns-nb-filter{align-items:flex-start}.pkns-nb-search{max-width:none}.pkns-nb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pkns-nb-spotlight{grid-template-columns:1fr 0.9fr}}\n@media(max-width:690px){.pkns-nb-container{width:min(100% - 30px,1140px)}.pkns-nb-hero{padding:39px 0 43px}.pkns-nb-breadcrumb{margin-bottom:22px}.pkns-nb-shell,.pkns-nb-detail-shell{padding:35px 0 50px}.pkns-nb-spotlight{grid-template-columns:minmax(0,1fr)}.pkns-nb-spotlight-copy{padding:24px}.pkns-nb-spotlight-photo{min-height:205px;aspect-ratio:16\/10}.pkns-nb-filter{padding:14px;margin-top:20px}.pkns-nb-search{flex-basis:100%;max-width:none}.pkns-nb-grid{grid-template-columns:1fr;gap:16px}.pkns-nb-article{padding:24px 18px}.pkns-nb-fallback{padding:18px}.pkns-nb-home{padding:36px 0}.pkns-nb-homehead{align-items:start}.pkns-nb-homecard{flex-direction:column;gap:15px}.pkns-nb-homephoto{max-width:100%;width:100%;height:195px}.pkns-nb-article-links a{width:100%;text-align:center}}\n<\/style>        <section class=\"pkns-news-root pkns-nb-home\"><div class=\"pkns-nb-container\">\n          <div class=\"pkns-nb-homehead\"><div><span class=\"pkns-nb-eyebrow\">PUSAT MEDIA<\/span><h2>Berita &amp; pengumuman<\/h2><\/div>\n            <a class=\"pkns-nb-morelink\" href=\"https:\/\/koperasipkns.com\/index.php\/pusat-berita-pengumuman\/\">Lihat semua &nbsp; \u2192<\/a>\n          <\/div>\n                      <article class=\"pkns-nb-homecard\">\n              <a href=\"https:\/\/koperasipkns.com\/index.php\/berita\/selamat-datang-ke-portal-koperasi-pkns-berhad\/\" class=\"pkns-nb-homephoto\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/mat-2026-majlis-800-768x512.webp\" class=\"pkns-nb-img wp-post-image\" alt=\"Selamat Datang ke Portal Koperasi PKNS Berhad\" loading=\"lazy\" srcset=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/mat-2026-majlis-800-768x512.webp 768w, https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/mat-2026-majlis-800-300x200.webp 300w, https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/mat-2026-majlis-800-672x448.webp 672w, https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/mat-2026-majlis-800-600x400.webp 600w, https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/mat-2026-majlis-800.webp 800w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a>\n              <div class=\"pkns-nb-homecopy\"><div class=\"pkns-nb-meta\">26 Oct 2026 \u00b7 Notis Rasmi<\/div>\n                <h3><a style=\"color:inherit\" href=\"https:\/\/koperasipkns.com\/index.php\/berita\/selamat-datang-ke-portal-koperasi-pkns-berhad\/\">Selamat Datang ke Portal Koperasi PKNS Berhad<\/a><\/h3>\n                <p>Pengumuman contoh untuk pratonton laman web. Selamat datang ke portal Koperasi PKNS Berhad. Portal ini menghimpunkan maklumat korporat, perkhidmatan dan perkembangan koperasi untuk rujukan anggota serta orang awam. Terokai kemudahan portal\u2026<\/p>\n                <a class=\"pkns-nb-morelink\" href=\"https:\/\/koperasipkns.com\/index.php\/berita\/selamat-datang-ke-portal-koperasi-pkns-berhad\/\">Baca berita \u2192<\/a>\n              <\/div>\n            <\/article>\n                  <\/div><\/section>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ea51a88 e-con-full e-flex tm-col-stretched-none tm-bg-color-over-image e-con e-parent\" data-id=\"ea51a88\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed691de elementor-widget elementor-widget-shortcode\" data-id=\"ed691de\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n\n    \/* ========================================\n       PKNS JARINGAN STRATEGIK V1.2\n    ======================================== *\/\n\n    .pkns-partners,\n    .pkns-partners *,\n    .pkns-partners *::before,\n    .pkns-partners *::after {\n        box-sizing: border-box;\n    }\n\n    \/* ========================================\n       BASE SECTION\n    ======================================== *\/\n\n    .pkns-partners {\n        --partner-navy: #082b4f;\n        --partner-red: #c91536;\n        --partner-muted: #60758c;\n        --partner-border: #dce4eb;\n        --partner-white: #ffffff;\n        --partner-hover: #f3f6f9;\n\n        position: relative;\n\n        width: 100%;\n        max-width: none;\n\n        margin: 0;\n        padding: 70px 0 72px;\n\n        background: #ffffff;\n        color: var(--partner-navy);\n\n        font-family: Inter, Arial, sans-serif;\n\n        overflow: hidden;\n    }\n\n    \/* ========================================\n       MAIN CONTAINER\n    ======================================== *\/\n\n    .pkns-partners .pkns-partners-inner {\n        width: 100%;\n        max-width: 1140px;\n\n        margin: 0 auto;\n        padding: 0 24px;\n    }\n\n    \/* ========================================\n       SECTION HEADER\n    ======================================== *\/\n\n    .pkns-partners .pkns-partners-header {\n        display: flex;\n\n        justify-content: space-between;\n        align-items: flex-end;\n\n        gap: 24px;\n\n        width: 100%;\n        margin: 0 0 30px;\n    }\n\n    .pkns-partners .pkns-partners-heading-wrap {\n        flex: 1;\n        min-width: 0;\n    }\n\n    \/* EYEBROW *\/\n\n    .pkns-partners .pkns-partners-eyebrow {\n        display: block;\n\n        margin: 0 0 12px;\n\n        color: var(--partner-red);\n\n        font-family: Inter, Arial, sans-serif;\n        font-size: 11px;\n        font-weight: 700;\n\n        letter-spacing: 1px;\n        line-height: 1.5;\n\n        text-transform: uppercase;\n    }\n\n    \/* MAIN TITLE *\/\n\n    .pkns-partners .pkns-partners-title {\n        display: block;\n\n        margin: 0;\n\n        color: var(--partner-navy);\n\n        font-family: Inter, Arial, sans-serif;\n        font-size: 29px;\n        font-weight: 700;\n\n        letter-spacing: -0.7px;\n        line-height: 1.25;\n\n        overflow-wrap: anywhere;\n    }\n\n    \/* ========================================\n       HEADER LINK\n    ======================================== *\/\n\n    .pkns-partners .pkns-partners-all {\n        display: inline-flex;\n\n        align-items: center;\n        justify-content: flex-end;\n\n        gap: 18px;\n\n        flex-shrink: 0;\n\n        padding: 0 0 5px;\n\n        color: var(--partner-navy);\n\n        font-size: 12px;\n        font-weight: 600;\n        line-height: 1.5;\n\n        text-decoration: none !important;\n\n        transition: color .2s ease;\n    }\n\n    .pkns-partners a.pkns-partners-all:hover {\n        color: var(--partner-red);\n    }\n\n    .pkns-partners a.pkns-partners-all:focus-visible {\n        outline: 2px solid var(--partner-red);\n        outline-offset: 4px;\n    }\n\n    .pkns-partners .pkns-partners-all svg {\n        display: block;\n\n        width: 18px;\n        height: 18px;\n\n        flex-shrink: 0;\n\n        fill: none;\n        stroke: currentColor;\n\n        stroke-width: 1.8;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\n\n    \/* ========================================\n       LOGO GRID - DESKTOP\n    ======================================== *\/\n\n    .pkns-partners .pkns-partners-grid {\n        display: grid;\n\n        grid-template-columns:\n            repeat(6, minmax(0, 1fr));\n\n        width: 100%;\n        gap: 0;\n\n        align-items: stretch;\n\n        border-top: 1px solid var(--partner-border);\n        border-left: 1px solid var(--partner-border);\n\n        background: #ffffff;\n    }\n\n    \/* ========================================\n       PARTNER CARD\n       ALL CARDS SAME COLOR\n    ======================================== *\/\n\n    .pkns-partners .pkns-partner-item,\n    .pkns-partners .pkns-partner-item:first-child,\n    .pkns-partners .pkns-partner-item:nth-child(n) {\n        position: relative;\n\n        display: flex;\n\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n\n        width: 100%;\n        min-width: 0;\n        min-height: 115px;\n\n        margin: 0;\n        padding: 20px 12px 15px;\n\n        \/* UNIFORM WHITE BACKGROUND *\/\n\n        background: #ffffff;\n\n        color: var(--partner-navy);\n\n        border: 0;\n        border-right: 1px solid var(--partner-border);\n        border-bottom: 1px solid var(--partner-border);\n        border-radius: 0;\n\n        text-align: center;\n        text-decoration: none !important;\n\n        cursor: pointer;\n\n        box-shadow: none;\n\n        transition:\n            background-color .2s ease,\n            box-shadow .2s ease;\n    }\n\n    \/* ========================================\n       UNIFORM HOVER EFFECT\n    ======================================== *\/\n\n    .pkns-partners .pkns-partner-item:hover,\n    .pkns-partners .pkns-partner-item:first-child:hover {\n        background: var(--partner-hover);\n\n        box-shadow:\n            inset 0 0 0 1px #cad6e3;\n    }\n\n    .pkns-partners .pkns-partner-item:focus-visible {\n        outline: 3px solid var(--partner-red);\n        outline-offset: -3px;\n        z-index: 2;\n    }\n\n    \/* ========================================\n       LOGO WRAPPER\n    ======================================== *\/\n\n    .pkns-partners .pkns-partner-logo {\n        display: flex;\n\n        align-items: center;\n        justify-content: center;\n\n        width: 100%;\n        height: 55px;\n\n        min-width: 0;\n\n        margin: 0 0 10px;\n        padding: 0;\n\n        background: transparent;\n        overflow: hidden;\n    }\n\n    \/* ========================================\n       LOGO IMAGE - NO CROP\n    ======================================== *\/\n\n    .pkns-partners .pkns-partner-logo img {\n        display: block !important;\n\n        width: auto !important;\n        height: auto !important;\n\n        max-width: 115px !important;\n        max-height: 49px !important;\n\n        min-width: 0 !important;\n        min-height: 0 !important;\n\n        object-fit: contain !important;\n        object-position: center center !important;\n\n        aspect-ratio: auto !important;\n\n        margin: 0 auto !important;\n        padding: 0 !important;\n\n        background: transparent;\n\n        border: 0 !important;\n        border-radius: 0 !important;\n\n        box-shadow: none !important;\n\n        transition: transform .25s ease;\n    }\n\n    \/* LOGO HOVER *\/\n\n    .pkns-partners .pkns-partner-item:hover img {\n        transform: scale(1.07);\n    }\n\n    \/* ========================================\n       PARTNER NAME\n    ======================================== *\/\n\n    .pkns-partners .pkns-partner-name {\n        display: block;\n\n        width: 100%;\n        min-width: 0;\n\n        margin: 0;\n        padding: 0;\n\n        color: var(--partner-muted);\n\n        font-family: Inter, Arial, sans-serif;\n        font-size: 10px;\n        font-weight: 500;\n\n        line-height: 1.5;\n        text-align: center;\n\n        overflow-wrap: anywhere;\n    }\n\n    .pkns-partners .pkns-partner-item:hover\n    .pkns-partner-name {\n        color: var(--partner-navy);\n    }\n\n\n    \/* CMS: placeholder apabila logo belum dimuat naik *\/\n    .pkns-partners .pkns-partner-logo-fallback {\n        display: block;\n        color: var(--partner-navy);\n        font-size: 12px;\n        font-weight: 700;\n        line-height: 1.35;\n        overflow-wrap: anywhere;\n    }\n\n    .pkns-partners .pkns-partner-item:not(a) {\n        cursor: default;\n    }\n\n    .pkns-partners .pkns-partners-empty {\n        padding: 25px;\n        margin: 0;\n        color: var(--partner-muted);\n        background: #f8fafc;\n        border: 1px dashed var(--partner-border);\n        font-size: 13px;\n        text-align: center;\n    }\n\n    \/* ========================================\n       TABLET - 3 COLUMNS\n    ======================================== *\/\n\n    @media (max-width: 1024px) {\n\n        .pkns-partners {\n            padding: 58px 0 62px;\n        }\n\n        .pkns-partners .pkns-partners-inner {\n            padding: 0 24px;\n        }\n\n        .pkns-partners .pkns-partners-title {\n            font-size: 27px;\n        }\n\n        .pkns-partners .pkns-partners-grid {\n            grid-template-columns:\n                repeat(3, minmax(0, 1fr));\n        }\n\n        .pkns-partners .pkns-partner-item,\n        .pkns-partners .pkns-partner-item:first-child,\n        .pkns-partners .pkns-partner-item:nth-child(n) {\n            min-height: 125px;\n            padding: 22px 15px 17px;\n        }\n\n        .pkns-partners .pkns-partner-logo {\n            height: 60px;\n            margin-bottom: 12px;\n        }\n\n        .pkns-partners .pkns-partner-logo img {\n            max-width: 130px !important;\n            max-height: 55px !important;\n        }\n\n        .pkns-partners .pkns-partner-name {\n            font-size: 11px;\n        }\n    }\n\n    \/* ========================================\n       MOBILE - 2 COLUMNS\n    ======================================== *\/\n\n    @media (max-width: 767px) {\n\n        .pkns-partners {\n            padding: 48px 0 54px;\n        }\n\n        .pkns-partners .pkns-partners-inner {\n            padding: 0 20px;\n        }\n\n        \/* MOBILE HEADER *\/\n\n        .pkns-partners .pkns-partners-header {\n            flex-direction: column;\n            align-items: flex-start;\n\n            gap: 18px;\n            margin-bottom: 26px;\n        }\n\n        .pkns-partners .pkns-partners-heading-wrap {\n            width: 100%;\n        }\n\n        .pkns-partners .pkns-partners-eyebrow {\n            font-size: 10px;\n            letter-spacing: .7px;\n            margin-bottom: 12px;\n        }\n\n        .pkns-partners .pkns-partners-title {\n            font-size: 25px;\n            line-height: 1.25;\n            letter-spacing: -.4px;\n        }\n\n        .pkns-partners .pkns-partners-all {\n            font-size: 12px;\n            padding: 0;\n        }\n\n        \/* MOBILE GRID *\/\n\n        .pkns-partners .pkns-partners-grid {\n            grid-template-columns:\n                repeat(2, minmax(0, 1fr));\n        }\n\n        \/* MOBILE CARDS *\/\n\n        .pkns-partners .pkns-partner-item,\n        .pkns-partners .pkns-partner-item:first-child,\n        .pkns-partners .pkns-partner-item:nth-child(n) {\n            min-height: 125px;\n            padding: 20px 12px 16px;\n        }\n\n        .pkns-partners .pkns-partner-logo {\n            height: 58px;\n            margin-bottom: 11px;\n        }\n\n        .pkns-partners .pkns-partner-logo img {\n            max-width: 115px !important;\n            max-height: 52px !important;\n        }\n\n        .pkns-partners .pkns-partner-name {\n            font-size: 10px;\n            line-height: 1.4;\n        }\n    }\n\n    \/* ========================================\n       EXTRA SMALL MOBILE\n    ======================================== *\/\n\n    @media (max-width: 380px) {\n\n        .pkns-partners .pkns-partners-inner {\n            padding: 0 16px;\n        }\n\n        .pkns-partners .pkns-partners-title {\n            font-size: 23px;\n        }\n\n        .pkns-partners .pkns-partner-item,\n        .pkns-partners .pkns-partner-item:first-child,\n        .pkns-partners .pkns-partner-item:nth-child(n) {\n            min-height: 112px;\n            padding: 15px 8px 12px;\n        }\n\n        .pkns-partners .pkns-partner-logo {\n            height: 52px;\n        }\n\n        .pkns-partners .pkns-partner-logo img {\n            max-width: 100px !important;\n            max-height: 46px !important;\n        }\n\n        .pkns-partners .pkns-partner-name {\n            font-size: 9px;\n        }\n    }\n\n    \/* ========================================\n       REDUCED MOTION\n    ======================================== *\/\n\n    @media (prefers-reduced-motion: reduce) {\n\n        .pkns-partners .pkns-partner-item,\n        .pkns-partners .pkns-partner-logo img,\n        .pkns-partners .pkns-partners-all {\n            transition: none;\n        }\n\n        .pkns-partners .pkns-partner-item:hover img {\n            transform: none;\n        }\n    }\n\n    <\/style>\n\n    <!-- =====================================\n         JARINGAN STRATEGIK SECTION\n    ====================================== -->\n\n    <section\n        class=\"pkns-partners\"\n        aria-label=\"Jaringan Strategik Koperasi PKNS\"\n    >\n\n        <div class=\"pkns-partners-inner\">\n\n            <!-- HEADER -->\n\n            <div class=\"pkns-partners-header\">\n\n                <div class=\"pkns-partners-heading-wrap\">\n\n                    <span class=\"pkns-partners-eyebrow\">\n                        JARINGAN STRATEGIK\n                    <\/span>\n\n                    <h2 class=\"pkns-partners-title\">\n                        Bersama rakan yang dipercayai.\n                    <\/h2>\n\n                <\/div>\n\n                <!-- HEADER LINK -->\n\n                \n                    <a\n                        class=\"pkns-partners-all\"\n                        href=\"https:\/\/koperasipkns.com\/index.php\/rakan-strategik\/\"\n                    >\n\n                        Rakan strategik\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            aria-hidden=\"true\"\n                        >\n                            <path\n                                d=\"M4 12h16m-7-7 7 7-7 7\"\n                            \/>\n                        <\/svg>\n\n                    <\/a>\n\n                \n            <\/div>\n\n            <!-- =================================\n                 PARTNER LOGO GRID\n            ================================== -->\n\n            \n                <div class=\"pkns-partners-grid\">\n\n                    \n                        <a                            class=\"pkns-partner-item\"\n                                                            href=\"https:\/\/www.mbsa.gov.my\/ms-my\/Halaman\/homepage.aspx\"\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                aria-label=\"Lawati laman web MBSA (tab baharu)\"\n                                                                                >\n\n                            <span class=\"pkns-partner-logo\">\n\n                                                                    <img\n                                        src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/mbsa.png\"\n                                        alt=\"Logo MBSA\"\n                                        loading=\"lazy\"\n                                        decoding=\"async\"\n                                    >\n                                \n                            <\/span>\n\n                            <span class=\"pkns-partner-name\">\n                                MBSA                            <\/span>\n\n                        <\/a>\n\n                    \n                        <a                            class=\"pkns-partner-item\"\n                                                            href=\"https:\/\/www.pantaibharu.com\/\"\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                aria-label=\"Lawati laman web Pantai Bharu Holdings (tab baharu)\"\n                                                                                >\n\n                            <span class=\"pkns-partner-logo\">\n\n                                                                    <img\n                                        src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/pantai-bharu.png\"\n                                        alt=\"Logo Pantai Bharu Holdings\"\n                                        loading=\"lazy\"\n                                        decoding=\"async\"\n                                    >\n                                \n                            <\/span>\n\n                            <span class=\"pkns-partner-name\">\n                                Pantai Bharu Holdings                            <\/span>\n\n                        <\/a>\n\n                    \n                        <a                            class=\"pkns-partner-item\"\n                                                            href=\"https:\/\/www.uis.edu.my\/\"\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                aria-label=\"Lawati laman web UIS (tab baharu)\"\n                                                                                >\n\n                            <span class=\"pkns-partner-logo\">\n\n                                                                    <img\n                                        src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/uis.png\"\n                                        alt=\"Logo UIS\"\n                                        loading=\"lazy\"\n                                        decoding=\"async\"\n                                    >\n                                \n                            <\/span>\n\n                            <span class=\"pkns-partner-name\">\n                                UIS                            <\/span>\n\n                        <\/a>\n\n                    \n                        <a                            class=\"pkns-partner-item\"\n                                                            href=\"https:\/\/www.bankislam.com\/\"\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                aria-label=\"Lawati laman web Bank Islam (tab baharu)\"\n                                                                                >\n\n                            <span class=\"pkns-partner-logo\">\n\n                                                                    <img\n                                        src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/bank-islam.png\"\n                                        alt=\"Logo Bank Islam\"\n                                        loading=\"lazy\"\n                                        decoding=\"async\"\n                                    >\n                                \n                            <\/span>\n\n                            <span class=\"pkns-partner-name\">\n                                Bank Islam                            <\/span>\n\n                        <\/a>\n\n                    \n                        <a                            class=\"pkns-partner-item\"\n                                                            href=\"https:\/\/norhendi.com\/\"\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                aria-label=\"Lawati laman web Norhendi (tab baharu)\"\n                                                                                >\n\n                            <span class=\"pkns-partner-logo\">\n\n                                                                    <img\n                                        src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/norhendi.png\"\n                                        alt=\"Logo Norhendi\"\n                                        loading=\"lazy\"\n                                        decoding=\"async\"\n                                    >\n                                \n                            <\/span>\n\n                            <span class=\"pkns-partner-name\">\n                                Norhendi                            <\/span>\n\n                        <\/a>\n\n                    \n                        <a                            class=\"pkns-partner-item\"\n                                                            href=\"https:\/\/www.harveynorman.com.my\/\"\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                aria-label=\"Lawati laman web Harvey Norman (tab baharu)\"\n                                                                                >\n\n                            <span class=\"pkns-partner-logo\">\n\n                                                                    <img\n                                        src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/harvey-norman.png\"\n                                        alt=\"Logo Harvey Norman\"\n                                        loading=\"lazy\"\n                                        decoding=\"async\"\n                                    >\n                                \n                            <\/span>\n\n                            <span class=\"pkns-partner-name\">\n                                Harvey Norman                            <\/span>\n\n                        <\/a>\n\n                    \n                        <a                            class=\"pkns-partner-item\"\n                                                            href=\"https:\/\/www.samsung.com\/my\/\"\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                aria-label=\"Lawati laman web SAMSUNG (tab baharu)\"\n                                                                                >\n\n                            <span class=\"pkns-partner-logo\">\n\n                                                                    <img\n                                        src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/SAMSUNG.png\"\n                                        alt=\"Logo SAMSUNG\"\n                                        loading=\"lazy\"\n                                        decoding=\"async\"\n                                    >\n                                \n                            <\/span>\n\n                            <span class=\"pkns-partner-name\">\n                                SAMSUNG                            <\/span>\n\n                        <\/a>\n\n                    \n                        <a                            class=\"pkns-partner-item\"\n                                                            href=\"https:\/\/www.ukkm.edu.my\/\"\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                aria-label=\"Lawati laman web UKKM (tab baharu)\"\n                                                                                >\n\n                            <span class=\"pkns-partner-logo\">\n\n                                                                    <img\n                                        src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/UKKM.png\"\n                                        alt=\"Logo UKKM\"\n                                        loading=\"lazy\"\n                                        decoding=\"async\"\n                                    >\n                                \n                            <\/span>\n\n                            <span class=\"pkns-partner-name\">\n                                UKKM                            <\/span>\n\n                        <\/a>\n\n                    \n                        <a                            class=\"pkns-partner-item\"\n                                                            href=\"https:\/\/www.pkns.gov.my\/ms\/\"\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                aria-label=\"Lawati laman web PKNS (tab baharu)\"\n                                                                                >\n\n                            <span class=\"pkns-partner-logo\">\n\n                                                                    <img\n                                        src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/pkns-new.png\"\n                                        alt=\"Logo PKNS\"\n                                        loading=\"lazy\"\n                                        decoding=\"async\"\n                                    >\n                                \n                            <\/span>\n\n                            <span class=\"pkns-partner-name\">\n                                PKNS                            <\/span>\n\n                        <\/a>\n\n                    \n                        <a                            class=\"pkns-partner-item\"\n                                                            href=\"https:\/\/angkasa.coop\/\"\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                aria-label=\"Lawati laman web ANGKASA (tab baharu)\"\n                                                                                >\n\n                            <span class=\"pkns-partner-logo\">\n\n                                                                    <img\n                                        src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/ANGKASA.png\"\n                                        alt=\"Logo ANGKASA\"\n                                        loading=\"lazy\"\n                                        decoding=\"async\"\n                                    >\n                                \n                            <\/span>\n\n                            <span class=\"pkns-partner-name\">\n                                ANGKASA                            <\/span>\n\n                        <\/a>\n\n                    \n                        <a                            class=\"pkns-partner-item\"\n                                                            href=\"https:\/\/www.ikma.edu.my\/ms\/\"\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                aria-label=\"Lawati laman web IKMA (tab baharu)\"\n                                                                                >\n\n                            <span class=\"pkns-partner-logo\">\n\n                                                                    <img\n                                        src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/IKM.png\"\n                                        alt=\"Logo IKMA\"\n                                        loading=\"lazy\"\n                                        decoding=\"async\"\n                                    >\n                                \n                            <\/span>\n\n                            <span class=\"pkns-partner-name\">\n                                IKMA                            <\/span>\n\n                        <\/a>\n\n                    \n                        <a                            class=\"pkns-partner-item\"\n                                                            href=\"https:\/\/www.skm.gov.my\/ms\/\"\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                aria-label=\"Lawati laman web SKM (tab baharu)\"\n                                                                                >\n\n                            <span class=\"pkns-partner-logo\">\n\n                                                                    <img\n                                        src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/SKM.png\"\n                                        alt=\"Logo SKM\"\n                                        loading=\"lazy\"\n                                        decoding=\"async\"\n                                    >\n                                \n                            <\/span>\n\n                            <span class=\"pkns-partner-name\">\n                                SKM                            <\/span>\n\n                        <\/a>\n\n                    \n                <\/div>\n\n            \n        <\/div>\n\n    <\/section>\n\n     <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f4f0896 e-con-full e-flex tm-col-stretched-none tm-bg-color-over-image e-con e-parent\" data-id=\"f4f0896\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b077b6f elementor-widget elementor-widget-shortcode\" data-id=\"b077b6f\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n\n    \/* ========================================\n       PKNS CSR - BASE\n    ======================================== *\/\n\n    .pkns-csr,\n    .pkns-csr *,\n    .pkns-csr *::before,\n    .pkns-csr *::after {\n        box-sizing: border-box;\n    }\n\n    .pkns-csr {\n        --csr-navy: #082b4f;\n        --csr-red: #c91536;\n        --csr-white: #ffffff;\n        --csr-muted: #c7d5e3;\n\n        position: relative;\n\n        width: 100%;\n        max-width: none;\n\n        margin: 0;\n        padding: 0;\n\n        background: var(--csr-navy);\n\n        font-family: Inter, Arial, sans-serif;\n\n        overflow: hidden;\n    }\n\n    \/* ========================================\n       MAIN 50 \/ 50 LAYOUT\n    ======================================== *\/\n\n    .pkns-csr .pkns-csr-layout {\n        display: grid;\n\n        grid-template-columns:\n            minmax(0, 1fr)\n            minmax(0, 1fr);\n\n        width: 100%;\n        min-height: 610px;\n\n        align-items: stretch;\n        gap: 0;\n\n        margin: 0;\n        padding: 0;\n    }\n\n    \/* ========================================\n       LEFT IMAGE PANEL\n    ======================================== *\/\n\n    .pkns-csr .pkns-csr-media {\n        position: relative;\n\n        display: block;\n\n        width: 100%;\n        min-width: 0;\n        min-height: 610px;\n\n        margin: 0;\n        padding: 0;\n\n        background: #e5ebf0;\n\n        overflow: hidden;\n    }\n\n    \/* ========================================\n       CSR IMAGE\n    ======================================== *\/\n\n    .pkns-csr .pkns-csr-image {\n        position: absolute;\n\n        inset: 0;\n\n        display: block !important;\n\n        width: 100% !important;\n        height: 100% !important;\n\n        max-width: none !important;\n        max-height: none !important;\n\n        object-fit: cover !important;\n        object-position: center center !important;\n\n        margin: 0 !important;\n        padding: 0 !important;\n\n        border: 0 !important;\n        border-radius: 0 !important;\n\n        box-shadow: none !important;\n    }\n\n    \/* ========================================\n       RIGHT NAVY PANEL\n    ======================================== *\/\n\n    .pkns-csr .pkns-csr-panel {\n        display: flex;\n\n        flex-direction: column;\n        justify-content: center;\n        align-items: flex-start;\n\n        width: 100%;\n        min-width: 0;\n\n        padding: 65px clamp(34px, 4.6vw, 80px);\n\n        margin: 0;\n\n        background: var(--csr-navy);\n        color: var(--csr-white);\n    }\n\n    \/* ========================================\n       CONTENT WRAPPER\n    ======================================== *\/\n\n    .pkns-csr .pkns-csr-content {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n\n        width: 100%;\n        max-width: 510px;\n\n        margin: 0;\n        padding: 0;\n    }\n\n    \/* ========================================\n       SECTION EYEBROW\n    ======================================== *\/\n\n    .pkns-csr .pkns-csr-eyebrow {\n        display: block;\n\n        margin: 0 0 22px;\n        padding: 0;\n\n        color: #b6cce0;\n\n        font-family: Inter, Arial, sans-serif;\n        font-size: 11px;\n        font-weight: 700;\n\n        line-height: 1.5;\n        letter-spacing: 1.1px;\n\n        text-transform: uppercase;\n    }\n\n    \/* ========================================\n       CSR TITLE\n    ======================================== *\/\n\n    .pkns-csr .pkns-csr-title {\n        display: block;\n\n        max-width: 500px;\n\n        margin: 0 0 24px;\n        padding: 0;\n\n        color: #ffffff !important;\n\n        font-family: Inter, Arial, sans-serif;\n        font-size: 36px;\n        font-weight: 700;\n\n        line-height: 1.18;\n        letter-spacing: -1px;\n\n        overflow-wrap: anywhere;\n    }\n\n    \/* ========================================\n       CSR DESCRIPTION\n    ======================================== *\/\n\n    .pkns-csr .pkns-csr-description {\n        display: block;\n\n        width: 100%;\n        max-width: 500px;\n\n        margin: 0 0 28px;\n        padding: 0;\n\n        color: #d2deea !important;\n\n        font-family: Inter, Arial, sans-serif;\n        font-size: 13px;\n        font-weight: 400;\n\n        line-height: 1.85;\n\n        overflow-wrap: anywhere;\n    }\n\n    \/* ========================================\n       CSR CTA BUTTON\n    ======================================== *\/\n\n    .pkns-csr .pkns-csr-button {\n        display: inline-flex;\n\n        align-items: center;\n        justify-content: space-between;\n\n        gap: 25px;\n\n        min-width: 190px;\n        min-height: 46px;\n\n        padding: 12px 18px;\n\n        margin: 0;\n\n        color: #ffffff !important;\n\n        background: transparent;\n\n        border: 1px solid rgba(\n            255, 255, 255, 0.48\n        );\n\n        border-radius: 0;\n\n        font-family: Inter, Arial, sans-serif;\n        font-size: 12px;\n        font-weight: 600;\n\n        line-height: 1.4;\n\n        text-decoration: none !important;\n\n        transition:\n            background-color .2s ease,\n            border-color .2s ease,\n            transform .2s ease;\n    }\n\n    \/* ========================================\n       BUTTON HOVER\n    ======================================== *\/\n\n    .pkns-csr a.pkns-csr-button:hover {\n        background: var(--csr-red);\n\n        border-color: var(--csr-red);\n\n        color: #ffffff !important;\n\n        transform: translateY(-2px);\n    }\n\n    .pkns-csr a.pkns-csr-button:focus-visible {\n        outline: 2px solid #ffffff;\n        outline-offset: 4px;\n    }\n\n    \/* ========================================\n       BUTTON WITHOUT LINK\n    ======================================== *\/\n\n    .pkns-csr .pkns-csr-button-disabled {\n        cursor: default;\n        opacity: 0.65;\n    }\n\n    \/* ========================================\n       BUTTON ARROW\n    ======================================== *\/\n\n    .pkns-csr .pkns-csr-button-arrow {\n        display: inline-flex;\n\n        width: 18px;\n        height: 18px;\n\n        align-items: center;\n        justify-content: center;\n\n        flex-shrink: 0;\n    }\n\n    .pkns-csr .pkns-csr-button-arrow svg {\n        display: block;\n\n        width: 100%;\n        height: 100%;\n\n        fill: none;\n        stroke: currentColor;\n\n        stroke-width: 1.8;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\n\n    \/* ========================================\n       SMALL DESKTOP\n    ======================================== *\/\n\n    @media (max-width: 1199px) {\n\n        .pkns-csr .pkns-csr-layout {\n            min-height: 540px;\n        }\n\n        .pkns-csr .pkns-csr-media {\n            min-height: 540px;\n        }\n\n        .pkns-csr .pkns-csr-panel {\n            padding: 55px 45px;\n        }\n\n        .pkns-csr .pkns-csr-title {\n            font-size: 33px;\n        }\n\n        .pkns-csr .pkns-csr-description {\n            font-size: 12px;\n            line-height: 1.8;\n        }\n    }\n\n    \/* ========================================\n       TABLET RESPONSIVE\n    ======================================== *\/\n\n    @media (max-width: 1024px) {\n\n        .pkns-csr .pkns-csr-layout {\n            grid-template-columns:\n                minmax(0, 1fr)\n                minmax(0, 1fr);\n\n            min-height: 480px;\n        }\n\n        .pkns-csr .pkns-csr-media {\n            min-height: 480px;\n        }\n\n        .pkns-csr .pkns-csr-panel {\n            padding: 42px 34px;\n        }\n\n        .pkns-csr .pkns-csr-eyebrow {\n            font-size: 10px;\n            margin-bottom: 17px;\n        }\n\n        .pkns-csr .pkns-csr-title {\n            font-size: 30px;\n            line-height: 1.2;\n            margin-bottom: 20px;\n        }\n\n        .pkns-csr .pkns-csr-description {\n            font-size: 12px;\n            line-height: 1.75;\n            margin-bottom: 24px;\n        }\n\n        .pkns-csr .pkns-csr-button {\n            min-width: 180px;\n            min-height: 44px;\n            font-size: 11px;\n        }\n    }\n\n    \/* ========================================\n       MOBILE RESPONSIVE\n    ======================================== *\/\n\n    @media (max-width: 767px) {\n\n        \/* STACK IMAGE TOP + CONTENT BOTTOM *\/\n\n        .pkns-csr .pkns-csr-layout {\n            display: grid;\n\n            grid-template-columns: 1fr;\n\n            min-height: 0;\n        }\n\n        \/* MOBILE IMAGE *\/\n\n        .pkns-csr .pkns-csr-media {\n            width: 100%;\n\n            min-height: 0;\n\n            aspect-ratio: 4 \/ 3;\n\n            background: #e5ebf0;\n        }\n\n        .pkns-csr .pkns-csr-image {\n            width: 100% !important;\n            height: 100% !important;\n\n            object-fit: cover !important;\n            object-position: center center !important;\n        }\n\n        \/* MOBILE NAVY PANEL *\/\n\n        .pkns-csr .pkns-csr-panel {\n            width: 100%;\n\n            min-height: 0;\n\n            padding: 48px 24px 54px;\n\n            justify-content: flex-start;\n        }\n\n        .pkns-csr .pkns-csr-content {\n            width: 100%;\n            max-width: 100%;\n        }\n\n        \/* MOBILE EYEBROW *\/\n\n        .pkns-csr .pkns-csr-eyebrow {\n            font-size: 10px;\n            letter-spacing: .8px;\n\n            margin-bottom: 16px;\n        }\n\n        \/* MOBILE TITLE *\/\n\n        .pkns-csr .pkns-csr-title {\n            max-width: 100%;\n\n            font-size: 29px;\n            line-height: 1.2;\n\n            letter-spacing: -.6px;\n\n            margin-bottom: 22px;\n        }\n\n        \/* MOBILE PARAGRAPH *\/\n\n        .pkns-csr .pkns-csr-description {\n            max-width: 100%;\n\n            font-size: 13px;\n            line-height: 1.8;\n\n            margin-bottom: 26px;\n        }\n\n        \/* MOBILE BUTTON *\/\n\n        .pkns-csr .pkns-csr-button {\n            min-width: 195px;\n            min-height: 46px;\n\n            font-size: 12px;\n            padding: 12px 18px;\n        }\n    }\n\n    \/* ========================================\n       EXTRA SMALL MOBILE\n    ======================================== *\/\n\n    @media (max-width: 380px) {\n\n        .pkns-csr .pkns-csr-media {\n            aspect-ratio: 1.15 \/ 1;\n        }\n\n        .pkns-csr .pkns-csr-panel {\n            padding: 40px 20px 46px;\n        }\n\n        .pkns-csr .pkns-csr-title {\n            font-size: 26px;\n        }\n\n        .pkns-csr .pkns-csr-description {\n            font-size: 12px;\n        }\n    }\n\n    \/* ========================================\n       REDUCED MOTION\n    ======================================== *\/\n\n    @media (prefers-reduced-motion: reduce) {\n\n        .pkns-csr .pkns-csr-button {\n            transition: none;\n        }\n\n        .pkns-csr a.pkns-csr-button:hover {\n            transform: none;\n        }\n    }\n\n    <\/style>\n\n    <!-- =====================================\n         CSR FULL WIDTH SECTION\n    ====================================== -->\n\n    <section\n        class=\"pkns-csr\"\n        aria-label=\"Tanggungjawab Sosial Koperasi PKNS\"\n    >\n\n        <div class=\"pkns-csr-layout\">\n\n            <!-- =================================\n                 LEFT PHOTO\n            ================================== -->\n\n            <div class=\"pkns-csr-media\">\n\n                <img\n                    class=\"pkns-csr-image\"\n                    src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2026\/10\/csr-sumbangan-800.webp\"\n                    alt=\"Program sumbangan tanggungjawab sosial Koperasi PKNS Berhad\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                >\n\n            <\/div>\n\n            <!-- =================================\n                 RIGHT NAVY PANEL\n            ================================== -->\n\n            <div class=\"pkns-csr-panel\">\n\n                <div class=\"pkns-csr-content\">\n\n                    <!-- CATEGORY -->\n\n                    <span class=\"pkns-csr-eyebrow\">\n                        TANGGUNGJAWAB SOSIAL                    <\/span>\n\n                    <!-- SECTION TITLE -->\n\n                    <h2 class=\"pkns-csr-title\">\n                        Kemajuan yang dirasai bersama.                    <\/h2>\n\n                    <!-- DESCRIPTION -->\n\n                    <p class=\"pkns-csr-description\">\n                        Bagi Koperasi PKNS, kejayaan bukan hanya diukur melalui pertumbuhan perniagaan dan kewangan. Komitmen kepada masyarakat diterjemahkan melalui pelbagai program CSR dan inisiatif yang memberi manfaat kepada anggota serta komuniti.                    <\/p>\n\n                    <!-- =================================\n                         CTA BUTTON\n                    ================================== -->\n\n                    \n                        <span\n                            class=\"pkns-csr-button pkns-csr-button-disabled\"\n                            aria-disabled=\"true\"\n                        >\n\n                            <span>\n                                Impak kepada komuniti                            <\/span>\n\n                            <span\n                                class=\"pkns-csr-button-arrow\"\n                                aria-hidden=\"true\"\n                            >\n\n                                <svg viewBox=\"0 0 24 24\">\n\n                                    <path\n                                        d=\"M4 12h16m-7-7 7 7-7 7\"\n                                    \/>\n\n                                <\/svg>\n\n                            <\/span>\n\n                        <\/span>\n\n                    \n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db073ab e-con-full e-flex tm-col-stretched-none tm-bg-color-over-image e-con e-parent\" data-id=\"db073ab\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0bef76 elementor-widget elementor-widget-shortcode\" data-id=\"a0bef76\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n        <style>\n\n        \/* ===================================\n           HOMEPAGE FAQ SECTION\n        =================================== *\/\n\n        .pkns-home-faq {\n            width: 100%;\n            background: #f2f5f9;\n            padding: 85px 24px;\n            font-family: inherit;\n        }\n\n        .pkns-home-faq *,\n        .pkns-home-faq *::before,\n        .pkns-home-faq *::after {\n            box-sizing: border-box;\n        }\n\n        .pkns-home-faq-container {\n            max-width: 1140px;\n            margin: 0 auto;\n\n            display: grid;\n            grid-template-columns: 40% 60%;\n            gap: 45px;\n            align-items: start;\n        }\n\n        \/* LEFT COLUMN *\/\n\n        .pkns-home-faq-intro {\n            padding-right: 35px;\n        }\n\n        .pkns-home-faq-label {\n            display: block;\n\n            color: #d20b32;\n            font-size: 12px;\n            font-weight: 800;\n            letter-spacing: 1.4px;\n            text-transform: uppercase;\n\n            margin-bottom: 15px;\n        }\n\n        .pkns-home-faq-title {\n            color: #0b2d50 !important;\n\n            font-size: 36px !important;\n            line-height: 1.2 !important;\n            font-weight: 800 !important;\n\n            margin: 0 0 20px !important;\n        }\n\n        .pkns-home-faq-description {\n            color: #647b96;\n\n            font-size: 15px;\n            line-height: 1.9;\n\n            margin: 0 0 30px;\n        }\n\n        .pkns-home-faq-actions {\n            display: flex;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 25px;\n        }\n\n        .pkns-home-faq-primary {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n\n            gap: 18px;\n\n            padding: 15px 21px;\n\n            background: #cd1236;\n            color: #fff !important;\n\n            font-size: 13px;\n            font-weight: 800;\n            text-decoration: none !important;\n\n            border-radius: 0;\n\n            transition: background .2s ease;\n        }\n\n        .pkns-home-faq-primary:hover {\n            background: #ad0d2c;\n            color: #fff !important;\n        }\n\n        .pkns-home-faq-secondary {\n            display: inline-flex;\n            align-items: center;\n            gap: 15px;\n\n            color: #0b2d50 !important;\n\n            font-size: 13px;\n            font-weight: 800;\n            text-decoration: none !important;\n        }\n\n        .pkns-home-faq-secondary:hover {\n            color: #cd1236 !important;\n        }\n\n        \/* RIGHT COLUMN *\/\n\n        .pkns-home-faq-list {\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n            min-width: 0;\n        }\n\n        \/* FAQ CARD *\/\n\n        .pkns-home-faq-card {\n            display: block;\n            width: 100%;\n\n            background: #fff;\n\n            border: 1px solid #dce4ed;\n            border-radius: 0;\n\n            margin: 0 !important;\n            padding: 0 !important;\n\n            box-shadow: none;\n            overflow: hidden;\n        }\n\n        \/* CLOSED BY DEFAULT *\/\n\n        .pkns-home-faq-card:not([open])\n        .pkns-home-faq-answer {\n            display: none !important;\n        }\n\n        \/* QUESTION *\/\n\n        .pkns-home-faq-question {\n            display: flex !important;\n            justify-content: space-between;\n            align-items: center;\n\n            gap: 20px;\n\n            width: 100%;\n            min-height: 70px;\n\n            margin: 0 !important;\n            padding: 20px 22px !important;\n\n            color: #0b2d50 !important;\n            background: #fff !important;\n\n            border: 0 !important;\n\n            font-size: 14px !important;\n            font-weight: 800 !important;\n            line-height: 1.6 !important;\n            text-align: left;\n\n            cursor: pointer;\n\n            list-style: none !important;\n            -webkit-appearance: none;\n            appearance: none;\n\n            transition:\n                color .2s ease,\n                background .2s ease;\n        }\n\n        .pkns-home-faq-question::-webkit-details-marker {\n            display: none;\n        }\n\n        .pkns-home-faq-question::marker {\n            content: \"\";\n        }\n\n        .pkns-home-faq-question:hover {\n            color: #cf1238 !important;\n            background: #fbfcfe !important;\n        }\n\n        .pkns-home-faq-question:focus-visible {\n            outline: 2px solid #cf1238;\n            outline-offset: -3px;\n        }\n\n        .pkns-home-faq-question-text {\n            flex: 1;\n            min-width: 0;\n        }\n\n        \/* PLUS \/ MINUS INDICATOR *\/\n\n        .pkns-home-faq-indicator {\n            position: relative;\n\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n\n            width: 27px;\n            height: 27px;\n\n            flex-shrink: 0;\n\n            background: #f1f5f9;\n            border: 1px solid #e3eaf1;\n            border-radius: 50%;\n        }\n\n        .pkns-home-faq-indicator::before,\n        .pkns-home-faq-indicator::after {\n            content: \"\";\n\n            position: absolute;\n\n            background: #0b2d50;\n\n            transition:\n                transform .2s ease,\n                background .2s ease;\n        }\n\n        .pkns-home-faq-indicator::before {\n            width: 10px;\n            height: 2px;\n        }\n\n        .pkns-home-faq-indicator::after {\n            width: 2px;\n            height: 10px;\n        }\n\n        \/* OPEN STATE *\/\n\n        .pkns-home-faq-card[open] {\n            border-left: 3px solid #d20b32;\n        }\n\n        .pkns-home-faq-card[open]\n        .pkns-home-faq-question {\n            color: #cd1236 !important;\n            padding-left: 20px !important;\n        }\n\n        .pkns-home-faq-card[open]\n        .pkns-home-faq-indicator {\n            background: #fff1f4;\n            border-color: #ffd9e2;\n        }\n\n        .pkns-home-faq-card[open]\n        .pkns-home-faq-indicator::after {\n            transform: rotate(90deg);\n        }\n\n        .pkns-home-faq-card[open]\n        .pkns-home-faq-indicator::before,\n        .pkns-home-faq-card[open]\n        .pkns-home-faq-indicator::after {\n            background: #cd1236;\n        }\n\n        \/* ANSWER *\/\n\n        .pkns-home-faq-answer {\n            padding: 0 22px 22px;\n\n            color: #647b96;\n        }\n\n        .pkns-home-faq-answer p {\n            margin: 0 0 17px !important;\n\n            color: #647b96 !important;\n\n            font-size: 14px !important;\n            font-weight: 400 !important;\n            line-height: 1.9 !important;\n        }\n\n        .pkns-home-faq-answer a {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n\n            color: #0b2d50 !important;\n\n            font-size: 13px;\n            font-weight: 800;\n\n            text-decoration: none !important;\n\n            transition: color .2s ease;\n        }\n\n        .pkns-home-faq-answer a:hover {\n            color: #cd1236 !important;\n        }\n\n        \/* RESPONSIVE *\/\n\n        @media (max-width: 991px) {\n\n            .pkns-home-faq {\n                padding: 65px 24px;\n            }\n\n            .pkns-home-faq-container {\n                grid-template-columns: 1fr;\n                gap: 35px;\n            }\n\n            .pkns-home-faq-intro {\n                padding-right: 0;\n            }\n\n            .pkns-home-faq-title {\n                font-size: 32px !important;\n            }\n\n        }\n\n        @media (max-width: 600px) {\n\n            .pkns-home-faq {\n                padding: 50px 17px;\n            }\n\n            .pkns-home-faq-title {\n                font-size: 29px !important;\n            }\n\n            .pkns-home-faq-description {\n                font-size: 14px;\n            }\n\n            .pkns-home-faq-actions {\n                gap: 20px;\n            }\n\n            .pkns-home-faq-question {\n                padding: 17px !important;\n                min-height: 64px;\n                font-size: 13px !important;\n            }\n\n            .pkns-home-faq-card[open]\n            .pkns-home-faq-question {\n                padding-left: 15px !important;\n            }\n\n            .pkns-home-faq-answer {\n                padding: 0 17px 20px;\n            }\n\n            .pkns-home-faq-answer p {\n                font-size: 13px !important;\n            }\n\n        }\n\n        <\/style>\n\n        <!-- HOMEPAGE FAQ -->\n\n        <section\n            class=\"pkns-home-faq\"\n            id=\"pkns-home-faq\"\n        >\n\n            <div class=\"pkns-home-faq-container\">\n\n                <!-- LEFT INTRO -->\n\n                <div class=\"pkns-home-faq-intro\">\n\n                    <span class=\"pkns-home-faq-label\">\n                        PANDUAN &amp; BANTUAN\n                    <\/span>\n\n                    <h2 class=\"pkns-home-faq-title\">\n                        Ada pertanyaan?\n                    <\/h2>\n\n                    <p class=\"pkns-home-faq-description\">\n                        Dapatkan maklumat untuk memudahkan\n                        urusan anda dengan koperasi.\n                    <\/p>\n\n                    <div class=\"pkns-home-faq-actions\">\n\n                        <a\n                            class=\"pkns-home-faq-primary\"\n                            href=\"https:\/\/koperasipkns.com\/index.php\/hubungi-kami\/\"\n                        >\n                            Hubungi kami\n                            <span aria-hidden=\"true\">\u2192<\/span>\n                        <\/a>\n                        <a\n                            class=\"pkns-home-faq-secondary\"\n                            href=\"https:\/\/koperasipkns.com\/index.php\/pembiayaan\/\"\n                        >\n                            FAQ Pembiayaan\n                            <span aria-hidden=\"true\">\u2192<\/span>\n                        <\/a>\n\n                    <\/div>\n\n                <\/div>\n\n                <!-- RIGHT FAQ LIST -->\n\n                <div class=\"pkns-home-faq-list\">\n\n                    \n                        <!--\n                            No \"open\" attribute.\n                            Every item starts CLOSED.\n                        -->\n\n                        <details class=\"pkns-home-faq-card\">\n\n                            <summary class=\"pkns-home-faq-question\">\n\n                                <span class=\"pkns-home-faq-question-text\">\n                                    Apakah bidang perniagaan Koperasi PKNS?                                <\/span>\n\n                                <span\n                                    class=\"pkns-home-faq-indicator\"\n                                    aria-hidden=\"true\"\n                                ><\/span>\n\n                            <\/summary>\n\n                            <div class=\"pkns-home-faq-answer\">\n\n                                <p>\n                                    Empat teras aktiviti Koperasi PKNS ialah Hartanah, Perkhidmatan, Pembiayaan dan Peruncitan.                                <\/p>\n\n                                                                <a href=\"https:\/\/koperasipkns.com\/index.php\/teras-aktiviti\/\">\n\n                                    Lihat teras aktiviti\n                                    <span aria-hidden=\"true\">\u2192<\/span>\n\n                                <\/a>\n                                \n                            <\/div>\n\n                        <\/details>\n\n                    \n                        <!--\n                            No \"open\" attribute.\n                            Every item starts CLOSED.\n                        -->\n\n                        <details class=\"pkns-home-faq-card\">\n\n                            <summary class=\"pkns-home-faq-question\">\n\n                                <span class=\"pkns-home-faq-question-text\">\n                                    Bagaimanakah saya mendapatkan borang permohonan?                                <\/span>\n\n                                <span\n                                    class=\"pkns-home-faq-indicator\"\n                                    aria-hidden=\"true\"\n                                ><\/span>\n\n                            <\/summary>\n\n                            <div class=\"pkns-home-faq-answer\">\n\n                                <p>\n                                    Pilih borang yang diperlukan melalui halaman Muat Turun Borang. Muat turun dokumen PDF dan ikuti arahan permohonan yang disediakan.                                <\/p>\n\n                                                                <a href=\"https:\/\/koperasipkns.com\/index.php\/muat-turun-borang\/\">\n\n                                    Muat turun borang\n                                    <span aria-hidden=\"true\">\u2192<\/span>\n\n                                <\/a>\n                                \n                            <\/div>\n\n                        <\/details>\n\n                    \n                        <!--\n                            No \"open\" attribute.\n                            Every item starts CLOSED.\n                        -->\n\n                        <details class=\"pkns-home-faq-card\">\n\n                            <summary class=\"pkns-home-faq-question\">\n\n                                <span class=\"pkns-home-faq-question-text\">\n                                    Di manakah saya boleh menyemak permohonan?                                <\/span>\n\n                                <span\n                                    class=\"pkns-home-faq-indicator\"\n                                    aria-hidden=\"true\"\n                                ><\/span>\n\n                            <\/summary>\n\n                            <div class=\"pkns-home-faq-answer\">\n\n                                <p>\n                                    Untuk pertanyaan atau semakan berkaitan permohonan, sila hubungi pihak Koperasi PKNS melalui saluran perhubungan rasmi.                                <\/p>\n\n                                                                <a href=\"https:\/\/koperasipkns.com\/index.php\/hubungi-kami\/\">\n\n                                    Hubungi kami\n                                    <span aria-hidden=\"true\">\u2192<\/span>\n\n                                <\/a>\n                                \n                            <\/div>\n\n                        <\/details>\n\n                    \n                        <!--\n                            No \"open\" attribute.\n                            Every item starts CLOSED.\n                        -->\n\n                        <details class=\"pkns-home-faq-card\">\n\n                            <summary class=\"pkns-home-faq-question\">\n\n                                <span class=\"pkns-home-faq-question-text\">\n                                    Bolehkah saya melihat sijil secara dalam talian?                                <\/span>\n\n                                <span\n                                    class=\"pkns-home-faq-indicator\"\n                                    aria-hidden=\"true\"\n                                ><\/span>\n\n                            <\/summary>\n\n                            <div class=\"pkns-home-faq-answer\">\n\n                                <p>\n                                    Ya. Sijil dalam bahagian Sijil &amp; Pengiktirafan boleh dibuka dan dilihat secara dalam talian.                                <\/p>\n\n                                                                <a href=\"https:\/\/koperasipkns.com\/index.php\/prestasi\/\">\n\n                                    Lihat semua sijil\n                                    <span aria-hidden=\"true\">\u2192<\/span>\n\n                                <\/a>\n                                \n                            <\/div>\n\n                        <\/details>\n\n                    \n                        <!--\n                            No \"open\" attribute.\n                            Every item starts CLOSED.\n                        -->\n\n                        <details class=\"pkns-home-faq-card\">\n\n                            <summary class=\"pkns-home-faq-question\">\n\n                                <span class=\"pkns-home-faq-question-text\">\n                                    Apakah waktu operasi pejabat?                                <\/span>\n\n                                <span\n                                    class=\"pkns-home-faq-indicator\"\n                                    aria-hidden=\"true\"\n                                ><\/span>\n\n                            <\/summary>\n\n                            <div class=\"pkns-home-faq-answer\">\n\n                                <p>\n                                    Isnin hingga Jumaat: 8.00 Pagi hingga 5.00 Petang\nSabtu, Ahad &amp; Cuti Umum: Tutup                                <\/p>\n\n                                                                <a href=\"https:\/\/koperasipkns.com\/index.php\/hubungi-kami\/\">\n\n                                    Maklumat perhubungan\n                                    <span aria-hidden=\"true\">\u2192<\/span>\n\n                                <\/a>\n                                \n                            <\/div>\n\n                        <\/details>\n\n                    \n                <\/div>\n\n            <\/div>\n\n        <\/section>\n\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21c8bc0 e-con-full e-flex tm-col-stretched-none tm-bg-color-over-image e-con e-parent\" data-id=\"21c8bc0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e94ca1 elementor-widget elementor-widget-shortcode\" data-id=\"0e94ca1\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n    .pkns-hubungi,\n    .pkns-hubungi * {\n        box-sizing: border-box;\n    }\n\n    .pkns-hubungi {\n        width: 100%;\n        padding: 30px 0;\n        margin: 0;\n        background: #0e3358;\n        color: #fff;\n        font-family: Inter, Arial, sans-serif;\n    }\n\n    .pkns-hubungi-inner {\n        width: 100%;\n        max-width: 1140px;\n        margin: 0 auto;\n        padding: 0 24px;\n\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 24px;\n    }\n\n    .pkns-hubungi-title {\n        margin: 0 0 7px !important;\n        color: #fff !important;\n        font-size: 21px;\n        font-weight: 700;\n        line-height: 1.3;\n    }\n\n    .pkns-hubungi-desc {\n        margin: 0;\n        color: #b7cada;\n        font-size: 11px;\n        line-height: 1.6;\n    }\n\n    .pkns-hubungi-links {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 28px;\n    }\n\n    .pkns-hubungi-link {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        color: #fff !important;\n        font-size: 12px;\n        font-weight: 500;\n        text-decoration: none !important;\n        overflow-wrap: anywhere;\n    }\n\n    .pkns-hubungi-link:hover {\n        color: #d5e6f5 !important;\n    }\n\n    .pkns-hubungi-link:focus-visible {\n        outline: 2px solid #fff;\n        outline-offset: 4px;\n    }\n\n    .pkns-hubungi-link svg {\n        width: 17px;\n        height: 17px;\n        flex-shrink: 0;\n        fill: none;\n        stroke: currentColor;\n        stroke-width: 1.7;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\n\n    @media (max-width: 767px) {\n        .pkns-hubungi {\n            padding: 35px 0;\n        }\n\n        .pkns-hubungi-inner {\n            padding: 0 20px;\n            flex-direction: column;\n            align-items: flex-start;\n            gap: 22px;\n        }\n\n        .pkns-hubungi-title {\n            font-size: 21px;\n        }\n\n        .pkns-hubungi-links {\n            flex-direction: column;\n            align-items: flex-start;\n            gap: 14px;\n        }\n    }\n    <\/style>\n\n    <section\n        class=\"pkns-hubungi\"\n        aria-label=\"Hubungi Koperasi PKNS\"\n    >\n        <div class=\"pkns-hubungi-inner\">\n\n            <div>\n                <h2 class=\"pkns-hubungi-title\">\n                    Hubungi Koperasi PKNS\n                <\/h2>\n\n                <p class=\"pkns-hubungi-desc\">\n                    Kami sedia membantu urusan anda.\n                <\/p>\n            <\/div>\n\n            <div class=\"pkns-hubungi-links\">\n\n                                <a\n                    class=\"pkns-hubungi-link\"\n                    href=\"tel:+60355111775\"\n                >\n                    <svg viewBox=\"0 0 24 24\"\n                         aria-hidden=\"true\">\n                        <path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.7 19.7 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.7 19.7 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7l.5 3a2 2 0 0 1-.6 1.7L7.1 10a16 16 0 0 0 6.9 6.9l1.6-1.9a2 2 0 0 1 1.7-.6l3 .5a2 2 0 0 1 1.7 2Z\"\/>\n                    <\/svg>\n                    03-5511 1775                <\/a>\n                \n                                <a\n                    class=\"pkns-hubungi-link\"\n                    href=\"mailto:admin@koperasipkns.com\"\n                >\n                    <svg viewBox=\"0 0 24 24\"\n                         aria-hidden=\"true\">\n                        <rect x=\"2\" y=\"4\"\n                              width=\"20\" height=\"16\"\n                              rx=\"2\"\/>\n                        <path d=\"m22 7-10 7L2 7\"\/>\n                    <\/svg>\n                    admin@koperasipkns.com                <\/a>\n                \n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-207a4e3 e-con-full e-flex tm-col-stretched-none tm-bg-color-over-image e-con e-parent\" data-id=\"207a4e3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-735879a elementor-widget elementor-widget-shortcode\" data-id=\"735879a\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n    .pkns-global-footer,\n    .pkns-global-footer * {\n        box-sizing: border-box;\n    }\n\n    .pkns-global-footer {\n        --pkf-bg: #061e37;\n        --pkf-text: #b7cada;\n        --pkf-line: rgba(255,255,255,.15);\n        --pkf-red: #c91536;\n\n        width: 100%;\n        margin: 0;\n        padding: 0;\n        background: var(--pkf-bg);\n        color: #fff;\n        font-family: Inter, Arial, sans-serif;\n    }\n\n    .pkns-global-footer .pkf-inner {\n        width: 100%;\n        max-width: 1140px;\n        padding: 0 24px;\n        margin: 0 auto;\n    }\n\n    \/* MAIN GRID *\/\n\n    .pkns-global-footer .pkf-main {\n        padding: 45px 0 35px;\n    }\n\n    .pkns-global-footer .pkf-grid {\n        display: grid;\n        grid-template-columns:\n            1.35fr .85fr .85fr 1.2fr;\n        gap: 50px;\n        align-items: start;\n    }\n\n    \/* BRAND *\/\n\n    .pkns-global-footer .pkf-logo {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 50px;\n        height: 66px;\n        background: #fff;\n        padding: 4px;\n        margin-bottom: 16px;\n        text-decoration: none !important;\n    }\n\n    .pkns-global-footer .pkf-logo img {\n        display: block !important;\n        width: 100% !important;\n        height: 100% !important;\n        max-width: 100% !important;\n        object-fit: contain !important;\n        margin: 0 !important;\n    }\n\n    .pkns-global-footer .pkf-brand-name {\n        color: #fff !important;\n        font-size: 12px;\n        font-weight: 800;\n        margin: 0 0 18px;\n        line-height: 1.5;\n    }\n\n    .pkns-global-footer .pkf-brand-desc {\n        color: var(--pkf-text);\n        font-size: 12px;\n        line-height: 1.8;\n        margin: 0;\n    }\n\n    \/* HEADINGS *\/\n\n    .pkns-global-footer .pkf-heading {\n        position: relative;\n        color: #fff !important;\n        font-size: 12px;\n        font-weight: 700;\n        margin: 0 0 22px;\n        padding-bottom: 12px;\n        line-height: 1.5;\n    }\n\n    .pkns-global-footer .pkf-heading::after {\n        content: '';\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        width: 20px;\n        height: 2px;\n        background: var(--pkf-red);\n    }\n\n    \/* NAVIGATION *\/\n\n    .pkns-global-footer .pkf-links {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 15px;\n    }\n\n    .pkns-global-footer .pkf-link {\n        color: var(--pkf-text) !important;\n        font-size: 11px;\n        line-height: 1.5;\n        text-decoration: none !important;\n    }\n\n    .pkns-global-footer a.pkf-link:hover {\n        color: #fff !important;\n    }\n\n    .pkns-global-footer .pkf-inactive {\n        cursor: default;\n    }\n\n    \/* CONTACT INFORMATION *\/\n\n    .pkns-global-footer .pkf-details {\n        display: flex;\n        flex-direction: column;\n        gap: 15px;\n    }\n\n    .pkns-global-footer .pkf-detail {\n        display: flex;\n        align-items: flex-start;\n        gap: 11px;\n        min-width: 0;\n\n        color: var(--pkf-text);\n        font-size: 11px;\n        line-height: 1.6;\n    }\n\n    .pkns-global-footer .pkf-detail svg {\n        flex-shrink: 0;\n        width: 17px;\n        height: 17px;\n        margin-top: 2px;\n        fill: none;\n        stroke: currentColor;\n        stroke-width: 1.7;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\n\n    .pkns-global-footer .pkf-detail a {\n        color: var(--pkf-text) !important;\n        text-decoration: none !important;\n        overflow-wrap: anywhere;\n    }\n\n    .pkns-global-footer .pkf-detail a:hover {\n        color: #fff !important;\n    }\n\n    \/* SOCIAL *\/\n\n    .pkns-global-footer .pkf-social {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 8px;\n        margin-top: 18px;\n    }\n\n    .pkns-global-footer .pkf-social a {\n        display: inline-flex;\n        align-items: center;\n        min-height: 30px;\n        padding: 7px 13px;\n        border-radius: 4px;\n        font-size: 11px;\n        font-weight: 700;\n        text-decoration: none !important;\n    }\n\n    .pkns-global-footer .pkf-facebook {\n        background: #193854;\n        color: #fff !important;\n    }\n\n    .pkns-global-footer .pkf-whatsapp {\n        background: #073e37;\n        border: 1px solid #087b57;\n        color: #22ce82 !important;\n    }\n\n    \/* BOTTOM *\/\n\n    .pkns-global-footer .pkf-bottom {\n        border-top: 1px solid var(--pkf-line);\n        padding: 22px 0;\n    }\n\n    .pkns-global-footer .pkf-bottom-inner {\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        flex-wrap: wrap;\n        gap: 18px;\n    }\n\n    .pkns-global-footer .pkf-copy {\n        color: #8fa8bd;\n        font-size: 10px;\n        line-height: 1.5;\n        margin: 0;\n    }\n\n    .pkns-global-footer a:focus-visible {\n        outline: 2px solid #fff;\n        outline-offset: 3px;\n    }\n\n    \/* TABLET *\/\n\n    @media (max-width: 1024px) {\n        .pkns-global-footer .pkf-grid {\n            grid-template-columns:\n                repeat(2, minmax(0,1fr));\n            gap: 38px 45px;\n        }\n    }\n\n    \/* MOBILE *\/\n\n    @media (max-width: 767px) {\n        .pkns-global-footer .pkf-inner {\n            padding: 0 20px;\n        }\n\n        .pkns-global-footer .pkf-main {\n            padding: 40px 0 32px;\n        }\n\n        .pkns-global-footer .pkf-grid {\n            grid-template-columns:\n                repeat(2, minmax(0,1fr));\n            gap: 35px 22px;\n        }\n\n        .pkns-global-footer .pkf-brand,\n        .pkns-global-footer .pkf-contact-column {\n            grid-column: 1 \/ -1;\n        }\n\n        .pkns-global-footer .pkf-bottom-inner {\n            flex-direction: column;\n            align-items: flex-start;\n        }\n    }\n\n    @media (max-width: 380px) {\n        .pkns-global-footer .pkf-inner {\n            padding: 0 16px;\n        }\n\n        .pkns-global-footer .pkf-link {\n            font-size: 10px;\n        }\n    }\n    <\/style>\n\n    <footer\n        class=\"pkns-global-footer\"\n        aria-label=\"Footer Koperasi PKNS Berhad\"\n    >\n\n        <div class=\"pkf-main\">\n            <div class=\"pkf-inner\">\n                <div class=\"pkf-grid\">\n\n                    <!-- BRAND -->\n                    <div class=\"pkf-brand\">\n\n                        <a class=\"pkf-logo\"\n                           href=\"https:\/\/koperasipkns.com\/\"\n                           aria-label=\"Laman utama Koperasi PKNS\">\n\n                                                            <img decoding=\"async\"\n                                    src=\"https:\/\/koperasipkns.com\/wp-content\/uploads\/2025\/06\/cropped-Logo_Raw_360_360-180x180.png\"\n                                    alt=\"Logo Koperasi PKNS Berhad\"\n                                    loading=\"lazy\"\n                                >\n                            \n                        <\/a>\n\n                        <h3 class=\"pkf-brand-name\">\n                            KOPERASI PKNS BERHAD\n                        <\/h3>\n\n                        <p class=\"pkf-brand-desc\">\n                            Pembiayaan Untuk Pelaburan.\n                            Simpanan Untuk Masa Hadapan.\n                        <\/p>\n                    <\/div>\n\n                    <!-- NAVIGATION -->\n                    <nav aria-label=\"Navigasi footer\">\n                        <h3 class=\"pkf-heading\">Navigasi<\/h3>\n                        <div class=\"pkf-links\">\n                            <a class=\"pkf-link\" href=\"https:\/\/koperasipkns.com\/\">Utama<\/a><a class=\"pkf-link\" href=\"https:\/\/koperasipkns.com\/index.php\/korporat\/\">Korporat<\/a><a class=\"pkf-link\" href=\"https:\/\/koperasipkns.com\/index.php\/teras-aktiviti\/\">Teras Aktiviti<\/a><a class=\"pkf-link\" href=\"https:\/\/koperasipkns.com\/index.php\/prestasi\/\">Prestasi<\/a><a class=\"pkf-link\" href=\"https:\/\/koperasipkns.com\/index.php\/untuk-anggota\/\">Untuk Anggota<\/a><a class=\"pkf-link\" href=\"https:\/\/koperasipkns.com\/index.php\/media\/\">Media<\/a><a class=\"pkf-link\" href=\"https:\/\/koperasipkns.com\/index.php\/rakan-strategik\/\">Rakan Strategik<\/a><a class=\"pkf-link\" href=\"https:\/\/koperasipkns.com\/index.php\/hubungi-kami\/\">Hubungi<\/a>                        <\/div>\n                    <\/nav>\n\n                    <!-- MEMBER ACCESS -->\n                    <nav aria-label=\"Akses anggota\">\n                        <h3 class=\"pkf-heading\">Akses Anggota<\/h3>\n                        <div class=\"pkf-links\">\n                            <a class=\"pkf-link\" href=\"https:\/\/koperasipkns.com\/index.php\/untuk-anggota\/\">Untuk Anggota<\/a><a class=\"pkf-link\" href=\"https:\/\/koperasipkns.com\/index.php\/muat-turun-borang\/\">Muat Turun Borang<\/a><a class=\"pkf-link\" href=\"https:\/\/vtcoopslinks.biz\/K005\/\">Sistem Maklumat Keahlian<\/a>                        <\/div>\n                    <\/nav>\n\n                    <!-- CONTACT -->\n                    <div class=\"pkf-contact-column\">\n\n                        <h3 class=\"pkf-heading\">\n                            Hubungi Koperasi PKNS\n                        <\/h3>\n\n                        <div class=\"pkf-details\">\n\n                            <div class=\"pkf-detail\">\n                                <svg viewBox=\"0 0 24 24\"\n                                     aria-hidden=\"true\">\n                                    <path d=\"M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z\"\/>\n                                    <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n                                <\/svg>\n\n                                <span>\n                                    Tingkat 2, Kompleks PKNS Shah Alam, Persiaran Tasik, 40505 Shah Alam, Selangor Darul Ehsan                                <\/span>\n                            <\/div>\n                            <div class=\"pkf-detail\">\n                                <svg viewBox=\"0 0 24 24\"\n                                     aria-hidden=\"true\">\n                                    <path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.7 19.7 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.7 19.7 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7l.5 3a2 2 0 0 1-.6 1.7L7.1 10a16 16 0 0 0 6.9 6.9l1.6-1.9a2 2 0 0 1 1.7-.6l3 .5a2 2 0 0 1 1.7 2Z\"\/>\n                                <\/svg>\n\n                                <a href=\"tel:+60355111775\">\n                                    Talian: 03-5511 1775                                <\/a>\n                            <\/div>\n                            <div class=\"pkf-detail\">\n                                <svg viewBox=\"0 0 24 24\"\n                                     aria-hidden=\"true\">\n                                    <rect x=\"2\" y=\"4\"\n                                          width=\"20\" height=\"16\"\n                                          rx=\"2\"\/>\n                                    <path d=\"m22 7-10 7L2 7\"\/>\n                                <\/svg>\n\n                                <a href=\"mailto:admin@koperasipkns.com\">\n                                    admin@koperasipkns.com                                <\/a>\n                            <\/div>\n                            <div class=\"pkf-detail\">\n                                <svg viewBox=\"0 0 24 24\"\n                                     aria-hidden=\"true\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                                    <path d=\"M12 6v6l4 2\"\/>\n                                <\/svg>\n\n                                <span>\n                                    Isnin hingga Jumaat: 8.00 Pagi hingga 5.00 Petang                                <\/span>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"pkf-social\">\n\n                                                            <a\n                                    class=\"pkf-facebook\"\n                                    href=\"https:\/\/www.facebook.com\/people\/Koperasi-PKNS-Berhad\/100063703562618\/\"\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                >f &nbsp; Facebook<\/a>\n                            \n                                                            <a\n                                    class=\"pkf-whatsapp\"\n                                    href=\"https:\/\/wa.me\/60193863963\"\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                >WhatsApp<\/a>\n                            \n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- COPYRIGHT -->\n        <div class=\"pkf-inner\">\n\n            <div class=\"pkf-bottom\">\n\n                <div class=\"pkf-bottom-inner\">\n\n                    <p class=\"pkf-copy\">\n                        \u00a9 2026                        Koperasi PKNS Berhad.\n                        Hak Cipta Terpelihara.\n                    <\/p>\n\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/footer>\n\n     <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>KOPERASI PKNS BERHAD \u00b7 SEJAK 1972 Memperkukuh koperasi.Memajukan anggota. Pembiayaan untuk pelaburan.Simpanan untuk masa hadapan. Kenali Koperasi PKNS Perniagaan Kami<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-20332","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/koperasipkns.com\/index.php\/wp-json\/wp\/v2\/pages\/20332","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/koperasipkns.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/koperasipkns.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/koperasipkns.com\/index.php\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/koperasipkns.com\/index.php\/wp-json\/wp\/v2\/comments?post=20332"}],"version-history":[{"count":65,"href":"https:\/\/koperasipkns.com\/index.php\/wp-json\/wp\/v2\/pages\/20332\/revisions"}],"predecessor-version":[{"id":20747,"href":"https:\/\/koperasipkns.com\/index.php\/wp-json\/wp\/v2\/pages\/20332\/revisions\/20747"}],"wp:attachment":[{"href":"https:\/\/koperasipkns.com\/index.php\/wp-json\/wp\/v2\/media?parent=20332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}