\u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Readex+Pro:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box}\r\nbody{font-family:'Readex Pro',sans-serif;background:#eef1f7;color:#47527B}\r\n.hero{\r\n background:linear-gradient(135deg,#061d3f 0%,#0d3570 45%,#1a5cba 100%);\r\n padding:60px 40px 50px;\r\n text-align:center;\r\n position:relative;overflow:hidden;\r\n}\r\n.hero::before{\r\n content:'';position:absolute;inset:0;\r\n background:url(\"data:image\/svg+xml,%3Csvg width='60' height='60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 0L60 30L30 60L0 30Z' fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='1'\/%3E%3C\/svg%3E\");\r\n}\r\n.hero h1{\r\n font-weight:700;font-size:clamp(1.8rem,4vw,2.8rem);\r\n color:#fff;position:relative;margin-bottom:16px;\r\n}\r\n.hero .subtitle{\r\n font-size:clamp(.82rem,1.6vw,1.05rem);\r\n color:rgba(255,255,255,.85);\r\n max-width:920px;margin:0 auto;\r\n line-height:2;position:relative;\r\n}\r\n.hero .badge{\r\n display:inline-block;\r\n background:rgba(255,255,255,.15);\r\n border:1px solid rgba(255,255,255,.25);\r\n border-radius:100px;\r\n padding:6px 22px;font-size:.8rem;color:#fff;\r\n margin-bottom:20px;backdrop-filter:blur(4px);\r\n}\r\n@media(max-width:600px){.hero{padding:40px 20px 35px}}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"hero\">\r\n <h1>\u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a \u0644\u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0648\u0633\u0637\u0649<\/h1>\r\n <span class=\"badge\">\u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0648\u0633\u0637\u0649<\/span>\r\n\r\n <p class=\"subtitle\">\u0627\u0644\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0625\u062f\u0627\u0631\u064a \u0648\u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u0645\u0624\u0633\u0633\u064a \u0644\u0644\u062f\u0648\u0627\u0626\u0631 \u0648\u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0648\u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u062a\u0627\u0628\u0639\u0629 \u0644\u0644\u0645\u062d\u0627\u0641\u0638\u0629<\/p>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a7394f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6a7394f\" data-element_type=\"widget\" data-settings=\"{"wcf-animation":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Readex+Pro:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n* { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n.chart-container {\r\n position: relative;\r\n width: 100%;\r\n max-width: 100%;\r\n margin: 20px auto;\r\n cursor: pointer;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 24px rgba(13, 53, 112, 0.1);\r\n border: 1px solid rgba(13, 53, 112, 0.08);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n background: #fff;\r\n font-family: 'Readex Pro', sans-serif;\r\n}\r\n\r\n.chart-container:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 12px 32px rgba(13, 53, 112, 0.18);\r\n}\r\n\r\n.chart-preview {\r\n position: relative;\r\n width: 100%;\r\n height: 400px;\r\n overflow: hidden;\r\n background: #f8fafd;\r\n}\r\n\r\n.chart-image {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n object-fit: cover;\r\n object-position: top center;\r\n}\r\n\r\n.gradient-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 75%;\r\n background: linear-gradient(\r\n to bottom,\r\n transparent 0%,\r\n rgba(238, 241, 247, 0.5) 25%,\r\n rgba(238, 241, 247, 0.85) 55%,\r\n rgba(238, 241, 247, 1) 100%\r\n );\r\n pointer-events: none;\r\n}\r\n\r\n.expand-hint {\r\n position: absolute;\r\n bottom: 24px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: linear-gradient(135deg, #0d3570 0%, #1a5cba 100%);\r\n color: white;\r\n padding: 14px 34px;\r\n border-radius: 50px;\r\n font-family: 'Readex Pro', sans-serif;\r\n font-size: 15px;\r\n font-weight: 500;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n box-shadow: 0 6px 20px rgba(13, 53, 112, 0.35);\r\n animation: pulse 2.5s ease-in-out infinite;\r\n z-index: 10;\r\n letter-spacing: 0.2px;\r\n}\r\n\r\n@keyframes pulse {\r\n 0%, 100% { transform: translateX(-50%) scale(1); box-shadow: 0 6px 20px rgba(13, 53, 112, 0.35); }\r\n 50% { transform: translateX(-50%) scale(1.04); box-shadow: 0 8px 28px rgba(13, 53, 112, 0.45); }\r\n}\r\n\r\n.expand-icon {\r\n width: 18px;\r\n height: 18px;\r\n display: inline-block;\r\n}\r\n\r\n\/* Modal *\/\r\n.modal {\r\n display: none;\r\n position: fixed;\r\n z-index: 10000;\r\n left: 0; top: 0;\r\n width: 100%; height: 100%;\r\n background-color: rgba(6, 29, 63, 0.92);\r\n animation: fadeIn 0.3s ease;\r\n backdrop-filter: blur(4px);\r\n}\r\n\r\n@keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n}\r\n\r\n.modal-content {\r\n position: relative;\r\n width: 90%;\r\n max-width: 1200px;\r\n max-height: 90vh;\r\n margin: 2% auto;\r\n background: white;\r\n border-radius: 16px;\r\n overflow: auto;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\r\n animation: slideIn 0.35s cubic-bezier(.4,.2,.2,1);\r\n}\r\n\r\n@keyframes slideIn {\r\n from { transform: translateY(-40px) scale(0.97); opacity: 0; }\r\n to { transform: translateY(0) scale(1); opacity: 1; }\r\n}\r\n\r\n.modal-image {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.close-btn {\r\n position: fixed;\r\n top: 20px;\r\n right: 30px;\r\n width: 44px;\r\n height: 44px;\r\n background: white;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n font-size: 22px;\r\n font-weight: 600;\r\n color: #0d3570;\r\n z-index: 10001;\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\r\n transition: all 0.25s ease;\r\n border: 2px solid transparent;\r\n font-family: 'Readex Pro', sans-serif;\r\n}\r\n\r\n.close-btn:hover {\r\n background: #0d3570;\r\n color: white;\r\n transform: scale(1.1);\r\n border-color: rgba(255,255,255,.3);\r\n}\r\n\r\n.image-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #f8fafd;\r\n color: #47527B;\r\n font-family: 'Readex Pro', sans-serif;\r\n font-size: 16px;\r\n text-align: center;\r\n padding: 20px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .chart-preview { height: 250px; }\r\n .expand-hint { font-size: 13px; padding: 11px 22px; }\r\n .modal-content { width: 95%; margin: 10px auto; max-height: 95vh; }\r\n .close-btn { top: 10px; right: 10px; width: 38px; height: 38px; font-size: 18px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"chart-container\" onclick=\"openModal()\">\r\n <div class=\"chart-preview\">\r\n <img decoding=\"async\" src=\"https:\/\/alwusta.gov.om\/wp-content\/uploads\/2025\/09\/alwusta_organization_hierarchy_v2.1-scaled.jpg\" alt=\"\u0645\u062e\u0637\u0637 \u062a\u0646\u0638\u064a\u0645\u064a\" class=\"chart-image\" id=\"previewImage\" onerror=\"handleImageError()\">\r\n <div class=\"gradient-overlay\"><\/div>\r\n <div class=\"expand-hint\">\r\n <svg class=\"expand-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\"\/>\r\n <\/svg>\r\n \u0627\u0646\u0642\u0631 \u0644\u0639\u0631\u0636 \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a \u0643\u0627\u0645\u0644\u0627\u064b\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<div id=\"imageModal\" class=\"modal\" onclick=\"closeModalOnBackground(event)\">\r\n <span class=\"close-btn\" onclick=\"closeModal()\">×<\/span>\r\n <div class=\"modal-content\">\r\n <img decoding=\"async\" src=\"https:\/\/alwusta.gov.om\/wp-content\/uploads\/2025\/09\/alwusta_organization_hierarchy_v2.1-scaled.jpg\" alt=\"\u0645\u062e\u0637\u0637 \u062a\u0646\u0638\u064a\u0645\u064a \u0643\u0627\u0645\u0644\" class=\"modal-image\" id=\"modalImage\">\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst IMAGE_URL = 'https:\/\/alwusta.gov.om\/wp-content\/uploads\/2025\/09\/alwusta_organization_hierarchy_v2.1-scaled.jpg';\r\n\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const previewImg = document.getElementById('previewImage');\r\n const modalImg = document.getElementById('modalImage');\r\n if (IMAGE_URL !== 'https:\/\/alwusta.gov.om\/wp-content\/uploads\/2025\/09\/alwusta_organization_hierarchy_v2.1-scaled.jpg') {\r\n previewImg.src = IMAGE_URL;\r\n modalImg.src = IMAGE_URL;\r\n }\r\n});\r\n\r\nfunction handleImageError() {\r\n const previewImg = document.getElementById('previewImage');\r\n previewImg.style.display = 'none';\r\n previewImg.parentElement.innerHTML += `\r\n <div class=\"image-placeholder\">\r\n <div>\r\n <p>\u0627\u0644\u0631\u062c\u0627\u0621 \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0627\u0644\u0631\u0627\u0628\u0637 \u0628\u0631\u0627\u0628\u0637 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0641\u0639\u0644\u064a<\/p>\r\n <p style=\"font-size: 14px; margin-top: 10px;\">Please replace with your actual image URL<\/p>\r\n <\/div>\r\n <\/div>\r\n `;\r\n}\r\n\r\nfunction openModal() {\r\n document.getElementById('imageModal').style.display = 'block';\r\n document.body.style.overflow = 'hidden';\r\n document.addEventListener('keydown', handleEscapeKey);\r\n}\r\n\r\nfunction closeModal() {\r\n document.getElementById('imageModal').style.display = 'none';\r\n document.body.style.overflow = '';\r\n document.removeEventListener('keydown', handleEscapeKey);\r\n}\r\n\r\nfunction closeModalOnBackground(event) {\r\n if (event.target === document.getElementById('imageModal')) closeModal();\r\n}\r\n\r\nfunction handleEscapeKey(event) {\r\n if (event.key === 'Escape') closeModal();\r\n}\r\n\r\nlet touchStartY = 0;\r\nconst modalContent = document.querySelector('.modal-content');\r\nmodalContent.addEventListener('touchstart', function(e) { touchStartY = e.touches[0].clientY; });\r\nmodalContent.addEventListener('touchmove', function(e) {\r\n if (modalContent.scrollTop === 0 && e.touches[0].clientY > touchStartY) e.preventDefault();\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ddc72cb e-flex e-con-boxed e-con e-parent\" data-id=\"ddc72cb\" data-element_type=\"container\" data-settings=\"{"wcf_enable_cursor_hover_effect_text":"View","wcf-animation":"none","wcf_pin_breakpoint":"mobile"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a1f63ce elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"3a1f63ce\" data-element_type=\"widget\" data-settings=\"{"wcf-animation":"none"}\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-257cf355 wcf-t-animation-text_move elementor-widget elementor-widget-heading\" data-id=\"257cf355\" data-element_type=\"widget\" data-settings=\"{"wcf_text_animation":"text_move","text_transform_origin":"top center -50","text_delay":0.15,"text_duration":1,"text_stagger":0.02,"text_on_scroll":"yes","text_rotation_di":"x","text_rotation":"-80","wcf-animation":"none"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/alwusta.gov.om\/en\/page-evaluation\/\">\u0634\u0627\u0631\u0643\u0646\u0627 \u0628\u0645\u0642\u062a\u0631\u062d\u0627\u062a\u0643 \u0644\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0633\u0644\u0627\u0633\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0628\u0648\u0627\u0628\u0629<\/a><\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ac61346 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"2ac61346\" data-element_type=\"widget\" data-settings=\"{"wcf-animation":"none"}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/alwusta.gov.om\/en\/page-evaluation\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6bcafaa5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"6bcafaa5\" data-element_type=\"widget\" data-settings=\"{"wcf-animation":"none"}\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f11f07f elementor-widget elementor-widget-shortcode\" data-id=\"f11f07f\" data-element_type=\"widget\" data-settings=\"{"wcf-animation":"none"}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"> <style>\n .lm-badge{display:inline-flex;align-items:center;gap:18px;background:#eef3f8;border-radius:8px;padding:10px 22px;color:#6b8aab;font-family:'Readex Pro',sans-serif;font-size:14px;direction:rtl;line-height:1}\n .lm-badge .lm-group{display:inline-flex;align-items:center;gap:6px}\n .lm-badge svg{width:16px;height:16px;fill:none;stroke:#6b8aab;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}\n .lm-badge .lm-edit svg{stroke:#82b1d4;width:15px;height:15px}\n <\/style>\n <div class=\"lm-badge\">\n <span class=\"lm-edit\"><svg viewbox=\"0 0 24 24\"><path d=\"M17 3a2.83 2.83 0 114 4L7.5 20.5 2 22l1.5-5.5L17 3z\"\/><\/svg><\/span>\n <span>Last modified:<\/span>\n <span class=\"lm-group\">\n <svg viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg>\n <span>\u0623\u0628\u0631\u064a\u0644 11, 2026<\/span>\n <\/span>\n <span class=\"lm-group\">\n <svg viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n <span>6:40 \u0645<\/span>\n <\/span>\n <\/div>\n <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a \u0644\u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0648\u0633\u0637\u0649 \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0648\u0633\u0637\u0649 \u0627\u0644\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0625\u062f\u0627\u0631\u064a \u0648\u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u0645\u0624\u0633\u0633\u064a \u0644\u0644\u062f\u0648\u0627\u0626\u0631 \u0648\u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0648\u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u062a\u0627\u0628\u0639\u0629 \u0644\u0644\u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0646\u0642\u0631 \u0644\u0639\u0631\u0636 \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a \u0643\u0627\u0645\u0644\u0627\u064b × \u0634\u0627\u0631\u0643\u0646\u0627 \u0628\u0645\u0642\u062a\u0631\u062d\u0627\u062a\u0643 \u0644\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0633\u0644\u0627\u0633\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0628\u0648\u0627\u0628\u0629 \u0627\u0636\u063a\u0637 \u0647\u0646\u0627<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9094","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alwusta.gov.om\/en\/wp-json\/wp\/v2\/pages\/9094","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alwusta.gov.om\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alwusta.gov.om\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alwusta.gov.om\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alwusta.gov.om\/en\/wp-json\/wp\/v2\/comments?post=9094"}],"version-history":[{"count":29,"href":"https:\/\/alwusta.gov.om\/en\/wp-json\/wp\/v2\/pages\/9094\/revisions"}],"predecessor-version":[{"id":9971,"href":"https:\/\/alwusta.gov.om\/en\/wp-json\/wp\/v2\/pages\/9094\/revisions\/9971"}],"wp:attachment":[{"href":"https:\/\/alwusta.gov.om\/en\/wp-json\/wp\/v2\/media?parent=9094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n\r\n\r\n\u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Readex+Pro:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box}\r\nbody{font-family:'Readex Pro',sans-serif;background:#eef1f7;color:#47527B}\r\n.hero{\r\n background:linear-gradient(135deg,#061d3f 0%,#0d3570 45%,#1a5cba 100%);\r\n padding:60px 40px 50px;\r\n text-align:center;\r\n position:relative;overflow:hidden;\r\n}\r\n.hero::before{\r\n content:'';position:absolute;inset:0;\r\n background:url(\"data:image\/svg+xml,%3Csvg width='60' height='60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 0L60 30L30 60L0 30Z' fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='1'\/%3E%3C\/svg%3E\");\r\n}\r\n.hero h1{\r\n font-weight:700;font-size:clamp(1.8rem,4vw,2.8rem);\r\n color:#fff;position:relative;margin-bottom:16px;\r\n}\r\n.hero .subtitle{\r\n font-size:clamp(.82rem,1.6vw,1.05rem);\r\n color:rgba(255,255,255,.85);\r\n max-width:920px;margin:0 auto;\r\n line-height:2;position:relative;\r\n}\r\n.hero .badge{\r\n display:inline-block;\r\n background:rgba(255,255,255,.15);\r\n border:1px solid rgba(255,255,255,.25);\r\n border-radius:100px;\r\n padding:6px 22px;font-size:.8rem;color:#fff;\r\n margin-bottom:20px;backdrop-filter:blur(4px);\r\n}\r\n@media(max-width:600px){.hero{padding:40px 20px 35px}}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"hero\">\r\n <h1>\u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a \u0644\u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0648\u0633\u0637\u0649<\/h1>\r\n <span class=\"badge\">\u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0648\u0633\u0637\u0649<\/span>\r\n\r\n <p class=\"subtitle\">\u0627\u0644\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0625\u062f\u0627\u0631\u064a \u0648\u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u0645\u0624\u0633\u0633\u064a \u0644\u0644\u062f\u0648\u0627\u0626\u0631 \u0648\u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0648\u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u062a\u0627\u0628\u0639\u0629 \u0644\u0644\u0645\u062d\u0627\u0641\u0638\u0629<\/p>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a7394f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6a7394f\" data-element_type=\"widget\" data-settings=\"{"wcf-animation":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Readex+Pro:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n* { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n.chart-container {\r\n position: relative;\r\n width: 100%;\r\n max-width: 100%;\r\n margin: 20px auto;\r\n cursor: pointer;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 24px rgba(13, 53, 112, 0.1);\r\n border: 1px solid rgba(13, 53, 112, 0.08);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n background: #fff;\r\n font-family: 'Readex Pro', sans-serif;\r\n}\r\n\r\n.chart-container:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 12px 32px rgba(13, 53, 112, 0.18);\r\n}\r\n\r\n.chart-preview {\r\n position: relative;\r\n width: 100%;\r\n height: 400px;\r\n overflow: hidden;\r\n background: #f8fafd;\r\n}\r\n\r\n.chart-image {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n object-fit: cover;\r\n object-position: top center;\r\n}\r\n\r\n.gradient-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 75%;\r\n background: linear-gradient(\r\n to bottom,\r\n transparent 0%,\r\n rgba(238, 241, 247, 0.5) 25%,\r\n rgba(238, 241, 247, 0.85) 55%,\r\n rgba(238, 241, 247, 1) 100%\r\n );\r\n pointer-events: none;\r\n}\r\n\r\n.expand-hint {\r\n position: absolute;\r\n bottom: 24px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: linear-gradient(135deg, #0d3570 0%, #1a5cba 100%);\r\n color: white;\r\n padding: 14px 34px;\r\n border-radius: 50px;\r\n font-family: 'Readex Pro', sans-serif;\r\n font-size: 15px;\r\n font-weight: 500;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n box-shadow: 0 6px 20px rgba(13, 53, 112, 0.35);\r\n animation: pulse 2.5s ease-in-out infinite;\r\n z-index: 10;\r\n letter-spacing: 0.2px;\r\n}\r\n\r\n@keyframes pulse {\r\n 0%, 100% { transform: translateX(-50%) scale(1); box-shadow: 0 6px 20px rgba(13, 53, 112, 0.35); }\r\n 50% { transform: translateX(-50%) scale(1.04); box-shadow: 0 8px 28px rgba(13, 53, 112, 0.45); }\r\n}\r\n\r\n.expand-icon {\r\n width: 18px;\r\n height: 18px;\r\n display: inline-block;\r\n}\r\n\r\n\/* Modal *\/\r\n.modal {\r\n display: none;\r\n position: fixed;\r\n z-index: 10000;\r\n left: 0; top: 0;\r\n width: 100%; height: 100%;\r\n background-color: rgba(6, 29, 63, 0.92);\r\n animation: fadeIn 0.3s ease;\r\n backdrop-filter: blur(4px);\r\n}\r\n\r\n@keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n}\r\n\r\n.modal-content {\r\n position: relative;\r\n width: 90%;\r\n max-width: 1200px;\r\n max-height: 90vh;\r\n margin: 2% auto;\r\n background: white;\r\n border-radius: 16px;\r\n overflow: auto;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\r\n animation: slideIn 0.35s cubic-bezier(.4,.2,.2,1);\r\n}\r\n\r\n@keyframes slideIn {\r\n from { transform: translateY(-40px) scale(0.97); opacity: 0; }\r\n to { transform: translateY(0) scale(1); opacity: 1; }\r\n}\r\n\r\n.modal-image {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.close-btn {\r\n position: fixed;\r\n top: 20px;\r\n right: 30px;\r\n width: 44px;\r\n height: 44px;\r\n background: white;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n font-size: 22px;\r\n font-weight: 600;\r\n color: #0d3570;\r\n z-index: 10001;\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\r\n transition: all 0.25s ease;\r\n border: 2px solid transparent;\r\n font-family: 'Readex Pro', sans-serif;\r\n}\r\n\r\n.close-btn:hover {\r\n background: #0d3570;\r\n color: white;\r\n transform: scale(1.1);\r\n border-color: rgba(255,255,255,.3);\r\n}\r\n\r\n.image-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #f8fafd;\r\n color: #47527B;\r\n font-family: 'Readex Pro', sans-serif;\r\n font-size: 16px;\r\n text-align: center;\r\n padding: 20px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .chart-preview { height: 250px; }\r\n .expand-hint { font-size: 13px; padding: 11px 22px; }\r\n .modal-content { width: 95%; margin: 10px auto; max-height: 95vh; }\r\n .close-btn { top: 10px; right: 10px; width: 38px; height: 38px; font-size: 18px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"chart-container\" onclick=\"openModal()\">\r\n <div class=\"chart-preview\">\r\n <img decoding=\"async\" src=\"https:\/\/alwusta.gov.om\/wp-content\/uploads\/2025\/09\/alwusta_organization_hierarchy_v2.1-scaled.jpg\" alt=\"\u0645\u062e\u0637\u0637 \u062a\u0646\u0638\u064a\u0645\u064a\" class=\"chart-image\" id=\"previewImage\" onerror=\"handleImageError()\">\r\n <div class=\"gradient-overlay\"><\/div>\r\n <div class=\"expand-hint\">\r\n <svg class=\"expand-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\"\/>\r\n <\/svg>\r\n \u0627\u0646\u0642\u0631 \u0644\u0639\u0631\u0636 \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a \u0643\u0627\u0645\u0644\u0627\u064b\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<div id=\"imageModal\" class=\"modal\" onclick=\"closeModalOnBackground(event)\">\r\n <span class=\"close-btn\" onclick=\"closeModal()\">×<\/span>\r\n <div class=\"modal-content\">\r\n <img decoding=\"async\" src=\"https:\/\/alwusta.gov.om\/wp-content\/uploads\/2025\/09\/alwusta_organization_hierarchy_v2.1-scaled.jpg\" alt=\"\u0645\u062e\u0637\u0637 \u062a\u0646\u0638\u064a\u0645\u064a \u0643\u0627\u0645\u0644\" class=\"modal-image\" id=\"modalImage\">\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst IMAGE_URL = 'https:\/\/alwusta.gov.om\/wp-content\/uploads\/2025\/09\/alwusta_organization_hierarchy_v2.1-scaled.jpg';\r\n\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const previewImg = document.getElementById('previewImage');\r\n const modalImg = document.getElementById('modalImage');\r\n if (IMAGE_URL !== 'https:\/\/alwusta.gov.om\/wp-content\/uploads\/2025\/09\/alwusta_organization_hierarchy_v2.1-scaled.jpg') {\r\n previewImg.src = IMAGE_URL;\r\n modalImg.src = IMAGE_URL;\r\n }\r\n});\r\n\r\nfunction handleImageError() {\r\n const previewImg = document.getElementById('previewImage');\r\n previewImg.style.display = 'none';\r\n previewImg.parentElement.innerHTML += `\r\n <div class=\"image-placeholder\">\r\n <div>\r\n <p>\u0627\u0644\u0631\u062c\u0627\u0621 \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0627\u0644\u0631\u0627\u0628\u0637 \u0628\u0631\u0627\u0628\u0637 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0641\u0639\u0644\u064a<\/p>\r\n <p style=\"font-size: 14px; margin-top: 10px;\">Please replace with your actual image URL<\/p>\r\n <\/div>\r\n <\/div>\r\n `;\r\n}\r\n\r\nfunction openModal() {\r\n document.getElementById('imageModal').style.display = 'block';\r\n document.body.style.overflow = 'hidden';\r\n document.addEventListener('keydown', handleEscapeKey);\r\n}\r\n\r\nfunction closeModal() {\r\n document.getElementById('imageModal').style.display = 'none';\r\n document.body.style.overflow = '';\r\n document.removeEventListener('keydown', handleEscapeKey);\r\n}\r\n\r\nfunction closeModalOnBackground(event) {\r\n if (event.target === document.getElementById('imageModal')) closeModal();\r\n}\r\n\r\nfunction handleEscapeKey(event) {\r\n if (event.key === 'Escape') closeModal();\r\n}\r\n\r\nlet touchStartY = 0;\r\nconst modalContent = document.querySelector('.modal-content');\r\nmodalContent.addEventListener('touchstart', function(e) { touchStartY = e.touches[0].clientY; });\r\nmodalContent.addEventListener('touchmove', function(e) {\r\n if (modalContent.scrollTop === 0 && e.touches[0].clientY > touchStartY) e.preventDefault();\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ddc72cb e-flex e-con-boxed e-con e-parent\" data-id=\"ddc72cb\" data-element_type=\"container\" data-settings=\"{"wcf_enable_cursor_hover_effect_text":"View","wcf-animation":"none","wcf_pin_breakpoint":"mobile"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a1f63ce elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"3a1f63ce\" data-element_type=\"widget\" data-settings=\"{"wcf-animation":"none"}\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-257cf355 wcf-t-animation-text_move elementor-widget elementor-widget-heading\" data-id=\"257cf355\" data-element_type=\"widget\" data-settings=\"{"wcf_text_animation":"text_move","text_transform_origin":"top center -50","text_delay":0.15,"text_duration":1,"text_stagger":0.02,"text_on_scroll":"yes","text_rotation_di":"x","text_rotation":"-80","wcf-animation":"none"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/alwusta.gov.om\/en\/page-evaluation\/\">\u0634\u0627\u0631\u0643\u0646\u0627 \u0628\u0645\u0642\u062a\u0631\u062d\u0627\u062a\u0643 \u0644\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0633\u0644\u0627\u0633\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0628\u0648\u0627\u0628\u0629<\/a><\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ac61346 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"2ac61346\" data-element_type=\"widget\" data-settings=\"{"wcf-animation":"none"}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/alwusta.gov.om\/en\/page-evaluation\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6bcafaa5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"6bcafaa5\" data-element_type=\"widget\" data-settings=\"{"wcf-animation":"none"}\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f11f07f elementor-widget elementor-widget-shortcode\" data-id=\"f11f07f\" data-element_type=\"widget\" data-settings=\"{"wcf-animation":"none"}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"> <style>\n .lm-badge{display:inline-flex;align-items:center;gap:18px;background:#eef3f8;border-radius:8px;padding:10px 22px;color:#6b8aab;font-family:'Readex Pro',sans-serif;font-size:14px;direction:rtl;line-height:1}\n .lm-badge .lm-group{display:inline-flex;align-items:center;gap:6px}\n .lm-badge svg{width:16px;height:16px;fill:none;stroke:#6b8aab;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}\n .lm-badge .lm-edit svg{stroke:#82b1d4;width:15px;height:15px}\n <\/style>\n <div class=\"lm-badge\">\n <span class=\"lm-edit\"><svg viewbox=\"0 0 24 24\"><path d=\"M17 3a2.83 2.83 0 114 4L7.5 20.5 2 22l1.5-5.5L17 3z\"\/><\/svg><\/span>\n <span>Last modified:<\/span>\n <span class=\"lm-group\">\n <svg viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg>\n <span>\u0623\u0628\u0631\u064a\u0644 11, 2026<\/span>\n <\/span>\n <span class=\"lm-group\">\n <svg viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n <span>6:40 \u0645<\/span>\n <\/span>\n <\/div>\n <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a \u0644\u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0648\u0633\u0637\u0649 \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0648\u0633\u0637\u0649 \u0627\u0644\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0625\u062f\u0627\u0631\u064a \u0648\u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u0645\u0624\u0633\u0633\u064a \u0644\u0644\u062f\u0648\u0627\u0626\u0631 \u0648\u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0648\u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u062a\u0627\u0628\u0639\u0629 \u0644\u0644\u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0646\u0642\u0631 \u0644\u0639\u0631\u0636 \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a \u0643\u0627\u0645\u0644\u0627\u064b × \u0634\u0627\u0631\u0643\u0646\u0627 \u0628\u0645\u0642\u062a\u0631\u062d\u0627\u062a\u0643 \u0644\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0633\u0644\u0627\u0633\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0628\u0648\u0627\u0628\u0629 \u0627\u0636\u063a\u0637 \u0647\u0646\u0627<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9094","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alwusta.gov.om\/en\/wp-json\/wp\/v2\/pages\/9094","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alwusta.gov.om\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alwusta.gov.om\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alwusta.gov.om\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alwusta.gov.om\/en\/wp-json\/wp\/v2\/comments?post=9094"}],"version-history":[{"count":29,"href":"https:\/\/alwusta.gov.om\/en\/wp-json\/wp\/v2\/pages\/9094\/revisions"}],"predecessor-version":[{"id":9971,"href":"https:\/\/alwusta.gov.om\/en\/wp-json\/wp\/v2\/pages\/9094\/revisions\/9971"}],"wp:attachment":[{"href":"https:\/\/alwusta.gov.om\/en\/wp-json\/wp\/v2\/media?parent=9094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}