{"id":1578,"date":"2025-12-08T23:23:37","date_gmt":"2025-12-08T23:23:37","guid":{"rendered":"https:\/\/tucoet.uoturath.edu.iq\/?page_id=1578"},"modified":"2026-01-24T15:47:44","modified_gmt":"2026-01-24T15:47:44","slug":"medical-devices","status":"publish","type":"page","link":"https:\/\/tucoet.uoturath.edu.iq\/en\/dep\/medical-devices\/","title":{"rendered":"\u062a\u0642\u0646\u064a\u0627\u062a \u0647\u0646\u062f\u0633\u0629 \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-a9d020b e-flex e-con-boxed e-con e-parent\" data-id=\"a9d020b\" 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-ae5ab77 elementor-widget elementor-widget-html\" data-id=\"ae5ab77\" 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>\u0642\u0633\u0645 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 - \u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --hero-gradient: linear-gradient(135deg, #4a0072 0%, #7b1fa2 100%);\r\n --accent-purple: #9c27b0;\r\n --text-dark: #2c3e50;\r\n --white: #ffffff;\r\n }\r\n\r\n body {\r\n margin: 0;\r\n font-family: 'Cairo', sans-serif;\r\n }\r\n\r\n \/* \u062a\u0646\u0633\u064a\u0642 \u0628\u0627\u0646\u0631 \u0627\u0644\u0628\u0637\u0644 *\/\r\n .hero-section {\r\n background: var(--hero-gradient);\r\n min-height: 60vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n color: var(--white);\r\n padding: 2rem;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u0639\u0646\u0627\u0635\u0631 \u0632\u062e\u0631\u0641\u064a\u0629 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0629 *\/\r\n .tech-overlay {\r\n position: absolute;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background-image: \r\n linear-gradient(rgba(74, 0, 114, 0.8), rgba(123, 31, 162, 0.8)),\r\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\r\n z-index: 1;\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 900px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 3.5rem;\r\n font-weight: 900;\r\n margin-bottom: 1.5rem;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.3);\r\n }\r\n \r\n .hero-title span {\r\n display: block;\r\n font-size: 2rem;\r\n font-weight: 400;\r\n margin-top: 0.5rem;\r\n color: #e1bee7; \/* \u0628\u0646\u0641\u0633\u062c\u064a \u0641\u0627\u062a\u062d \u062c\u062f\u0627\u064b *\/\r\n }\r\n\r\n .hero-text {\r\n font-size: 1.25rem;\r\n line-height: 1.8;\r\n opacity: 0.95;\r\n }\r\n\r\n \/* \u062a\u0646\u0633\u064a\u0642 \u0642\u0633\u0645 \u0627\u0644\u0631\u0624\u064a\u0629 *\/\r\n .vision-section {\r\n background-color: var(--white);\r\n padding: 5rem 2rem;\r\n text-align: center;\r\n }\r\n\r\n .vision-container {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n }\r\n\r\n .section-title {\r\n font-size: 2.5rem;\r\n color: var(--text-dark);\r\n margin-bottom: 2rem;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n \r\n .section-title::after {\r\n content: '';\r\n display: block;\r\n width: 60%;\r\n height: 4px;\r\n background: var(--accent-purple);\r\n margin: 1rem auto 0;\r\n border-radius: 2px;\r\n }\r\n\r\n .vision-text {\r\n font-size: 1.15rem;\r\n line-height: 1.9;\r\n color: #546e7a;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero-title { font-size: 2.5rem; }\r\n .hero-title span { font-size: 1.5rem; }\r\n .hero-text { font-size: 1.1rem; }\r\n .section-title { font-size: 2rem; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"hero-section\">\r\n <div class=\"tech-overlay\"><\/div>\r\n <div class=\"hero-content\">\r\n <h1 class=\"hero-title\">\r\n \u062f\u0642\u0629 \u0627\u0644\u0647\u0646\u062f\u0633\u0629..\r\n <span>\u062a\u0644\u062a\u0642\u064a \u0628\u0646\u0628\u0636 \u0627\u0644\u062d\u064a\u0627\u0629<\/span>\r\n <\/h1>\r\n <p class=\"hero-text\">\r\n \u0641\u064a \u0639\u0627\u0644\u0645 \u062a\u062a\u0633\u0627\u0631\u0639 \u0641\u064a\u0647 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627\u060c \u064a\u0642\u0641 \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0643\u062c\u0633\u0631 \u062d\u064a\u0648\u064a \u064a\u0631\u0628\u0637 \u0628\u064a\u0646 \u0639\u0628\u0642\u0631\u064a\u0629 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0647\u0646\u062f\u0633\u064a \u0648\u0633\u0645\u0648 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u0637\u0628\u064a\u0629. \u0647\u0646\u0627\u060c \u062a\u062a\u062d\u0648\u0644 \u0627\u0644\u062f\u0648\u0627\u0626\u0631 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u0645\u0639\u0627\u062f\u0644\u0627\u062a \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a\u0629 \u0625\u0644\u0649 \u0646\u0628\u0636\u0627\u062a \u0623\u0645\u0644\u060c \u0648\u0646\u0631\u0633\u0645 \u0645\u0639\u0627\u064b \u0645\u0644\u0627\u0645\u062d \u0645\u0633\u062a\u0642\u0628\u0644 \u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u064a\u0629 \u0623\u0643\u062b\u0631 \u0623\u0645\u0627\u0646\u0627\u064b \u0648\u062a\u0637\u0648\u0631\u0627\u064b.\r\n <\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"vision-section\">\r\n <div class=\"vision-container\">\r\n <h2 class=\"section-title\">\u0627\u0644\u0631\u064a\u0627\u062f\u0629 \u0641\u064a \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0637\u0628\u064a\u0629<\/h2>\r\n <p class=\"vision-text\">\r\n \u064a\u064f\u0639\u062f \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0645\u0646\u0627\u0631\u0629\u064b \u0639\u0644\u0645\u064a\u0629 \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u062e\u0631\u064a\u062c \u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0627\u0644\u062a\u0642\u0646\u064a\u064a\u0646 \u0627\u0644\u0642\u0627\u062f\u0631\u064a\u0646 \u0639\u0644\u0649 \u0645\u0648\u0627\u0643\u0628\u0629 \u0627\u0644\u062b\u0648\u0631\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0641\u064a \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0635\u062d\u064a. \u0645\u0646 \u062e\u0644\u0627\u0644 \u062f\u0645\u062c \u0627\u0644\u0645\u0646\u0627\u0647\u062c \u0627\u0644\u0646\u0638\u0631\u064a\u0629 \u0627\u0644\u0631\u0635\u064a\u0646\u0629 \u0645\u0639 \u0627\u0644\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0639\u0645\u0644\u064a \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u060c \u0646\u0633\u0639\u0649 \u0644\u062a\u0645\u0643\u064a\u0646 \u0637\u0644\u0628\u062a\u0646\u0627 \u0645\u0646 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0639\u0635\u0631\u060c \u0644\u064a\u0635\u0628\u062d\u0648\u0627 \u0627\u0644\u0631\u0643\u064a\u0632\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0641\u064a \u062a\u0634\u063a\u064a\u0644\u060c \u0635\u064a\u0627\u0646\u0629\u060c \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629. \u0631\u0624\u064a\u062a\u0646\u0627 \u062a\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u061b \u0625\u0646\u0647\u0627 \u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u062a\u0642\u062f\u064a\u0645 \u0643\u0641\u0627\u0621\u0627\u062a \u062a\u0633\u0627\u0647\u0645 \u0628\u0641\u0627\u0639\u0644\u064a\u0629 \u0641\u064a \u0631\u0641\u0639 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0648\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639.\r\n <\/p>\r\n <\/div>\r\n<\/section>\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-c631d75 e-flex e-con-boxed e-con e-parent\" data-id=\"c631d75\" 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-998da93 elementor-widget elementor-widget-html\" data-id=\"998da93\" 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>\u062c\u0648\u0644\u0629 \u062a\u0641\u0642\u062f\u064a\u0629 - \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<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;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 :root {\r\n --main-purple: #6200ea;\r\n --light-purple: #f3e5f5;\r\n --dark-text: #2d2d2d;\r\n --white: #ffffff;\r\n --shadow: 0 4px 15px rgba(98, 0, 234, 0.1);\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n body {\r\n font-family: 'Tajawal', sans-serif;\r\n background-color: var(--light-purple);\r\n color: var(--dark-text);\r\n line-height: 1.6;\r\n padding-bottom: 40px;\r\n }\r\n\r\n \/* --- \u0627\u0644\u0647\u064a\u062f\u0631 --- *\/\r\n .header {\r\n background: linear-gradient(135deg, var(--main-purple), #4527a0);\r\n color: var(--white);\r\n padding: 40px 20px;\r\n text-align: center;\r\n border-bottom-left-radius: 30px;\r\n border-bottom-right-radius: 30px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 20px rgba(69, 39, 160, 0.2);\r\n }\r\n\r\n .news-tag {\r\n background: rgba(255,255,255,0.2);\r\n padding: 5px 15px;\r\n border-radius: 20px;\r\n font-size: 0.85rem;\r\n display: inline-block;\r\n margin-bottom: 15px;\r\n }\r\n\r\n h1 {\r\n font-size: 1.8rem;\r\n font-weight: 800;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .subtitle {\r\n font-size: 1rem;\r\n opacity: 0.95;\r\n font-weight: 300;\r\n background: rgba(0,0,0,0.1);\r\n padding: 15px;\r\n border-radius: 15px;\r\n display: inline-block;\r\n max-width: 90%;\r\n }\r\n\r\n .dr-name {\r\n font-weight: 700;\r\n font-size: 1.2rem;\r\n display: block;\r\n margin-bottom: 5px;\r\n color: #fff;\r\n }\r\n\r\n .job-title {\r\n display: block;\r\n font-size: 0.95rem; \/* \u062a\u0643\u0628\u064a\u0631 \u0627\u0644\u062e\u0637 \u0642\u0644\u064a\u0644\u0627\u064b \u0644\u0644\u062a\u0631\u0643\u064a\u0632 *\/\r\n color: #e1bee7; \r\n margin-bottom: 3px;\r\n font-weight: 500;\r\n }\r\n\r\n \/* --- \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 --- *\/\r\n .container {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n padding: 0 15px;\r\n }\r\n\r\n \/* --- \u0645\u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631 (\u0646\u0633\u0628 \u0645\u062a\u0633\u0627\u0648\u064a\u0629) --- *\/\r\n .photo-stack {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .photo-card {\r\n background: var(--white);\r\n padding: 5px;\r\n border-radius: 15px;\r\n box-shadow: var(--shadow);\r\n overflow: hidden;\r\n aspect-ratio: 4 \/ 3; \/* \u0646\u0633\u0628\u0629 \u062b\u0627\u0628\u062a\u0629 *\/\r\n position: relative;\r\n }\r\n\r\n .photo-card img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n border-radius: 10px;\r\n display: block;\r\n }\r\n\r\n \/* --- \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0646\u0635\u064a --- *\/\r\n .intro {\r\n background: var(--white);\r\n padding: 20px;\r\n border-radius: 15px;\r\n box-shadow: var(--shadow);\r\n margin-bottom: 25px;\r\n font-size: 1.05rem;\r\n border-right: 5px solid var(--main-purple);\r\n }\r\n\r\n \/* --- \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0646\u0642\u0627\u0637 --- *\/\r\n .points-list {\r\n display: grid;\r\n gap: 15px;\r\n }\r\n\r\n .point-item {\r\n background: var(--white);\r\n padding: 20px;\r\n border-radius: 15px;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 15px;\r\n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\r\n transition: transform 0.2s;\r\n }\r\n\r\n .point-item:active {\r\n transform: scale(0.98);\r\n }\r\n\r\n .icon-box {\r\n background: var(--light-purple);\r\n color: var(--main-purple);\r\n min-width: 45px;\r\n height: 45px;\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.2rem;\r\n }\r\n\r\n .point-content h3 {\r\n font-size: 1.1rem;\r\n color: var(--main-purple);\r\n margin-bottom: 5px;\r\n }\r\n\r\n .point-content p {\r\n font-size: 0.9rem;\r\n color: #555;\r\n }\r\n\r\n \/* --- \u062a\u0646\u0648\u064a\u0647 SIS --- *\/\r\n .sis-alert {\r\n background: linear-gradient(45deg, #6200ea, #7c4dff);\r\n color: white;\r\n padding: 20px;\r\n border-radius: 15px;\r\n margin-top: 25px;\r\n text-align: center;\r\n }\r\n\r\n .sis-alert h3 { margin-bottom: 5px; color: #fff; }\r\n .sis-alert p { font-size: 0.9rem; opacity: 0.9; }\r\n\r\n \/* --- \u0627\u0644\u062e\u0627\u062a\u0645\u0629 --- *\/\r\n .footer {\r\n text-align: center;\r\n margin-top: 40px;\r\n color: #777;\r\n font-size: 0.9rem;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .photo-stack { flex-direction: row; }\r\n .photo-card { flex: 1; }\r\n h1 { font-size: 2.2rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <header class=\"header\">\r\n <span class=\"news-tag\">\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u064a\u062f\u0627\u0646\u064a\u0629<\/span>\r\n <h1>\u0631\u0626\u0627\u0633\u0629 \u0627\u0644\u0642\u0633\u0645 \u062a\u062a\u0641\u0642\u062f \u0637\u0644\u0628\u0629 \"\u0627\u0644\u0631\u0627\u0628\u0639\u0629\"<\/h1>\r\n \r\n <div class=\"subtitle\">\r\n \u0628\u0625\u0634\u0631\u0627\u0641 \u0627\u0644\u0623\u0633\u062a\u0627\u0630 \u0627\u0644\u0645\u0633\u0627\u0639\u062f \u0627\u0644\u062f\u0643\u062a\u0648\u0631\r\n <span class=\"dr-name\">\u0639\u0628\u0627\u0633 \u0647\u0627\u0634\u0645 \u0639\u0628\u062f\u0627\u0644\u0633\u0644\u0627\u0645<\/span>\r\n <span class=\"job-title\">\u0631\u0626\u064a\u0633 \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<\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"container\">\r\n \r\n <div class=\"intro\">\r\n <p>\r\n <strong>\u0641\u064a \u0625\u0637\u0627\u0631 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0645\u0633\u062a\u0645\u0631:<\/strong> \u0623\u062c\u0631\u0649 \u0627\u0644\u0633\u064a\u062f \u0631\u0626\u064a\u0633 \u0627\u0644\u0642\u0633\u0645\u060c \u062c\u0648\u0644\u0629 \u062a\u0641\u0642\u062f\u064a\u0629 \u0644\u0637\u0644\u0628\u0629 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0631\u0627\u0628\u0639\u0629\u060c \u0644\u0644\u0648\u0642\u0648\u0641 \u0628\u0634\u0643\u0644 \u0645\u0628\u0627\u0634\u0631 \u0639\u0644\u0649 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0647\u0645 \u0648\u0636\u0645\u0627\u0646 \u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0628\u0627\u0646\u0633\u064a\u0627\u0628\u064a\u0629 \u0639\u0627\u0644\u064a\u0629.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"photo-stack\">\r\n <div class=\"photo-card\">\r\n <img decoding=\"async\" src=\"https:\/\/tucoet.uoturath.edu.iq\/wp-content\/uploads\/2026\/01\/photo_2026-01-24_18-14-15.jpg\" alt=\"\u062c\u0627\u0646\u0628 \u0645\u0646 \u0627\u0644\u0632\u064a\u0627\u0631\u0629\">\r\n <\/div>\r\n <div class=\"photo-card\">\r\n <img decoding=\"async\" src=\"https:\/\/tucoet.uoturath.edu.iq\/wp-content\/uploads\/2026\/01\/photo_2026-01-24_18-14-19.jpg\" alt=\"\u062c\u0627\u0646\u0628 \u0645\u0646 \u0627\u0644\u0632\u064a\u0627\u0631\u0629\">\r\n <\/div>\r\n <div class=\"photo-card\">\r\n <img decoding=\"async\" src=\"https:\/\/tucoet.uoturath.edu.iq\/wp-content\/uploads\/2026\/01\/photo_2026-01-24_18-14-22.jpg\" alt=\"\u062c\u0627\u0646\u0628 \u0645\u0646 \u0627\u0644\u0632\u064a\u0627\u0631\u0629\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"points-list\">\r\n \r\n <div class=\"point-item\">\r\n <div class=\"icon-box\"><i class=\"fa-solid fa-ear-listen\"><\/i><\/div>\r\n <div class=\"point-content\">\r\n <h3>\u0627\u0644\u0627\u0633\u062a\u0645\u0627\u0639 \u0644\u0644\u0645\u0642\u062a\u0631\u062d\u0627\u062a<\/h3>\r\n <p>\u0623\u0643\u062f\u062a \u0631\u0626\u0627\u0633\u0629 \u0627\u0644\u0642\u0633\u0645 \u0639\u0644\u0649 \u0623\u0647\u0645\u064a\u0629 \u0627\u0644\u062d\u0648\u0627\u0631 \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u0645\u0639 \u0627\u0644\u0637\u0644\u0628\u0629 \u0644\u062a\u0630\u0644\u064a\u0644 \u0627\u0644\u0639\u0642\u0628\u0627\u062a \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"point-item\">\r\n <div class=\"icon-box\"><i class=\"fa-solid fa-user-check\"><\/i><\/div>\r\n <div class=\"point-content\">\r\n <h3>\u0627\u0644\u0627\u0646\u0636\u0628\u0627\u0637 \u0648\u0627\u0644\u062d\u0636\u0648\u0631<\/h3>\r\n <p>\u0627\u0644\u062a\u0623\u0643\u064a\u062f \u0639\u0644\u0649 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u062f\u0648\u0627\u0645 \u0627\u0644\u0631\u0633\u0645\u064a \u0648\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0644\u0648\u0627\u0626\u062d \u0627\u0644\u062c\u0627\u0645\u0639\u064a\u0629 \u0628\u062e\u0635\u0648\u0635 \u0627\u0644\u063a\u064a\u0627\u0628.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"point-item\">\r\n <div class=\"icon-box\"><i class=\"fa-solid fa-handshake\"><\/i><\/div>\r\n <div class=\"point-content\">\r\n <h3>\u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629<\/h3>\r\n <p>\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0645 \u0627\u0644\u0645\u062a\u0628\u0627\u062f\u0644 \u0628\u064a\u0646 \u0627\u0644\u0623\u0633\u0627\u062a\u0630\u0629 \u0648\u0627\u0644\u0637\u0644\u0628\u0629 \u0643\u0631\u0643\u064a\u0632\u0629 \u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u0646\u062c\u0627\u062d.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"sis-alert\">\r\n <i class=\"fa-solid fa-laptop-code fa-2x\" style=\"margin-bottom:10px\"><\/i>\r\n <h3>\u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a (SIS)<\/h3>\r\n <p>\u0646\u0648\u0647 \u0627\u0644\u0633\u064a\u062f \u0631\u0626\u064a\u0633 \u0627\u0644\u0642\u0633\u0645 \u0628\u0636\u0631\u0648\u0631\u0629 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u0636\u0648\u0631 \u0648\u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0639\u0628\u0631 \u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0627\u0644\u062c\u062f\u064a\u062f.<\/p>\r\n <\/div>\r\n\r\n <div class=\"footer\">\r\n <p>\u0646\u062d\u0648 \u0628\u064a\u0626\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0645\u062a\u0637\u0648\u0631\u0629 | \u0631\u0626\u0627\u0633\u0629 \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<\/p>\r\n <\/div>\r\n\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>  \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   \u062f\u0642\u0629 \u0627\u0644\u0647\u0646\u062f\u0633\u0629.. \u062a\u0644\u062a\u0642\u064a \u0628\u0646\u0628\u0636 \u0627\u0644\u062d\u064a\u0627\u0629 \u0641\u064a \u0639\u0627\u0644\u0645 \u062a\u062a\u0633\u0627\u0631\u0639 \u0641\u064a\u0647 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627\u060c \u064a\u0642\u0641 \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0643\u062c\u0633\u0631 \u062d\u064a\u0648\u064a \u064a\u0631\u0628\u0637 \u0628\u064a\u0646 \u0639\u0628\u0642\u0631\u064a\u0629 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0647\u0646\u062f\u0633\u064a \u0648\u0633\u0645\u0648 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u0637\u0628\u064a\u0629. \u0647\u0646\u0627\u060c \u062a\u062a\u062d\u0648\u0644 \u0627\u0644\u062f\u0648\u0627\u0626\u0631 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u0645\u0639\u0627\u062f\u0644\u0627\u062a \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a\u0629 \u0625\u0644\u0649 \u0646\u0628\u0636\u0627\u062a \u0623\u0645\u0644\u060c \u0648\u0646\u0631\u0633\u0645 \u0645\u0639\u0627\u064b \u0645\u0644\u0627\u0645\u062d \u0645\u0633\u062a\u0642\u0628\u0644 \u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u064a\u0629 \u0623\u0643\u062b\u0631 \u0623\u0645\u0627\u0646\u0627\u064b \u0648\u062a\u0637\u0648\u0631\u0627\u064b. \u0627\u0644\u0631\u064a\u0627\u062f\u0629 \u0641\u064a […]<\/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-1578","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/tucoet.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/pages\/1578","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=1578"}],"version-history":[{"count":24,"href":"https:\/\/tucoet.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/pages\/1578\/revisions"}],"predecessor-version":[{"id":2036,"href":"https:\/\/tucoet.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/pages\/1578\/revisions\/2036"}],"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=1578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}