{"id":3289,"date":"2026-10-21T12:24:45","date_gmt":"2026-10-21T04:24:45","guid":{"rendered":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/?page_id=3289"},"modified":"2026-10-29T16:36:57","modified_gmt":"2026-10-29T08:36:57","slug":"jabatan-dietetik-sajian","status":"publish","type":"page","link":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/jabatan-dietetik-sajian\/","title":{"rendered":"JABATAN DIETETIK &#038; SAJIAN"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');\n\n:root {\n    --primary:#0B192C;\n    --primary-light:#1E3E62;\n    --primary-dark:#000000;\n    --cyan:#415A77;\n    --cyan-soft:#778DA9;\n    --navy:#0B192C;\n    --dark:#0f172a;\n    --muted:#64748b;\n    --white:#ffffff;\n\n    --font-main:'Plus Jakarta Sans',sans-serif;\n    --font-tech:'Space Grotesk',sans-serif;\n\n    --shadow:\n        0 25px 55px rgba(11,25,44,.12),\n        0 8px 20px rgba(15,23,42,.06);\n\n    --shadow-3d:\n        0 20px 40px rgba(11,25,44,.14),\n        0 8px 15px rgba(15,23,42,.08),\n        inset 0 1px 0 rgba(255,255,255,.9);\n}\n\n\n\/* =========================================================\n   MAIN WRAPPER\n   ========================================================= *\/\n\n.unit-smart-wrapper {\n    width:100%;\n    max-width:1250px;\n    margin:30px auto;\n    padding:0 15px;\n    box-sizing:border-box;\n    font-family:var(--font-main);\n    color:var(--dark);\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.unit-hero {\n    position:relative;\n    overflow:hidden;\n    min-height:185px;\n    height:185px;\n    border-radius:30px;\n    padding:28px 30px;\n    box-sizing:border-box;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    text-align:center;\n\n    background:\n        radial-gradient(circle at 85% 35%,rgba(119,141,169,.35),transparent 20%),\n        radial-gradient(circle at 70% 90%,rgba(65,90,119,.25),transparent 25%),\n        linear-gradient(135deg,#000000 0%,#0B192C 45%,#1E3E62 100%);\n\n    box-shadow:0 25px 60px rgba(11,25,44,.25);\n    color:white;\n    isolation:isolate;\n}\n\n.unit-hero::before {\n    content:\"\";\n    position:absolute;\n    inset:0;\n\n    background-image:\n        linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),\n        linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);\n\n    background-size:35px 35px;\n\n    mask-image:\n        linear-gradient(to right,transparent,black 25%,black 75%,transparent);\n\n    pointer-events:none;\n}\n\n.unit-hero::after {\n    content:\"+\";\n    position:absolute;\n    right:95px;\n    top:25px;\n    font-size:145px;\n    line-height:1;\n    font-weight:800;\n    color:rgba(255,255,255,.055);\n\n    animation:medicalFloat 7s ease-in-out infinite;\n    pointer-events:none;\n}\n\n\n\/* =========================================================\n   HERO CONTENT\n   ========================================================= *\/\n\n.unit-hero-content {\n    position:relative;\n    z-index:20;\n    width:100%;\n\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:center;\n    text-align:center;\n}\n\n.unit-hero h1 {\n    margin:0;\n    font-size:clamp(34px,5vw,56px);\n    line-height:1;\n    font-weight:800;\n    letter-spacing:-1.5px;\n    color:#fff;\n    text-align:center;\n}\n\n.unit-typing {\n    display:inline-block;\n    max-width:90vw;\n    overflow:hidden;\n    white-space:nowrap;\n    vertical-align:bottom;\n\n    border-right:3px solid rgba(255,255,255,.95);\n    width:0;\n\n    animation:\n        unitTyping 3.2s steps(14,end) infinite,\n        unitTypingCursor .75s step-end infinite;\n}\n\n@keyframes unitTyping {\n    0% { width:0; }\n    35% { width:100%; }\n    65% { width:100%; }\n    100% { width:0; }\n}\n\n@keyframes unitTypingCursor {\n    0%,100% { border-color:rgba(255,255,255,.95); }\n    50% { border-color:transparent; }\n}\n\n\n\/* =========================================================\n   MEDICAL ICONS\n   ========================================================= *\/\n\n.unit-medical-icons {\n    position:absolute;\n    inset:0;\n    z-index:6;\n    pointer-events:none;\n}\n\n.unit-medical-icon {\n    position:absolute;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    font-family:\"Segoe UI Emoji\",\"Apple Color Emoji\",sans-serif;\n    line-height:1;\n    opacity:.78;\n\n    filter:drop-shadow(0 8px 8px rgba(0,0,0,.12));\n\n    text-shadow:\n        0 2px 0 rgba(255,255,255,.25),\n        0 7px 15px rgba(0,0,0,.18);\n\n    transform-style:preserve-3d;\n    pointer-events:none;\n}\n\n.unit-icon-hospital {\n    left:7%;\n    top:28%;\n    font-size:38px;\n    animation:medicalIconFloat 6s ease-in-out infinite;\n}\n\n.unit-icon-stetho {\n    left:17%;\n    bottom:18%;\n    font-size:31px;\n    animation:medicalIconFloat 7s ease-in-out infinite reverse;\n}\n\n.unit-icon-pill {\n    right:19%;\n    bottom:17%;\n    font-size:28px;\n    animation:medicalIconFloat 6.5s ease-in-out infinite;\n}\n\n.unit-icon-medical {\n    right:8%;\n    top:25%;\n    font-size:35px;\n    animation:medicalIconFloat 7.5s ease-in-out infinite reverse;\n}\n\n.unit-icon-heart {\n    left:28%;\n    top:16%;\n    font-size:23px;\n    opacity:.55;\n    animation:medicalHeart 3.5s ease-in-out infinite;\n}\n\n.unit-icon-plus-1 {\n    left:10%;\n    bottom:18%;\n    font-size:27px;\n    font-weight:800;\n    color:rgba(255,255,255,.55);\n    animation:smallPlusFloat 5s ease-in-out infinite;\n}\n\n.unit-icon-plus-2 {\n    right:29%;\n    top:17%;\n    font-size:21px;\n    font-weight:800;\n    color:rgba(255,255,255,.48);\n    animation:smallPlusFloat 6s ease-in-out infinite reverse;\n}\n\n.unit-medical-icon::after {\n    content:\"\";\n    position:absolute;\n    width:55%;\n    height:25%;\n    left:22%;\n    bottom:-8px;\n    border-radius:50%;\n    background:rgba(0,0,0,.15);\n    filter:blur(5px);\n    z-index:-1;\n    opacity:.35;\n}\n\n\n\/* =========================================================\n   ORBS\n   ========================================================= *\/\n\n.unit-orb {\n    position:absolute;\n    border-radius:50%;\n    pointer-events:none;\n    z-index:4;\n}\n\n.unit-orb-1 {\n    width:150px;\n    height:150px;\n    right:70px;\n    bottom:-50px;\n\n    background:\n        radial-gradient(\n            circle at 30% 25%,\n            rgba(255,255,255,.5),\n            rgba(255,255,255,.08) 40%,\n            rgba(255,255,255,.02)\n        );\n\n    border:1px solid rgba(255,255,255,.2);\n\n    box-shadow:\n        inset -20px -20px 40px rgba(0,0,0,.08),\n        0 20px 50px rgba(0,0,0,.10);\n\n    animation:orbFloat 7s ease-in-out infinite;\n}\n\n.unit-orb-2 {\n    width:65px;\n    height:65px;\n    right:260px;\n    top:35px;\n    background:rgba(255,255,255,.08);\n    border:1px solid rgba(255,255,255,.25);\n    backdrop-filter:blur(5px);\n    animation:orbFloat 5s ease-in-out infinite reverse;\n}\n\n.unit-orb-3 {\n    width:20px;\n    height:20px;\n    right:340px;\n    bottom:45px;\n    background:#778DA9;\n    box-shadow:0 0 25px rgba(119,141,169,.7);\n    animation:pulseOrb 2.5s infinite;\n}\n\n\n\/* =========================================================\n   FLOATING DOTS\n   ========================================================= *\/\n\n.unit-floating-dot {\n    position:absolute;\n    width:7px;\n    height:7px;\n    border-radius:50%;\n    background:#A3B18A;\n    box-shadow:0 0 15px rgba(119,141,169,.9);\n    opacity:.7;\n    z-index:5;\n    animation:dotFloat 4s ease-in-out infinite;\n}\n\n.unit-dot-1 {\n    left:24%;\n    top:68%;\n}\n\n.unit-dot-2 {\n    right:24%;\n    top:72%;\n    animation-delay:1.5s;\n}\n\n.unit-dot-3 {\n    right:38%;\n    bottom:15%;\n    width:5px;\n    height:5px;\n    animation-delay:.8s;\n}\n\n\n\/* =========================================================\n   CIRCUIT\n   ========================================================= *\/\n\n.unit-circuit {\n    position:absolute;\n    right:35px;\n    bottom:35px;\n    width:280px;\n    height:100px;\n    opacity:.45;\n    z-index:5;\n}\n\n.unit-circuit span {\n    position:absolute;\n    height:1px;\n    background:rgba(255,255,255,.45);\n}\n\n.unit-circuit .line1 {\n    width:120px;\n    right:0;\n    top:20px;\n}\n\n.unit-circuit .line2 {\n    width:190px;\n    right:0;\n    top:55px;\n}\n\n.unit-circuit .line3 {\n    width:90px;\n    right:70px;\n    top:82px;\n}\n\n.unit-circuit i {\n    position:absolute;\n    width:7px;\n    height:7px;\n    border-radius:50%;\n    background:#778DA9;\n    box-shadow:0 0 12px #778DA9;\n}\n\n.unit-circuit .dot1 {\n    right:0;\n    top:17px;\n}\n\n.unit-circuit .dot2 {\n    right:0;\n    top:52px;\n}\n\n.unit-circuit .dot3 {\n    right:65px;\n    top:79px;\n}\n\n\n\/* =========================================================\n   CONTENT SHELL\n   ========================================================= *\/\n\n.unit-content-shell {\n    position:relative;\n    margin-top:25px;\n    padding:22px;\n    border-radius:32px;\n\n    background:\n        radial-gradient(circle at 85% 5%,rgba(65,90,119,.22),transparent 25%),\n        radial-gradient(circle at 5% 90%,rgba(30,62,98,.14),transparent 27%),\n        linear-gradient(135deg,#F4F6F9,#E1E7EF);\n\n    border:1px solid rgba(30,62,98,.10);\n\n    box-shadow:\n        0 30px 70px rgba(11,25,44,.10),\n        inset 0 1px 0 rgba(255,255,255,.9);\n\n    overflow:hidden;\n    isolation:isolate;\n}\n\n.unit-content-shell::before {\n    content:\"\";\n    position:absolute;\n    inset:0;\n\n    background-image:\n        linear-gradient(rgba(30,62,98,.035) 1px,transparent 1px),\n        linear-gradient(90deg,rgba(30,62,98,.035) 1px,transparent 1px);\n\n    background-size:28px 28px;\n    pointer-events:none;\n    z-index:0;\n}\n\n.unit-content-shell::after {\n    content:\"\";\n    position:absolute;\n\n    width:300px;\n    height:300px;\n\n    right:-120px;\n    bottom:-130px;\n\n    border-radius:50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(65,90,119,.24),\n            rgba(30,62,98,.07) 38%,\n            transparent 70%\n        );\n\n    filter:blur(3px);\n    pointer-events:none;\n    z-index:0;\n}\n\n\n\/* =========================================================\n   MAIN LAYOUT\n   ========================================================= *\/\n\n.unit-tab-layout {\n    display:grid;\n    grid-template-columns:270px minmax(0,1fr);\n    gap:25px;\n    position:relative;\n    z-index:2;\n    align-items:start;\n}\n\n\n\/* =========================================================\n   SIDEBAR\n   ========================================================= *\/\n\n.unit-sidebar {\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,.88),\n            rgba(240,244,250,.75)\n        );\n\n    backdrop-filter:blur(20px);\n    -webkit-backdrop-filter:blur(20px);\n\n    border:1px solid rgba(255,255,255,.9);\n    border-radius:28px;\n    padding:18px;\n\n    box-shadow:var(--shadow-3d);\n\n    display:flex;\n    flex-direction:column;\n    gap:10px;\n\n    position:sticky;\n    top:25px;\n    height:fit-content;\n}\n\n.unit-sidebar::before {\n    display:block;\n    font-family:var(--font-tech);\n    font-size:10px;\n    font-weight:700;\n    letter-spacing:2px;\n    color:var(--primary);\n    padding:5px 12px 14px;\n    opacity:.75;\n}\n\n\n\/* =========================================================\n   TAB BUTTON\n   ========================================================= *\/\n\n.unit-tab-btn {\n    appearance:none;\n    border:1px solid transparent;\n    background:transparent;\n    color:#64748b;\n\n    padding:15px 17px;\n    border-radius:17px;\n\n    font-family:var(--font-main);\n    font-size:14px;\n    font-weight:700;\n    text-align:left;\n\n    cursor:pointer;\n\n    display:flex;\n    align-items:center;\n    gap:12px;\n\n    position:relative;\n    overflow:hidden;\n\n    transition:\n        transform .35s ease,\n        background .35s ease,\n        box-shadow .35s ease,\n        color .35s ease;\n}\n\n.unit-tab-btn:hover {\n    color:var(--primary);\n    background:rgba(30,62,98,.07);\n    transform:translateX(5px);\n    border-color:rgba(30,62,98,.10);\n}\n\n.unit-tab-btn.active {\n    color:white;\n\n    background:\n        linear-gradient(\n            135deg,\n            #0B192C,\n            #1E3E62,\n            #2D527C\n        );\n\n    box-shadow:\n        0 14px 28px rgba(30,62,98,.30),\n        inset 0 1px 0 rgba(255,255,255,.25);\n\n    transform:translateX(7px);\n}\n\n.unit-tab-btn.active::before {\n    content:\"\";\n    position:absolute;\n    left:0;\n    top:18%;\n    width:4px;\n    height:64%;\n    border-radius:0 5px 5px 0;\n    background:var(--cyan);\n    box-shadow:0 0 14px var(--cyan);\n}\n\n\n\/* =========================================================\n   CONTENT AREA\n   ========================================================= *\/\n\n.unit-content-area {\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,.95),\n            rgba(245,248,252,.91)\n        );\n\n    border:1px solid rgba(255,255,255,.95);\n    border-radius:30px;\n    padding:42px;\n\n    min-height:0;\n    height:auto;\n    box-sizing:border-box;\n\n    box-shadow:\n        0 28px 60px rgba(15,23,42,.08),\n        inset 0 1px 0 white;\n\n    position:relative;\n    overflow:hidden;\n}\n\n.unit-content-area::before {\n    content:\"\";\n    position:absolute;\n    right:-50px;\n    top:-50px;\n    width:200px;\n    height:200px;\n    border-radius:50%;\n    border:1px solid rgba(30,62,98,.10);\n\n    box-shadow:\n        0 0 0 25px rgba(30,62,98,.025),\n        0 0 0 50px rgba(30,62,98,.018);\n\n    pointer-events:none;\n}\n\n.unit-content-area::after {\n    content:\"\";\n    position:absolute;\n    right:30px;\n    bottom:30px;\n    width:100px;\n    height:100px;\n\n    background:\n        linear-gradient(\n            135deg,\n            transparent 48%,\n            rgba(65,90,119,.08) 49%,\n            transparent 51%\n        );\n\n    pointer-events:none;\n}\n\n\n\/* =========================================================\n   TAB CONTENT\n   ========================================================= *\/\n\n.unit-tab-content {\n    display:none;\n\n    animation:\n        contentIn .55s\n        cubic-bezier(.22,1,.36,1);\n\n    position:relative;\n    z-index:2;\n    width:100%;\n    box-sizing:border-box;\n}\n\n.unit-tab-content.active {\n    display:block;\n}\n\n@keyframes contentIn {\n    from {\n        opacity:0;\n        transform:translateY(18px) scale(.985);\n    }\n\n    to {\n        opacity:1;\n        transform:translateY(0) scale(1);\n    }\n}\n\n\n\/* =========================================================\n   TITLE\n   ========================================================= *\/\n\n.tab-title {\n    font-family:var(--font-tech);\n    font-size:2.15rem;\n    font-weight:600;\n    color:var(--navy);\n\n    margin:0 0 30px;\n\n    display:flex;\n    align-items:center;\n    gap:5px;\n\n    letter-spacing:-.7px;\n    position:relative;\n    z-index:2;\n}\n\n.tab-title::before {\n    content:\"\";\n    width:7px;\n    height:43px;\n    border-radius:8px;\n\n    background:\n        linear-gradient(\n            180deg,\n            var(--primary),\n            var(--cyan)\n        );\n\n    box-shadow:\n        0 0 18px rgba(65,90,119,.35);\n\n    flex-shrink:0;\n}\n\n.tab-title::after {\n    content:\"\";\n    height:1px;\n    flex:1;\n    margin-left:12px;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(30,62,98,.25),\n            transparent\n        );\n}\n\n\n\/* =========================================================\n   INTRODUCTION\n   ========================================================= *\/\n\n.intro-hero {\n    position:relative;\n    padding:30px 32px;\n    border-radius:26px;\n\n    background:\n        radial-gradient(\n            circle at 90% 10%,\n            rgba(65,90,119,.20),\n            transparent 30%\n        ),\n        linear-gradient(\n            135deg,\n            #F2F5F9,\n            #E1E7EF\n        );\n\n    border:1px solid rgba(30,62,98,.10);\n\n    box-shadow:\n        0 15px 35px rgba(30,62,98,.07),\n        inset 0 1px 0 white;\n\n    box-sizing:border-box;\n}\n\n.intro-hero p {\n    position:relative;\n    z-index:2;\n\n    margin:0 0 20px;\n\n    color:#475569;\n    font-size:15px;\n    line-height:1.9;\n\n    overflow-wrap:anywhere;\n}\n\n.intro-hero p:last-child {\n    margin-bottom:0;\n}\n\n\n\/* =========================================================\n   SIMPLE LIST \u2014 SEMUA LI\n   ========================================================= *\/\n\n.unit-simple-list {\n    margin:10px 0 0;\n    padding:0;\n    list-style:none;\n}\n\n.unit-simple-list li {\n    position:relative;\n    margin:0 0 9px;\n    padding-left:18px;\n\n    color:#475569;\n    font-size:14px;\n    line-height:1.75;\n}\n\n.unit-simple-list li::before {\n    content:\"\";\n    position:absolute;\n    left:0;\n    top:.72em;\n\n    width:6px;\n    height:6px;\n\n    border-radius:50%;\n    background:var(--cyan);\n\n    box-shadow:0 0 0 3px rgba(65,90,119,.10);\n}\n\n.unit-simple-list li:last-child {\n    margin-bottom:0;\n}\n\n\n\/* SUB LIST *\/\n\n.unit-simple-list .sub-list {\n    margin:8px 0 0;\n    padding:0 0 0 12px;\n    list-style:none;\n}\n\n.unit-simple-list .sub-list li {\n    font-size:13.5px;\n    margin-bottom:7px;\n}\n\n.unit-simple-list .sub-list li::before {\n    width:5px;\n    height:5px;\n    background:#778DA9;\n}\n\n\n\/* =========================================================\n   STRATEGY\n   ========================================================= *\/\n\n.strategy-top-grid {\n    display:grid;\n    grid-template-columns:minmax(0,1fr) minmax(0,1fr);\n    gap:22px;\n    position:relative;\n    z-index:3;\n    align-items:stretch;\n}\n\n.strategy-card-3d {\n    position:relative;\n    padding:32px;\n    border-radius:30px;\n    overflow:hidden;\n\n    transform-style:preserve-3d;\n\n    transition:\n        transform .45s cubic-bezier(.22,1,.36,1),\n        box-shadow .45s ease;\n\n    box-sizing:border-box;\n}\n\n.strategy-card-3d h3 {\n    margin:0 0 18px;\n    font-family:var(--font-tech);\n    font-size:1.5rem;\n    font-weight:700;\n}\n\n.strategy-card-3d p {\n    position:relative;\n    z-index:3;\n    margin:0 0 16px;\n    font-size:14px;\n    line-height:1.9;\n}\n\n.strategy-card-3d p:last-child {\n    margin-bottom:0;\n}\n\n\n\/* =========================================================\n   VISI\n   ========================================================= *\/\n\n.vision-card-3d {\n    background:\n        radial-gradient(\n            circle at 85% 15%,\n            rgba(119,141,169,.35),\n            transparent 25%\n        ),\n        linear-gradient(\n            145deg,\n            #000000,\n            #0B192C 55%,\n            #1E3E62\n        );\n\n    color:white;\n\n    border:1px solid rgba(255,255,255,.20);\n\n    box-shadow:\n        0 28px 50px rgba(11,25,44,.28),\n        0 10px 20px rgba(11,25,44,.12),\n        inset 0 1px 0 rgba(255,255,255,.35);\n}\n\n.vision-card-3d:hover {\n    transform:translateY(-8px) rotateX(2deg) rotateY(-1deg);\n}\n\n.vision-card-3d p {\n    color:rgba(255,255,255,.91);\n}\n\n.vision-card-3d .unit-simple-list li {\n    color:rgba(255,255,255,.91);\n}\n\n\n\/* =========================================================\n   MISI\n   ========================================================= *\/\n\n.mission-card-3d {\n    background:\n        radial-gradient(\n            circle at 90% 10%,\n            rgba(65,90,119,.18),\n            transparent 25%\n        ),\n        linear-gradient(\n            145deg,\n            #ffffff,\n            #EEF2F7\n        );\n\n    color:#0f172a;\n\n    border:1px solid rgba(30,62,98,.14);\n\n    box-shadow:\n        0 25px 50px rgba(15,23,42,.08),\n        0 8px 18px rgba(11,25,44,.06),\n        inset 0 1px 0 white;\n}\n\n.mission-card-3d:hover {\n    transform:translateY(-8px) rotateX(2deg) rotateY(1deg);\n}\n\n.mission-card-3d p {\n    color:#64748b;\n}\n\n\n\/* =========================================================\n   DECORATIVE CIRCLE\n   ========================================================= *\/\n\n.strategy-card-3d::before {\n    content:\"\";\n    position:absolute;\n\n    width:190px;\n    height:190px;\n\n    right:-85px;\n    bottom:-95px;\n\n    border-radius:50%;\n\n    border:1px solid rgba(255,255,255,.18);\n\n    box-shadow:\n        0 0 0 20px rgba(255,255,255,.025),\n        0 0 0 40px rgba(255,255,255,.018);\n\n    pointer-events:none;\n}\n\n\n\/* =========================================================\n   OBJECTIVE\n   ========================================================= *\/\n\n.objective-full-card {\n    margin-top:24px;\n    padding:30px 34px;\n    border-radius:30px;\n\n    position:relative;\n    overflow:hidden;\n\n    background:\n        radial-gradient(\n            circle at 95% 5%,\n            rgba(65,90,119,.16),\n            transparent 22%\n        ),\n        linear-gradient(\n            145deg,\n            #ffffff,\n            #F0F4F8\n        );\n\n    border:1px solid rgba(30,62,98,.12);\n\n    box-shadow:\n        0 25px 50px rgba(15,23,42,.07),\n        0 8px 20px rgba(11,25,44,.05),\n        inset 0 1px 0 white;\n\n    box-sizing:border-box;\n}\n\n.objective-full-header {\n    display:flex;\n    align-items:center;\n    gap:20px;\n    margin-bottom:18px;\n    position:relative;\n    z-index:2;\n}\n\n.objective-full-header h3 {\n    margin:0;\n    font-family:var(--font-tech);\n    color:#0B192C;\n    font-size:1.35rem;\n    font-weight:700;\n}\n\n.objective-section {\n    margin-bottom:22px;\n    position:relative;\n    z-index:2;\n}\n\n.objective-section:last-child {\n    margin-bottom:0;\n}\n\n.objective-section-title {\n    margin:0 0 10px;\n\n    font-family:var(--font-tech);\n    font-size:14px;\n    font-weight:700;\n\n    color:var(--primary);\n}\n\n.objective-list {\n    margin:0;\n    padding:0;\n    list-style:none;\n}\n\n.objective-list li {\n    position:relative;\n\n    margin:0 0 9px;\n    padding-left:18px;\n\n    color:#475569;\n    font-size:14px;\n    line-height:1.75;\n}\n\n.objective-list li::before {\n    content:\"\";\n    position:absolute;\n    left:0;\n    top:.72em;\n\n    width:6px;\n    height:6px;\n\n    border-radius:50%;\n    background:var(--cyan);\n}\n\n.objective-list li:last-child {\n    margin-bottom:0;\n}\n\n\n\/* =========================================================\n   SERVICES\n   ========================================================= *\/\n\n.services-intro {\n    margin:-10px 0 30px;\n    color:var(--muted);\n    font-size:14px;\n    line-height:1.7;\n}\n\n.service-timeline {\n    position:relative;\n    padding:8px 0 10px 78px;\n}\n\n.service-timeline::before {\n    content:\"\";\n    position:absolute;\n\n    left:29px;\n    top:38px;\n    bottom:38px;\n\n    width:3px;\n\n    background:\n        linear-gradient(\n            180deg,\n            var(--primary),\n            var(--cyan),\n            rgba(65,90,119,.15)\n        );\n\n    border-radius:10px;\n\n    box-shadow:\n        0 0 12px rgba(65,90,119,.20);\n}\n\n.service-item {\n    position:relative;\n    margin-bottom:22px;\n}\n\n.service-item:last-child {\n    margin-bottom:0;\n}\n\n.service-node {\n    position:absolute;\n\n    left:-78px;\n    top:50%;\n\n    transform:translateY(-50%);\n\n    width:60px;\n    height:60px;\n\n    border-radius:18px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    font-family:var(--font-tech);\n    font-size:15px;\n    font-weight:700;\n    color:white;\n\n    background:\n        linear-gradient(\n            145deg,\n            var(--primary-dark),\n            var(--primary-light)\n        );\n\n    border:4px solid #f0f4f8;\n\n    box-shadow:\n        0 8px 18px rgba(11,25,44,.25),\n        0 0 0 1px rgba(65,90,119,.35),\n        inset 0 1px 0 rgba(255,255,255,.35);\n\n    z-index:3;\n\n    transition:.4s ease;\n}\n\n.service-node::after {\n    content:\"\";\n    position:absolute;\n\n    width:8px;\n    height:8px;\n\n    right:-3px;\n    top:-3px;\n\n    border-radius:50%;\n\n    background:var(--cyan);\n\n    box-shadow:0 0 10px var(--cyan);\n\n    animation:pulseNode 2s infinite;\n}\n\n.service-item::before {\n    content:\"\";\n    position:absolute;\n\n    left:-48px;\n    top:50%;\n\n    width:48px;\n    height:2px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--primary),\n            var(--cyan)\n        );\n}\n\n.service-card {\n    display:flex;\n    align-items:center;\n    gap:18px;\n\n    padding:20px 22px;\n\n    border-radius:20px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #ffffff,\n            #F0F4F8\n        );\n\n    border:1px solid #D1DCE5;\n\n    box-shadow:\n        0 8px 20px rgba(15,23,42,.055),\n        inset 0 1px 0 white;\n\n    position:relative;\n    overflow:hidden;\n\n    transition:.4s ease;\n    box-sizing:border-box;\n}\n\n.service-info {\n    flex:1;\n    min-width:0;\n}\n\n.service-name {\n    display:block;\n\n    font-size:14px;\n    font-weight:600;\n    color:var(--navy);\n\n    line-height:1.8;\n\n    overflow-wrap:anywhere;\n}\n\n\n\/* SIMPLE SERVICE LIST *\/\n\n.service-list {\n    margin:10px 0 0;\n    padding:0;\n    list-style:none;\n}\n\n.service-list li {\n    position:relative;\n\n    margin:0 0 7px;\n    padding-left:17px;\n\n    font-size:13.5px;\n    font-weight:400;\n    color:#475569;\n\n    line-height:1.7;\n}\n\n.service-list li::before {\n    content:\"\";\n    position:absolute;\n\n    left:0;\n    top:.7em;\n\n    width:5px;\n    height:5px;\n\n    border-radius:50%;\n\n    background:var(--cyan);\n}\n\n.service-list li:last-child {\n    margin-bottom:0;\n}\n\n.service-item:hover .service-card {\n    transform:translateX(8px) translateY(-3px);\n\n    border-color:rgba(65,90,119,.40);\n\n    box-shadow:\n        0 18px 30px rgba(11,25,44,.13);\n}\n\n.service-item:hover .service-node {\n    transform:\n        translateY(-50%)\n        scale(1.10)\n        rotate(-4deg);\n\n    box-shadow:\n        0 12px 25px rgba(30,62,98,.30),\n        0 0 25px rgba(65,90,119,.30);\n}\n\n\n\/* =========================================================\n   BOTTOM\n   ========================================================= *\/\n\n.unit-bottom-decoration {\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    gap:8px;\n\n    margin-top:22px;\n\n    color:#94a3b8;\n    font-size:10px;\n    letter-spacing:1.5px;\n    text-transform:uppercase;\n}\n\n.unit-bottom-decoration::before,\n.unit-bottom-decoration::after {\n    content:\"\";\n\n    width:45px;\n    height:1px;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            #778DA9\n        );\n}\n\n.unit-bottom-decoration::after {\n    background:\n        linear-gradient(\n            90deg,\n            #778DA9,\n            transparent\n        );\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n   ========================================================= *\/\n\n@keyframes medicalFloat {\n    0%,100% {\n        transform:translateY(0) rotate(0deg);\n    }\n\n    50% {\n        transform:translateY(-12px) rotate(3deg);\n    }\n}\n\n@keyframes orbFloat {\n    0%,100% {\n        transform:translateY(0) translateX(0);\n    }\n\n    50% {\n        transform:translateY(-18px) translateX(8px);\n    }\n}\n\n@keyframes pulseOrb {\n    0%,100% {\n        transform:scale(1);\n        opacity:.7;\n    }\n\n    50% {\n        transform:scale(1.5);\n        opacity:1;\n    }\n}\n\n@keyframes pulseNode {\n    0%,100% {\n        transform:scale(1);\n        opacity:.8;\n    }\n\n    50% {\n        transform:scale(1.5);\n        opacity:1;\n    }\n}\n\n@keyframes medicalIconFloat {\n    0%,100% {\n        transform:translate3d(0,0,0) rotate(0deg);\n    }\n\n    50% {\n        transform:translate3d(8px,-12px,15px) rotate(4deg);\n    }\n}\n\n@keyframes medicalHeart {\n    0%,100% {\n        transform:translateY(0) scale(1);\n    }\n\n    50% {\n        transform:translateY(-8px) scale(1.12);\n    }\n}\n\n@keyframes smallPlusFloat {\n    0%,100% {\n        transform:translateY(0) rotate(0deg);\n    }\n\n    50% {\n        transform:translateY(-10px) rotate(8deg);\n    }\n}\n\n@keyframes dotFloat {\n    0%,100% {\n        transform:translateY(0) scale(1);\n    }\n\n    50% {\n        transform:translateY(-12px) scale(1.35);\n    }\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media(max-width:992px) {\n\n    .unit-smart-wrapper {\n        padding:0 10px;\n    }\n\n    .unit-content-shell {\n        padding:18px;\n    }\n\n    .unit-tab-layout {\n        grid-template-columns:1fr;\n        gap:20px;\n    }\n\n    .unit-sidebar {\n        position:static;\n        flex-direction:row;\n        overflow-x:auto;\n        padding:12px;\n        gap:8px;\n        scrollbar-width:none;\n    }\n\n    .unit-sidebar::-webkit-scrollbar {\n        display:none;\n    }\n\n    .unit-sidebar::before {\n        display:none;\n    }\n\n    .unit-tab-btn {\n        flex:0 0 auto;\n        padding:10px 14px;\n        font-size:13px;\n    }\n\n    .unit-tab-btn.active {\n        transform:translateY(-2px);\n    }\n\n    .unit-content-area {\n        padding:28px 22px;\n        border-radius:24px;\n    }\n\n    .strategy-top-grid {\n        grid-template-columns:1fr;\n    }\n\n    .service-timeline {\n        padding-left:58px;\n    }\n\n    .service-timeline::before {\n        left:20px;\n        top:28px;\n        bottom:28px;\n    }\n\n    .service-node {\n        left:-58px;\n        width:44px;\n        height:44px;\n        border-radius:14px;\n        font-size:12px;\n    }\n\n    .service-item::before {\n        left:-38px;\n        width:38px;\n    }\n\n    .service-card {\n        padding:15px;\n        gap:12px;\n    }\n\n    .unit-icon-hospital {\n        left:5%;\n        font-size:32px;\n    }\n\n    .unit-icon-stetho {\n        left:12%;\n        font-size:27px;\n    }\n\n    .unit-icon-medical {\n        right:5%;\n        font-size:30px;\n    }\n\n    .unit-icon-pill {\n        right:14%;\n        font-size:25px;\n    }\n\n    .unit-icon-heart {\n        left:23%;\n    }\n\n    .unit-icon-plus-2 {\n        right:25%;\n    }\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media(max-width:600px) {\n\n    .unit-smart-wrapper {\n        margin:15px auto;\n        padding:0 8px;\n    }\n\n    .unit-hero {\n        min-height:155px !important;\n        height:155px !important;\n        padding:25px 20px;\n        border-radius:23px;\n    }\n\n    .unit-hero h1 {\n        font-size:34px !important;\n    }\n\n    .unit-hero::after {\n        right:-15px;\n        top:60px;\n        font-size:120px;\n    }\n\n    .unit-icon-hospital {\n        left:6%;\n        top:22%;\n        font-size:28px;\n    }\n\n    .unit-icon-stetho {\n        left:9%;\n        bottom:15%;\n        font-size:23px;\n    }\n\n    .unit-icon-medical {\n        right:5%;\n        top:20%;\n        font-size:27px;\n    }\n\n    .unit-icon-pill {\n        right:11%;\n        bottom:15%;\n        font-size:22px;\n    }\n\n    .unit-icon-heart {\n        left:20%;\n        top:12%;\n        font-size:18px;\n    }\n\n    .unit-icon-plus-1 {\n        left:17%;\n        bottom:17%;\n        font-size:20px;\n    }\n\n    .unit-icon-plus-2 {\n        right:29%;\n        top:12%;\n        font-size:17px;\n    }\n\n    .unit-floating-dot {\n        width:5px;\n        height:5px;\n    }\n\n    .unit-orb-1 {\n        right:-30px;\n        bottom:-40px;\n    }\n\n    .unit-orb-2 {\n        right:100px;\n        top:20px;\n    }\n\n    .unit-circuit {\n        display:none;\n    }\n\n    .unit-content-shell {\n        margin-top:15px;\n        padding:10px;\n        border-radius:22px;\n    }\n\n    .unit-content-area {\n        padding:22px 17px;\n        border-radius:20px;\n    }\n\n    .tab-title {\n        font-size:1.45rem;\n        margin-bottom:22px;\n    }\n\n    .tab-title::after {\n        display:none;\n    }\n\n    .intro-hero {\n        padding:24px 20px;\n        border-radius:22px;\n    }\n\n    .intro-hero p {\n        font-size:14px;\n        line-height:1.85;\n    }\n\n    .strategy-card-3d {\n        padding:25px;\n        border-radius:24px;\n    }\n\n    .strategy-card-3d h3 {\n        font-size:1.4rem;\n    }\n\n    .strategy-card-3d p,\n    .unit-simple-list li,\n    .objective-list li {\n        font-size:13.5px;\n        line-height:1.8;\n    }\n\n    .objective-full-card {\n        padding:22px 20px;\n        border-radius:24px;\n    }\n\n    .objective-full-header h3 {\n        font-size:1.15rem;\n    }\n\n    .service-timeline {\n        padding-left:50px;\n    }\n\n    .service-timeline::before {\n        left:16px;\n        top:25px;\n        bottom:25px;\n    }\n\n    .service-node {\n        left:-50px;\n        width:38px;\n        height:38px;\n        border-width:3px;\n        border-radius:12px;\n        font-size:10px;\n    }\n\n    .service-item::before {\n        left:-34px;\n        width:34px;\n    }\n\n    .service-card {\n        padding:14px;\n        border-radius:16px;\n    }\n\n    .service-name {\n        font-size:12.5px;\n        line-height:1.65;\n    }\n\n    .service-list li {\n        font-size:12.5px;\n        line-height:1.65;\n    }\n}\n\n\n\/* =========================================================\n   VERY SMALL PHONE\n   ========================================================= *\/\n\n@media(max-width:430px) {\n\n    .unit-hero {\n        min-height:135px !important;\n        height:135px !important;\n        padding:22px 15px;\n    }\n\n    .unit-hero h1 {\n        font-size:29px !important;\n    }\n\n    .unit-hero::after {\n        right:-20px;\n        top:48px;\n        font-size:105px;\n    }\n\n    .unit-icon-hospital {\n        font-size:23px;\n        left:5%;\n    }\n\n    .unit-icon-stetho {\n        font-size:20px;\n        left:8%;\n    }\n\n    .unit-icon-medical {\n        font-size:22px;\n        right:4%;\n    }\n\n    .unit-icon-pill {\n        font-size:19px;\n        right:9%;\n    }\n\n    .unit-icon-heart {\n        font-size:15px;\n    }\n\n    .unit-icon-plus-1 {\n        font-size:17px;\n    }\n\n    .unit-icon-plus-2 {\n        font-size:15px;\n    }\n\n    .unit-content-area {\n        padding:18px 14px;\n    }\n\n    .unit-tab-btn {\n        padding:9px 11px;\n        font-size:11px;\n    }\n\n    .intro-hero {\n        padding:20px 17px;\n    }\n\n    .intro-hero p {\n        font-size:13px;\n        line-height:1.8;\n    }\n\n    .strategy-card-3d {\n        padding:21px;\n    }\n\n    .strategy-card-3d p,\n    .unit-simple-list li,\n    .objective-list li {\n        font-size:13px;\n    }\n\n    .objective-full-card {\n        padding:20px 16px;\n    }\n\n    .service-timeline {\n        padding-left:46px;\n    }\n\n    .service-timeline::before {\n        left:14px;\n        top:22px;\n        bottom:22px;\n    }\n\n    .service-node {\n        left:-46px;\n        width:34px;\n        height:34px;\n        border-radius:10px;\n        font-size:9px;\n    }\n\n    .service-item::before {\n        left:-32px;\n        width:32px;\n    }\n\n    .service-card {\n        padding:12px;\n    }\n\n    .service-name {\n        font-size:12px;\n    }\n\n    .service-list li {\n        font-size:12px;\n    }\n}\n\n\n\/* =========================================================\n   REDUCE MOTION\n   ========================================================= *\/\n\n@media(prefers-reduced-motion:reduce) {\n\n    *,\n    *::before,\n    *::after {\n        animation-duration:.01ms !important;\n        animation-iteration-count:1 !important;\n        transition-duration:.01ms !important;\n    }\n\n    .unit-typing {\n        width:auto !important;\n        animation:none !important;\n        border-right:0 !important;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n\n    function initUnitTabs() {\n\n        var wrappers =\n            document.querySelectorAll(\n                '.unit-smart-wrapper'\n            );\n\n\n        for (\n            var w = 0;\n            w < wrappers.length;\n            w++\n        ) {\n\n            var wrapper = wrappers[w];\n\n\n            var buttons =\n                wrapper.querySelectorAll(\n                    '.unit-tab-btn[data-unit-tab]'\n                );\n\n\n            var contents =\n                wrapper.querySelectorAll(\n                    '.unit-tab-content'\n                );\n\n\n            if (\n                !buttons.length ||\n                !contents.length\n            ) {\n                continue;\n            }\n\n\n            function activateTab(\n                tabId,\n                clickedButton\n            ) {\n\n\n                \/* HIDE SEMUA CONTENT *\/\n\n                for (\n                    var i = 0;\n                    i < contents.length;\n                    i++\n                ) {\n\n                    contents[i]\n                        .classList\n                        .remove('active');\n\n                    contents[i]\n                        .setAttribute(\n                            'aria-hidden',\n                            'true'\n                        );\n\n                }\n\n\n                \/* RESET SEMUA BUTTON *\/\n\n                for (\n                    var j = 0;\n                    j < buttons.length;\n                    j++\n                ) {\n\n                    buttons[j]\n                        .classList\n                        .remove('active');\n\n                    buttons[j]\n                        .setAttribute(\n                            'aria-selected',\n                            'false'\n                        );\n\n                }\n\n\n                \/* SHOW CONTENT YANG DIPILIH *\/\n\n                var selectedTab =\n                    wrapper.querySelector(\n                        '#' + tabId\n                    );\n\n\n                if (selectedTab) {\n\n                    selectedTab\n                        .classList\n                        .add('active');\n\n                    selectedTab\n                        .setAttribute(\n                            'aria-hidden',\n                            'false'\n                        );\n\n                }\n\n\n                \/* ACTIVE BUTTON *\/\n\n                if (clickedButton) {\n\n                    clickedButton\n                        .classList\n                        .add('active');\n\n                    clickedButton\n                        .setAttribute(\n                            'aria-selected',\n                            'true'\n                        );\n\n                }\n\n            }\n\n\n            \/* CLICK EVENT *\/\n\n            for (\n                var k = 0;\n                k < buttons.length;\n                k++\n            ) {\n\n                buttons[k]\n                    .addEventListener(\n                        'click',\n                        function (event) {\n\n                            event.preventDefault();\n                            event.stopPropagation();\n\n\n                            var tabId =\n                                this.getAttribute(\n                                    'data-unit-tab'\n                                );\n\n\n                            if (tabId) {\n\n                                activateTab(\n                                    tabId,\n                                    this\n                                );\n\n                            }\n\n                        }\n                    );\n\n            }\n\n\n            \/* INITIAL TAB *\/\n\n            var activeButton =\n                wrapper.querySelector(\n                    '.unit-tab-btn.active[data-unit-tab]'\n                );\n\n\n            var initialTab =\n                activeButton\n                    ? activeButton.getAttribute(\n                        'data-unit-tab'\n                    )\n                    : buttons[0].getAttribute(\n                        'data-unit-tab'\n                    );\n\n\n            activateTab(\n                initialTab,\n                activeButton || buttons[0]\n            );\n\n        }\n\n    }\n\n\n    if (\n        document.readyState === 'loading'\n    ) {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initUnitTabs\n        );\n\n    } else {\n\n        initUnitTabs();\n\n    }\n\n})();\n<\/script>\n\n<div class=\"unit-smart-wrapper\">\n\n\n    <!-- =====================================================\n         HEADER\n         ===================================================== -->\n\n    <section class=\"unit-hero\">\n\n        <div class=\"unit-medical-icons\" aria-hidden=\"true\">\n\n            <span class=\"unit-medical-icon unit-icon-hospital\">\n                \ud83c\udfe5\n            <\/span>\n\n            <span class=\"unit-medical-icon unit-icon-stetho\">\n                \ud83e\ude7a\n            <\/span>\n\n            <span class=\"unit-medical-icon unit-icon-pill\">\n                \ud83d\udc8a\n            <\/span>\n\n            <span class=\"unit-medical-icon unit-icon-medical\">\n                \ud83e\udd57\n            <\/span>\n\n            <span class=\"unit-medical-icon unit-icon-heart\">\n                \ud83c\udf7d\ufe0f\n            <\/span>\n\n            <span class=\"unit-medical-icon unit-icon-plus-1\">\n                +\n            <\/span>\n\n            <span class=\"unit-medical-icon unit-icon-plus-2\">\n                +\n            <\/span>\n\n        <\/div>\n\n\n        <span class=\"unit-floating-dot unit-dot-1\"><\/span>\n        <span class=\"unit-floating-dot unit-dot-2\"><\/span>\n        <span class=\"unit-floating-dot unit-dot-3\"><\/span>\n\n\n        <div class=\"unit-hero-content\">\n\n            <h1 aria-label=\"Unit Dietetik dan Sajian\">\n\n                <span class=\"unit-typing\">\n                    UNIT DIETETIK &amp; SAJIAN\n                <\/span>\n\n            <\/h1>\n\n        <\/div>\n\n\n        <div class=\"unit-orb unit-orb-1\"><\/div>\n        <div class=\"unit-orb unit-orb-2\"><\/div>\n        <div class=\"unit-orb unit-orb-3\"><\/div>\n\n\n        <div class=\"unit-circuit\">\n\n            <span class=\"line1\"><\/span>\n            <span class=\"line2\"><\/span>\n            <span class=\"line3\"><\/span>\n\n            <i class=\"dot1\"><\/i>\n            <i class=\"dot2\"><\/i>\n            <i class=\"dot3\"><\/i>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         CONTENT SHELL\n         ===================================================== -->\n\n    <section class=\"unit-content-shell\">\n\n        <div class=\"unit-tab-layout\">\n\n\n            <!-- =================================================\n                 SIDEBAR\n                 ================================================= -->\n\n            <aside class=\"unit-sidebar\">\n\n\n                <button type=\"button\" class=\"unit-tab-btn active\" data-unit-tab=\"tab-pengenalan\" aria-selected=\"true\">\n\n                    <span>\n                        Pengenalan\n                    <\/span>\n\n                <\/button>\n\n\n                <button type=\"button\" class=\"unit-tab-btn\" data-unit-tab=\"tab-strategik\" aria-selected=\"false\">\n\n                    <span>\n                        Visi, Misi, Objektif\n                    <\/span>\n\n                <\/button>\n\n\n                <!-- TAB 3 \u2014 DIETETIK -->\n\n                <button type=\"button\" class=\"unit-tab-btn\" data-unit-tab=\"tab-dietetik\" aria-selected=\"false\">\n\n                    <span>\n                        Perkhidmatan Dietetik\n                    <\/span>\n\n                <\/button>\n\n\n                <!-- TAB 4 \u2014 SAJIAN -->\n\n                <button type=\"button\" class=\"unit-tab-btn\" data-unit-tab=\"tab-sajian\" aria-selected=\"false\">\n\n                    <span>\n                        Perkhidmatan Sajian\n                    <\/span>\n\n                <\/button>\n\n\n            <\/aside>\n\n\n            <!-- =================================================\n                 CONTENT AREA\n                 ================================================= -->\n\n            <main class=\"unit-content-area\">\n\n\n                <!-- =================================================\n                     PENGENALAN\n                     ================================================= -->\n\n                <div id=\"tab-pengenalan\" class=\"unit-tab-content active\" aria-hidden=\"false\">\n\n                    <h2 class=\"tab-title\">\n                        Pengenalan Unit\n                    <\/h2>\n\n\n                    <div class=\"intro-hero\">\n\n\n                        <p>\n                            <strong>Perkhidmatan Dietetik:<\/strong>\n                            Memastikan perkhidmatan dietetik klinikal kepada pesakit yang dirujuk oleh Pakar\/Pegawai Perubatan disediakan berdasarkan keperluan dan kesesuaian. Juga menyediakan bahan pendidikan pemakanan yang bersesuaian mengikut keperluan pesakit.\n                        <\/p>\n\n\n                        <p>\n                            <strong>Perkhidmatan Makanan:<\/strong>\n                        <\/p>\n\n\n                        <ul class=\"unit-simple-list\">\n\n                            <li>\n                                Memberikan perkhidmatan penyediaan makanan kepada pelanggan dengan bersih, selamat, sihat dan tepat mengikut pesanan.\n                            <\/li>\n\n                            <li>\n                                Memastikan masa pengagihan makanan ke wad mengikut masa yang ditetapkan.\n                            <\/li>\n\n                        <\/ul>\n\n\n                        <ul class=\"unit-simple-list\">\n\n                            <li>\n                                Sarapan Pagi: 6.30 pagi hingga 6.45 pagi\n                            <\/li>\n\n                            <li>\n                                Makan Tengahari: 11.30 pagi hingga 11.45 pagi\n                            <\/li>\n\n                            <li>\n                                Minum Petang: 2.45 petang hingga 3.00 petang\n                            <\/li>\n\n                            <li>\n                                Makan Malam: 5.30 petang hingga 5.45 petang\n                            <\/li>\n\n                        <\/ul>\n\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- =================================================\n                     HALA TUJU STRATEGIK\n                     ================================================= -->\n\n                <div id=\"tab-strategik\" class=\"unit-tab-content\" aria-hidden=\"true\">\n\n\n                    <h2 class=\"tab-title\">\n                        Hala Tuju Strategik\n                    <\/h2>\n\n\n                    <div class=\"strategy-top-grid\">\n\n\n                        <!-- VISI -->\n\n                        <div class=\"strategy-card-3d vision-card-3d\">\n\n                            <h3>\n                                Visi\n                            <\/h3>\n\n\n                            <p>\n                                <strong>PERKHIDMATAN DIETETIK<\/strong>\n                            <\/p>\n\n                            <ul class=\"unit-simple-list\">\n\n                                <li>\n                                    Perkhidmatan Dietetik sentiasa berusaha untuk menyokong dan membantu perawatan pesakit selaras dengan visi dan misi Kementerian Kesihatan Malaysia. Sistem Pengurusan akan mengutamakan perkembangan perkhidmatan melalui inovasi, teknologi dan pengetahuan terkini ke arah peningkatan kualiti berterusan.\n                                <\/li>\n\n                            <\/ul>\n\n\n                            <p>\n                                <strong>PERKHIDMATAN MAKANAN<\/strong>\n                            <\/p>\n\n                            <ul class=\"unit-simple-list\">\n\n                                <li>\n                                    Menjadi peneraju kecemerlangan dalam perkhidmatan dietetik dan pengurusan makanan yang bertaraf antarabangsa.\n                                <\/li>\n\n                            <\/ul>\n\n                        <\/div>\n\n\n                        <!-- MISI -->\n\n                        <div class=\"strategy-card-3d mission-card-3d\">\n\n                            <h3>\n                                Misi\n                            <\/h3>\n\n\n                            <p>\n                                Misi Jabatan Dietetik dan Sajian adalah untuk menerajui dan berusaha bersama-sama:\n                            <\/p>\n\n\n                            <p>\n                                <strong>Perkhidmatan Dietetik:<\/strong>\n                            <\/p>\n\n                            <ul class=\"unit-simple-list\">\n\n                                <li>\n                                    Membantu perawatan pesakit melalui perkhidmatan dietetik yang merangkumi aktiviti promotif, pencegahan, perawatan dan rehabilitasi berdasarkan evidence-based terkini di samping menyumbang kepakaran berkaitan.\n                                <\/li>\n\n                                <li>\n                                    Menyumbang kepada kajian saintifik, aktiviti kualiti dan penyelidikan dalam bidang dietetik dan pemakanan.\n                                <\/li>\n\n                                <li>\n                                    Membolehkan akses perkhidmatan dietetik sebagai salah satu aspek penjagaan dan perawatan pesakit dan pelanggan yang boleh didapati dengan lebih luas dan mudah.\n                                <\/li>\n\n                            <\/ul>\n\n\n                            <p>\n                                <strong>Perkhidmatan Makanan:<\/strong>\n                            <\/p>\n\n                            <ul class=\"unit-simple-list\">\n\n                                <li>\n                                    Menyediakan perkhidmatan makanan yang bersih, selamat dan sihat secara optimum serta mempromosi perkhidmatan makanan kepada komuniti melalui kepakaran menerusi pembelajaran dan penyelidikan yang berterusan selaras dengan perkembangan teknologi terkini.\n                                <\/li>\n\n                            <\/ul>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- =================================================\n                         OBJECTIVE\n                         ================================================= -->\n\n                    <div class=\"objective-full-card\">\n\n\n                        <div class=\"objective-full-header\">\n\n                            <h3>\n                                Objektif\n                            <\/h3>\n\n                        <\/div>\n\n\n                        <!-- DIETETIK -->\n\n                        <div class=\"objective-section\">\n\n                            <h4 class=\"objective-section-title\">\n                                PERKHIDMATAN DIETETIK\n                            <\/h4>\n\n\n                            <ul class=\"objective-list\">\n\n                                <li>\n                                    Memberi perkhidmatan klinikal, komuniti, kesihatan awam dan katering dietetik yang berkualiti.\n                                <\/li>\n\n                                <li>\n                                    Memberi perkhidmatan kepakaran dietetik klinikal secara profesional, sistematik dan penglibatan dalam rawatan multidisiplin.\n                                <\/li>\n\n                                <li>\n                                    Melaksana penyelidikan berkaitan.\n                                <\/li>\n\n                                <li>\n                                    Menjalin kerjasama erat dengan agensi yang berkaitan.\n                                <\/li>\n\n                            <\/ul>\n\n                        <\/div>\n\n\n                        <!-- MAKANAN -->\n\n                        <div class=\"objective-section\">\n\n                            <h4 class=\"objective-section-title\">\n                                PERKHIDMATAN MAKANAN\n                            <\/h4>\n\n\n                            <ul class=\"objective-list\">\n\n                                <li>\n                                    Memberi perkhidmatan makanan secara profesional dan efisien berorientasikan keperluan dan kehendak pelanggan.\n                                <\/li>\n\n                                <li>\n                                    Menyedia makanan yang sihat dan berkualiti mengikut prinsip Sistem Jaminan Keselamatan Makanan.\n                                <\/li>\n\n                                <li>\n                                    Melaksana penyelidikan berkaitan.\n                                <\/li>\n\n                                <li>\n                                    Mengoptima penggunaan peruntukan belanja mengurus tanpa mengabaikan keperluan pemakanan pelanggan.\n                                <\/li>\n\n                            <\/ul>\n\n                        <\/div>\n\n\n                    <\/div>\n\n\n                <\/div>\n\n\n                <!-- =================================================\n                     PERKHIDMATAN DIETETIK\n                     ================================================= -->\n\n                <div id=\"tab-dietetik\" class=\"unit-tab-content\" aria-hidden=\"true\">\n\n\n                    <h2 class=\"tab-title\">\n                        Perkhidmatan Dietetik\n                    <\/h2>\n\n\n                    <div class=\"service-timeline\">\n\n\n                        <!-- 01 -->\n\n                        <div class=\"service-item\">\n\n                            <div class=\"service-node\">\n                                01\n                            <\/div>\n\n\n                            <div class=\"service-card\">\n\n                                <div class=\"service-info\">\n\n                                    <span class=\"service-name\">\n\n                                        Memberi perkhidmatan dietetik kepada pelanggan yang dirujuk oleh pengamal perubatan berdasarkan langkah-langkah dalam proses penjagaan pemakanan (Nutrition Care Process) yang merangkumi penilaian, diagnosis, intervensi serta pemantauan dan penilaian semula pemakanan termasuk dokumentasi. Perkhidmatan ini diberikan melalui cara bersemuka atau maya kepada pelanggan secara individu atau berkumpulan meliputi perkhidmatan berikut:\n\n                                    <\/span>\n\n\n                                    <ul class=\"service-list\">\n\n                                        <li>\n                                            Perkhidmatan Konsultasi Diet\n                                        <\/li>\n\n                                        <li>\n                                            Perkhidmatan Sokongan Pemakanan\n                                        <\/li>\n\n                                        <li>\n                                            Pendidikan Pemakanan\n                                        <\/li>\n\n                                    <\/ul>\n\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n\n                        <!-- 02 -->\n\n                        <div class=\"service-item\">\n\n                            <div class=\"service-node\">\n                                02\n                            <\/div>\n\n\n                            <div class=\"service-card\">\n\n                                <div class=\"service-info\">\n\n                                    <span class=\"service-name\">\n                                        Memberi perkhidmatan dietetik lawatan ke Hospital Daerah atau Klinik Kesihatan yang diarahkan dari masa ke semasa.\n                                    <\/span>\n\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n\n                        <!-- 03 -->\n\n                        <div class=\"service-item\">\n\n                            <div class=\"service-node\">\n                                03\n                            <\/div>\n\n\n                            <div class=\"service-card\">\n\n                                <div class=\"service-info\">\n\n                                    <span class=\"service-name\">\n                                        Memberi dan mengendalikan ceramah, latihan, pendidikan berterusan dan khidmat pakar rujuk dalam bidang dietetik mengikut permintaan.\n                                    <\/span>\n\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n\n                        <!-- 04 -->\n\n                        <div class=\"service-item\">\n\n                            <div class=\"service-node\">\n                                04\n                            <\/div>\n\n\n                            <div class=\"service-card\">\n\n                                <div class=\"service-info\">\n\n                                    <span class=\"service-name\">\n                                        Memberi latihan internship dietetik kepada pelatih-pelatih dari Institusi Pendidikan Tinggi mengikut keperluan.\n                                    <\/span>\n\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n\n                        <!-- 05 -->\n\n                        <div class=\"service-item\">\n\n                            <div class=\"service-node\">\n                                05\n                            <\/div>\n\n\n                            <div class=\"service-card\">\n\n                                <div class=\"service-info\">\n\n                                    <span class=\"service-name\">\n                                        Melibatkan diri dalam kajian serta penyelidikan sejajar dengan keperluan klinikal atau perkhidmatan.\n                                    <\/span>\n\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- =================================================\n                     PERKHIDMATAN SAJIAN\n                     ================================================= -->\n\n                <div id=\"tab-sajian\" class=\"unit-tab-content\" aria-hidden=\"true\">\n\n\n                    <h2 class=\"tab-title\">\n                        Perkhidmatan Sajian\n                    <\/h2>\n\n\n                    <div class=\"service-timeline\">\n\n\n                        <!-- 01 -->\n\n                        <div class=\"service-item\">\n\n                            <div class=\"service-node\">\n                                01\n                            <\/div>\n\n\n                            <div class=\"service-card\">\n\n                                <div class=\"service-info\">\n\n                                    <span class=\"service-name\">\n                                        Fungsi perkhidmatan makanan adalah menyediakan makanan berdasarkan jenis diet iaitu diet normal, diet modifikasi konsistensi dan diet teraputik. Hidangan makanan pesakit adalah sebanyak empat (4) kali sehari iaitu Hidangan Sarapan Pagi, Makan Tengah Hari, Minum Petang dan Makan Malam.\n                                    <\/span>\n\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n\n                        <!-- 02 -->\n\n                        <div class=\"service-item\">\n\n                            <div class=\"service-node\">\n                                02\n                            <\/div>\n\n\n                            <div class=\"service-card\">\n\n                                <div class=\"service-info\">\n\n                                    <span class=\"service-name\">\n                                        Skop perkhidmatan makanan adalah seperti berikut:\n                                    <\/span>\n\n\n                                    <ul class=\"service-list\">\n\n                                        <li>\n                                            Membuat pesanan, menerima, menyimpan, memproses dan mengawal kualiti bahan bekalan makanan yang diterima.\n                                        <\/li>\n\n                                        <li>\n                                            Memastikan diet normal dan diet teraputik yang dihidangkan kepada pesakit-pesakit kelas pertama, kedua, ketiga dan kanak-kanak berdasarkan pesanan diet daripada wad adalah selamat, halal, berkualiti, mencukupi dan menepati masa hidangan.\n                                        <\/li>\n\n                                        <li>\n                                            Memastikan diet kelas pertama dihidangkan kepada Doktor dan Paramedik di Dewan Bedah serta Doktor Atas Panggilan, bergantung kepada kelayakan menurut pekeliling terkini.\n                                        <\/li>\n\n                                        <li>\n                                            Membantu dalam pelaksanaan latihan industri perkhidmatan makanan dan latihan practical kepada pelajar-pelajar daripada institusi pengajian tinggi.\n                                        <\/li>\n\n                                        <li>\n                                            Mengambil bahagian di dalam penyelidikan dan kajian yang berkaitan dengan perkhidmatan makanan.\n                                        <\/li>\n\n                                        <li>\n                                            Memantau kemudahan kantin dan food outlet hospital.\n                                        <\/li>\n\n                                    <\/ul>\n\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n\n                    <\/div>\n\n                <\/div>\n\n\n            <\/main>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         BOTTOM\n         ===================================================== -->\n\n    <div class=\"unit-bottom-decoration\">\n\n        Hospital Sibu \u00b7 Unit Dietetik &amp; Sajian\n\n    <\/div>\n\n\n<\/div>\n ","protected":false},"excerpt":{"rendered":"<p>\ud83c\udfe5 \ud83e\ude7a \ud83d\udc8a \ud83e\udd57 \ud83c\udf7d\ufe0f + + UNIT DIETETIK &amp; SAJIAN Pengenalan Visi, Misi, Objektif Perkhidmatan Dietetik Perkhidmatan Sajian Pengenalan Unit Perkhidmatan Dietetik: Memastikan perkhidmatan dietetik klinikal kepada pesakit yang dirujuk oleh Pakar\/Pegawai Perubatan disediakan berdasarkan keperluan dan kesesuaian. Juga menyediakan bahan pendidikan pemakanan yang bersesuaian mengikut keperluan pesakit. Perkhidmatan Makanan: Memberikan perkhidmatan penyediaan makanan&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"_kad_post_transparent":"default","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"default","_kad_post_vertical_padding":"bottom","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-3289","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-json\/wp\/v2\/pages\/3289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-json\/wp\/v2\/comments?post=3289"}],"version-history":[{"count":3,"href":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-json\/wp\/v2\/pages\/3289\/revisions"}],"predecessor-version":[{"id":3797,"href":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-json\/wp\/v2\/pages\/3289\/revisions\/3797"}],"wp:attachment":[{"href":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-json\/wp\/v2\/media?parent=3289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}