{"id":1458,"date":"2025-12-08T18:06:20","date_gmt":"2025-12-08T18:06:20","guid":{"rendered":"https:\/\/tucoet.uoturath.edu.iq\/?page_id=1458"},"modified":"2026-01-24T14:53:45","modified_gmt":"2026-01-24T14:53:45","slug":"vision-mission","status":"publish","type":"page","link":"https:\/\/tucoet.uoturath.edu.iq\/en\/dep\/vision-mission\/","title":{"rendered":"\u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0648\u0627\u0644\u0627\u0647\u062f\u0627\u0641 \u0644\u0642\u0633\u0645 \u0647\u0646\u062f\u0633\u0629 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0627\u062c\u0647\u0632\u0629 \u0627\u0644\u0637\u0628\u064a\u0629"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0642\u0633\u0645 - \u0634\u0628\u0643\u0629 \u0645\u0631\u0628\u0639\u0629<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@500;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0635\u0641\u062d\u0629 (\u0644\u0644\u0639\u0631\u0636 \u0641\u0642\u0637) *\/\r\n body {\r\n font-family: 'Tajawal', sans-serif;\r\n background: #f8f9fa;\r\n margin: 0;\r\n padding: 20px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 80vh;\r\n }\r\n\r\n \/* 1. \u0627\u0644\u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0627\u0644\u062d\u0627\u0648\u064a (\u064a\u062d\u062f\u062f \u0627\u0644\u062d\u062c\u0645 \u0627\u0644\u0643\u0644\u064a) *\/\r\n .dashboard-container {\r\n width: 100%;\r\n max-width: 500px; \/* \u0639\u0631\u0636 \u0645\u0646\u0627\u0633\u0628 \u0644\u062a\u0628\u062f\u0648 \u0643\u0645\u0631\u0628\u0639 \u0645\u062a\u0646\u0627\u0633\u0642 \u0641\u064a \u0627\u0644\u062d\u0627\u0633\u0628\u0629 *\/\r\n margin: 0 auto;\r\n }\r\n\r\n \/* 2. \u0627\u0644\u0634\u0628\u0643\u0629 (Grid) - \u0627\u0644\u0633\u062d\u0631 \u0647\u0646\u0627 *\/\r\n .grid-2x2 {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr; \/* \u0639\u0645\u0648\u062f\u064a\u0646 \u0645\u062a\u0633\u0627\u0648\u064a\u064a\u0646 \u062f\u0627\u0626\u0645\u0627\u064b (2 \u0641\u0648\u0642 2 \u062a\u062d\u062a) *\/\r\n gap: 15px; \/* \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0627\u0644\u0645\u0631\u0628\u0639\u0627\u062a *\/\r\n }\r\n\r\n \/* 3. \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0631\u0628\u0639 \u0627\u0644\u0648\u0627\u062d\u062f *\/\r\n .dash-box {\r\n background: #ffffff;\r\n aspect-ratio: 1 \/ 1; \/* \u064a\u062c\u0628\u0631 \u0627\u0644\u0639\u0646\u0635\u0631 \u0623\u0646 \u064a\u0628\u0642\u0649 \u0645\u0631\u0628\u0639\u0627\u064b \u062a\u0645\u0627\u0645\u0627\u064b *\/\r\n border-radius: 16px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n text-decoration: none;\r\n color: #4a148c; \/* \u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0628\u0646\u0641\u0633\u062c\u064a *\/\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.03);\r\n border: 1px solid rgba(0,0,0,0.05);\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n position: relative;\r\n overflow: hidden;\r\n padding: 10px;\r\n text-align: center;\r\n }\r\n\r\n \/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\r\n .dash-box i {\r\n font-size: 2.5rem;\r\n margin-bottom: 12px;\r\n color: #6a1b9a;\r\n transition: transform 0.3s;\r\n }\r\n\r\n \/* \u0627\u0644\u0646\u0635 *\/\r\n .dash-box span {\r\n font-size: 1rem;\r\n font-weight: 700;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* --- \u0627\u0644\u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u062d\u0631\u0643\u064a\u0629 (Hover) --- *\/\r\n .dash-box::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background: linear-gradient(135deg, #6a1b9a 0%, #ab47bc 100%);\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n z-index: 0;\r\n }\r\n\r\n .dash-box:hover {\r\n transform: translateY(-5px); \/* \u0631\u0641\u0639 \u0628\u0633\u064a\u0637 *\/\r\n box-shadow: 0 10px 20px rgba(106, 27, 154, 0.2);\r\n border-color: transparent;\r\n }\r\n\r\n .dash-box:hover::before {\r\n opacity: 1; \/* \u0638\u0647\u0648\u0631 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0628\u0646\u0641\u0633\u062c\u064a\u0629 *\/\r\n }\r\n\r\n .dash-box:hover i, \r\n .dash-box:hover span {\r\n position: relative;\r\n z-index: 1;\r\n color: #ffffff; \/* \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0646\u0635 \u0648\u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0644\u0644\u0623\u0628\u064a\u0636 *\/\r\n }\r\n \r\n .dash-box:hover i {\r\n transform: scale(1.15); \/* \u062a\u0643\u0628\u064a\u0631 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\r\n }\r\n\r\n \/* --- \u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 --- *\/\r\n @media (max-width: 400px) {\r\n .grid-2x2 { gap: 10px; }\r\n .dash-box { border-radius: 12px; }\r\n .dash-box i { font-size: 2rem; }\r\n .dash-box span { font-size: 0.85rem; }\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"dashboard-container\">\r\n <div class=\"grid-2x2\">\r\n \r\n <a href=\"https:\/\/tucoet.uoturath.edu.iq\/en\/dep\/vision-mission\/\" class=\"dash-box\">\r\n <i class=\"fas fa-bullseye\"><\/i>\r\n <span>\u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0623\u0647\u062f\u0627\u0641<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/tucoet.uoturath.edu.iq\/en\/dep\/medical-devices\/administrative-staff\/\" class=\"dash-box\">\r\n <i class=\"fas fa-chalkboard-user\"><\/i>\r\n <span>\u0627\u0644\u0643\u0627\u062f\u0631 \u0627\u0644\u062a\u062f\u0631\u064a\u0633\u064a<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/tucoet.uoturath.edu.iq\/en\/dep\/medical-devices\/class\/\" class=\"dash-box\">\r\n <i class=\"fas fa-microscope\"><\/i>\r\n <span>\u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0648\u0627\u0644\u0642\u0627\u0639\u0627\u062a<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/tucoet.uoturath.edu.iq\/en\/dep\/medical-devices\/department-head\/\" class=\"dash-box\">\r\n <i class=\"fas fa-user-tie\"><\/i>\r\n <span>\u0631\u0626\u0627\u0633\u0629 \u0627\u0644\u0642\u0633\u0645<\/span>\r\n <\/a>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b4650f e-flex e-con-boxed e-con e-parent\" data-id=\"5b4650f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff4f2c4 elementor-widget elementor-widget-html\" data-id=\"ff4f2c4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\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<title>\u0627\u0644\u0631\u0624\u064a\u0629 - \u0642\u0633\u0645 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0637\u0628\u064a\u0629<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --primary: #6a1b9a; \/* \u0628\u0646\u0641\u0633\u062c\u064a \u063a\u0627\u0645\u0642 *\/\r\n --accent: #d500f9; \/* \u0628\u0646\u0641\u0633\u062c\u064a \u0645\u0634\u0639 *\/\r\n --bg-color: #f9fafb;\r\n --text-dark: #1f2937;\r\n }\r\n\r\n body {\r\n font-family: 'Tajawal', sans-serif;\r\n background: var(--bg-color);\r\n margin: 0;\r\n display: flex;\r\n justify-content: center;\r\n padding: 50px 20px;\r\n }\r\n\r\n .vision-card {\r\n background: #fff;\r\n max-width: 900px;\r\n border-radius: 20px;\r\n box-shadow: 0 20px 40px rgba(106, 27, 154, 0.1);\r\n overflow: hidden;\r\n position: relative;\r\n border-top: 5px solid var(--primary);\r\n }\r\n\r\n \/* \u0632\u062e\u0631\u0641\u0629 \u062e\u0644\u0641\u064a\u0629 \u062e\u0641\u064a\u0641\u0629 *\/\r\n .vision-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background-image: radial-gradient(#6a1b9a 1px, transparent 1px);\r\n background-size: 20px 20px;\r\n opacity: 0.03;\r\n pointer-events: none;\r\n }\r\n\r\n .vision-header {\r\n text-align: center;\r\n padding: 2rem 2rem 0;\r\n }\r\n\r\n .vision-title {\r\n font-size: 3rem;\r\n color: var(--primary);\r\n margin: 0;\r\n font-weight: 800;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n \/* \u062e\u0637 \u062a\u062d\u062a \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\r\n .vision-title::after {\r\n content: '';\r\n display: block;\r\n width: 60px;\r\n height: 4px;\r\n background: var(--accent);\r\n margin: 10px auto 0;\r\n border-radius: 2px;\r\n }\r\n\r\n .vision-content {\r\n padding: 2rem 4rem;\r\n text-align: center;\r\n }\r\n\r\n .main-statement {\r\n font-size: 1.4rem;\r\n font-weight: 700;\r\n color: #374151;\r\n margin-bottom: 2rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .quote-box {\r\n background: linear-gradient(135deg, #f3e5f5 0%, #ffffff 100%);\r\n padding: 2rem;\r\n border-radius: 15px;\r\n border-right: 4px solid var(--primary);\r\n text-align: right;\r\n position: relative;\r\n }\r\n\r\n .quote-text {\r\n font-size: 1.1rem;\r\n line-height: 1.8;\r\n color: #4b5563;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* \u062a\u0645\u064a\u064a\u0632 \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u0647\u0645\u0629 *\/\r\n .highlight {\r\n color: var(--primary);\r\n font-weight: 800;\r\n }\r\n\r\n \/* \u0639\u0644\u0627\u0645\u0629 \u0627\u0642\u062a\u0628\u0627\u0633 \u062c\u0645\u0627\u0644\u064a\u0629 *\/\r\n .quote-icon {\r\n position: absolute;\r\n top: -10px;\r\n right: 20px;\r\n font-size: 4rem;\r\n color: rgba(106, 27, 154, 0.1);\r\n font-family: serif;\r\n z-index: 1;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .vision-content { padding: 1.5rem; }\r\n .vision-title { font-size: 2rem; }\r\n .main-statement { font-size: 1.1rem; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"vision-card\">\r\n <div class=\"vision-header\">\r\n <h1 class=\"vision-title\">\u0627\u0644\u0631\u0624\u064a\u0629 (Vision)<\/h1>\r\n <\/div>\r\n \r\n <div class=\"vision-content\">\r\n <p class=\"main-statement\">\r\n \u0627\u0644\u0645\u0631\u062c\u0639\u064a\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0645\u062d\u0644\u064a\u0627\u064b \u0641\u064a \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0637\u0628\u064a\u0629\u060c \u0648\u0627\u0644\u0631\u064a\u0627\u062f\u0629 \u0641\u064a \u0635\u0646\u0627\u0639\u0629 \u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0639\u0628\u0631 \u062f\u0645\u062c \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0647\u0646\u062f\u0633\u064a \u0628\u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629.\r\n <\/p>\r\n\r\n <div class=\"quote-box\">\r\n <span class=\"quote-icon\">\u275d<\/span>\r\n <p class=\"quote-text\">\r\n \u0627\u0644\u0637\u0628 \u0627\u0644\u062d\u062f\u064a\u062b \u0644\u0627 \u064a\u0642\u0648\u0645 \u0625\u0644\u0627 \u0639\u0644\u0649 \u062c\u0646\u0627\u062d\u064a\u0646: <span class=\"highlight\">\u0627\u0644\u0637\u0628\u064a\u0628 \u0627\u0644\u0645\u0627\u0647\u0631\u060c \u0648\u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u062f\u0642\u064a\u0642<\/span>. \u0648\u0646\u062d\u0646 \u0647\u0646\u0627 \u0646\u0635\u0646\u0639 \u0627\u0644\u062c\u0646\u0627\u062d \u0627\u0644\u062b\u0627\u0646\u064a. \r\n \u0642\u0633\u0645 \u0647\u0646\u062f\u0633\u0629 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0644\u064a\u0633 \u0645\u062c\u0631\u062f \u0642\u0627\u0639\u0627\u062a \u062f\u0631\u0627\u0633\u064a\u0629\u061b \u0625\u0646\u0647 \u062d\u0627\u0636\u0646\u0629 \u0644\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u062d\u064a\u062b \u062a\u0646\u062f\u0645\u062c \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a \u0627\u0644\u062f\u0642\u064a\u0642\u0629\u060c \u0648\u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u0627 \u0627\u0644\u062d\u064a\u0648\u064a\u0629\u060c \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a. \r\n \u0646\u062d\u0646 \u0646\u062e\u0631\u062c <span class=\"highlight\">'\u062d\u0631\u0627\u0633 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0637\u0628\u064a\u0629'<\/span> \u0627\u0644\u0630\u064a\u0646 \u064a\u0636\u0645\u0646\u0648\u0646 \u0623\u0646 \u0643\u0644 \u0646\u0628\u0636\u0629 \u0639\u0644\u0649 \u062c\u0647\u0627\u0632 \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629\u060c \u0648\u0643\u0644 \u0635\u0648\u0631\u0629 \u0625\u0634\u0639\u0627\u0639\u064a\u0629\u060c \u0648\u0643\u0644 \u062a\u062d\u0644\u064a\u0644 \u0645\u062e\u0628\u0631\u064a\u060c \u064a\u062a\u0645 \u0628\u062f\u0642\u0629 \u0645\u062a\u0646\u0627\u0647\u064a\u0629 \u0644\u0627 \u062a\u0642\u0628\u0644 \u0627\u0644\u062e\u0637\u0623.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7eb2d9e e-flex e-con-boxed e-con e-parent\" data-id=\"7eb2d9e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58b0248 elementor-widget elementor-widget-html\" data-id=\"58b0248\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\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<style>\r\n .mission-wrapper {\r\n background: linear-gradient(to right, #ffffff, #fbf7fc);\r\n padding: 4rem 2rem;\r\n border-radius: 20px;\r\n position: relative;\r\n overflow: hidden;\r\n border: 1px solid #eee;\r\n font-family: 'Tajawal', sans-serif;\r\n }\r\n\r\n \/* \u0627\u0644\u0634\u0631\u064a\u0637 \u0627\u0644\u062c\u0627\u0646\u0628\u064a \u0627\u0644\u0628\u0646\u0641\u0633\u062c\u064a *\/\r\n .mission-wrapper::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; right: 0;\r\n width: 8px;\r\n height: 100%;\r\n background: linear-gradient(180deg, #6a1b9a, #ba68c8);\r\n }\r\n\r\n .mission-title {\r\n font-size: 2.2rem;\r\n color: #4a148c;\r\n margin-top: 0;\r\n margin-bottom: 1.5rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n\r\n \/* \u062f\u0627\u0626\u0631\u0629 \u0646\u0627\u0628\u0636\u0629 \u0635\u063a\u064a\u0631\u0629 \u0628\u062c\u0627\u0646\u0628 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\r\n .pulse-dot {\r\n width: 15px;\r\n height: 15px;\r\n background-color: #d500f9;\r\n border-radius: 50%;\r\n box-shadow: 0 0 0 0 rgba(213, 0, 249, 0.7);\r\n animation: pulse-purple 2s infinite;\r\n }\r\n\r\n .mission-text {\r\n font-size: 1.25rem;\r\n line-height: 2;\r\n color: #374151;\r\n max-width: 900px;\r\n text-align: justify;\r\n }\r\n\r\n \/* \u062a\u0645\u064a\u064a\u0632 \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u0641\u062a\u0627\u062d\u064a\u0629 *\/\r\n .highlight {\r\n color: #7b1fa2;\r\n font-weight: bold;\r\n background: rgba(123, 31, 162, 0.05);\r\n padding: 0 5px;\r\n border-radius: 4px;\r\n }\r\n\r\n @keyframes pulse-purple {\r\n 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(213, 0, 249, 0.7); }\r\n 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(213, 0, 249, 0); }\r\n 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(213, 0, 249, 0); }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .mission-text { font-size: 1.1rem; text-align: right; }\r\n .mission-wrapper { padding: 2rem; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"mission-wrapper\">\r\n <h2 class=\"mission-title\">\r\n <span class=\"pulse-dot\"><\/span>\r\n \u0627\u0644\u0631\u0633\u0627\u0644\u0629\r\n <\/h2>\r\n <p class=\"mission-text\">\r\n \u0646\u0644\u062a\u0632\u0645 \u0628\u062a\u0642\u062f\u064a\u0645 <span class=\"highlight\">\u0628\u064a\u0626\u0629 \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0645\u062a\u0637\u0648\u0631\u0629<\/span> \u062a\u062f\u0645\u062c \u0628\u064a\u0646 \u0631\u0635\u0627\u0646\u0629 \u0627\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u060c \u0644\u0625\u0639\u062f\u0627\u062f \u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u062a\u0642\u0646\u064a\u064a\u0646 \u064a\u0645\u062a\u0644\u0643\u0648\u0646 \u0627\u0644\u0645\u0647\u0627\u0631\u0629 \u0644\u0640 <span class=\"highlight\">\u062a\u0648\u0637\u064a\u0646 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0637\u0628\u064a\u0629<\/span>\u060c \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u0625\u062f\u0627\u0631\u0629 \u0648\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0646\u0638\u0648\u0645\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629\u060c \u0645\u0639 \u062a\u0631\u0633\u064a\u062e \u0642\u064a\u0645 <span class=\"highlight\">\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0627\u0644\u0623\u062e\u0644\u0627\u0642\u064a\u0629<\/span> \u0644\u0636\u0645\u0627\u0646 \u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0625\u0646\u0633\u0627\u0646.\r\n <\/p>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-101928e e-flex e-con-boxed e-con e-parent\" data-id=\"101928e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9f1b9a elementor-widget elementor-widget-html\" data-id=\"c9f1b9a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\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<title>\u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --deep-purple: #4a148c;\r\n --bright-purple: #d500f9;\r\n --light-bg: #f8f9fa;\r\n --text-grey: #4b5563;\r\n }\r\n\r\n body {\r\n font-family: 'Tajawal', sans-serif;\r\n background: var(--light-bg);\r\n margin: 0;\r\n padding: 20px;\r\n }\r\n\r\n .strategy-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .section-header h2 {\r\n color: var(--deep-purple);\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n position: relative;\r\n display: inline-block;\r\n margin: 0;\r\n }\r\n \r\n .section-header h2::after {\r\n content: 'Objectives';\r\n display: block;\r\n font-size: 1rem;\r\n color: #9ca3af;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-top: 5px;\r\n }\r\n\r\n .grid-wrapper {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .obj-card {\r\n background: #fff;\r\n border-radius: 16px;\r\n padding: 2rem;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 4px 6px rgba(0,0,0,0.02);\r\n border: 1px solid rgba(0,0,0,0.05);\r\n transition: transform 0.3s, box-shadow 0.3s;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .obj-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 30px rgba(74, 20, 140, 0.1);\r\n border-color: rgba(213, 0, 249, 0.3);\r\n }\r\n\r\n \/* \u0627\u0644\u0631\u0642\u0645 \u0627\u0644\u062e\u0644\u0641\u064a \u0627\u0644\u0643\u0628\u064a\u0631 *\/\r\n .bg-number {\r\n position: absolute;\r\n top: -10px;\r\n left: -10px;\r\n font-size: 6rem;\r\n font-weight: 900;\r\n color: rgba(74, 20, 140, 0.03);\r\n font-family: sans-serif;\r\n z-index: 0;\r\n transition: color 0.3s;\r\n }\r\n \r\n .obj-card:hover .bg-number {\r\n color: rgba(74, 20, 140, 0.08);\r\n }\r\n\r\n .card-content {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .card-title {\r\n font-size: 1.3rem;\r\n color: var(--deep-purple);\r\n margin-bottom: 1rem;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--bright-purple);\r\n display: inline-block;\r\n }\r\n\r\n .card-text {\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n color: var(--text-grey);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .section-header h2 { font-size: 2rem; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"strategy-container\">\r\n <div class=\"section-header\">\r\n <h2>\u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/h2>\r\n <\/div>\r\n\r\n <div class=\"grid-wrapper\">\r\n <div class=\"obj-card\">\r\n <span class=\"bg-number\">01<\/span>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/h3>\r\n <p class=\"card-text\">\r\n \u062a\u062e\u0631\u064a\u062c \u0643\u0648\u0627\u062f\u0631 \u0647\u0646\u062f\u0633\u064a\u0629 \u062a\u0645\u062a\u0644\u0643 \u062c\u0627\u0647\u0632\u064a\u0629 \u0641\u0648\u0631\u064a\u0629 \u0644\u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644\u060c \u0642\u0627\u062f\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u062a\u0639\u0642\u064a\u062f\u0627\u062a \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 (\u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629\u060c \u0627\u0644\u0639\u0644\u0627\u062c\u064a\u0629\u060c \u0648\u0627\u0644\u0645\u062e\u062a\u0628\u0631\u064a\u0629) \u0628\u062f\u0642\u0629 \u0645\u062a\u0646\u0627\u0647\u064a\u0629.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"obj-card\">\r\n <span class=\"bg-number\">02<\/span>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0637\u0628\u064a\u0629<\/h3>\r\n <p class=\"card-text\">\r\n \u0633\u062f \u0627\u0644\u0641\u062c\u0648\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0639\u0628\u0631 \u0631\u0641\u062f\u0647\u0627 \u0628\u062e\u0628\u0631\u0627\u0621 \u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0641\u064a \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u062a\u0635\u062d\u064a\u062d\u064a\u0629\u060c \u0648\u0627\u0644\u0645\u0639\u0627\u064a\u0631\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629 \u0639\u0645\u0644 \u0627\u0644\u0623\u062c\u0647\u0632\u0629.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"obj-card\">\r\n <span class=\"bg-number\">03<\/span>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">\u0645\u0648\u0627\u0643\u0628\u0629 \u0627\u0644\u062b\u0648\u0631\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/h3>\r\n <p class=\"card-text\">\r\n \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u0645\u0639\u0631\u0641\u064a\u0629 \u0644\u062a\u0634\u0645\u0644 \u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0637\u0628 \u0627\u0644\u0631\u0642\u0645\u064a\u060c \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c \u0648\u0627\u0644\u0645\u0633\u062a\u0634\u0639\u0631\u0627\u062a \u0627\u0644\u062d\u064a\u0648\u064a\u0629\u060c \u0644\u0636\u0645\u0627\u0646 \u0645\u0648\u0627\u0643\u0628\u0629 \u0627\u0644\u062a\u0637\u0648\u0631 \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0627\u0644\u0645\u062a\u0633\u0627\u0631\u0639.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"obj-card\">\r\n <span class=\"bg-number\">04<\/span>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u064a<\/h3>\r\n <p class=\"card-text\">\r\n \u062a\u0634\u062c\u064a\u0639 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u0628\u062a\u0643\u0631\u0629 \u0644\u0644\u0645\u0634\u0643\u0644\u0627\u062a \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0641\u064a \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0635\u062d\u064a\u060c \u0648\u0631\u0628\u0637 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u062e\u0631\u062c \u0628\u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0644\u0644\u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u062a\u062e\u0635\u0635\u064a\u0629.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"obj-card\">\r\n <span class=\"bg-number\">05<\/span>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">\u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629<\/h3>\r\n <p class=\"card-text\">\r\n \u062a\u0631\u0633\u064a\u062e \u062b\u0642\u0627\u0641\u0629 \"\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0623\u0648\u0644\u0627\u064b\" \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 (ISO) \u0641\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0637\u0628\u064a\u0629\u060c \u062d\u0645\u0627\u064a\u0629\u064b \u0644\u0644\u0645\u0631\u064a\u0636 \u0648\u0644\u0644\u0643\u0627\u062f\u0631 \u0627\u0644\u0647\u0646\u062f\u0633\u064a \u0648\u0627\u0644\u0637\u0628\u064a.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\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>\u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0642\u0633\u0645 – \u0634\u0628\u0643\u0629 \u0645\u0631\u0628\u0639\u0629 \u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0643\u0627\u062f\u0631 \u0627\u0644\u062a\u062f\u0631\u064a\u0633\u064a \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0648\u0627\u0644\u0642\u0627\u0639\u0627\u062a \u0631\u0626\u0627\u0633\u0629 \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0631\u0624\u064a\u0629 – \u0642\u0633\u0645 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0631\u0624\u064a\u0629 (Vision) \u0627\u0644\u0645\u0631\u062c\u0639\u064a\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0645\u062d\u0644\u064a\u0627\u064b \u0641\u064a \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0637\u0628\u064a\u0629\u060c \u0648\u0627\u0644\u0631\u064a\u0627\u062f\u0629 \u0641\u064a \u0635\u0646\u0627\u0639\u0629 \u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0639\u0628\u0631 \u062f\u0645\u062c \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0647\u0646\u062f\u0633\u064a \u0628\u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629. \u275d \u0627\u0644\u0637\u0628 \u0627\u0644\u062d\u062f\u064a\u062b \u0644\u0627 \u064a\u0642\u0648\u0645 \u0625\u0644\u0627 \u0639\u0644\u0649 \u062c\u0646\u0627\u062d\u064a\u0646: \u0627\u0644\u0637\u0628\u064a\u0628 \u0627\u0644\u0645\u0627\u0647\u0631\u060c \u0648\u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u062f\u0642\u064a\u0642. \u0648\u0646\u062d\u0646 \u0647\u0646\u0627 \u0646\u0635\u0646\u0639 \u0627\u0644\u062c\u0646\u0627\u062d […]<\/p>","protected":false},"author":2,"featured_media":0,"parent":1445,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1458","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/tucoet.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/pages\/1458","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tucoet.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tucoet.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tucoet.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tucoet.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/comments?post=1458"}],"version-history":[{"count":11,"href":"https:\/\/tucoet.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/pages\/1458\/revisions"}],"predecessor-version":[{"id":2004,"href":"https:\/\/tucoet.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/pages\/1458\/revisions\/2004"}],"up":[{"embeddable":true,"href":"https:\/\/tucoet.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/pages\/1445"}],"wp:attachment":[{"href":"https:\/\/tucoet.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/media?parent=1458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}