{"id":3228,"date":"2026-10-20T16:22:39","date_gmt":"2026-10-20T08:22:39","guid":{"rendered":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/?page_id=3228"},"modified":"2026-10-28T15:51:10","modified_gmt":"2026-10-28T07:51:10","slug":"obstetrik-ginekologi-2","status":"publish","type":"page","link":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/obstetrik-ginekologi-2\/","title":{"rendered":"OBSTETRIK &#038; GINEKOLOGI"},"content":{"rendered":"\n<style>\n\n\/* =========================================================\n   HOSPITAL SIBU \u2014 OBSTETRIK & GINEKOLOGI\n   MODERN 3D MEDICAL PORTAL (HR STYLE ENHANCED)\n   WORDPRESS SAFE\n   ========================================================= *\/\n\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:#174E56;\n    --primary-light:#286C73;\n    --primary-dark:#123E45;\n\n    --cyan:#55AAB0;\n    --cyan-soft:#78C3C8;\n\n    --navy:#082f49;\n    --dark:#0f172a;\n    --muted:#64748b;\n\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(23,78,86,.12),\n        0 8px 20px rgba(15,23,42,.06);\n\n    --shadow-3d:\n        0 20px 40px rgba(23,78,86,.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 HEADER\n   ========================================================= *\/\n\n.unit-hero {\n    position:relative;\n    overflow:hidden;\n\n    min-height:185px;\n    height:185px;\n\n    border-radius:30px;\n    padding:28px 30px;\n\n    box-sizing:border-box;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    text-align:center;\n\n    background:\n        radial-gradient(\n            circle at 85% 35%,\n            rgba(120,195,200,.35),\n            transparent 20%\n        ),\n        radial-gradient(\n            circle at 70% 90%,\n            rgba(70,145,152,.25),\n            transparent 25%\n        ),\n        linear-gradient(\n            135deg,\n            #123E45 0%,\n            #174E56 45%,\n            #286C73 100%\n        );\n\n    box-shadow:\n        0 25px 60px rgba(23,78,86,.25);\n\n    color:white;\n    isolation:isolate;\n}\n\n\n\/* =========================================================\n   HERO GRID\n   ========================================================= *\/\n\n.unit-hero::before {\n    content:\"\";\n    position:absolute;\n    inset:0;\n\n    background-image:\n        linear-gradient(\n            rgba(255,255,255,.06) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(255,255,255,.06) 1px,\n            transparent 1px\n        );\n\n    background-size:35px 35px;\n\n    mask-image:\n        linear-gradient(\n            to right,\n            transparent,\n            black 25%,\n            black 75%,\n            transparent\n        );\n\n    pointer-events:none;\n}\n\n\n\/* =========================================================\n   LARGE MEDICAL CROSS\n   ========================================================= *\/\n\n.unit-hero::after {\n    content:\"+\";\n\n    position:absolute;\n\n    right:95px;\n    top:25px;\n\n    font-size:145px;\n    line-height:1;\n\n    font-weight:800;\n\n    color:rgba(255,255,255,.055);\n\n    animation:\n        medicalFloat 7s ease-in-out infinite;\n\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\n    width:100%;\n    max-width:none;\n\n    display:flex;\n    flex-direction:column;\n\n    align-items:center;\n    justify-content:center;\n\n    text-align:center;\n}\n\n\n.unit-hero h1 {\n    margin:0;\n\n    font-size:clamp(34px,5vw,56px);\n\n    line-height:1;\n    font-weight:800;\n\n    letter-spacing:-1.5px;\n\n    color:#fff;\n    text-align:center;\n}\n\n\n\/* =========================================================\n   TYPING\n   ========================================================= *\/\n\n.unit-typing {\n    display:inline-block;\n\n    max-width:90vw;\n\n    overflow:hidden;\n    white-space:nowrap;\n\n    vertical-align:bottom;\n\n    border-right:3px solid rgba(255,255,255,.95);\n\n    width:0;\n\n    animation:\n        unitTyping 3.2s steps(14,end) infinite,\n        unitTypingCursor .75s step-end infinite;\n}\n\n\n@keyframes unitTyping {\n\n    0% {\n        width:0;\n    }\n\n    35% {\n        width:100%;\n    }\n\n    65% {\n        width:100%;\n    }\n\n    100% {\n        width:0;\n    }\n}\n\n\n@keyframes unitTypingCursor {\n\n    0%,100% {\n        border-color:rgba(255,255,255,.95);\n    }\n\n    50% {\n        border-color:transparent;\n    }\n}\n\n\n\/* =========================================================\n   MEDICAL 3D ICONS\n   ========================================================= *\/\n\n.unit-medical-icons {\n    position:absolute;\n    inset:0;\n    z-index:6;\n    pointer-events:none;\n}\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:\n        \"Segoe UI Emoji\",\n        \"Apple Color Emoji\",\n        sans-serif;\n\n    line-height:1;\n\n    opacity:.78;\n\n    filter:\n        drop-shadow(\n            0 8px 8px rgba(0,0,0,.12)\n        );\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\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\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\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\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\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\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\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\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   BUBBLE \/ ORBS\n   ========================================================= *\/\n\n.unit-orb {\n    position:absolute;\n    border-radius:50%;\n    pointer-events:none;\n    z-index:4;\n}\n\n\n.unit-orb-1 {\n    width:150px;\n    height:150px;\n    right:70px;\n    bottom:-50px;\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    border:1px solid rgba(255,255,255,.2);\n    box-shadow:\n        inset -20px -20px 40px rgba(0,0,0,.08),\n        0 20px 50px rgba(0,0,0,.10);\n    animation:orbFloat 7s ease-in-out infinite;\n}\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\n.unit-orb-3 {\n    width:20px;\n    height:20px;\n    right:340px;\n    bottom:45px;\n    background:#78C3C8;\n    box-shadow:0 0 25px rgba(120,195,200,.7);\n    animation:pulseOrb 2.5s infinite;\n}\n\n\n\/* =========================================================\n   SMALL FLOATING DOTS\n   ========================================================= *\/\n\n.unit-floating-dot {\n    position:absolute;\n    width:7px;\n    height:7px;\n    border-radius:50%;\n    background:#A7D8DB;\n    box-shadow:0 0 15px rgba(120,195,200,.9);\n    opacity:.7;\n    z-index:5;\n    animation:dotFloat 4s ease-in-out infinite;\n}\n\n\n.unit-dot-1 {\n    left:24%;\n    top:68%;\n}\n\n\n.unit-dot-2 {\n    right:24%;\n    top:72%;\n    animation-delay:1.5s;\n}\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   DIGITAL 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\n.unit-circuit span {\n    position:absolute;\n    height:1px;\n    background:rgba(255,255,255,.45);\n}\n\n\n.unit-circuit .line1 { width:120px; right:0; top:20px; }\n.unit-circuit .line2 { width:190px; right:0; top:55px; }\n.unit-circuit .line3 { width:90px; right:70px; top:82px; }\n\n.unit-circuit i {\n    position:absolute;\n    width:7px;\n    height:7px;\n    border-radius:50%;\n    background:#78C3C8;\n    box-shadow:0 0 12px #78C3C8;\n}\n\n\n.unit-circuit .dot1 { right:0; top:17px; }\n.unit-circuit .dot2 { right:0; top:52px; }\n.unit-circuit .dot3 { right:65px; top:79px; }\n\n\n\/* =========================================================\n   CONTENT OUTER BACKGROUND\n   ========================================================= *\/\n\n.unit-content-shell {\n    position:relative;\n    margin-top:25px;\n    padding:22px;\n    border-radius:32px;\n    background:\n        radial-gradient(circle at 85% 5%, rgba(85,170,176,.22), transparent 25%),\n        radial-gradient(circle at 5% 90%, rgba(40,108,115,.14), transparent 27%),\n        linear-gradient(135deg, #F7FBFB, #E8F3F4);\n    border:1px solid rgba(40,108,115,.10);\n    box-shadow:\n        0 30px 70px rgba(8,47,73,.10),\n        inset 0 1px 0 rgba(255,255,255,.9);\n    overflow:hidden;\n    isolation:isolate;\n}\n\n\n.unit-content-shell::before {\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background-image:\n        linear-gradient(rgba(40,108,115,.035) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(40,108,115,.035) 1px, transparent 1px);\n    background-size:28px 28px;\n    pointer-events:none;\n    z-index:0;\n}\n\n\n.unit-content-shell::after {\n    content:\"\";\n    position:absolute;\n    width:300px;\n    height:300px;\n    right:-120px;\n    bottom:-130px;\n    border-radius:50%;\n    background:\n        radial-gradient(circle, rgba(85,170,176,.24), rgba(40,108,115,.07) 38%, transparent 70%);\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(145deg, rgba(255,255,255,.88), rgba(240,250,255,.75));\n    backdrop-filter:blur(20px);\n    -webkit-backdrop-filter:blur(20px);\n    border:1px solid rgba(255,255,255,.9);\n    border-radius:28px;\n    padding:18px;\n    box-shadow:var(--shadow-3d);\n    display:flex;\n    flex-direction:column;\n    gap:10px;\n    position:sticky;\n    top:25px;\n    height:fit-content;\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    padding:15px 17px;\n    border-radius:17px;\n    font-family:var(--font-main);\n    font-size:14px;\n    font-weight:700;\n    text-align:left;\n    cursor:pointer;\n    display:flex;\n    align-items:center;\n    gap:12px;\n    position:relative;\n    overflow:hidden;\n    transition:\n        transform .35s ease,\n        background .35s ease,\n        box-shadow .35s ease,\n        color .35s ease;\n}\n\n\n.unit-tab-btn:hover {\n    color:var(--primary);\n    background:rgba(40,108,115,.07);\n    transform:translateX(5px);\n    border-color:rgba(40,108,115,.10);\n}\n\n\n.unit-tab-btn.active {\n    color:white;\n    background:\n        linear-gradient(135deg, #1A5A62, #174E56, #286C73);\n    box-shadow:\n        0 14px 28px rgba(40,108,115,.30),\n        inset 0 1px 0 rgba(255,255,255,.25);\n    transform:translateX(7px);\n}\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(145deg, rgba(255,255,255,.95), rgba(249,253,255,.91));\n    border:1px solid rgba(255,255,255,.95);\n    border-radius:30px;\n    padding:42px;\n    min-height:0;\n    height:auto;\n    box-sizing:border-box;\n    box-shadow:\n        0 28px 60px rgba(15,23,42,.08),\n        inset 0 1px 0 white;\n    position:relative;\n    overflow:hidden;\n}\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(40,108,115,.10);\n    box-shadow:\n        0 0 0 25px rgba(40,108,115,.025),\n        0 0 0 50px rgba(40,108,115,.018);\n    pointer-events:none;\n}\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    background:\n        linear-gradient(135deg, transparent 48%, rgba(85,170,176,.08) 49%, transparent 51%);\n    pointer-events:none;\n}\n\n\n\/* =========================================================\n   TAB CONTENT\n   ========================================================= *\/\n\n.unit-tab-content {\n    display:none;\n    animation:contentIn .55s cubic-bezier(.22,1,.36,1);\n    position:relative;\n    z-index:2;\n    width:100%;\n    box-sizing:border-box;\n}\n\n\n.unit-tab-content.active {\n    display:block;\n}\n\n\n@keyframes contentIn {\n    from { opacity:0; transform:translateY(18px) scale(.985); }\n    to { opacity:1; transform:translateY(0) scale(1); }\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    margin:0 0 30px;\n    display:flex;\n    align-items:center;\n    gap:5px;\n    letter-spacing:-.7px;\n    position:relative;\n    z-index:2;\n}\n\n\n.tab-title::before {\n    content:\"\";\n    width:7px;\n    height:43px;\n    border-radius:8px;\n    background:linear-gradient(180deg, var(--primary), var(--cyan));\n    box-shadow:0 0 18px rgba(85,170,176,.35);\n    flex-shrink:0;\n}\n\n\n.tab-title::after {\n    content:\"\";\n    height:1px;\n    flex:1;\n    margin-left:12px;\n    background:linear-gradient(90deg, rgba(40,108,115,.25), transparent);\n}\n\n\n\/* =========================================================\n   PENGENALAN\n   ========================================================= *\/\n\n.intro-hero {\n    position:relative;\n    height:auto;\n    min-height:0;\n    padding:30px 32px;\n    border-radius:26px;\n    overflow:hidden;\n    background:\n        radial-gradient(circle at 90% 10%, rgba(85,170,176,.20), transparent 30%),\n        linear-gradient(135deg, #F4FAFA, #E8F3F4);\n    border:1px solid rgba(40,108,115,.10);\n    box-shadow:\n        0 15px 35px rgba(40,108,115,.07),\n        inset 0 1px 0 white;\n    box-sizing:border-box;\n}\n\n\n.intro-hero::before {\n    content:\"UNIT\";\n    position:absolute;\n    right:20px;\n    bottom:-35px;\n    font-family:var(--font-tech);\n    font-size:130px;\n    font-weight:800;\n    color:rgba(40,108,115,.045);\n    pointer-events:none;\n}\n\n\n.intro-hero p {\n    position:relative;\n    z-index:2;\n    margin:0 0 14px;\n    color:#475569;\n    font-size:15px;\n    line-height:1.9;\n    overflow-wrap:anywhere;\n}\n\n.intro-hero p:last-child {\n    margin-bottom:0;\n}\n\n.intro-list {\n    position:relative;\n    z-index:2;\n    margin:14px 0 20px;\n    padding-left:20px;\n}\n\n.intro-list li {\n    color:#475569;\n    font-size:14px;\n    line-height:1.7;\n    margin-bottom:6px;\n    padding-left:4px;\n}\n\n.intro-list li::marker {\n    color:var(--primary);\n    font-weight:700;\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\n.strategy-card-3d {\n    position:relative;\n    min-height:0;\n    height:auto;\n    padding:32px;\n    border-radius:30px;\n    overflow:hidden;\n    transform-style:preserve-3d;\n    transition:\n        transform .45s cubic-bezier(.22,1,.36,1),\n        box-shadow .45s ease;\n    box-sizing:border-box;\n}\n\n\n.strategy-card-3d h3 {\n    margin:0 0 15px;\n    font-family:var(--font-tech);\n    font-size:1.5rem;\n    font-weight:700;\n}\n\n\n.strategy-card-3d p {\n    position:relative;\n    z-index:3;\n    margin:0 0 14px;\n    font-size:14px;\n    line-height:1.9;\n    overflow-wrap:anywhere;\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(circle at 85% 15%, rgba(120,195,200,.35), transparent 25%),\n        radial-gradient(circle at 10% 90%, rgba(255,255,255,.12), transparent 25%),\n        linear-gradient(145deg, #123E45, #174E56 55%, #286C73);\n    color:white;\n    border:1px solid rgba(255,255,255,.20);\n    box-shadow:\n        0 28px 50px rgba(23,78,86,.28),\n        0 10px 20px rgba(23,78,86,.12),\n        inset 0 1px 0 rgba(255,255,255,.35);\n}\n\n\n.vision-card-3d:hover {\n    transform:translateY(-8px) rotateX(2deg) rotateY(-1deg);\n    box-shadow:\n        0 38px 65px rgba(23,78,86,.34),\n        0 15px 25px rgba(23,78,86,.15);\n}\n\n\n.vision-card-3d p {\n    color:rgba(255,255,255,.91);\n}\n\n\n\/* =========================================================\n   MISI\n   ========================================================= *\/\n\n.mission-card-3d {\n    background:\n        radial-gradient(circle at 90% 10%, rgba(85,170,176,.18), transparent 25%),\n        linear-gradient(145deg, #ffffff, #EFF7F7);\n    color:#0f172a;\n    border:1px solid rgba(40,108,115,.14);\n    box-shadow:\n        0 25px 50px rgba(15,23,42,.08),\n        0 8px 18px rgba(23,78,86,.06),\n        inset 0 1px 0 white;\n}\n\n\n.mission-card-3d:hover {\n    transform:translateY(-8px) rotateX(2deg) rotateY(1deg);\n    box-shadow:0 35px 60px rgba(23,78,86,.15);\n}\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    width:190px;\n    height:190px;\n    right:-85px;\n    bottom:-95px;\n    border-radius:50%;\n    border:1px solid rgba(255,255,255,.18);\n    box-shadow:\n        0 0 0 20px rgba(255,255,255,.025),\n        0 0 0 40px rgba(255,255,255,.018);\n    pointer-events:none;\n}\n\n\n\/* =========================================================\n   OBJECTIVE\n   ========================================================= *\/\n\n.objective-full-card {\n    margin-top:24px;\n    height:auto;\n    min-height:0;\n    padding:30px 34px;\n    border-radius:30px;\n    position:relative;\n    overflow:hidden;\n    background:\n        radial-gradient(circle at 95% 5%, rgba(85,170,176,.16), transparent 22%),\n        linear-gradient(145deg, #ffffff, #F1F8F8);\n    border:1px solid rgba(40,108,115,.12);\n    box-shadow:\n        0 25px 50px rgba(15,23,42,.07),\n        0 8px 20px rgba(23,78,86,.05),\n        inset 0 1px 0 white;\n    transition:transform .4s ease, box-shadow .4s ease;\n    box-sizing:border-box;\n}\n\n\n.objective-full-card:hover {\n    transform:translateY(-5px);\n    box-shadow:0 32px 60px rgba(23,78,86,.12);\n}\n\n\n.objective-full-card::before {\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background-image:\n        linear-gradient(rgba(40,108,115,.025) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(40,108,115,.025) 1px, transparent 1px);\n    background-size:24px 24px;\n    pointer-events:none;\n}\n\n\n.objective-full-header {\n    display:flex;\n    align-items:center;\n    justify-content:flex-start;\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:#082f49;\n    font-size:1.35rem;\n    font-weight:700;\n}\n\n.objective-single {\n    position:relative;\n    z-index:2;\n    display:flex;\n    flex-direction:column; \/* Overridden for list stacking *\/\n    gap:18px;\n    padding:18px 5px 4px;\n    border-top:1px solid rgba(40,108,115,.10);\n}\n\n.objective-group {\n    margin:0 0 22px;\n}\n.objective-group:last-child {\n    margin-bottom:0;\n}\n.objective-group-title {\n    display:block;\n    margin-bottom:8px;\n    color:var(--navy);\n    font-size:14px;\n    font-weight:700;\n}\n.objective-list {\n    margin:0;\n    padding-left:21px;\n}\n.objective-list li {\n    color:#475569;\n    font-size:13.5px;\n    line-height:1.75;\n    margin-bottom:5px;\n    padding-left:4px;\n}\n.objective-list li::marker {\n    color:var(--primary);\n    font-weight:700;\n}\n\n\n\/* =========================================================\n   SERVICES\n   ========================================================= *\/\n\n.service-timeline {\n    position:relative;\n    padding:8px 0 10px 78px;\n}\n\n\n.service-timeline::before {\n    content:\"\";\n    position:absolute;\n    left:29px;\n    top:20px;\n    bottom:20px;\n    width:3px;\n    background:\n        linear-gradient(180deg, var(--primary), var(--cyan), rgba(85,170,176,.15));\n    border-radius:10px;\n    box-shadow:0 0 12px rgba(85,170,176,.20);\n}\n\n\n.service-item {\n    position:relative;\n    margin-bottom:22px;\n    min-height:0;\n}\n\n\n.service-item:last-child {\n    margin-bottom:0;\n}\n\n\n.service-node {\n    position:absolute;\n    left:-78px;\n    top:50%;\n    transform:translateY(-50%);\n    width:60px;\n    height:60px;\n    border-radius:18px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    font-family:var(--font-tech);\n    font-size:15px;\n    font-weight:700;\n    color:white;\n    background:\n        linear-gradient(145deg, var(--primary-dark), var(--primary-light));\n    border:4px solid #e9faff;\n    box-shadow:\n        0 8px 18px rgba(23,78,86,.25),\n        0 0 0 1px rgba(85,170,176,.35),\n        inset 0 1px 0 rgba(255,255,255,.35);\n    z-index:3;\n    transition:.4s ease;\n}\n\n\n.service-node::after {\n    content:\"\";\n    position:absolute;\n    width:8px;\n    height:8px;\n    right:-3px;\n    top:-3px;\n    border-radius:50%;\n    background:var(--cyan);\n    box-shadow:0 0 10px var(--cyan);\n    animation:pulseNode 2s infinite;\n}\n\n\n.service-item::before {\n    content:\"\";\n    position:absolute;\n    left:-48px;\n    top:50%;\n    width:48px;\n    height:2px;\n    background:linear-gradient(90deg, var(--primary), var(--cyan));\n}\n\n\n.service-card {\n    min-height:0;\n    height:auto;\n    display:flex;\n    align-items:center;\n    gap:18px;\n    padding:18px 22px;\n    border-radius:20px;\n    background:linear-gradient(145deg, #ffffff, #F3F8F9);\n    border:1px solid #D9E9EB;\n    box-shadow:\n        0 8px 20px rgba(15,23,42,.055),\n        inset 0 1px 0 white;\n    position:relative;\n    overflow:hidden;\n    transition:.4s ease;\n    box-sizing:border-box;\n}\n\n\n.service-info {\n    flex:1;\n    min-width:0;\n}\n\n\n.service-name {\n    display:block;\n    font-size:14px;\n    font-weight:700;\n    color:var(--navy);\n    line-height:1.6;\n    overflow-wrap:anywhere;\n}\n\n.service-item:hover .service-card {\n    transform:translateX(8px) translateY(-3px);\n    border-color:rgba(85,170,176,.40);\n    box-shadow:0 18px 30px rgba(23,78,86,.13);\n}\n\n\n.service-item:hover .service-node {\n    transform:translateY(-50%) scale(1.10) rotate(-4deg);\n    box-shadow:\n        0 12px 25px rgba(40,108,115,.30),\n        0 0 25px rgba(85,170,176,.30);\n}\n\n\n.service-card::before {\n    content:\"\";\n    position:absolute;\n    top:0;\n    left:-120%;\n    width:80%;\n    height:100%;\n    background:\n        linear-gradient(90deg, transparent, rgba(255,255,255,.7), transparent);\n    transform:skewX(-20deg);\n    transition:.7s;\n}\n\n\n.service-item:hover .service-card::before {\n    left:140%;\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    margin-top:22px;\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    width:45px;\n    height:1px;\n    background:linear-gradient(90deg, transparent, #9FC7CB);\n}\n\n.unit-bottom-decoration::after {\n    background:linear-gradient(90deg, #9FC7CB, transparent);\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n   ========================================================= *\/\n\n@keyframes medicalFloat {\n    0%,100% { transform:translateY(0) rotate(0deg); }\n    50% { transform:translateY(-12px) rotate(3deg); }\n}\n\n@keyframes orbFloat {\n    0%,100% { transform:translateY(0) translateX(0); }\n    50% { transform:translateY(-18px) translateX(8px); }\n}\n\n@keyframes pulseOrb {\n    0%,100% { transform:scale(1); opacity:.7; }\n    50% { transform:scale(1.5); opacity:1; }\n}\n\n@keyframes pulseNode {\n    0%,100% { transform:scale(1); opacity:.8; }\n    50% { transform:scale(1.5); opacity:1; }\n}\n\n@keyframes medicalIconFloat {\n    0%,100% { transform:translate3d(0,0,0) rotate(0deg); }\n    50% { transform:translate3d(8px,-12px,15px) rotate(4deg); }\n}\n\n@keyframes medicalHeart {\n    0%,100% { transform:translateY(0) scale(1); }\n    50% { transform:translateY(-8px) scale(1.12); }\n}\n\n@keyframes smallPlusFloat {\n    0%,100% { transform:translateY(0) rotate(0deg); }\n    50% { transform:translateY(-10px) rotate(8deg); }\n}\n\n@keyframes dotFloat {\n    0%,100% { transform:translateY(0) scale(1); }\n    50% { transform:translateY(-12px) scale(1.35); }\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media(max-width:992px) {\n    .unit-smart-wrapper { padding:0 10px; }\n    .unit-content-shell { padding:18px; }\n    .unit-tab-layout { grid-template-columns:1fr; gap:20px; }\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 { display:none; }\n    \n    .unit-tab-btn { flex:0 0 auto; padding:10px 14px; font-size:13px; }\n    .unit-tab-btn.active { transform:translateY(-2px); }\n\n    .unit-content-area { padding:28px 22px; border-radius:24px; }\n    .strategy-top-grid { grid-template-columns:1fr; }\n\n    .service-timeline { padding-left:58px; }\n    .service-timeline::before { left:20px; }\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 { left:-38px; width:38px; }\n    .service-card { padding:15px; gap:12px; }\n\n    \/* HEADER TABLET *\/\n    .unit-icon-hospital { left:5%; font-size:32px; }\n    .unit-icon-stetho { left:12%; font-size:27px; }\n    .unit-icon-medical { right:5%; font-size:30px; }\n    .unit-icon-pill { right:14%; font-size:25px; }\n    .unit-icon-heart { left:23%; }\n    .unit-icon-plus-2 { right:25%; }\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media(max-width:600px) {\n    .unit-smart-wrapper { margin:15px auto; padding:0 8px; }\n    .unit-hero {\n        min-height:155px !important;\n        height:155px !important;\n        padding:25px 20px;\n        border-radius:23px;\n    }\n    .unit-hero h1 { font-size:34px !important; }\n\n    \/* MOBILE CROSS *\/\n    .unit-hero::after { right:-15px; top:60px; font-size:120px; }\n\n    \/* MOBILE MEDICAL ICONS *\/\n    .unit-icon-hospital { left:6%; top:22%; font-size:28px; }\n    .unit-icon-stetho { left:9%; bottom:15%; font-size:23px; }\n    .unit-icon-medical { right:5%; top:20%; font-size:27px; }\n    .unit-icon-pill { right:11%; bottom:15%; font-size:22px; }\n    .unit-icon-heart { left:20%; top:12%; font-size:18px; }\n    .unit-icon-plus-1 { left:17%; bottom:17%; font-size:20px; }\n    .unit-icon-plus-2 { right:29%; top:12%; font-size:17px; }\n\n    .unit-floating-dot { width:5px; height:5px; }\n    .unit-orb-1 { right:-30px; bottom:-40px; }\n    .unit-orb-2 { right:100px; top:20px; }\n    .unit-circuit { display:none; }\n\n    .unit-content-shell { margin-top:15px; padding:10px; border-radius:22px; }\n    .unit-content-area { padding:22px 17px; border-radius:20px; min-height:0; }\n\n    .tab-title { font-size:1.45rem; margin-bottom:22px; }\n    .tab-title::after { display:none; }\n\n    .intro-hero { padding:24px 20px; border-radius:22px; }\n    .intro-hero p, .intro-list li { font-size:14px; line-height:1.85; }\n\n    .strategy-card-3d { padding:25px; border-radius:24px; min-height:0; }\n    .strategy-card-3d h3 { font-size:1.4rem; }\n    .strategy-card-3d p { font-size:13.5px; line-height:1.8; }\n\n    .objective-full-card { padding:22px 20px; border-radius:24px; }\n    .objective-full-header { margin-bottom:18px; align-items:flex-start; }\n    .objective-full-header h3 { font-size:1.15rem; }\n    \n    .objective-single { gap:13px; padding:18px 0 5px; }\n    .objective-list li { font-size:13px; line-height:1.8; }\n\n    .service-timeline { padding-left:50px; }\n    .service-timeline::before { left:16px; }\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    .service-item::before { left:-34px; width:34px; }\n    .service-card { min-height:0; padding:13px 14px; border-radius:16px; }\n    .service-name { font-size:12.5px; line-height:1.55; }\n}\n\n\n\/* =========================================================\n   VERY SMALL PHONE\n   ========================================================= *\/\n\n@media(max-width:430px) {\n    .unit-hero { min-height:135px !important; height:135px !important; padding:22px 15px; }\n    .unit-hero h1 { font-size:29px !important; }\n    .unit-hero::after { right:-20px; top:48px; font-size:105px; }\n\n    .unit-icon-hospital { font-size:23px; left:5%; }\n    .unit-icon-stetho { font-size:20px; left:8%; }\n    .unit-icon-medical { font-size:22px; right:4%; }\n    .unit-icon-pill { font-size:19px; right:9%; }\n    .unit-icon-heart { font-size:15px; }\n    .unit-icon-plus-1 { font-size:17px; }\n    .unit-icon-plus-2 { font-size:15px; }\n\n    .unit-content-area { padding:18px 14px; }\n    .unit-tab-btn { padding:9px 11px; font-size:11px; }\n\n    .intro-hero { padding:20px 17px; }\n    .intro-hero p, .intro-list li { font-size:13px; line-height:1.8; }\n\n    .strategy-card-3d { padding:21px; }\n    .strategy-card-3d p { font-size:13px; }\n\n    .objective-full-card { padding:20px 16px; }\n    .objective-single { gap:10px; }\n    .objective-list li { font-size:12.5px; line-height:1.75; }\n\n    .service-timeline { padding-left:46px; }\n    .service-timeline::before { left:14px; }\n    .service-node { left:-46px; width:34px; height:34px; border-radius:10px; font-size:9px; }\n    .service-item::before { left:-32px; width:32px; }\n    .service-card { padding:12px; }\n    .service-name { font-size:12px; }\n}\n\n\n\/* =========================================================\n   REDUCE MOTION\n   ========================================================= *\/\n\n@media(prefers-reduced-motion:reduce) {\n    *, *::before, *::after {\n        animation-duration:.01ms !important;\n        animation-iteration-count:1 !important;\n        transition-duration:.01ms !important;\n    }\n    .unit-typing {\n        width:auto !important;\n        animation:none !important;\n        border-right:0 !important;\n    }\n}\n\n<\/style>\n\n\n<!-- =========================================================\n     MAIN WRAPPER\n     ========================================================= -->\n\n<div class=\"unit-smart-wrapper\">\n\n    <!-- =====================================================\n         HEADER\n         ===================================================== -->\n\n    <section class=\"unit-hero\">\n\n        <!-- MEDICAL 3D ICONS -->\n        <div class=\"unit-medical-icons\" aria-hidden=\"true\">\n            <span class=\"unit-medical-icon unit-icon-hospital\">\ud83c\udfe5<\/span>\n            <span class=\"unit-medical-icon unit-icon-stetho\">\ud83e\ude7a<\/span>\n            <span class=\"unit-medical-icon unit-icon-pill\">\ud83d\udc8a<\/span>\n            <span class=\"unit-medical-icon unit-icon-medical\">\ud83e\udec0<\/span>\n            <span class=\"unit-medical-icon unit-icon-heart\">\u2665<\/span>\n            <span class=\"unit-medical-icon unit-icon-plus-1\">+<\/span>\n            <span class=\"unit-medical-icon unit-icon-plus-2\">+<\/span>\n        <\/div>\n\n        <!-- FLOATING DOTS -->\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        <!-- TITLE -->\n        <div class=\"unit-hero-content\">\n            <h1 aria-label=\"Obstetrik Ginekologi\">\n                <span class=\"unit-typing\">\n                    OBSTETRIK &#038; GINEKOLOGI\n                <\/span>\n            <\/h1>\n        <\/div>\n\n        <!-- 3D BUBBLES -->\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        <!-- DIGITAL CIRCUIT -->\n        <div class=\"unit-circuit\">\n            <span class=\"line1\"><\/span>\n            <span class=\"line2\"><\/span>\n            <span class=\"line3\"><\/span>\n            <i class=\"dot1\"><\/i>\n            <i class=\"dot2\"><\/i>\n            <i class=\"dot3\"><\/i>\n        <\/div>\n\n    <\/section>\n\n    <!-- =====================================================\n         CONTENT SHELL\n         ===================================================== -->\n\n    <section class=\"unit-content-shell\">\n\n        <div class=\"unit-tab-layout\">\n\n            <!-- SIDEBAR -->\n            <aside class=\"unit-sidebar\">\n                <button type=\"button\" class=\"unit-tab-btn active\" data-unit-tab=\"tab-pengenalan\" aria-selected=\"true\">\n                    <span>Pengenalan<\/span>\n                <\/button>\n\n                <button type=\"button\" class=\"unit-tab-btn\" data-unit-tab=\"tab-strategik\" aria-selected=\"false\">\n                    <span>Visi, Misi, Objektif<\/span>\n                <\/button>\n\n                <button type=\"button\" class=\"unit-tab-btn\" data-unit-tab=\"tab-perkhidmatan\" aria-selected=\"false\">\n                    <span>Perkhidmatan<\/span>\n                <\/button>\n            <\/aside>\n\n\n            <!-- CONTENT AREA -->\n            <main class=\"unit-content-area\">\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                    <div class=\"intro-hero\">\n                        <p>\n                            Jabatan Obstetrik dan Ginekologi (O&#038;G) terdiri daripada empat wad dengan jumlah keseluruhan sebanyak <strong>92 katil<\/strong>.\n                        <\/p>\n\n                        <ol class=\"intro-list\">\n                            <li>Wad Bersalin (No. 8) \u2013 12 katil<\/li>\n                            <li>Wad Sebelum Bersalin (No. 7) \u2013 28 katil<\/li>\n                            <li>Wad Selepas Bersalin (No. 5) \u2013 28 katil<\/li>\n                            <li>Wad Gynae (No. 12) \u2013 24 katil<\/li>\n                        <\/ol>\n\n                        <p>\n                            Wad Bersalin, Wad Sebelum Bersalin dan Wad Selepas Bersalin terletak di tingkat bawah (ground floor) bangunan klinikal, manakala Wad Gynae terletak di tingkat 1.\n                        <\/p>\n\n                        <p>\n                            Jabatan Obstetrik dan Ginekologi merupakan salah satu jabatan penting di Hospital Sibu dalam pengurusan kes-kes obstetrik dan ginekologi.\n                        <\/p>\n\n                        <p>\n                            Jabatan ini berfungsi sebagai pusat rujukan utama bagi Zon Tengah Sarawak serta hospital kluster utama bagi Hospital Daro, Hospital Kanowit dan Hospital Kapit.\n                        <\/p>\n\n                        <p>\n                            Pada masa ini, jabatan menerima rujukan daripada Hospital Daro, Hospital Kanowit serta klinik-klinik sekitar Sibu, Kanowit dan Daro. Walaupun Hospital Kapit kini mempunyai pakar Obstetrik dan Ginekologi, kes-kes berisiko tinggi masih dirujuk ke Hospital Sibu.\n                        <\/p>\n                    <\/div>\n\n                <\/div>\n\n                <!-- =================================================\n                     HALA TUJU STRATEGIK\n                     ================================================= -->\n\n                <div id=\"tab-strategik\" class=\"unit-tab-content\" aria-hidden=\"true\">\n\n                    <h2 class=\"tab-title\">\n                        Hala Tuju Strategik\n                    <\/h2>\n\n                    <div class=\"strategy-top-grid\">\n\n                        <!-- VISI -->\n                        <div class=\"strategy-card-3d vision-card-3d\">\n                            <h3>Visi<\/h3>\n                            <p>\n                                Menjadi sebuah pusat kecemerlangan yang mempunyai standard penjagaan tertinggi dalam menyediakan perkhidmatan Obstetrik dan Ginekologi, serta menyediakan latihan berterusan dan berfungsi sebagai pusat rujukan bagi perkhidmatan Obstetrik dan Ginekologi (O&#038;G) di wilayah tengah.\n                            <\/p>\n                        <\/div>\n\n                        <!-- MISI -->\n                        <div class=\"strategy-card-3d mission-card-3d\">\n                            <h3>Misi<\/h3>\n                            <p>\n                                Menyediakan penjagaan yang optimum, bantuan sokongan dan perawatan berasaskan bukti kepada ibu dan bayi semasa intrapartum (proses kelahiran) dan tempoh awal selepas bersalin melalui kakitangan yang berkemahiran dan berempati, kemudahan pemantauan yang mencukupi serta diselenggara dengan baik, dan intervensi yang sesuai serta segera.\n                            <\/p>\n                            <p style=\"margin-top:14px;\">\n                                Menyediakan perkhidmatan Obstetrik dan Ginekologi yang berkualiti serta memastikan keselamatan pesakit dan penjagaan yang berterusan bagi mengurangkan kadar kematian (mortaliti) dan komplikasi.\n                            <\/p>\n                        <\/div>\n\n                    <\/div>\n\n                    <!-- OBJECTIVE -->\n                    <div class=\"objective-full-card\">\n\n                        <div class=\"objective-full-header\">\n                            <div class=\"objective-title-wrap\">\n                                <div>\n                                    <h3>Objektif<\/h3>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"objective-single\">\n\n                            <!-- OBJEKTIF JABATAN -->\n                            <div class=\"objective-group\">\n                                <span class=\"objective-group-title\">Objektif Jabatan<\/span>\n                                <ul class=\"objective-list\">\n                                    <li>Menyediakan penjagaan yang selamat, efektif serta berfokus kepada pesakit.<\/li>\n                                <\/ul>\n                            <\/div>\n\n                            <!-- OBJEKTIF OBSTETRIK -->\n                            <div class=\"objective-group\">\n                                <span class=\"objective-group-title\">Objektif Obstetrik<\/span>\n                                <ul class=\"objective-list\">\n                                    <li>Mengurangkan kejadian pendarahan postpartum (PPH) yang teruk atau massive.<\/li>\n                                    <li>Mengoptimumkan kadar pembedahan Caesarean.<\/li>\n                                    <li>Mengurangkan koyakan perineum tahap ketiga dan keempat.<\/li>\n                                    <li>Meningkatkan keselamatan dalam kelahiran secara instrumental.<\/li>\n                                    <li>Mengekalkan kadar kematian maternal yang rendah.<\/li>\n                                    <li>Memperkukuhkan semakan kes morbiditi dan mortaliti maternal.<\/li>\n                                    <li>Meningkatkan kompetensi dalam interpretasi CTG.<\/li>\n                                <\/ul>\n                            <\/div>\n\n                            <!-- OBJEKTIF GINEKOLOGI -->\n                            <div class=\"objective-group\">\n                                <span class=\"objective-group-title\">Objektif Ginekologi<\/span>\n                                <ul class=\"objective-list\">\n                                    <li>Mengurangkan jangkitan pada luka pembedahan (SSI).<\/li>\n                                    <li>Mengurangkan kadar kemasukan semula ke dewan bedah secara tidak dirancang dalam tempoh kemasukan yang sama selepas pembedahan ginekologi.<\/li>\n                                    <li>Mengurangkan kadar kemasukan semula ke hospital secara tidak dirancang dalam tempoh 72 jam selepas discaj bagi pesakit ginekologi.<\/li>\n                                    <li>Mengurangkan peratusan kecederaan ureter yang tidak didiagnosis bagi pembedahan ginekologi benign.<\/li>\n                                <\/ul>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n                <!-- =================================================\n                     PERKHIDMATAN\n                     ================================================= -->\n\n                <div id=\"tab-perkhidmatan\" class=\"unit-tab-content\" aria-hidden=\"true\">\n\n                    <h2 class=\"tab-title\">\n                        Perkhidmatan\n                    <\/h2>\n\n                    <div class=\"service-timeline\">\n\n                        <div class=\"service-item\">\n                            <div class=\"service-node\">01<\/div>\n                            <div class=\"service-card\">\n                                <div class=\"service-info\">\n                                    <span class=\"service-name\">\n                                        Penyediaan penjagaan antenatal (sebelum bersalin) dan perkhidmatan bersalin untuk ibu hamil, serta rawatan penyakit dan komplikasi semasa dan selepas kehamilan.\n                                    <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"service-item\">\n                            <div class=\"service-node\">02<\/div>\n                            <div class=\"service-card\">\n                                <div class=\"service-info\">\n                                    <span class=\"service-name\">\n                                        Penyediaan pembedahan C-Sec (Caesarean) secara elektif dan kecemasan.\n                                    <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"service-item\">\n                            <div class=\"service-node\">03<\/div>\n                            <div class=\"service-card\">\n                                <div class=\"service-info\">\n                                    <span class=\"service-name\">\n                                        Penyediaan imunisasi awal.\n                                    <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"service-item\">\n                            <div class=\"service-node\">04<\/div>\n                            <div class=\"service-card\">\n                                <div class=\"service-info\">\n                                    <span class=\"service-name\">\n                                        Penyediaan kaunseling kesedihan dan kehilangan (bereavement counselling).\n                                    <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"service-item\">\n                            <div class=\"service-node\">05<\/div>\n                            <div class=\"service-card\">\n                                <div class=\"service-info\">\n                                    <span class=\"service-name\">\n                                        Penyediaan perkhidmatan kesuburan secara terhad.\n                                    <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"service-item\">\n                            <div class=\"service-node\">06<\/div>\n                            <div class=\"service-card\">\n                                <div class=\"service-info\">\n                                    <span class=\"service-name\">\n                                        Penyediaan imbasan terperinci (detail scan) untuk ibu hamil berisiko tinggi melalui lawatan pakar feto-maternal.\n                                    <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"service-item\">\n                            <div class=\"service-node\">07<\/div>\n                            <div class=\"service-card\">\n                                <div class=\"service-info\">\n                                    <span class=\"service-name\">\n                                        Penyediaan penjagaan selepas bersalin (postnatal).\n                                    <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"service-item\">\n                            <div class=\"service-node\">08<\/div>\n                            <div class=\"service-card\">\n                                <div class=\"service-info\">\n                                    <span class=\"service-name\">\n                                        Penyediaan penjagaan pesakit dalam dan pesakit luar bagi pesakit ginekologi, termasuk kemoterapi bagi kes onkologi ginekologi.\n                                    <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"service-item\">\n                            <div class=\"service-node\">09<\/div>\n                            <div class=\"service-card\">\n                                <div class=\"service-info\">\n                                    <span class=\"service-name\">\n                                        Penyediaan prosedur harian (daycare) O&#038;G seperti pemantauan gula dalam darah, imbasan ultrasound dan lain-lain.\n                                    <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"service-item\">\n                            <div class=\"service-node\">10<\/div>\n                            <div class=\"service-card\">\n                                <div class=\"service-info\">\n                                    <span class=\"service-name\">\n                                        Penyediaan perkhidmatan O&#038;G ke hospital daerah seperti Hospital Mukah.\n                                    <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"service-item\">\n                            <div class=\"service-node\">11<\/div>\n                            <div class=\"service-card\">\n                                <div class=\"service-info\">\n                                    <span class=\"service-name\">\n                                        Penyediaan latihan untuk pelajar perubatan dan pelajar kejururawatan daripada pelbagai universiti dan kolej.\n                                    <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/main>\n\n        <\/div>\n\n    <\/section>\n\n    <!-- =====================================================\n         BOTTOM\n         ===================================================== -->\n    <div class=\"unit-bottom-decoration\">\n        Hospital Sibu \u00b7 Obstetrik &#038; Ginekologi\n    <\/div>\n\n<\/div>\n\n<script>\n\/* =========================================================\n   HOSPITAL SIBU \u2014 UNIT TAB SYSTEM\n   WORDPRESS SAFE\n   ========================================================= *\/\n\n(function () {\n\n    function initUnitTabs() {\n        var wrappers = document.querySelectorAll('.unit-smart-wrapper');\n\n        for (var w = 0; w < wrappers.length; w++) {\n            var wrapper = wrappers[w];\n            var buttons = wrapper.querySelectorAll('.unit-tab-btn[data-unit-tab]');\n            var contents = wrapper.querySelectorAll('.unit-tab-content');\n\n            if (!buttons.length || !contents.length) continue;\n\n            function activateTab(tabId, clickedButton) {\n                for (var i = 0; i < contents.length; i++) {\n                    contents[i].classList.remove('active');\n                    contents[i].setAttribute('aria-hidden', 'true');\n                }\n\n                for (var j = 0; j < buttons.length; j++) {\n                    buttons[j].classList.remove('active');\n                    buttons[j].setAttribute('aria-selected', 'false');\n                }\n\n                var selectedTab = wrapper.querySelector('#' + tabId);\n\n                if (selectedTab) {\n                    selectedTab.classList.add('active');\n                    selectedTab.setAttribute('aria-hidden', 'false');\n                }\n\n                if (clickedButton) {\n                    clickedButton.classList.add('active');\n                    clickedButton.setAttribute('aria-selected', 'true');\n                }\n            }\n\n            for (var k = 0; k < buttons.length; k++) {\n                buttons[k].addEventListener('click', function (event) {\n                    event.preventDefault();\n                    event.stopPropagation();\n                    var tabId = this.getAttribute('data-unit-tab');\n                    if (tabId) { activateTab(tabId, this); }\n                });\n            }\n\n            var activeButton = wrapper.querySelector('.unit-tab-btn.active[data-unit-tab]');\n            var initialTab = activeButton ? activeButton.getAttribute('data-unit-tab') : buttons[0].getAttribute('data-unit-tab');\n            activateTab(initialTab, activeButton || buttons[0]);\n        }\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initUnitTabs);\n    } else {\n        initUnitTabs();\n    }\n\n})();\n<\/script>\n ","protected":false},"excerpt":{"rendered":"<p>\ud83c\udfe5 \ud83e\ude7a \ud83d\udc8a \ud83e\udec0 \u2665 + + OBSTETRIK &#038; GINEKOLOGI Pengenalan Visi, Misi, Objektif Perkhidmatan Pengenalan Unit Jabatan Obstetrik dan Ginekologi (O&#038;G) terdiri daripada empat wad dengan jumlah keseluruhan sebanyak 92 katil. Wad Bersalin (No. 8) \u2013 12 katil Wad Sebelum Bersalin (No. 7) \u2013 28 katil Wad Selepas Bersalin (No. 5) \u2013 28 katil&#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-3228","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-json\/wp\/v2\/pages\/3228","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=3228"}],"version-history":[{"count":2,"href":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-json\/wp\/v2\/pages\/3228\/revisions"}],"predecessor-version":[{"id":3230,"href":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-json\/wp\/v2\/pages\/3228\/revisions\/3230"}],"wp:attachment":[{"href":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-json\/wp\/v2\/media?parent=3228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}