{"id":385,"date":"2025-12-01T06:26:12","date_gmt":"2025-12-01T06:26:12","guid":{"rendered":"https:\/\/najicode.com\/JLM\/?page_id=385"},"modified":"2026-09-08T16:14:02","modified_gmt":"2026-09-08T08:14:02","slug":"carta-organisasi","status":"publish","type":"page","link":"https:\/\/develop.marine.gov.my\/en\/carta-organisasi\/","title":{"rendered":"Organization Chart"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"385\" class=\"elementor elementor-385\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5a27f2 e-flex e-con-boxed e-con e-parent\" data-id=\"c5a27f2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee1a257 elementor-widget elementor-widget-html\" data-id=\"ee1a257\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script type=\"application\/json\" id=\"jlm-breadcrumb-override\">{\"parent\":{\"title\":\"Info Korporat\",\"link\":\"https:\/\/develop.marine.gov.my\/info-korporat\/\"}}<\/script><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .jlm-org-bergambar {\n    --jlm-navy: #023047;\n    --jlm-navy-dark: #0a2b45;\n    --jlm-yellow: #ffb703;\n    --jlm-sky: #0284c7;\n    --jlm-text: #334155;\n    --jlm-muted: #64748b;\n    --jlm-border: #e2e8f0;\n    --jlm-line: #cbd5e1;\n    --jlm-surface: #ffffff;\n    --jlm-surface-soft: #f8fafc;\n\n    width: 100%;\n    min-height: 100vh;\n    padding: 16px;\n    color: var(--jlm-text);\n    font-family: \"Poppins\", Arial, sans-serif;\n      }\n\n  .jlm-org-bergambar,\n  .jlm-org-bergambar * {\n    box-sizing: border-box;\n  }\n\n  .jlm-org-bergambar a,\n  .jlm-org-bergambar button {\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .jlm-org-bergambar a:focus-visible,\n  .jlm-org-bergambar button:focus-visible {\n    outline: 3px solid rgba(2, 132, 199, 0.35);\n    outline-offset: 3px;\n  }\n\n  .jlm-org-bergambar__container {\n    width: min(100%, 1280px);\n    margin-inline: auto;\n  }\n\n  \n\n  \n\n  \n\n  .jlm-org-bergambar__separator {\n    color: #94a3b8;\n  }\n\n  \n\n  .jlm-org-bergambar__intro {\n    margin-bottom: 38px;\n  }\n\n  .jlm-org-bergambar__title-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .jlm-org-bergambar__title {\n    margin: 0;\n    color: var(--jlm-navy-dark);\n    font-size: clamp(1.45rem, 2vw, 1.85rem);\n    font-weight: 800;\n    line-height: 1.15;\n  }\n\n  .jlm-org-bergambar__subtitle {\n    max-width: 700px;\n    margin: 12px 0 0;\n    color: #47627c;\n    font-size: 0.95rem;\n    line-height: 1.65;\n  }\n\n  .jlm-org-bergambar__compass {\n    position: relative;\n    flex: 0 0 32px;\n    width: 32px;\n    height: 32px;\n  }\n\n  .jlm-org-bergambar__compass-ring {\n    position: absolute;\n    inset: 0;\n    border: 2.5px solid #ffd800;\n    border-radius: 50%;\n    animation: jlm-org-bergambar-spin 12s linear infinite;\n  }\n\n  .jlm-org-bergambar__compass-dot {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--jlm-navy-dark);\n    transform: translate(-50%, -50%);\n  }\n\n  @keyframes jlm-org-bergambar-spin {\n    to { transform: rotate(360deg); }\n  }\n\n  .jlm-org-bergambar__switch {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-bottom: 36px;\n  }\n\n  .jlm-org-bergambar__switch a {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 42px;\n    padding: 10px 18px;\n    border: 1px solid #d8e3eb;\n    border-radius: 999px;\n    background: #ffffff;\n    color: var(--jlm-navy-dark);\n    font-size: 13px;\n    font-weight: 700;\n    text-decoration: none;\n    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;\n  }\n\n  .jlm-org-bergambar__switch a:hover,\n  .jlm-org-bergambar__switch a.is-active {\n    border-color: var(--jlm-navy);\n    background: var(--jlm-navy);\n    color: #ffffff;\n    box-shadow: 0 8px 18px rgba(2, 48, 71, 0.16);\n  }\n\n  .jlm-org-bergambar__card {\n    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;\n  }\n\n  .jlm-org-bergambar__card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 10px 25px -5px rgba(10, 43, 69, 0.12);\n  }\n\n  .jlm-org-bergambar__top-wrap {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    margin-bottom: 64px;\n  }\n\n  .jlm-org-bergambar__top-wrap::after {\n    content: \"\";\n    position: absolute;\n    bottom: -43px;\n    left: 50%;\n    width: 2px;\n    height: 43px;\n    background: var(--jlm-line);\n    transform: translateX(-50%);\n  }\n\n  .jlm-org-bergambar__top-card {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    gap: 18px;\n    width: min(100%, 590px);\n    padding: 18px;\n    border: 1px solid var(--jlm-border);\n    border-top: 4px solid var(--jlm-yellow);\n    border-radius: 14px;\n    background: #ffffff;\n    box-shadow: 0 10px 25px rgba(10, 43, 69, 0.1);\n  }\n\n  .jlm-org-bergambar__top-info,\n  .jlm-org-bergambar__profile-info {\n    min-width: 0;\n    overflow-wrap: anywhere;\n  }\n\n  .jlm-org-bergambar__eyebrow {\n    margin-bottom: 7px;\n    color: var(--jlm-sky);\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 0.09em;\n    line-height: 1.4;\n    text-transform: uppercase;\n  }\n\n  .jlm-org-bergambar__top-name {\n    color: var(--jlm-navy-dark);\n    font-size: 17px;\n    font-weight: 800;\n    line-height: 1.35;\n  }\n\n  .jlm-org-bergambar__grade {\n    display: inline-block;\n    margin-top: 8px;\n    padding: 4px 10px;\n    border: 1px solid #eef2f7;\n    border-radius: 999px;\n    background: #f8fafc;\n    color: #94a3b8;\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n    font-size: 9px;\n    font-weight: 600;\n    line-height: 1.3;\n  }\n\n  .jlm-org-bergambar__image-button {\n    position: relative;\n    display: flex;\n    flex: 0 0 116px;\n    align-items: center;\n    justify-content: center;\n    width: 116px;\n    height: 116px;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n    border: 1px solid #dbeafe;\n    border-radius: 18px;\n    background: #f1f5f9;\n    color: var(--jlm-navy);\n    cursor: zoom-in;\n  }\n\n  .jlm-org-bergambar__image-button--top {\n    flex-basis: 156px;\n    width: 156px;\n    height: 156px;\n    border-radius: 22px;\n  }\n\n  .jlm-org-bergambar__image-button--support {\n    flex-basis: 96px;\n    width: 96px;\n    height: 96px;\n    border-radius: 16px;\n  }\n\n  .jlm-org-bergambar__image-button img,\n  .jlm-org-bergambar__image-button svg {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n\n  .jlm-org-bergambar__image-button img {\n    object-fit: cover;\n    object-position: center top;\n  }\n\n  .jlm-org-bergambar__image-button svg {\n    width: 46%;\n    height: 46%;\n  }\n\n  .jlm-org-bergambar__image-button::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background: rgba(2, 48, 71, 0.34);\n    opacity: 0;\n    transition: opacity 0.18s ease;\n    pointer-events: none;\n  }\n\n  .jlm-org-bergambar__image-button::after {\n    content: \"Lihat\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 54px;\n    height: 34px;\n    padding: 0 10px;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.94);\n    color: var(--jlm-navy);\n    box-shadow: 0 10px 26px rgba(2, 48, 71, 0.18);\n    font-size: 11px;\n    font-weight: 800;\n    opacity: 0;\n    transform: translate(-50%, -50%);\n    transition: opacity 0.18s ease, transform 0.18s ease;\n    pointer-events: none;\n  }\n\n  .jlm-org-bergambar__image-button:hover::before,\n  .jlm-org-bergambar__image-button:hover::after,\n  .jlm-org-bergambar__image-button:focus-visible::before,\n  .jlm-org-bergambar__image-button:focus-visible::after {\n    opacity: 1;\n  }\n\n  .jlm-org-bergambar__image-button:hover::after,\n  .jlm-org-bergambar__image-button:focus-visible::after {\n    transform: translate(-50%, -50%) scale(1.03);\n  }\n\n  .jlm-org-bergambar__branch-grid {\n    position: relative;\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-areas:\n      \"left\"\n      \"right\";\n    gap: 24px;\n    margin-bottom: 32px;\n  }\n\n  .jlm-org-bergambar__column--left { grid-area: left; }\n  .jlm-org-bergambar__column--support { grid-area: support; }\n  .jlm-org-bergambar__column--right { grid-area: right; }\n\n  .jlm-org-bergambar__column {\n    position: relative;\n    z-index: 1;\n    min-width: 0;\n  }\n\n  .jlm-org-bergambar__leader-card {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 14px;\n    border-bottom: 4px solid var(--jlm-yellow);\n    border-radius: 14px;\n    background: var(--jlm-navy);\n    color: #ffffff;\n    box-shadow: 0 8px 20px rgba(10, 43, 69, 0.1);\n  }\n\n  .jlm-org-bergambar__leader-card .jlm-org-bergambar__eyebrow {\n    color: #7dd3fc;\n  }\n\n  .jlm-org-bergambar__leader-name {\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1.4;\n  }\n\n  .jlm-org-bergambar__leader-grade {\n    margin-top: 7px;\n    color: #cbd5e1;\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n    font-size: 9px;\n    line-height: 1.4;\n  }\n\n  .jlm-org-bergambar__list {\n    display: grid;\n    gap: 12px;\n    margin-top: 12px;\n  }\n\n  .jlm-org-bergambar__profile-card {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    min-width: 0;\n    padding: 14px;\n    border: 1px solid var(--jlm-border);\n    border-radius: 14px;\n    background: #ffffff;\n    box-shadow: 0 4px 12px rgba(10, 43, 69, 0.04);\n  }\n\n  .jlm-org-bergambar__profile-card:hover {\n    border-color: #7dd3fc;\n    background: #f8fdff;\n  }\n\n  .jlm-org-bergambar__profile-title {\n    color: var(--jlm-navy);\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 1.4;\n  }\n\n  .jlm-org-bergambar__profile-name {\n    margin-top: 5px;\n    color: #475569;\n    font-size: 12px;\n    line-height: 1.4;\n  }\n\n  .jlm-org-bergambar__profile-grade {\n    display: inline-block;\n    margin-top: 7px;\n    padding: 3px 7px;\n    border: 1px solid var(--jlm-border);\n    border-radius: 999px;\n    background: #f8fafc;\n    color: #64748b;\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n    font-size: 9px;\n    line-height: 1.3;\n  }\n\n  .jlm-org-bergambar__support-panel {\n    height: 100%;\n    padding: 14px;\n    border: 1px solid var(--jlm-border);\n    border-radius: 14px;\n    background: #f1f5f9;\n  }\n\n  .jlm-org-bergambar__support-title {\n    margin-bottom: 14px;\n    padding-bottom: 10px;\n    border-bottom: 1px solid var(--jlm-border);\n    color: #64748b;\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 0.09em;\n    line-height: 1.4;\n    text-align: center;\n    text-transform: uppercase;\n  }\n\n  .jlm-org-bergambar__support-card {\n    padding: 12px;\n    gap: 10px;\n  }\n\n  .jlm-org-bergambar__support-card .jlm-org-bergambar__profile-title {\n    color: var(--jlm-sky);\n    font-size: 10px;\n    text-transform: uppercase;\n  }\n\n  .jlm-org-bergambar__support-card .jlm-org-bergambar__profile-name {\n    color: var(--jlm-navy);\n    font-size: 11px;\n    font-weight: 800;\n  }\n\n  .jlm-org-bergambar__support-card .jlm-org-bergambar__profile-grade {\n    font-size: 8px;\n  }\n\n  .jlm-org-bergambar__connector {\n    display: none;\n    position: absolute;\n    z-index: 0;\n    background: var(--jlm-line);\n    pointer-events: none;\n  }\n\n  .jlm-org-bergambar__regions {\n    overflow: hidden;\n    border: 1px solid var(--jlm-border);\n    border-radius: 16px;\n    background: #ffffff;\n    box-shadow: 0 4px 12px rgba(10, 43, 69, 0.04);\n  }\n\n  .jlm-org-bergambar__regions-header {\n    padding: 16px 22px;\n    border-bottom: 1px solid var(--jlm-border);\n    background: #f8fafc;\n  }\n\n  .jlm-org-bergambar__regions-title {\n    margin: 0;\n    color: var(--jlm-navy-dark);\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: 0.06em;\n    line-height: 1.4;\n    text-transform: uppercase;\n  }\n\n  .jlm-org-bergambar__regions-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    gap: 14px;\n    padding: 20px;\n  }\n\n  .jlm-org-bergambar__region--labuan {\n    grid-column: 1 \/ -1;\n  }\n\n  .jlm-org-bergambar__image-modal[hidden] {\n    display: none !important;\n  }\n\n  .jlm-org-bergambar__image-modal {\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 24px;\n    background: rgba(2, 6, 23, 0.76);\n    backdrop-filter: blur(8px);\n  }\n\n  .jlm-org-bergambar__modal-panel {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: min(92vw, 760px);\n    max-height: 88vh;\n  }\n\n  .jlm-org-bergambar__modal-image {\n    display: block;\n    width: auto;\n    max-width: 100%;\n    height: auto;\n    max-height: 88vh;\n    border-radius: 18px;\n    background: #f8fafc;\n    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);\n    object-fit: contain;\n  }\n\n  .jlm-org-bergambar__modal-close {\n    position: absolute;\n    top: -14px;\n    right: -14px;\n    display: grid;\n    place-items: center;\n    width: 42px;\n    height: 42px;\n    padding: 0;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    border-radius: 50%;\n    background: rgba(15, 23, 42, 0.94);\n    color: #ffffff;\n    font-size: 26px;\n    line-height: 1;\n    cursor: pointer;\n  }\n\n  @media (min-width: 640px) {\n    .jlm-org-bergambar {\n      padding: 24px;\n    }\n\n    .jlm-org-bergambar__regions-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media (min-width: 768px) and (max-width: 1199px) {\n    .jlm-org-bergambar__branch-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      grid-template-areas: \"left right\";\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .jlm-org-bergambar {\n      padding: 32px;\n    }\n\n    .jlm-org-bergambar__regions-grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n\n  @media (min-width: 1200px) {\n    .jlm-org-bergambar__branch-grid {\n      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n      grid-template-areas: \"left right\";\n    }\n\n    .jlm-org-bergambar__support-card {\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n    }\n\n    .jlm-org-bergambar__support-card .jlm-org-bergambar__profile-info {\n      text-align: center;\n    }\n\n    .jlm-org-bergambar__connector {\n      display: block;\n    }\n\n    .jlm-org-bergambar__connector--horizontal {\n      top: -24px;\n      left: 25%;\n      right: 25%;\n      height: 2px;\n    }\n\n    .jlm-org-bergambar__connector--vertical-left,\n    .jlm-org-bergambar__connector--vertical-right {\n      top: -25px;\n      width: 2px;\n      height: 27px;\n      transform: translateX(-50%);\n    }\n\n    .jlm-org-bergambar__connector--vertical-left {\n      left: 25%;\n    }\n\n    .jlm-org-bergambar__connector--vertical-center {\n      display: none;\n    }\n\n    .jlm-org-bergambar__connector--vertical-right {\n      left: 75%;\n    }\n\n    .jlm-org-bergambar__connector--trunk-down {\n      top: -24px;\n      bottom: 0;\n      left: 50%;\n      width: 2px;\n      transform: translateX(-50%);\n    }\n\n    .jlm-org-bergambar__connector--center-up {\n      top: -43px;\n      left: 50%;\n      width: 2px;\n      height: 21px;\n      transform: translateX(-50%);\n    }\n  }\n\n  @media (max-width: 640px) {\n    .jlm-org-bergambar__top-card,\n    .jlm-org-bergambar__leader-card,\n    .jlm-org-bergambar__profile-card {\n      align-items: flex-start;\n    }\n\n    .jlm-org-bergambar__image-button--top {\n      flex-basis: 112px;\n      width: 112px;\n      height: 112px;\n    }\n\n    .jlm-org-bergambar__image-button {\n      flex-basis: 88px;\n      width: 88px;\n      height: 88px;\n    }\n\n    .jlm-org-bergambar__image-button--support {\n      flex-basis: 82px;\n      width: 82px;\n      height: 82px;\n    }\n\n    .jlm-org-bergambar__image-button::after {\n      min-width: 44px;\n      height: 30px;\n      font-size: 10px;\n    }\n\n    .jlm-org-bergambar__image-modal {\n      padding: 16px;\n    }\n\n    .jlm-org-bergambar__modal-image {\n      max-height: 82vh;\n      border-radius: 14px;\n    }\n\n    .jlm-org-bergambar__modal-close {\n      top: -10px;\n      right: -8px;\n    }\n  }\n\n  @media (max-width: 430px) {\n    .jlm-org-bergambar__switch a {\n      width: 100%;\n    }\n\n    .jlm-org-bergambar__top-card,\n    .jlm-org-bergambar__leader-card,\n    .jlm-org-bergambar__profile-card {\n      gap: 11px;\n      padding: 12px;\n    }\n\n    .jlm-org-bergambar__top-name {\n      font-size: 14px;\n    }\n\n    .jlm-org-bergambar__profile-title,\n    .jlm-org-bergambar__profile-name,\n    .jlm-org-bergambar__leader-name {\n      font-size: 11px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .jlm-org-bergambar__compass-ring {\n      animation: none;\n    }\n\n    .jlm-org-bergambar__card,\n    .jlm-org-bergambar__image-button::before,\n    .jlm-org-bergambar__image-button::after,\n    .jlm-org-bergambar__switch a,\n    \n\n    .jlm-org-bergambar__card:hover {\n      transform: none;\n    }\n  }\n\n  .jlm-org-bergambar__peer-wrap {\n    position: relative;\n    margin-bottom: 48px;\n  }\n\n  .jlm-org-bergambar__peer-connector {\n    display: none;\n    position: absolute;\n    z-index: 0;\n    background: var(--jlm-line);\n    pointer-events: none;\n  }\n\n  .jlm-org-bergambar__peer-row {\n    display: grid;\n    align-items: start;\n    grid-template-columns: minmax(0, 1fr);\n    gap: 16px;\n  }\n\n  .jlm-org-bergambar__peer-item {\n    position: relative;\n    z-index: 1;\n    min-width: 0;\n    padding: 16px;\n    border: 1px solid var(--jlm-border);\n    border-radius: 14px;\n    background: #f8fafc;\n    box-shadow: 0 4px 12px rgba(10, 43, 69, 0.04);\n  }\n\n  .jlm-org-bergambar__peer-item-title {\n    margin-bottom: 10px;\n    color: var(--jlm-navy-dark);\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 1.4;\n  }\n\n  .jlm-org-bergambar__peer-list {\n    display: grid;\n    gap: 10px;\n  }\n\n  .jlm-org-bergambar__image-button--peer {\n    flex-basis: 80px;\n    width: 80px;\n    height: 80px;\n    border-radius: 14px;\n  }\n\n  .jlm-org-bergambar__peer-row-card {\n    padding: 10px;\n    gap: 12px;\n  }\n\n  .jlm-org-bergambar__peer-row-card .jlm-org-bergambar__profile-title,\n  .jlm-org-bergambar__peer-row-card .jlm-org-bergambar__profile-name {\n    font-size: 11px;\n  }\n\n  @media (min-width: 768px) {\n    .jlm-org-bergambar__peer-row {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .jlm-org-bergambar__peer-list--wilayah {\n      grid-auto-flow: column;\n      grid-template-rows: repeat(4, auto);\n      grid-auto-columns: 1fr;\n      column-gap: 16px;\n    }\n\n    .jlm-org-bergambar__peer-list--support {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      column-gap: 16px;\n    }\n  }\n\n  @media (min-width: 1200px) {\n    .jlm-org-bergambar__peer-connector {\n      display: block;\n    }\n\n    .jlm-org-bergambar__peer-connector--stub {\n      top: -32px;\n      left: 50%;\n      width: 2px;\n      height: 10px;\n      transform: translateX(-50%);\n    }\n\n    .jlm-org-bergambar__peer-connector--horizontal {\n      top: -22px;\n      left: 25%;\n      right: 25%;\n      height: 2px;\n    }\n\n    .jlm-org-bergambar__peer-connector--vertical-left,\n    .jlm-org-bergambar__peer-connector--vertical-right {\n      top: -22px;\n      width: 2px;\n      height: 22px;\n    }\n\n    .jlm-org-bergambar__peer-connector--vertical-left {\n      left: 25%;\n    }\n\n    .jlm-org-bergambar__peer-connector--vertical-right {\n      left: 75%;\n    }\n  }\n<\/style>\n\n<section class=\"jlm-org-bergambar\" aria-labelledby=\"jlm-org-bergambar-title\">\n  <div class=\"jlm-org-bergambar__container\">\n    <header class=\"jlm-org-bergambar__intro\">\n      <div class=\"jlm-org-bergambar__title-row\">\n        <div class=\"jlm-org-bergambar__compass\" aria-hidden=\"true\">\n          <div class=\"jlm-org-bergambar__compass-ring\"><\/div>\n          <div class=\"jlm-org-bergambar__compass-dot\"><\/div>\n        <\/div>\n        <h1 class=\"jlm-org-bergambar__title\" id=\"jlm-org-bergambar-title\">Carta Organisasi<\/h1>\n      <\/div>\n    <\/header>\n\n    <div class=\"jlm-org-bergambar__switch\" aria-label=\"Pilihan paparan carta organisasi\">\n      <a href=\"\/carta-organisasi-umum\/\">Versi Umum<\/a>\n      <a href=\"\/carta-organisasi\/\" class=\"is-active\" aria-current=\"page\">Versi Bergambar<\/a>\n    <\/div>\n\n    <div id=\"jlm-org-bergambar-root\"><\/div>\n  <\/div>\n<\/section>\n\n<div\n  class=\"jlm-org-bergambar__image-modal\"\n  id=\"jlm-org-bergambar-modal\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-label=\"Paparan gambar pegawai\"\n  hidden\n>\n  <div class=\"jlm-org-bergambar__modal-panel\" role=\"document\">\n    <img decoding=\"async\" class=\"jlm-org-bergambar__modal-image\" id=\"jlm-org-bergambar-modal-image\" src=\"\" alt=\"\">\n    <button class=\"jlm-org-bergambar__modal-close\" id=\"jlm-org-bergambar-modal-close\" type=\"button\" aria-label=\"Tutup paparan gambar\">&times;<\/button>\n  <\/div>\n<\/div>\n\n<script>\n  (() => {\n    \"use strict\";\n\n    const isEN = document.documentElement.lang.startsWith(\"en\");\n\n    const root = document.getElementById(\"jlm-org-bergambar-root\");\n    const modal = document.getElementById(\"jlm-org-bergambar-modal\");\n    const modalImage = document.getElementById(\"jlm-org-bergambar-modal-image\");\n    const modalClose = document.getElementById(\"jlm-org-bergambar-modal-close\");\n\n    if (!root || !modal || !modalImage || !modalClose) {\n      return;\n    }\n\n    \/\/ Fix: escape the page-wrapper stacking context (isolation:isolate on\n    \/\/ [data-elementor-type=\"wp-page\"]) that traps this modal below the header.\n    document.body.appendChild(modal);\n\n    const uploadBase = new URL(\"\/wp-content\/uploads\/2026\/07\/\", window.location.origin).href;\n\n    const data = {\n      top: {\n        title: (isEN ? \"Director General\" : \"Ketua Pengarah Laut\"),\n        name: \"YBHG. DATUK HAJI DICKSON BIN DOLLAH\",\n        grade: \"PL UTAMA A\",\n        image: \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/DATUK-HAJI-DICKSON-BIN-DOLLAH-05.jpg\"\n      },\n      leftLeader: {\n        title: (isEN ? \"Deputy Director General (Planning)\" : \"Timbalan Ketua Pengarah (Perancangan)\"),\n        name: \"KAPTEN HAJI ABDUL SAMAD BIN SHAIK OSMAN\",\n        grade: \"PL UTAMA C\/B\",\n        image: \"KAPTEN-ABDUL-SAMAD-BIN-SHAIK-OSMAN-CORPORATE-PROFILE-13.webp\"\n      },\n      rightLeader: {\n        title: (isEN ? \"Deputy Director General (Operation)\" : \"Timbalan Ketua Pengarah (Operasi)\"),\n        name: \"KAPTEN NAZRI BIN ABU HASSAN\",\n        grade: \"PL UTAMA C (M)\",\n        image: \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/KAPTEN-NAZRI-BIN-ABU-HASSAN-02.jpeg\"\n      },\n      left: [\n        [(isEN ? \"Safety of Navigation and Maritime Communication Division\" : \"Bahagian Keselamatan Pelayaran & Komunikasi Maritim\"), \"Tuan Haji Mohd Fairoz Bin Rozali\", \"PL AL14\", \"HAJI-MOHD-FAIROZ-BIN-ROZALI-04.webp\"],\n        [(isEN ? \"Safety, Security and Environment Division\" : \"Bahagian Keselamatan Sekuriti dan Alam Sekitar\"), \"Norjipin Bin Saidi\", \"PL AL14\", \"NORJIPIN-BIN-SAIDI-04.webp\"],\n        [(isEN ? \"Shipping and Seafarer Development Division\" : \"Bahagian Pembangunan Perkapalan dan Pelaut\"), \"Burhanudin Bin Abdullah (TK)\", \"PL AL14\", \"\"],\n        [(isEN ? \"Ports, Logistics and Maritime Trade Division\" : \"Bahagian Pelabuhan, Logistik & Perdagangan\"), \"Mohd Hisham Bin Rubani\", \"PL AL14 (M)\", \"MOHD-HISHAM-BIN-RUBANI-04.webp\"]\n      ],\n      support: [\n        [(isEN ? \"Management Service Division\" : \"Pengarah Bahagian Khidmat Pengurusan\"), \"Lt. Kol Bersekutu (PA) Raja A\/L Chinaya @ Sinniah\", \"PTD M14\", \"LT-KOL-BERSEKUTU-PA-RAJA-AL-CHINAYA@SINNIAH-04.webp\"],\n        [(isEN ? \"Maritime Transport Training Institute\" : \"Pengarah MATRAIN\"), \"Rahayu Binti Rajali\", \"PL AL14 (M)\", \"RAHAYU-BT-RAJALI-04.webp\"],\n        [(isEN ? \"Corporate Unit\" : \"Unit Korporat\"), \"Muhammad Shuhaimi Bin Abd. Rahman\", \"PL AL13\", \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/MUHAMMAD-SHUHAIMI-BIN-ABD-RAHMAN.png\"],\n        [(isEN ? \"Integrity Unit\" : \"Unit Integriti\"), \"Mohd Nazri Bin Armar\", \"PL AL12 (M)\", \"MOHD-NAZRI-BIN-ARMAR-04.webp\"]\n      ],\n      right: [\n        [(isEN ? \"Maritime Industrial Control Division\" : \"Bahagian Kawalan Industri Maritim\"), \"Mohamad Marzuki Bin Ibrahim\", \"PL AL14\", \"MOHD-MARZUKI-BIN-BRAHIM-04.webp\"],\n        [(isEN ? \"Traffic Management and Aids to Navigation Division\" : \"Bahagian Pengurusan Trafik & Bantuan Pelayaran\"), \"Tuan Haji Mohd Hafiz Bin Abdul Majid\", \"PL AL14\", \"HAJI-MOHD-HAFIZ-BIN-ABDUL-MAJID-04.webp\"],\n        [(isEN ? \"Maritime Operation Division\" : \"Bahagian Operasi Maritim\"), \"Arumugam A\/L V. S. Subramaniam\", \"PL AL14\", \"ARUMUGAM-AL-V.S-SUBRAMANIAM-04.webp\"],\n        [(isEN ? \"Ship Registry Division\" : \"Bahagian Pendaftaran Kapal\"), \"Kapten Rosli Bin Ahmad\", \"PL AL13\", \"KAPTEN-ROSLI-BIN-AHMAD-04.webp\"]\n      ],\n      regions: [\n        [(isEN ? \"Director, Eastern Region\" : \"Pengarah Wilayah Timur\"), \"Mohamad Halizam Bin Samsuri (TK)\", \"PL AL14\", \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/07\/JLM-CORPORATE-PROFILE-104.webp\"],\n        [(isEN ? \"Director, Central Region\" : \"Pengarah Wilayah Tengah\"), \"Hairizam Bin Albukhari\", \"PL AL14\", \"HAIRIZAM-BIN-ALBUKHARI-04.webp\"],\n        [(isEN ? \"Director, Northern Region\" : \"Pengarah Wilayah Utara\"), \"Tuan Haji Abdul Majid Bin Haji Rais\", \"PL AL14\", \"HAJI-ABDUL-MAJID-BIN-HAJI-RAIS-04.webp\"],\n        [(isEN ? \"Director, Southern Region\" : \"Pengarah Wilayah Selatan\"), \"Khairil Azizie Bin Che Mat\", \"PL AL14 (M)\", \"KHAIRIL-AZIZIE-BIN-CHE-MAT-04.webp\"],\n        [(isEN ? \"Director, Sarawak Region\" : \"Pengarah Wilayah Sarawak\"), \"Bianus anak Muyou\", \"PL AL14\", \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/BIANUS-ANAK-MUYOU.png\"],\n        [(isEN ? \"Director, Sabah Region\" : \"Pengarah Wilayah Sabah\"), \"Daar Bin Biskai @ Adam Malik\", \"PL AL14\", \"DAAR-BIN-BISKAI@-ADAM-MALIK-04.webp\"],\n        [(isEN ? \"Director, Labuan Region\" : \"Pengarah Wilayah Labuan\"), \"Alimuddin Bin Amirudin\", \"PL AL14\", \"ALIMUDDIN-BIN-AMIRUDIN-04.webp\"]\n      ]\n    };\n\n    const personIcon = `\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\">\n        <path d=\"M12 12c2.7 0 5-2.3 5-5s-2.3-5-5-5-5 2.3-5 5 2.3 5 5 5zm0 2c-3.3 0-10 1.7-10 5v3h20v-3c0-3.3-6.7-5-10-5z\"><\/path>\n      <\/svg>`;\n\n    function escapeHtml(value) {\n      return String(value ?? \"\")\n        .replaceAll(\"&\", \"&amp;\")\n        .replaceAll(\"<\", \"&lt;\")\n        .replaceAll(\">\", \"&gt;\")\n        .replaceAll('\"', \"&quot;\")\n        .replaceAll(\"'\", \"&#039;\");\n    }\n\n    function rankFix(name) {\n      return isEN ? String(name ?? \"\").replace(\/^Kapten\\b\/i, \"Captain\") : name;\n    }\n\n    const optimizedImages = {\n      \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/DATUK-HAJI-DICKSON-BIN-DOLLAH-05.jpg\": \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/DATUK-HAJI-DICKSON-BIN-DOLLAH-05-optm.webp\",\n      \"KAPTEN-ABDUL-SAMAD-BIN-SHAIK-OSMAN-CORPORATE-PROFILE-13.webp\": \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/KAPTEN-ABDUL-SAMAD-BIN-SHAIK-OSMAN-CORPORATE-PROFILE-13-optm.webp\",\n      \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/KAPTEN-NAZRI-BIN-ABU-HASSAN-02.jpeg\": \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/KAPTEN-NAZRI-BIN-ABU-HASSAN-02-optm.webp\",\n      \"HAJI-MOHD-FAIROZ-BIN-ROZALI-04.webp\": \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/HAJI-MOHD-FAIROZ-BIN-ROZALI-04-optm.webp\",\n      \"NORJIPIN-BIN-SAIDI-04.webp\": \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/NORJIPIN-BIN-SAIDI-04-optm.webp\",\n      \"MOHD-HISHAM-BIN-RUBANI-04.webp\": \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/MOHD-HISHAM-BIN-RUBANI-04-optm.webp\",\n      \"LT-KOL-BERSEKUTU-PA-RAJA-AL-CHINAYA@SINNIAH-04.webp\": \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/LT-KOL-BERSEKUTU-PA-RAJA-AL-CHINAYA_SINNIAH-04-optm.webp\",\n      \"RAHAYU-BT-RAJALI-04.webp\": \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/RAHAYU-BT-RAJALI-04-optm.webp\",\n      \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/MUHAMMAD-SHUHAIMI-BIN-ABD-RAHMAN.png\": \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/MUHAMMAD-SHUHAIMI-BIN-ABD-RAHMAN-optm.webp\",\n      \"MOHD-NAZRI-BIN-ARMAR-04.webp\": \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/MOHD-NAZRI-BIN-ARMAR-04-optm.webp\",\n      \"MOHD-MARZUKI-BIN-BRAHIM-04.webp\": \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/MOHD-MARZUKI-BIN-BRAHIM-04-optm.webp\",\n      \"HAJI-MOHD-HAFIZ-BIN-ABDUL-MAJID-04.webp\": \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/HAJI-MOHD-HAFIZ-BIN-ABDUL-MAJID-04-optm.webp\",\n      \"ARUMUGAM-AL-V.S-SUBRAMANIAM-04.webp\": \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/ARUMUGAM-AL-V_S-SUBRAMANIAM-04-optm.webp\",\n      \"KAPTEN-ROSLI-BIN-AHMAD-04.webp\": \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/KAPTEN-ROSLI-BIN-AHMAD-04-optm.webp\",\n      \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/07\/JLM-CORPORATE-PROFILE-104.webp\": \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/JLM-CORPORATE-PROFILE-104-optm.webp\",\n      \"HAIRIZAM-BIN-ALBUKHARI-04.webp\": \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/HAIRIZAM-BIN-ALBUKHARI-04-optm.webp\",\n      \"HAJI-ABDUL-MAJID-BIN-HAJI-RAIS-04.webp\": \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/HAJI-ABDUL-MAJID-BIN-HAJI-RAIS-04-optm.webp\",\n      \"KHAIRIL-AZIZIE-BIN-CHE-MAT-04.webp\": \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/KHAIRIL-AZIZIE-BIN-CHE-MAT-04-optm.webp\",\n      \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/BIANUS-ANAK-MUYOU.png\": \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/BIANUS-ANAK-MUYOU-optm.webp\",\n      \"DAAR-BIN-BISKAI@-ADAM-MALIK-04.webp\": \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/DAAR-BIN-BISKAI_-ADAM-MALIK-04-optm.webp\",\n      \"ALIMUDDIN-BIN-AMIRUDIN-04.webp\": \"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2026\/08\/ALIMUDDIN-BIN-AMIRUDIN-04-optm.webp\"\n    };\n\n    function imageUrl(fileName) {\n      if (!fileName) {\n        return \"\";\n      }\n\n      if (optimizedImages[fileName]) {\n        return optimizedImages[fileName];\n      }\n\n      try {\n        const url = new URL(encodeURI(String(fileName)), uploadBase);\n        if (url.protocol !== \"https:\" && url.protocol !== \"http:\") {\n          return \"\";\n        }\n        return url.href;\n      } catch (error) {\n        console.error(\"Invalid organization image URL:\", error);\n        return \"\";\n      }\n    }\n\n    function imageButton(fileName, personName, options = {}) {\n      const url = imageUrl(fileName);\n      const size = Number(options.size) || 116;\n      const priority = Boolean(options.priority);\n      const modifier = options.modifier ? ` ${escapeHtml(options.modifier)}` : \"\";\n      const safeName = escapeHtml(personName);\n\n      if (!url) {\n        return `\n          <span class=\"jlm-org-bergambar__image-button${modifier}\" aria-hidden=\"true\">\n            ${personIcon}\n          <\/span>`;\n      }\n\n      return `\n        <button\n          type=\"button\"\n          class=\"jlm-org-bergambar__image-button${modifier}\"\n          data-jlm-image-src=\"${escapeHtml(url)}\"\n          data-jlm-image-alt=\"${safeName}\"\n          aria-label=\"${isEN ? `View full photo of ${safeName}` : `Lihat gambar penuh ${safeName}`}\"\n        >\n          <img\n            src=\"${escapeHtml(url)}\"\n            alt=\"${safeName}\"\n            width=\"${size}\"\n            height=\"${size}\"\n            loading=\"${priority ? \"eager\" : \"lazy\"}\"\n            decoding=\"async\"\n            ${priority ? 'fetchpriority=\"high\"' : \"\"}\n          >\n        <\/button>`;\n    }\n\n    function profileCard(item, options = {}) {\n      const [title, rawName, grade, fileName] = item;\n      const name = rankFix(rawName);\n      const extraClass = options.extraClass ? ` ${escapeHtml(options.extraClass)}` : \"\";\n      const imageModifier = options.imageModifier || \"\";\n      const imageSize = options.imageSize || 116;\n\n      return `\n        <article class=\"jlm-org-bergambar__card jlm-org-bergambar__profile-card${extraClass}\">\n          ${imageButton(fileName, name, { modifier: imageModifier, size: imageSize })}\n          <div class=\"jlm-org-bergambar__profile-info\">\n            <div class=\"jlm-org-bergambar__profile-title\">${escapeHtml(title)}<\/div>\n            <div class=\"jlm-org-bergambar__profile-name\">${escapeHtml(name)}<\/div>\n            <div class=\"jlm-org-bergambar__profile-grade\">${escapeHtml(grade)}<\/div>\n          <\/div>\n        <\/article>`;\n    }\n\n    function topCard(person) {\n      return `\n        <div class=\"jlm-org-bergambar__top-wrap\">\n          <article class=\"jlm-org-bergambar__card jlm-org-bergambar__top-card\">\n            ${imageButton(person.image, rankFix(person.name), {\n              modifier: \"jlm-org-bergambar__image-button--top\",\n              size: 156,\n              priority: true\n            })}\n            <div class=\"jlm-org-bergambar__top-info\">\n              <div class=\"jlm-org-bergambar__eyebrow\">${escapeHtml(person.title)}<\/div>\n              <div class=\"jlm-org-bergambar__top-name\">${escapeHtml(rankFix(person.name))}<\/div>\n              <div class=\"jlm-org-bergambar__grade\">${escapeHtml(person.grade)}<\/div>\n            <\/div>\n          <\/article>\n        <\/div>`;\n    }\n\n    function leaderCard(person) {\n      return `\n        <article class=\"jlm-org-bergambar__card jlm-org-bergambar__leader-card\">\n          ${imageButton(person.image, rankFix(person.name), { size: 116 })}\n          <div class=\"jlm-org-bergambar__profile-info\">\n            <div class=\"jlm-org-bergambar__eyebrow\">${escapeHtml(person.title)}<\/div>\n            <div class=\"jlm-org-bergambar__leader-name\">${escapeHtml(rankFix(person.name))}<\/div>\n            <div class=\"jlm-org-bergambar__leader-grade\">${escapeHtml(person.grade)}<\/div>\n          <\/div>\n        <\/article>`;\n    }\n\n    root.innerHTML = `\n      ${topCard(data.top)}\n\n      <div class=\"jlm-org-bergambar__branch-grid\">\n        <span class=\"jlm-org-bergambar__connector jlm-org-bergambar__connector--horizontal\" aria-hidden=\"true\"><\/span>\n        <span class=\"jlm-org-bergambar__connector jlm-org-bergambar__connector--vertical-left\" aria-hidden=\"true\"><\/span>\n        <span class=\"jlm-org-bergambar__connector jlm-org-bergambar__connector--vertical-center\" aria-hidden=\"true\"><\/span>\n        <span class=\"jlm-org-bergambar__connector jlm-org-bergambar__connector--vertical-right\" aria-hidden=\"true\"><\/span>\n        <span class=\"jlm-org-bergambar__connector jlm-org-bergambar__connector--center-up\" aria-hidden=\"true\"><\/span>\n        <span class=\"jlm-org-bergambar__connector jlm-org-bergambar__connector--trunk-down\" aria-hidden=\"true\"><\/span>\n\n        <section class=\"jlm-org-bergambar__column jlm-org-bergambar__column--left\" aria-label=\"${isEN ? \"Divisions under the Deputy Director General (Planning)\" : \"Bahagian di bawah Timbalan Ketua Pengarah Perancangan\"}\">\n          ${leaderCard(data.leftLeader)}\n          <div class=\"jlm-org-bergambar__list\">\n            ${data.left.map((item) => profileCard(item)).join(\"\")}\n          <\/div>\n        <\/section>\n\n        <section class=\"jlm-org-bergambar__column jlm-org-bergambar__column--right\" aria-label=\"${isEN ? \"Divisions under the Deputy Director General (Operation)\" : \"Bahagian di bawah Timbalan Ketua Pengarah Operasi\"}\">\n          ${leaderCard(data.rightLeader)}\n          <div class=\"jlm-org-bergambar__list\">\n            ${data.right.map((item) => profileCard(item)).join(\"\")}\n          <\/div>\n        <\/section>\n      <\/div>\n\n            <div class=\"jlm-org-bergambar__peer-wrap\">\n        <span class=\"jlm-org-bergambar__peer-connector jlm-org-bergambar__peer-connector--stub\" aria-hidden=\"true\"><\/span>\n        <span class=\"jlm-org-bergambar__peer-connector jlm-org-bergambar__peer-connector--horizontal\" aria-hidden=\"true\"><\/span>\n        <span class=\"jlm-org-bergambar__peer-connector jlm-org-bergambar__peer-connector--vertical-left\" aria-hidden=\"true\"><\/span>\n        <span class=\"jlm-org-bergambar__peer-connector jlm-org-bergambar__peer-connector--vertical-right\" aria-hidden=\"true\"><\/span>\n\n        <div class=\"jlm-org-bergambar__peer-row\">\n          <article class=\"jlm-org-bergambar__peer-item\">\n            <div class=\"jlm-org-bergambar__peer-item-title\">${isEN ? \"Regional Marine Departments\" : \"Jabatan Laut Wilayah\"}<\/div>\n            <div class=\"jlm-org-bergambar__peer-list jlm-org-bergambar__peer-list--wilayah\">\n              ${data.regions.map((item) => profileCard(item, {\n                extraClass: \"jlm-org-bergambar__peer-row-card\",\n                imageModifier: \"jlm-org-bergambar__image-button--peer\",\n                imageSize: 80\n              })).join(\"\")}\n            <\/div>\n          <\/article>\n\n          <article class=\"jlm-org-bergambar__peer-item\">\n            <div class=\"jlm-org-bergambar__peer-list jlm-org-bergambar__peer-list--support\">\n              ${data.support.map((item) => profileCard(item, {\n                extraClass: \"jlm-org-bergambar__peer-row-card\",\n                imageModifier: \"jlm-org-bergambar__image-button--peer\",\n                imageSize: 80\n              })).join(\"\")}\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>`;\n\n    let lastTrigger = null;\n    let previousPageOverflow = \"\";\n\n    function openModal(trigger) {\n      const src = trigger.getAttribute(\"data-jlm-image-src\");\n      const alt = trigger.getAttribute(\"data-jlm-image-alt\") || (isEN ? \"Officer photo\" : \"Gambar pegawai\");\n\n      if (!src) {\n        return;\n      }\n\n      lastTrigger = trigger;\n      modalImage.src = src;\n      modalImage.alt = alt;\n      modal.hidden = false;\n      previousPageOverflow = document.documentElement.style.overflow;\n      document.documentElement.style.overflow = \"hidden\";\n      window.requestAnimationFrame(() => modalClose.focus());\n    }\n\n    function closeModal() {\n      if (modal.hidden) {\n        return;\n      }\n\n      modal.hidden = true;\n      modalImage.src = \"\";\n      modalImage.alt = \"\";\n      document.documentElement.style.overflow = previousPageOverflow;\n\n      if (lastTrigger && document.contains(lastTrigger)) {\n        lastTrigger.focus();\n      }\n\n      lastTrigger = null;\n    }\n\n    root.addEventListener(\"click\", (event) => {\n      const trigger = event.target.closest(\"[data-jlm-image-src]\");\n      if (trigger) {\n        openModal(trigger);\n      }\n    });\n\n    modalClose.addEventListener(\"click\", closeModal);\n\n    modal.addEventListener(\"click\", (event) => {\n      if (event.target === modal) {\n        closeModal();\n      }\n    });\n\n    document.addEventListener(\"keydown\", (event) => {\n      if (modal.hidden) {\n        return;\n      }\n\n      if (event.key === \"Escape\") {\n        event.preventDefault();\n        closeModal();\n        return;\n      }\n\n      if (event.key === \"Tab\") {\n        event.preventDefault();\n        modalClose.focus();\n      }\n    });\n  })();\n<\/script>\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","protected":false},"excerpt":{"rendered":"<p>Carta Organisasi Versi Umum Versi Bergambar &times;<\/p>","protected":false},"author":4713,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-385","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\r\n<title>Organization Chart - Jabatan Laut Malaysia<\/title>\r\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<meta property=\"og:locale\" content=\"en_GB\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Carta Organisasi - Jabatan Laut Malaysia\" \/>\r\n<meta property=\"og:description\" content=\"Carta Organisasi Versi Umum Versi Bergambar &times;\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/develop.marine.gov.my\/en\/carta-organisasi\/\" \/>\r\n<meta property=\"og:site_name\" content=\"Jabatan Laut Malaysia\" \/>\r\n<meta property=\"article:modified_time\" content=\"2026-09-08T08:14:02+00:00\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"19 minutes\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/develop.marine.gov.my\\\/carta-organisasi\\\/\",\"url\":\"https:\\\/\\\/develop.marine.gov.my\\\/carta-organisasi\\\/\",\"name\":\"Carta Organisasi - Jabatan Laut Malaysia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/develop.marine.gov.my\\\/#website\"},\"datePublished\":\"2025-12-01T06:26:12+00:00\",\"dateModified\":\"2026-09-08T08:14:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/develop.marine.gov.my\\\/carta-organisasi\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/develop.marine.gov.my\\\/carta-organisasi\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/develop.marine.gov.my\\\/carta-organisasi\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Utama\",\"item\":\"https:\\\/\\\/develop.marine.gov.my\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Carta Organisasi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/develop.marine.gov.my\\\/#website\",\"url\":\"https:\\\/\\\/develop.marine.gov.my\\\/\",\"name\":\"Jabatan Laut Malaysia\",\"description\":\"Laman Web Rasmi Jabatan Laut Malaysia\",\"publisher\":{\"@id\":\"https:\\\/\\\/develop.marine.gov.my\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/develop.marine.gov.my\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/develop.marine.gov.my\\\/#organization\",\"name\":\"Jabatan Laut Malaysia\",\"url\":\"https:\\\/\\\/develop.marine.gov.my\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/develop.marine.gov.my\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/develop.marine.gov.my\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/Logo-JLM-PNG.png\",\"contentUrl\":\"https:\\\/\\\/develop.marine.gov.my\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/Logo-JLM-PNG.png\",\"width\":477,\"height\":660,\"caption\":\"Jabatan Laut Malaysia\"},\"image\":{\"@id\":\"https:\\\/\\\/develop.marine.gov.my\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Organization Chart - Jabatan Laut Malaysia","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_GB","og_type":"article","og_title":"Carta Organisasi - Jabatan Laut Malaysia","og_description":"Carta Organisasi Versi Umum Versi Bergambar &times;","og_url":"https:\/\/develop.marine.gov.my\/en\/carta-organisasi\/","og_site_name":"Jabatan Laut Malaysia","article_modified_time":"2026-09-08T08:14:02+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"19 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/develop.marine.gov.my\/carta-organisasi\/","url":"https:\/\/develop.marine.gov.my\/carta-organisasi\/","name":"Organization Chart - Malaysian Marine Department","isPartOf":{"@id":"https:\/\/develop.marine.gov.my\/#website"},"datePublished":"2025-12-01T06:26:12+00:00","dateModified":"2026-09-08T08:14:02+00:00","breadcrumb":{"@id":"https:\/\/develop.marine.gov.my\/carta-organisasi\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/develop.marine.gov.my\/carta-organisasi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/develop.marine.gov.my\/carta-organisasi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Utama","item":"https:\/\/develop.marine.gov.my\/"},{"@type":"ListItem","position":2,"name":"Carta Organisasi"}]},{"@type":"WebSite","@id":"https:\/\/develop.marine.gov.my\/#website","url":"https:\/\/develop.marine.gov.my\/","name":"Malaysia Marine Department","description":"Laman Web Rasmi Jabatan Laut Malaysia","publisher":{"@id":"https:\/\/develop.marine.gov.my\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/develop.marine.gov.my\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/develop.marine.gov.my\/#organization","name":"Malaysia Marine Department","url":"https:\/\/develop.marine.gov.my\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/develop.marine.gov.my\/#\/schema\/logo\/image\/","url":"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2022\/12\/Logo-JLM-PNG.png","contentUrl":"https:\/\/develop.marine.gov.my\/wp-content\/uploads\/2022\/12\/Logo-JLM-PNG.png","width":477,"height":660,"caption":"Jabatan Laut Malaysia"},"image":{"@id":"https:\/\/develop.marine.gov.my\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/develop.marine.gov.my\/en\/wp-json\/wp\/v2\/pages\/385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/develop.marine.gov.my\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/develop.marine.gov.my\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/develop.marine.gov.my\/en\/wp-json\/wp\/v2\/users\/4713"}],"replies":[{"embeddable":true,"href":"https:\/\/develop.marine.gov.my\/en\/wp-json\/wp\/v2\/comments?post=385"}],"version-history":[{"count":90,"href":"https:\/\/develop.marine.gov.my\/en\/wp-json\/wp\/v2\/pages\/385\/revisions"}],"predecessor-version":[{"id":40198,"href":"https:\/\/develop.marine.gov.my\/en\/wp-json\/wp\/v2\/pages\/385\/revisions\/40198"}],"wp:attachment":[{"href":"https:\/\/develop.marine.gov.my\/en\/wp-json\/wp\/v2\/media?parent=385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}