{"id":229,"date":"2026-05-24T01:14:35","date_gmt":"2026-05-24T01:14:35","guid":{"rendered":"http:\/\/localhost\/harar\/?page_id=229"},"modified":"2026-07-07T09:46:50","modified_gmt":"2026-07-07T09:46:50","slug":"tuberculosis-program","status":"publish","type":"page","link":"https:\/\/hararhealthbureau.org\/index.php\/health-programs\/tuberculosis-program\/","title":{"rendered":"Tuberculosis Program"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"229\" class=\"elementor elementor-229\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-42ecb88 e-con-full e-flex e-con e-parent\" data-id=\"42ecb88\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e35aefc elementor-widget elementor-widget-html\" data-id=\"e35aefc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Support Process Directorate<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: { sans: ['Inter', 'sans-serif'] },\r\n                    colors: {\r\n                        health: {\r\n                            50: '#f0fdfa', 100: '#ccfbf1', 200: '#99f6e4',\r\n                            300: '#5eead4', 400: '#2dd4bf', 500: '#14b8a6',\r\n                            600: '#0d9488', 700: '#0f766e', 800: '#115e59',\r\n                            900: '#134e4a', 950: '#042f2e',\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    <style>\r\n        @keyframes fadeInUp {\r\n            from { opacity: 0; transform: translateY(18px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        .anim { animation: fadeInUp 0.5s ease-out forwards; opacity: 0; }\r\n        .d1 { animation-delay: .08s } .d2 { animation-delay: .16s }\r\n        .d3 { animation-delay: .24s } .d4 { animation-delay: .32s }\r\n        .d5 { animation-delay: .4s } .d6 { animation-delay: .48s }\r\n        .d7 { animation-delay: .56s } .d8 { animation-delay: .64s }\r\n        .d9 { animation-delay: .72s } .d10 { animation-delay: .8s }\r\n\r\n        .b-dashed  { border: 2px dashed #0d9488; }\r\n        .b-dotted  { border: 3px dotted #0d9488; }\r\n        .b-double  { border: 4px double #0d9488; }\r\n        .b-groove  { border: 3px groove #0d9488; }\r\n        .b-ridge   { border: 3px ridge #0d9488; }\r\n        .b-outset  { border: 3px outset #0d9488; }\r\n        .b-inset   { border: 3px inset #0d9488; }\r\n\r\n        .ico {\r\n            width: 46px; height: 46px; border-radius: 50%;\r\n            display: flex; align-items: center; justify-content: center;\r\n            background: linear-gradient(135deg, #0d9488, #14b8a6);\r\n            box-shadow: 0 4px 14px -2px rgb(13 148 136 \/ 0.45);\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .card { transition: all .3s ease; }\r\n        .card:hover { transform: translateY(-3px); box-shadow: 0 10px 28px -6px rgb(0 0 0 \/ 0.1); }\r\n\r\n        .dept-body { max-height: 0; overflow: hidden; transition: max-height .4s ease, opacity .3s ease; opacity: 0; }\r\n        .dept-body.open { max-height: 400px; opacity: 1; }\r\n\r\n        .read-more-btn { transition: all .2s ease; }\r\n        .read-more-btn:hover { color: #0f766e; gap: 6px; }\r\n\r\n        .toast {\r\n            position: fixed; bottom: 24px; right: 24px; z-index: 99;\r\n            background: #115e59; color: #fff; padding: 12px 20px;\r\n            border-radius: 10px; font-size: 13px; font-weight: 500;\r\n            box-shadow: 0 8px 24px -4px rgb(17 94 89 \/ 0.4);\r\n            transform: translateY(80px); opacity: 0; transition: all .35s ease;\r\n            display: flex; align-items: center; gap: 8px;\r\n        }\r\n        .toast.show { transform: translateY(0); opacity: 1; }\r\n\r\n        .tab-btn { transition: all .2s ease; }\r\n        .tab-btn.active { background: #0d9488; color: #fff; box-shadow: 0 4px 12px -2px rgb(13 148 136 \/ 0.35); }\r\n\r\n        .step-line { position: relative; padding-left: 52px; }\r\n        .step-line::before {\r\n            content: ''; position: absolute; left: 19px; top: 40px;\r\n            bottom: -20px; width: 2px; background: #99f6e4;\r\n        }\r\n        .step-line:last-child::before { display: none; }\r\n\r\n        @media print {\r\n            body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }\r\n            .no-print { display: none !important; }\r\n            .dept-body { max-height: none !important; opacity: 1 !important; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"font-sans bg-health-50 text-slate-900 antialiased\">\r\n\r\n<div class=\"max-w-5xl mx-auto px-5 py-8\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"anim flex flex-col sm:flex-row items-start sm:items-center justify-between gap-3 mb-7 pb-5 border-b-2 border-solid border-health-200\">\r\n        <div class=\"flex items-center gap-3\">\r\n            <div class=\"w-11 h-11 rounded-xl bg-gradient-to-br from-health-600 to-health-400 flex items-center justify-center shadow-lg shadow-health-500\/25\">\r\n                <i data-lucide=\"settings\" class=\"w-5 h-5 text-white\"><\/i>\r\n            <\/div>\r\n            <div>\r\n                <h1 class=\"text-xl sm:text-2xl font-semibold text-health-900 tracking-tight leading-tight\">Support Process<\/h1>\r\n                <p class=\"text-xs text-health-600 font-medium\">Empowering Excellence Through Integrated Organizational Support<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"flex items-center gap-3 no-print\">\r\n            <div class=\"flex items-center gap-1.5 text-xs text-slate-400\">\r\n                <i data-lucide=\"calendar\" class=\"w-3.5 h-3.5\"><\/i>\r\n                <span>June 2025<\/span>\r\n            <\/div>\r\n            <button onclick=\"window.print()\" class=\"text-[11px] font-medium bg-health-100 text-health-700 px-3 py-1.5 rounded-lg hover:bg-health-200 transition-colors cursor-pointer flex items-center gap-1\">\r\n                <i data-lucide=\"printer\" class=\"w-3 h-3\"><\/i> Print\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- General Introduction -->\r\n    <div class=\"anim d1 bg-white rounded-2xl p-6 sm:p-8 mb-7 shadow-sm border border-solid border-health-200\">\r\n        <div class=\"flex items-start gap-4\">\r\n            <div class=\"w-12 h-12 rounded-xl bg-health-50 flex items-center justify-center flex-shrink-0 mt-0.5\">\r\n                <i data-lucide=\"info\" class=\"w-6 h-6 text-health-600\"><\/i>\r\n            <\/div>\r\n            <div>\r\n                <h2 class=\"text-base font-semibold text-slate-900 mb-2\">About the Support Process<\/h2>\r\n                <p class=\"text-sm text-slate-500 leading-relaxed mb-3\">\r\n                    The Support Process serves as the operational backbone of the organization, ensuring core departments are fully equipped, compliant, and guided by best practices. It encompasses seven specialized directorates that work in collaborative synergy to manage human capital, financial resources, legal frameworks, communication, governance, and inclusion \u2014 enabling the entire organization to focus on its primary mission of delivering quality health services.\r\n                <\/p>\r\n                <p class=\"text-sm text-slate-500 leading-relaxed\">\r\n                    When a new initiative is launched, these directorates engage simultaneously: ensuring legal compliance, securing resources, deploying talent, monitoring accountability, and keeping stakeholders informed. This integrated approach builds a resilient, transparent, and high-performing organization capable of meeting the challenges of tomorrow.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Quick Stats Row -->\r\n    <div class=\"anim d2 grid grid-cols-2 sm:grid-cols-4 gap-3 mb-7\">\r\n        <div class=\"bg-white rounded-xl p-4 text-center border border-solid border-health-100 card\">\r\n            <p class=\"text-2xl font-bold text-health-700\">7<\/p>\r\n            <p class=\"text-[10px] text-slate-500 mt-0.5\">Directorates<\/p>\r\n        <\/div>\r\n        <div class=\"bg-white rounded-xl p-4 text-center border border-solid border-health-100 card\">\r\n            <p class=\"text-2xl font-bold text-health-700\">150+<\/p>\r\n            <p class=\"text-[10px] text-slate-500 mt-0.5\">Staff Members<\/p>\r\n        <\/div>\r\n        <div class=\"bg-white rounded-xl p-4 text-center border border-solid border-health-100 card\">\r\n            <p class=\"text-2xl font-bold text-health-700\">8K+<\/p>\r\n            <p class=\"text-[10px] text-slate-500 mt-0.5\">HR Files Managed<\/p>\r\n        <\/div>\r\n        <div class=\"bg-white rounded-xl p-4 text-center border border-solid border-health-100 card\">\r\n            <p class=\"text-2xl font-bold text-health-700\">500+<\/p>\r\n            <p class=\"text-[10px] text-slate-500 mt-0.5\">Audits Per Year<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Filter Tabs -->\r\n    <div class=\"anim d3 flex flex-wrap items-center gap-2 mb-5 no-print\">\r\n        <span class=\"text-[10px] font-semibold uppercase tracking-widest text-slate-400 mr-1\">Filter:<\/span>\r\n        <button onclick=\"filterDept('all')\" class=\"tab-btn active text-[11px] font-medium px-3 py-1.5 rounded-lg bg-health-100 text-health-700 cursor-pointer\" data-filter=\"all\">All<\/button>\r\n        <button onclick=\"filterDept('admin')\" class=\"tab-btn text-[11px] font-medium px-3 py-1.5 rounded-lg bg-health-100 text-health-700 cursor-pointer\" data-filter=\"admin\">Administrative<\/button>\r\n        <button onclick=\"filterDept('governance')\" class=\"tab-btn text-[11px] font-medium px-3 py-1.5 rounded-lg bg-health-100 text-health-700 cursor-pointer\" data-filter=\"governance\">Governance & Compliance<\/button>\r\n    <\/div>\r\n\r\n    <!-- Section Title -->\r\n    <div class=\"anim d3 flex items-center gap-3 mb-5\">\r\n        <div class=\"h-px flex-1 bg-health-200\"><\/div>\r\n        <h2 class=\"text-xs font-semibold uppercase tracking-widest text-health-700 flex items-center gap-2\">\r\n            <i data-lucide=\"layout-grid\" class=\"w-3.5 h-3.5\"><\/i>\r\n            Core Support Directorates\r\n        <\/h2>\r\n        <div class=\"h-px flex-1 bg-health-200\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Departments Grid -->\r\n    <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-5 mb-7\" id=\"deptGrid\">\r\n\r\n        <!-- 1. Human Resource -->\r\n        <div class=\"anim d3 dept-card bg-health-50 rounded-xl b-dashed card\" data-category=\"admin\">\r\n            <div class=\"p-5\">\r\n                <div class=\"flex items-center gap-3 mb-3\">\r\n                    <div class=\"ico\"><i data-lucide=\"users\" class=\"w-5 h-5 text-white\"><\/i><\/div>\r\n                    <div>\r\n                        <h3 class=\"text-sm font-semibold text-slate-900 leading-tight\">Human Resource<\/h3>\r\n                        <p class=\"text-[10px] text-health-600 font-medium mt-0.5\">Talent Acquisition & Development<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <p class=\"text-[11px] text-slate-500 leading-relaxed mb-3\">\r\n                    Attract, develop, and retain a highly skilled and motivated workforce to power the organization's mission.\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"dept-body px-5 pb-0\">\r\n                <div class=\"pb-5\">\r\n                    <ul class=\"space-y-1.5 mb-3\">\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Talent Acquisition & Recruitment\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Performance Management & Appraisal\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Staff Development & Training\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Benefits Administration & Payroll\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Fostering Positive Workplace Culture\r\n                        <\/li>\r\n                    <\/ul>\r\n                    <div class=\"pt-3 border-t border-health-200\/60 grid grid-cols-2 gap-2\">\r\n                        <div class=\"flex items-center gap-1.5 text-[10px] text-slate-400\">\r\n                            <i data-lucide=\"phone\" class=\"w-3 h-3\"><\/i> +251 11 556 9110\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-1.5 text-[10px] text-slate-400\">\r\n                            <i data-lucide=\"mail\" class=\"w-3 h-3\"><\/i> hr@moh.gov.et\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-1.5 text-[10px] text-slate-400 col-span-2\">\r\n                            <i data-lucide=\"user\" class=\"w-3 h-3\"><\/i> Head: Mrs. Almaz Bekele\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"px-5 pb-4 pt-0\">\r\n                <button onclick=\"toggleDept(this)\" class=\"read-more-btn flex items-center gap-1 text-[11px] font-medium text-health-600 cursor-pointer\">\r\n                    <span>Read more<\/span>\r\n                    <i data-lucide=\"chevron-down\" class=\"w-3.5 h-3.5 chevron-rotate\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. Internal Auditor -->\r\n        <div class=\"anim d4 dept-card bg-health-50 rounded-xl b-dotted card\" data-category=\"governance\">\r\n            <div class=\"p-5\">\r\n                <div class=\"flex items-center gap-3 mb-3\">\r\n                    <div class=\"ico\"><i data-lucide=\"file-search\" class=\"w-5 h-5 text-white\"><\/i><\/div>\r\n                    <div>\r\n                        <h3 class=\"text-sm font-semibold text-slate-900 leading-tight\">Internal Auditor<\/h3>\r\n                        <p class=\"text-[10px] text-health-600 font-medium mt-0.5\">Integrity & Assurance<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <p class=\"text-[11px] text-slate-500 leading-relaxed mb-3\">\r\n                    Safeguard organizational integrity through independent and objective assurance and evaluation.\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"dept-body px-5 pb-0\">\r\n                <div class=\"pb-5\">\r\n                    <ul class=\"space-y-1.5 mb-3\">\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Financial & Operational Auditing\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Risk Management Evaluation\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Compliance Verification\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Efficiency Improvement Recommendations\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Follow-Up on Audit Findings\r\n                        <\/li>\r\n                    <\/ul>\r\n                    <div class=\"pt-3 border-t border-health-200\/60 grid grid-cols-2 gap-2\">\r\n                        <div class=\"flex items-center gap-1.5 text-[10px] text-slate-400\">\r\n                            <i data-lucide=\"phone\" class=\"w-3 h-3\"><\/i> +251 11 556 9130\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-1.5 text-[10px] text-slate-400\">\r\n                            <i data-lucide=\"mail\" class=\"w-3 h-3\"><\/i> internal-audit@moh.gov.et\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-1.5 text-[10px] text-slate-400 col-span-2\">\r\n                            <i data-lucide=\"user\" class=\"w-3 h-3\"><\/i> Head: Mrs. Meron Tadesse\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"px-5 pb-4 pt-0\">\r\n                <button onclick=\"toggleDept(this)\" class=\"read-more-btn flex items-center gap-1 text-[11px] font-medium text-health-600 cursor-pointer\">\r\n                    <span>Read more<\/span>\r\n                    <i data-lucide=\"chevron-down\" class=\"w-3.5 h-3.5 chevron-rotate\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. Public Relation & Communication -->\r\n        <div class=\"anim d5 dept-card bg-health-50 rounded-xl b-double card\" data-category=\"governance\">\r\n            <div class=\"p-5\">\r\n                <div class=\"flex items-center gap-3 mb-3\">\r\n                    <div class=\"ico\"><i data-lucide=\"megaphone\" class=\"w-5 h-5 text-white\"><\/i><\/div>\r\n                    <div>\r\n                        <h3 class=\"text-sm font-semibold text-slate-900 leading-tight\">Public Relation & Communication<\/h3>\r\n                        <p class=\"text-[10px] text-health-600 font-medium mt-0.5\">Media, Branding & Stakeholder Engagement<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <p class=\"text-[11px] text-slate-500 leading-relaxed mb-3\">\r\n                    Build and maintain a transparent, trusting relationship with the public and stakeholders.\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"dept-body px-5 pb-0\">\r\n                <div class=\"pb-5\">\r\n                    <ul class=\"space-y-1.5 mb-3\">\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Media Relations & Press Releases\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Internal Communications Management\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Crisis Communication Strategies\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Brand Promotion & Awareness\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Social Media & Digital Content\r\n                        <\/li>\r\n                    <\/ul>\r\n                    <div class=\"pt-3 border-t border-health-200\/60 grid grid-cols-2 gap-2\">\r\n                        <div class=\"flex items-center gap-1.5 text-[10px] text-slate-400\">\r\n                            <i data-lucide=\"phone\" class=\"w-3 h-3\"><\/i> +251 11 556 9150\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-1.5 text-[10px] text-slate-400\">\r\n                            <i data-lucide=\"mail\" class=\"w-3 h-3\"><\/i> pr-communication@moh.gov.et\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-1.5 text-[10px] text-slate-400 col-span-2\">\r\n                            <i data-lucide=\"user\" class=\"w-3 h-3\"><\/i> Head: Mr. Samuel Tesfaye\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"px-5 pb-4 pt-0\">\r\n                <button onclick=\"toggleDept(this)\" class=\"read-more-btn flex items-center gap-1 text-[11px] font-medium text-health-600 cursor-pointer\">\r\n                    <span>Read more<\/span>\r\n                    <i data-lucide=\"chevron-down\" class=\"w-3.5 h-3.5 chevron-rotate\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 4. Legal Service -->\r\n        <div class=\"anim d5 dept-card bg-health-50 rounded-xl b-groove card\" data-category=\"governance\">\r\n            <div class=\"p-5\">\r\n                <div class=\"flex items-center gap-3 mb-3\">\r\n                    <div class=\"ico\"><i data-lucide=\"scale\" class=\"w-5 h-5 text-white\"><\/i><\/div>\r\n                    <div>\r\n                        <h3 class=\"text-sm font-semibold text-slate-900 leading-tight\">Legal Service<\/h3>\r\n                        <p class=\"text-[10px] text-health-600 font-medium mt-0.5\">Legal Advisory & Risk Protection<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <p class=\"text-[11px] text-slate-500 leading-relaxed mb-3\">\r\n                    Protect the organization from legal risks and ensure strict adherence to the law.\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"dept-body px-5 pb-0\">\r\n                <div class=\"pb-5\">\r\n                    <ul class=\"space-y-1.5 mb-3\">\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Legal Counsel & Advisory Services\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Contract Drafting & Review\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Representation in Legal Proceedings\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Regulatory Compliance Assurance\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Proclamation & Directive Drafting\r\n                        <\/li>\r\n                    <\/ul>\r\n                    <div class=\"pt-3 border-t border-health-200\/60 grid grid-cols-2 gap-2\">\r\n                        <div class=\"flex items-center gap-1.5 text-[10px] text-slate-400\">\r\n                            <i data-lucide=\"phone\" class=\"w-3 h-3\"><\/i> +251 11 556 9170\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-1.5 text-[10px] text-slate-400\">\r\n                            <i data-lucide=\"mail\" class=\"w-3 h-3\"><\/i> legal@moh.gov.et\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-1.5 text-[10px] text-slate-400 col-span-2\">\r\n                            <i data-lucide=\"user\" class=\"w-3 h-3\"><\/i> Head: Mr. Abiyot Zewdie (LLB, LLM)\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"px-5 pb-4 pt-0\">\r\n                <button onclick=\"toggleDept(this)\" class=\"read-more-btn flex items-center gap-1 text-[11px] font-medium text-health-600 cursor-pointer\">\r\n                    <span>Read more<\/span>\r\n                    <i data-lucide=\"chevron-down\" class=\"w-3.5 h-3.5 chevron-rotate\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 5. Finance, Procurement & Property -->\r\n        <div class=\"anim d6 dept-card bg-health-50 rounded-xl b-ridge card\" data-category=\"admin\">\r\n            <div class=\"p-5\">\r\n                <div class=\"flex items-center gap-3 mb-3\">\r\n                    <div class=\"ico\"><i data-lucide=\"landmark\" class=\"w-5 h-5 text-white\"><\/i><\/div>\r\n                    <div>\r\n                        <h3 class=\"text-sm font-semibold text-slate-900 leading-tight\">Finance, Procurement & Property<\/h3>\r\n                        <p class=\"text-[10px] text-health-600 font-medium mt-0.5\">Resource & Asset Management<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <p class=\"text-[11px] text-slate-500 leading-relaxed mb-3\">\r\n                    Ensure the prudent, transparent, and effective management of organizational resources.\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"dept-body px-5 pb-0\">\r\n                <div class=\"pb-5\">\r\n                    <ul class=\"space-y-1.5 mb-3\">\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Budget Preparation & Expenditure Control\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Financial Reporting & Reconciliation\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Procurement Planning & Execution\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Inventory Control & Asset Tracking\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Property Registration & Maintenance\r\n                        <\/li>\r\n                    <\/ul>\r\n                    <div class=\"pt-3 border-t border-health-200\/60 grid grid-cols-2 gap-2\">\r\n                        <div class=\"flex items-center gap-1.5 text-[10px] text-slate-400\">\r\n                            <i data-lucide=\"phone\" class=\"w-3 h-3\"><\/i> +251 11 556 9120\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-1.5 text-[10px] text-slate-400\">\r\n                            <i data-lucide=\"mail\" class=\"w-3 h-3\"><\/i> finance-proc@moh.gov.et\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-1.5 text-[10px] text-slate-400 col-span-2\">\r\n                            <i data-lucide=\"user\" class=\"w-3 h-3\"><\/i> Head: Mr. Zelalem Alemu\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"px-5 pb-4 pt-0\">\r\n                <button onclick=\"toggleDept(this)\" class=\"read-more-btn flex items-center gap-1 text-[11px] font-medium text-health-600 cursor-pointer\">\r\n                    <span>Read more<\/span>\r\n                    <i data-lucide=\"chevron-down\" class=\"w-3.5 h-3.5 chevron-rotate\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 6. Women & Youth Affair -->\r\n        <div class=\"anim d7 dept-card bg-health-50 rounded-xl b-outset card\" data-category=\"governance\">\r\n            <div class=\"p-5\">\r\n                <div class=\"flex items-center gap-3 mb-3\">\r\n                    <div class=\"ico\"><i data-lucide=\"hand-helping\" class=\"w-5 h-5 text-white\"><\/i><\/div>\r\n                    <div>\r\n                        <h3 class=\"text-sm font-semibold text-slate-900 leading-tight\">Women & Youth Affair<\/h3>\r\n                        <p class=\"text-[10px] text-health-600 font-medium mt-0.5\">Inclusivity, Equity & Empowerment<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <p class=\"text-[11px] text-slate-500 leading-relaxed mb-3\">\r\n                    Champion inclusivity, equity, and the empowerment of underrepresented demographics.\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"dept-body px-5 pb-0\">\r\n                <div class=\"pb-5\">\r\n                    <ul class=\"space-y-1.5 mb-3\">\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Gender-Responsive Policy Design\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Youth Empowerment Opportunities\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Discrimination Grievance Handling\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Diversity Target Monitoring\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Sexual Harassment Prevention\r\n                        <\/li>\r\n                    <\/ul>\r\n                    <div class=\"pt-3 border-t border-health-200\/60 grid grid-cols-2 gap-2\">\r\n                        <div class=\"flex items-center gap-1.5 text-[10px] text-slate-400\">\r\n                            <i data-lucide=\"phone\" class=\"w-3 h-3\"><\/i> +251 11 556 9140\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-1.5 text-[10px] text-slate-400\">\r\n                            <i data-lucide=\"mail\" class=\"w-3 h-3\"><\/i> women-youth@moh.gov.et\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-1.5 text-[10px] text-slate-400 col-span-2\">\r\n                            <i data-lucide=\"user\" class=\"w-3 h-3\"><\/i> Head: Ms. Haregu Worku\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"px-5 pb-4 pt-0\">\r\n                <button onclick=\"toggleDept(this)\" class=\"read-more-btn flex items-center gap-1 text-[11px] font-medium text-health-600 cursor-pointer\">\r\n                    <span>Read more<\/span>\r\n                    <i data-lucide=\"chevron-down\" class=\"w-3.5 h-3.5 chevron-rotate\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 7. Reform & Good Governance -->\r\n        <div class=\"anim d8 dept-card bg-health-50 rounded-xl b-inset card\" data-category=\"governance\">\r\n            <div class=\"p-5\">\r\n                <div class=\"flex items-center gap-3 mb-3\">\r\n                    <div class=\"ico\"><i data-lucide=\"sparkles\" class=\"w-5 h-5 text-white\"><\/i><\/div>\r\n                    <div>\r\n                        <h3 class=\"text-sm font-semibold text-slate-900 leading-tight\">Reform & Good Governance<\/h3>\r\n                        <p class=\"text-[10px] text-health-600 font-medium mt-0.5\">Continuous Improvement & Accountability<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <p class=\"text-[11px] text-slate-500 leading-relaxed mb-3\">\r\n                    Drive continuous improvement and institutionalize accountability and transparency.\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"dept-body px-5 pb-0\">\r\n                <div class=\"pb-5\">\r\n                    <ul class=\"space-y-1.5 mb-3\">\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Organizational Reform Initiatives\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Bureaucratic Process Streamlining\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Ethical Guidelines Implementation\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Corporate Governance Health Monitoring\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-2 text-[11px] text-slate-600\">\r\n                            <i data-lucide=\"check\" class=\"w-3 h-3 text-health-500 flex-shrink-0\"><\/i>\r\n                            Complaint Handling & Ethics Office\r\n                        <\/li>\r\n                    <\/ul>\r\n                    <div class=\"pt-3 border-t border-health-200\/60 grid grid-cols-2 gap-2\">\r\n                        <div class=\"flex items-center gap-1.5 text-[10px] text-slate-400\">\r\n                            <i data-lucide=\"phone\" class=\"w-3 h-3\"><\/i> +251 11 556 9160\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-1.5 text-[10px] text-slate-400\">\r\n                            <i data-lucide=\"mail\" class=\"w-3 h-3\"><\/i> reform-governance@moh.gov.et\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-1.5 text-[10px] text-slate-400 col-span-2\">\r\n                            <i data-lucide=\"user\" class=\"w-3 h-3\"><\/i> Head: Dr. Nardos Teklu\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"px-5 pb-4 pt-0\">\r\n                <button onclick=\"toggleDept(this)\" class=\"read-more-btn flex items-center gap-1 text-[11px] font-medium text-health-600 cursor-pointer\">\r\n                    <span>Read more<\/span>\r\n                    <i data-lucide=\"chevron-down\" class=\"w-3.5 h-3.5 chevron-rotate\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- No Results Message -->\r\n    <div id=\"noResults\" class=\"hidden text-center py-10 mb-7\">\r\n        <i data-lucide=\"search-x\" class=\"w-10 h-10 text-slate-300 mx-auto mb-3\"><\/i>\r\n        <p class=\"text-sm text-slate-400\">No directorates match this filter.<\/p>\r\n    <\/div>\r\n\r\n    <!-- How Support Process Works -->\r\n    <div class=\"anim d9 bg-gradient-to-br from-health-600 to-health-800 rounded-2xl p-6 sm:p-8 mb-7 text-white\">\r\n        <h3 class=\"text-sm font-semibold mb-2 flex items-center gap-2\">\r\n            <i data-lucide=\"workflow\" class=\"w-4 h-4 text-health-200\"><\/i>\r\n            How Our Support Process Works\r\n        <\/h3>\r\n        <p class=\"text-[11px] text-health-200 mb-6 leading-relaxed\">\r\n            Our support process operates on a model of collaborative synergy. When a new initiative is launched, our directorates engage simultaneously:\r\n        <\/p>\r\n        <div class=\"space-y-5\">\r\n            <div class=\"step-line relative\">\r\n                <div class=\"absolute left-0 top-0 w-10 h-10 rounded-full bg-white\/15 backdrop-blur-sm flex items-center justify-center text-sm font-bold\">1<\/div>\r\n                <div class=\"pt-1\">\r\n                    <h4 class=\"text-xs font-semibold text-white mb-1\">Planning & Compliance<\/h4>\r\n                    <p class=\"text-[11px] text-health-200 leading-relaxed\">Legal Service and Reform & Good Governance ensure the framework is sound, ethical, and aligns with regulatory standards.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"step-line relative\">\r\n                <div class=\"absolute left-0 top-0 w-10 h-10 rounded-full bg-white\/15 backdrop-blur-sm flex items-center justify-center text-sm font-bold\">2<\/div>\r\n                <div class=\"pt-1\">\r\n                    <h4 class=\"text-xs font-semibold text-white mb-1\">Resourcing<\/h4>\r\n                    <p class=\"text-[11px] text-health-200 leading-relaxed\">Finance, Procurement & Property secures the necessary funds and materials, while Human Resource ensures the right talent is in place.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"step-line relative\">\r\n                <div class=\"absolute left-0 top-0 w-10 h-10 rounded-full bg-white\/15 backdrop-blur-sm flex items-center justify-center text-sm font-bold\">3<\/div>\r\n                <div class=\"pt-1\">\r\n                    <h4 class=\"text-xs font-semibold text-white mb-1\">Oversight & Empowerment<\/h4>\r\n                    <p class=\"text-[11px] text-health-200 leading-relaxed\">Internal Auditor monitors for efficiency, Women & Youth Affair ensures equitable access, and Public Relation & Communication keeps all stakeholders informed.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- How Units Interconnect -->\r\n    <div class=\"anim d9 bg-white rounded-2xl p-6 mb-7 border border-solid border-health-200\">\r\n        <h3 class=\"text-sm font-semibold text-health-800 mb-4 flex items-center gap-2\">\r\n            <i data-lucide=\"link\" class=\"w-4 h-4 text-health-600\"><\/i>\r\n            How Our Units Interconnect\r\n        <\/h3>\r\n        <div class=\"grid sm:grid-cols-3 gap-4\">\r\n            <div class=\"bg-health-50 rounded-xl p-4 text-center\" style=\"border: 2px dashed #0d9488;\">\r\n                <div class=\"w-9 h-9 rounded-full bg-health-600 flex items-center justify-center mx-auto mb-2\">\r\n                    <i data-lucide=\"cog\" class=\"w-4 h-4 text-white\"><\/i>\r\n                <\/div>\r\n                <p class=\"text-[10px] font-semibold text-slate-800 mb-1\">Operational Core<\/p>\r\n                <p class=\"text-[9px] text-slate-500\">HR + Finance & Procurement form the administrative engine powering all operations<\/p>\r\n            <\/div>\r\n            <div class=\"bg-health-50 rounded-xl p-4 text-center\" style=\"border: 3px dotted #0d9488;\">\r\n                <div class=\"w-9 h-9 rounded-full bg-health-600 flex items-center justify-center mx-auto mb-2\">\r\n                    <i data-lucide=\"shield\" class=\"w-4 h-4 text-white\"><\/i>\r\n                <\/div>\r\n                <p class=\"text-[10px] font-semibold text-slate-800 mb-1\">Oversight Pillar<\/p>\r\n                <p class=\"text-[9px] text-slate-500\">Internal Audit + Legal + Reform ensure accountability, compliance, and improvement<\/p>\r\n            <\/div>\r\n            <div class=\"bg-health-50 rounded-xl p-4 text-center\" style=\"border: 4px double #0d9488;\">\r\n                <div class=\"w-9 h-9 rounded-full bg-health-600 flex items-center justify-center mx-auto mb-2\">\r\n                    <i data-lucide=\"message-circle\" class=\"w-4 h-4 text-white\"><\/i>\r\n                <\/div>\r\n                <p class=\"text-[10px] font-semibold text-slate-800 mb-1\">Engagement Bridge<\/p>\r\n                <p class=\"text-[9px] text-slate-500\">PR & Communication + Women & Youth connect the organization with stakeholders<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Commitment Section -->\r\n    <div class=\"anim d9 bg-white rounded-2xl p-6 sm:p-8 mb-7 border-l-4 border-solid border-health-600 shadow-sm\">\r\n        <div class=\"text-center\">\r\n            <div class=\"w-12 h-12 rounded-full bg-health-100 flex items-center justify-center mx-auto mb-4\">\r\n                <i data-lucide=\"heart-handshake\" class=\"w-6 h-6 text-health-600\"><\/i>\r\n            <\/div>\r\n            <h3 class=\"text-lg font-semibold text-health-800 mb-3\">Our Commitment<\/h3>\r\n            <p class=\"text-sm text-slate-600 leading-relaxed max-w-2xl mx-auto\">\r\n                Through these integrated support processes, we are not just managing administration \u2014 we are building a resilient, transparent, and high-performing organization capable of meeting the challenges of tomorrow.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Bottom Summary -->\r\n    <div class=\"anim d10 bg-gradient-to-br from-health-600 to-health-800 rounded-2xl p-6 text-white mb-6\">\r\n        <div class=\"flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4\">\r\n            <div>\r\n                <h3 class=\"text-sm font-semibold mb-1\">Support Process Directorate<\/h3>\r\n                <p class=\"text-[11px] text-health-200 leading-relaxed max-w-lg\">\r\n                    Serving as the administrative backbone \u2014 ensuring efficient human resource management, sound financial stewardship, institutional accountability, inclusive workplace culture, effective communication, good governance, and legal compliance across all operations.\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"flex flex-col items-center sm:items-end gap-1.5 bg-white\/10 rounded-xl px-5 py-3 backdrop-blur-sm\">\r\n                <p class=\"text-[9px] text-health-200 uppercase tracking-wider\">Total Directorates<\/p>\r\n                <p class=\"text-3xl font-bold\">7<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Footer -->\r\n    <div class=\"anim d10 pt-5 border-t-2 border-solid border-health-200 flex flex-col sm:flex-row items-center justify-between gap-2 text-[10px] text-slate-400\">\r\n        <span>\u00a9 2025 Support Process Directorate \u2014 Ministry of Health. All rights reserved.<\/span>\r\n        <span class=\"flex items-center gap-3 no-print\">\r\n            <span class=\"flex items-center gap-1 cursor-pointer hover:text-health-600 transition-colors\" onclick=\"copyEmail()\">\r\n                <i data-lucide=\"copy\" class=\"w-3 h-3\"><\/i> Copy Email\r\n            <\/span>\r\n        <\/span>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Toast Notification -->\r\n<div id=\"toast\" class=\"toast\">\r\n    <i data-lucide=\"check-circle\" class=\"w-4 h-4\"><\/i>\r\n    <span id=\"toastMsg\">Action completed<\/span>\r\n<\/div>\r\n\r\n<script>\r\n    lucide.createIcons();\r\n\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        document.querySelectorAll('.anim').forEach(el => {\r\n            el.style.animationPlayState = 'running';\r\n        });\r\n    });\r\n\r\n    function toggleDept(btn) {\r\n        const card = btn.closest('.dept-card');\r\n        const body = card.querySelector('.dept-body');\r\n        const chevron = btn.querySelector('.chevron-rotate');\r\n        const label = btn.querySelector('span');\r\n        const isOpen = body.classList.contains('open');\r\n\r\n        if (isOpen) {\r\n            body.classList.remove('open');\r\n            chevron.classList.remove('rotated');\r\n            label.textContent = 'Read more';\r\n        } else {\r\n            body.classList.add('open');\r\n            chevron.classList.add('rotated');\r\n            label.textContent = 'Read less';\r\n        }\r\n    }\r\n\r\n    function filterDept(category) {\r\n        const cards = document.querySelectorAll('.dept-card');\r\n        const noResults = document.getElementById('noResults');\r\n        let visibleCount = 0;\r\n        document.querySelectorAll('.tab-btn').forEach(btn => {\r\n            btn.classList.remove('active');\r\n            if (btn.dataset.filter === category) btn.classList.add('active');\r\n        });\r\n        cards.forEach(card => {\r\n            if (category === 'all' || card.dataset.category === category) {\r\n                card.style.display = '';\r\n                visibleCount++;\r\n            } else {\r\n                card.style.display = 'none';\r\n            }\r\n        });\r\n        noResults.classList.toggle('hidden', visibleCount > 0);\r\n    }\r\n\r\n    function showToast(message) {\r\n        const toast = document.getElementById('toast');\r\n        const toastMsg = document.getElementById('toastMsg');\r\n        toastMsg.textContent = message;\r\n        toast.classList.add('show');\r\n        setTimeout(() => toast.classList.remove('show'), 2500);\r\n    }\r\n\r\n    function copyEmail() {\r\n        navigator.clipboard.writeText('support-process@moh.gov.et').then(() => {\r\n            showToast('Email copied to clipboard!');\r\n        }).catch(() => {\r\n            showToast('Could not copy email');\r\n        });\r\n    }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Support Process Directorate Support Process Empowering Excellence Through Integrated Organizational Support June 2025 Print About the Support Process The Support Process serves as the operational backbone of the organization, ensuring core departments are fully equipped, compliant, and guided by best practices. It encompasses seven specialized directorates that work in collaborative synergy to manage human capital, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":130,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-229","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/pages\/229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/comments?post=229"}],"version-history":[{"count":13,"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/pages\/229\/revisions"}],"predecessor-version":[{"id":1296,"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/pages\/229\/revisions\/1296"}],"up":[{"embeddable":true,"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/pages\/130"}],"wp:attachment":[{"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/media?parent=229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}