{"id":1342,"date":"2025-12-07T23:31:27","date_gmt":"2025-12-07T23:31:27","guid":{"rendered":"https:\/\/tucoet.uoturath.edu.iq\/?page_id=1342"},"modified":"2026-01-20T22:47:56","modified_gmt":"2026-01-20T22:47:56","slug":"college-strategy","status":"publish","type":"page","link":"https:\/\/tucoet.uoturath.edu.iq\/en\/corporate-identity\/college-strategy\/","title":{"rendered":"\u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0631\u0633\u0627\u0644\u0629"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1342\" class=\"elementor elementor-1342\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6da12ba e-flex e-con-boxed e-con e-parent\" data-id=\"6da12ba\" 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-5065177 elementor-widget elementor-widget-html\" data-id=\"5065177\" 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, maximum-scale=1.0, user-scalable=no\">\r\n    <title>\u0627\u0644\u0643\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 - \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644<\/title>\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;500;700;900&display=swap');\r\n\r\n        :root {\r\n            --brand-dark: #240046;\r\n            --brand-primary: #5a189a;\r\n            --brand-light: #9d4edd;\r\n            --accent: #ff9e00;\r\n            --surface: #ffffff;\r\n            --bg: #f2f0f9;\r\n        }\r\n\r\n        * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }\r\n\r\n        body {\r\n            margin: 0; padding: 0;\r\n            font-family: 'Tajawal', sans-serif;\r\n            background-color: var(--bg);\r\n            color: #333;\r\n            overflow-x: hidden;\r\n            \/* \u062e\u0644\u0641\u064a\u0629 \u0634\u0628\u0643\u064a\u0629 \u0646\u0627\u0639\u0645\u0629 *\/\r\n            background-image: radial-gradient(var(--brand-light) 0.5px, transparent 0.5px);\r\n            background-size: 20px 20px;\r\n        }\r\n\r\n        \/* === 1. \u0627\u0644\u0647\u064a\u062f\u0631 (\u0631\u0623\u0633 \u0627\u0644\u0635\u0641\u062d\u0629) \u0628\u062a\u0635\u0645\u064a\u0645 \"Notch\" === *\/\r\n        .app-header {\r\n            background: linear-gradient(135deg, var(--brand-dark) 0%, var(--brand-primary) 100%);\r\n            padding: 60px 25px 80px 25px;\r\n            border-bottom-left-radius: 40px;\r\n            border-bottom-right-radius: 40px;\r\n            box-shadow: 0 10px 30px rgba(90, 24, 154, 0.3);\r\n            position: relative;\r\n            text-align: center;\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        \/* \u062f\u0648\u0627\u0626\u0631 \u062e\u0644\u0641\u064a\u0629 \u0645\u062a\u062d\u0631\u0643\u0629 *\/\r\n        .bg-circle {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            background: rgba(255,255,255,0.05);\r\n            animation: float 10s infinite ease-in-out;\r\n        }\r\n        .c1 { width: 150px; height: 150px; top: -20px; left: -20px; }\r\n        .c2 { width: 100px; height: 100px; bottom: 10px; right: -10px; animation-delay: 2s; }\r\n\r\n        @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(15px); } }\r\n\r\n        .status-badge {\r\n            background: rgba(255,255,255,0.15);\r\n            backdrop-filter: blur(5px);\r\n            border: 1px solid rgba(255,255,255,0.2);\r\n            color: var(--accent);\r\n            padding: 6px 16px;\r\n            border-radius: 20px;\r\n            font-size: 0.85rem;\r\n            font-weight: bold;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 5px;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .status-dot {\r\n            width: 8px; height: 8px; background: var(--accent); border-radius: 50%;\r\n            box-shadow: 0 0 10px var(--accent);\r\n            animation: blink 2s infinite;\r\n        }\r\n        @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }\r\n\r\n        .app-header h1 {\r\n            color: white;\r\n            margin: 0;\r\n            font-size: 2rem;\r\n            font-weight: 900;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .app-header p {\r\n            color: #e0c3fc;\r\n            font-size: 0.95rem;\r\n            margin-top: 10px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        \/* === 2. \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 === *\/\r\n        .content-container {\r\n            padding: 0 20px;\r\n            margin-top: -50px; \/* \u062a\u062f\u0627\u062e\u0644 \u0645\u0639 \u0627\u0644\u0647\u064a\u062f\u0631 *\/\r\n            position: relative;\r\n            z-index: 10;\r\n            \/* Flex \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0628\u0634\u0643\u0644 \u0627\u0641\u062a\u0631\u0627\u0636\u064a *\/\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 15px;\r\n        }\r\n\r\n        .dept-card-mobile {\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 20px;\r\n            padding: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            text-decoration: none;\r\n            color: #333;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n            transition: transform 0.2s, box-shadow 0.2s;\r\n            border: 1px solid white;\r\n            position: relative;\r\n            overflow: hidden;\r\n            flex: 1; \/* \u0644\u062a\u0633\u0627\u0648\u064a \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 \u0641\u064a \u0627\u0644\u062f\u064a\u0633\u0643 \u062a\u0648\u0628 *\/\r\n        }\r\n\r\n        \/* \u062e\u0637 \u0644\u0648\u0646\u064a \u062c\u0627\u0646\u0628\u064a *\/\r\n        .dept-card-mobile::before {\r\n            content: '';\r\n            position: absolute;\r\n            right: 0; top: 0; bottom: 0;\r\n            width: 6px;\r\n            background: #ccc; \/* Default *\/\r\n            transition: width 0.3s ease;\r\n        }\r\n\r\n        .dept-card-mobile:hover::before {\r\n            width: 10px;\r\n        }\r\n\r\n        \/* \u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 *\/\r\n        .dept-card-mobile.computer::before { background: #2196f3; }\r\n        .dept-card-mobile.medical::before { background: #00b894; }\r\n        .dept-card-mobile.cooling::before { background: #00bcd4; }\r\n        .dept-card-mobile.power::before { background: #ffc107; }\r\n\r\n        \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0636\u063a\u0637 (Touch) *\/\r\n        .dept-card-mobile:active {\r\n            transform: scale(0.98);\r\n            background: #f8f8f8;\r\n        }\r\n\r\n        .dept-card-mobile:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 10px 25px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .icon-box {\r\n            width: 55px; height: 55px;\r\n            border-radius: 15px;\r\n            display: flex; align-items: center; justify-content: center;\r\n            margin-left: 15px;\r\n            flex-shrink: 0;\r\n            background: #f5f5f5;\r\n        }\r\n\r\n        .icon-box svg { width: 32px; height: 32px; }\r\n\r\n        \/* \u062a\u062e\u0635\u064a\u0635 \u062e\u0644\u0641\u064a\u0627\u062a \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a *\/\r\n        .computer .icon-box { background: #e3f2fd; }\r\n        .medical .icon-box { background: #e0f2f1; }\r\n        .cooling .icon-box { background: #e0f7fa; }\r\n        .power .icon-box { background: #fff8e1; }\r\n\r\n        .card-details { flex-grow: 1; }\r\n        .card-title { font-weight: 800; font-size: 1rem; margin-bottom: 4px; color: #2d3436; }\r\n        .card-sub { font-size: 0.75rem; color: #636e72; }\r\n        \r\n        .arrow-btn {\r\n            width: 35px; height: 35px;\r\n            border-radius: 50%;\r\n            background: var(--bg);\r\n            color: var(--brand-primary);\r\n            display: flex; align-items: center; justify-content: center;\r\n            font-size: 1rem;\r\n            box-shadow: -2px 2px 5px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        \/* === 3. \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a (Info Sliders) === *\/\r\n        .info-slider {\r\n            margin-top: 40px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n        }\r\n\r\n        .info-block {\r\n            background: white;\r\n            border-radius: 24px;\r\n            padding: 25px;\r\n            position: relative;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.03);\r\n            border-top: 4px solid var(--brand-primary);\r\n            flex: 1;\r\n        }\r\n\r\n        .block-header {\r\n            display: flex; align-items: center; gap: 10px;\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .block-header h2 { margin: 0; font-size: 1.2rem; color: var(--brand-dark); }\r\n        .block-icon { font-size: 1.5rem; }\r\n\r\n        .info-block p {\r\n            font-size: 0.95rem; line-height: 1.7; color: #555; margin: 0;\r\n            text-align: justify;\r\n        }\r\n\r\n        \/* === 4. \u0627\u0644\u0623\u0647\u062f\u0627\u0641 (Vertical Timeline) === *\/\r\n        .goals-section {\r\n            margin: 40px 0 60px 0;\r\n            background: white;\r\n            border-radius: 30px 30px 0 0;\r\n            padding: 30px 20px 50px 20px;\r\n            box-shadow: 0 -10px 40px rgba(0,0,0,0.03);\r\n            width: 100%;\r\n        }\r\n\r\n        .section-title {\r\n            text-align: center; font-size: 1.5rem; font-weight: 900;\r\n            color: var(--brand-dark); margin-bottom: 30px;\r\n        }\r\n\r\n        .goals-grid-wrapper {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 0;\r\n        }\r\n\r\n        .goal-row {\r\n            display: flex; gap: 15px; margin-bottom: 20px;\r\n            align-items: center;\r\n        }\r\n\r\n        .check-box {\r\n            width: 24px; height: 24px;\r\n            background: var(--brand-light);\r\n            color: white; border-radius: 50%;\r\n            display: flex; align-items: center; justify-content: center;\r\n            font-size: 0.8rem; flex-shrink: 0;\r\n            margin-top: 0;\r\n        }\r\n\r\n        .goal-txt { font-size: 0.95rem; color: #444; font-weight: 500; }\r\n\r\n        \/* === Animations === *\/\r\n        @keyframes pulse-chip { 0% { fill: #2196f3; } 50% { fill: #90caf9; } 100% { fill: #2196f3; } }\r\n        .anim-chip { animation: pulse-chip 2s infinite; }\r\n\r\n        @keyframes beat { 0%, 100% { transform: scale(1); } 20% { transform: scale(1.15); } }\r\n        .anim-heart { transform-origin: center; animation: beat 1.5s infinite; }\r\n\r\n        @keyframes spin { 100% { transform: rotate(360deg); } }\r\n        .anim-fan { transform-origin: center; animation: spin 5s linear infinite; }\r\n\r\n        @keyframes flash { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }\r\n        .anim-bolt { animation: flash 1.5s infinite; }\r\n\r\n\r\n        \/* =============================================\r\n           DESKTOP & TABLET RESPONSIVE DESIGN (Media Queries)\r\n           \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0648\u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u0648\u062d\u064a\u0629\r\n           ============================================= *\/\r\n        \r\n        \/* \u0644\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u0648\u062d\u064a\u0629 \u0648\u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 (\u0623\u0643\u0628\u0631 \u0645\u0646 768px) *\/\r\n        @media (min-width: 768px) {\r\n            .app-header {\r\n                padding: 50px 25px 90px;\r\n                border-radius: 0 0 50px 50px;\r\n            }\r\n\r\n            .content-container {\r\n                \/* \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0639\u0645\u0648\u062f\u064a\u0629 \u0625\u0644\u0649 \u0634\u0628\u0643\u0629 *\/\r\n                display: grid;\r\n                grid-template-columns: repeat(2, 1fr); \/* \u0639\u0645\u0648\u062f\u064a\u0646 *\/\r\n                gap: 20px;\r\n                max-width: 900px;\r\n                margin: -60px auto 0;\r\n            }\r\n\r\n            \/* \u062c\u0639\u0644 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0641\u064a \u0635\u0641 \u0648\u0627\u062d\u062f *\/\r\n            .info-slider {\r\n                grid-column: 1 \/ -1; \/* \u062a\u0623\u062e\u0630 \u0643\u0627\u0645\u0644 \u0627\u0644\u0639\u0631\u0636 *\/\r\n                flex-direction: row;\r\n            }\r\n\r\n            \/* \u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0641\u064a \u0634\u0628\u0643\u0629 *\/\r\n            .goals-section {\r\n                max-width: 900px;\r\n                margin: 40px auto;\r\n                border-radius: 30px;\r\n            }\r\n\r\n            .goals-grid-wrapper {\r\n                display: grid;\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 20px;\r\n            }\r\n            \r\n            .goal-row { margin-bottom: 0; }\r\n        }\r\n\r\n        \/* \u0644\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0648\u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629 (\u0623\u0643\u0628\u0631 \u0645\u0646 1024px) *\/\r\n        @media (min-width: 1024px) {\r\n            .app-header h1 { font-size: 3rem; }\r\n            .content-container {\r\n                max-width: 1200px;\r\n                margin-top: -70px;\r\n                gap: 25px;\r\n            }\r\n            \r\n            \/* \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0641\u064a \u0634\u0628\u0643\u0629 \u0645\u0646 4 \u0623\u0639\u0645\u062f\u0629 \u0644\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0639\u0631\u064a\u0636\u0629 \u062c\u062f\u0627\u064b *\/\r\n            \/* \u0627\u0648 \u0646\u0628\u0642\u064a\u0647\u0627 2 \u0644\u062c\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629 *\/\r\n            \r\n            .goals-section {\r\n                max-width: 1200px;\r\n            }\r\n            \r\n            .goals-grid-wrapper {\r\n                grid-template-columns: repeat(3, 1fr); \/* 3 \u0623\u0639\u0645\u062f\u0629 \u0644\u0644\u0623\u0647\u062f\u0627\u0641 *\/\r\n            }\r\n            \r\n            \/* \u062a\u0643\u0628\u064a\u0631 \u0627\u0644\u062e\u0637\u0648\u0637 \u0642\u0644\u064a\u0644\u0627\u064b \u0644\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 *\/\r\n            .card-title { font-size: 1.2rem; }\r\n            .card-sub { font-size: 0.9rem; }\r\n            .goal-txt { font-size: 1rem; }\r\n        }\r\n\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- \u0627\u0644\u0647\u064a\u062f\u0631 -->\r\n    <header class=\"app-header\">\r\n        <div class=\"bg-circle c1\"><\/div>\r\n        <div class=\"bg-circle c2\"><\/div>\r\n        \r\n        <div class=\"status-badge\">\r\n            <span class=\"status-dot\"><\/span>\r\n            \u062a\u0623\u0633\u0633\u062a 2024\r\n        <\/div>\r\n        <h1>\u0627\u0644\u0643\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629<\/h1>\r\n        <p>\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u062a\u0631\u0627\u062b<\/p>\r\n    <\/header>\r\n\r\n    <!-- \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0631\u0626\u064a\u0633\u064a (\u0634\u0628\u0643\u0629 \u0645\u062a\u062c\u0627\u0648\u0628\u0629) -->\r\n    <div class=\"content-container\">\r\n        \r\n        <!-- \u0642\u0633\u0645 \u0627\u0644\u062d\u0627\u0633\u0648\u0628 -->\r\n        <a href=\"https:\/\/tucoet.uoturath.edu.iq\/en\/dep\/computer-technologies\/\" class=\"dept-card-mobile computer\">\r\n            <div class=\"icon-box\">\r\n                <svg viewbox=\"0 0 24 24\">\r\n                    <path fill=\"#2196f3\" d=\"M20,18c1.1,0,2-0.9,2-2V6c0-1.1-0.9-2-2-2H4C2.9,4,2,4.9,2,6v10c0,1.1,0.9,2,2,2H0v2h24v-2H20z M4,6h16v10H4V6z\" opacity=\"0.3\"\/>\r\n                    <rect class=\"anim-chip\" x=\"8\" y=\"9\" width=\"8\" height=\"6\" rx=\"1\" fill=\"#2196f3\"\/>\r\n                    <rect x=\"2\" y=\"19\" width=\"20\" height=\"2\" fill=\"#1976d2\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"card-details\">\r\n                <div class=\"card-title\">\u0647\u0646\u062f\u0633\u0629 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u0627\u0633\u0648\u0628<\/div>\r\n                <div class=\"card-sub\">\u0628\u0631\u0645\u062c\u0629\u060c \u0634\u0628\u0643\u0627\u062a\u060c \u0648\u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/div>\r\n            <\/div>\r\n            <div class=\"arrow-btn\">\u276e<\/div>\r\n        <\/a>\r\n\r\n        <!-- \u0642\u0633\u0645 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 -->\r\n        <a href=\"https:\/\/tucoet.uoturath.edu.iq\/en\/dep\/medical-devices\/\" class=\"dept-card-mobile medical\">\r\n            <div class=\"icon-box\">\r\n                <svg viewbox=\"0 0 24 24\">\r\n                    <path fill=\"#00b894\" d=\"M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z\" opacity=\"0.2\"\/>\r\n                    <path class=\"anim-heart\" fill=\"#00b894\" d=\"M12 13.5l-0.7-0.7C7 9.5 7 7.5 9.5 7.5c1.5 0 2.5 1 2.5 1s1-1 2.5-1c2.5 0 2.5 2 2.5 2c0 2-2 4-5 6z\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"card-details\">\r\n                <div class=\"card-title\">\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0637\u0628\u064a\u0629<\/div>\r\n                <div class=\"card-sub\">\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629<\/div>\r\n            <\/div>\r\n            <div class=\"arrow-btn\">\u276e<\/div>\r\n        <\/a>\r\n\r\n        <!-- \u0642\u0633\u0645 \u0627\u0644\u062a\u0628\u0631\u064a\u062f -->\r\n        <a href=\"https:\/\/tucoet.uoturath.edu.iq\/en\/dep\/conditioning\/\" class=\"dept-card-mobile cooling\">\r\n            <div class=\"icon-box\">\r\n                <svg viewbox=\"0 0 24 24\">\r\n                    <circle fill=\"#00bcd4\" cx=\"12\" cy=\"12\" r=\"10\" opacity=\"0.2\"\/>\r\n                    <g class=\"anim-fan\">\r\n                        <path fill=\"#00bcd4\" d=\"M12 12L12 5a7 7 0 0 1 0 14z\" opacity=\"0.8\"\/>\r\n                        <path fill=\"#00838f\" d=\"M12 12L19 12a7 7 0 0 1-14 0z\" opacity=\"0.8\"\/>\r\n                    <\/g>\r\n                    <circle fill=\"white\" cx=\"12\" cy=\"12\" r=\"2\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"card-details\">\r\n                <div class=\"card-title\">\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0648\u0627\u0644\u062a\u0643\u064a\u064a\u0641<\/div>\r\n                <div class=\"card-sub\">\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0637\u0627\u0642\u0629 \u0648\u0627\u0644\u0628\u064a\u0626\u0629<\/div>\r\n            <\/div>\r\n            <div class=\"arrow-btn\">\u276e<\/div>\r\n        <\/a>\r\n\r\n        <!-- \u0642\u0633\u0645 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621 -->\r\n        <a href=\"https:\/\/tucoet.uoturath.edu.iq\/en\/dep\/electrical\/\" class=\"dept-card-mobile power\">\r\n            <div class=\"icon-box\">\r\n                <svg viewbox=\"0 0 24 24\">\r\n                    <path fill=\"#ffc107\" d=\"M7,2v11h3v9l7-12h-4l4-8H7z\" opacity=\"0.2\"\/>\r\n                    <path class=\"anim-bolt\" fill=\"#ffc107\" d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"card-details\">\r\n                <div class=\"card-title\">\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629<\/div>\r\n                <div class=\"card-sub\">\u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u062a\u062c\u062f\u062f\u0629 \u0648\u0627\u0644\u0642\u062f\u0631\u0629<\/div>\r\n            <\/div>\r\n            <div class=\"arrow-btn\">\u276e<\/div>\r\n        <\/a>\r\n\r\n        <!-- \u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0631\u0633\u0627\u0644\u0629 -->\r\n        <div class=\"info-slider\">\r\n            <div class=\"info-block\">\r\n                <div class=\"block-header\">\r\n                    <span class=\"block-icon\">\ud83d\udc41\ufe0f<\/span>\r\n                    <h2>\u0631\u0624\u064a\u0629 \u0627\u0644\u0637\u0644\u0628\u0629<\/h2>\r\n                <\/div>\r\n                <p>\u0627\u0644\u0637\u0645\u0648\u062d \u0623\u0646 \u062a\u0643\u0648\u0646 \u0643\u0644\u064a\u062a\u0646\u0627 \u0642\u0627\u0626\u062f\u0627\u064b \u0648\u0631\u0627\u0626\u062f\u0627\u064b \u0641\u064a \u0631\u0641\u062f \u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0628\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u064a\u0629 \u0628\u0645\u0633\u062a\u0648\u0649 \u0639\u0627\u0644\u064d \u0645\u0646 \u0627\u0644\u0625\u0628\u062f\u0627\u0639.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"info-block\" style=\"border-top-color: var(--accent);\">\r\n                <div class=\"block-header\">\r\n                    <span class=\"block-icon\">\ud83d\udcdc<\/span>\r\n                    <h2>\u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u0643\u0644\u064a\u0629<\/h2>\r\n                <\/div>\r\n                <p>\u0627\u0644\u0646\u0647\u0648\u0636 \u0628\u0648\u0627\u0642\u0639 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u062a\u0642\u0646\u064a \u0648\u062a\u062e\u0631\u064a\u062c \u0643\u0648\u0627\u062f\u0631 \u0647\u0646\u062f\u0633\u064a\u0629 \u0648\u0637\u0646\u064a\u0629\u060c \u0645\u0639 \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0634\u0631\u0627\u0643\u0629 \u0645\u0639 \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u0627\u0635 \u0644\u0644\u062a\u0648\u0638\u064a\u0641.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0627\u0644\u0623\u0647\u062f\u0627\u0641 -->\r\n    <div class=\"goals-section\">\r\n        <div class=\"section-title\">\u0623\u0647\u062f\u0627\u0641\u0646\u0627 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/div>\r\n        \r\n        <div class=\"goals-grid-wrapper\">\r\n            <div class=\"goal-row\">\r\n                <div class=\"check-box\">\u2714<\/div>\r\n                <div class=\"goal-txt\">\u062a\u0623\u0645\u064a\u0646 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0645\u0646 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0627\u0644\u062a\u0642\u0646\u064a\u0629.<\/div>\r\n            <\/div>\r\n            <div class=\"goal-row\">\r\n                <div class=\"check-box\">\u2714<\/div>\r\n                <div class=\"goal-txt\">\u062a\u0639\u0632\u064a\u0632 \u0645\u0628\u062f\u0623 \u0627\u0644\u062a\u0634\u0627\u0631\u0643\u064a\u0629 \u0645\u0639 \u0627\u0644\u0645\u062c\u062a\u0645\u0639.<\/div>\r\n            <\/div>\r\n            <div class=\"goal-row\">\r\n                <div class=\"check-box\">\u2714<\/div>\r\n                <div class=\"goal-txt\">\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0628\u0645\u0631\u0648\u0646\u0629 \u062a\u0648\u0627\u0643\u0628 \u0627\u0644\u062d\u062f\u0627\u062b\u0629.<\/div>\r\n            <\/div>\r\n            <div class=\"goal-row\">\r\n                <div class=\"check-box\">\u2714<\/div>\r\n                <div class=\"goal-txt\">\u062f\u0639\u0645 \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u0627\u0635 \u0628\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628.<\/div>\r\n            <\/div>\r\n            <div class=\"goal-row\">\r\n                <div class=\"check-box\">\u2714<\/div>\r\n                <div class=\"goal-txt\">\u062a\u0648\u0637\u064a\u062f \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0645\u0639 \u0627\u0644\u062c\u0627\u0645\u0639\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629.<\/div>\r\n            <\/div>\r\n            <div class=\"goal-row\">\r\n                <div class=\"check-box\">\u2714<\/div>\r\n                <div class=\"goal-txt\">\u0627\u0644\u0627\u0646\u0641\u062a\u0627\u062d \u0639\u0644\u0649 \u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0648\u062a\u0628\u0646\u064a \u062f\u0648\u0631 \u0627\u0644\u062a\u062f\u0631\u064a\u0628.<\/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<div class=\"elementor-element elementor-element-2b0ec3e e-con-full e-flex e-con e-parent\" data-id=\"2b0ec3e\" data-element_type=\"container\">\n\t\t\t\t\t\t\t\n\t\t<img class=\"e-image-base\"  \n\t\t\t\t\t\t\t\t\tid=\"1272\"\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/tucoet.uoturath.edu.iq\/wp-content\/uploads\/2025\/12\/DSC04257-scaled.jpg\"\n\t\t\t\t\t\t\t\t\t\t\t\twidth=\"2560\"\n\t\t\t\t\t\t\t\t\t\t\t\theight=\"1710\"\n\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/tucoet.uoturath.edu.iq\/wp-content\/uploads\/2025\/12\/DSC04257-scaled.jpg 2560w, https:\/\/tucoet.uoturath.edu.iq\/wp-content\/uploads\/2025\/12\/DSC04257-300x200.jpg 300w, https:\/\/tucoet.uoturath.edu.iq\/wp-content\/uploads\/2025\/12\/DSC04257-1024x684.jpg 1024w, https:\/\/tucoet.uoturath.edu.iq\/wp-content\/uploads\/2025\/12\/DSC04257-768x513.jpg 768w, https:\/\/tucoet.uoturath.edu.iq\/wp-content\/uploads\/2025\/12\/DSC04257-1536x1026.jpg 1536w, https:\/\/tucoet.uoturath.edu.iq\/wp-content\/uploads\/2025\/12\/DSC04257-2048x1368.jpg 2048w\"\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\/>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0643\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 &#8211; \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u062a\u0623\u0633\u0633\u062a 2024 \u0627\u0644\u0643\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u062a\u0631\u0627\u062b \u0647\u0646\u062f\u0633\u0629 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u0627\u0633\u0648\u0628 \u0628\u0631\u0645\u062c\u0629\u060c \u0634\u0628\u0643\u0627\u062a\u060c \u0648\u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u276e \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u276e \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0648\u0627\u0644\u062a\u0643\u064a\u064a\u0641 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0637\u0627\u0642\u0629 \u0648\u0627\u0644\u0628\u064a\u0626\u0629 \u276e \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u062a\u062c\u062f\u062f\u0629 \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u276e \ud83d\udc41\ufe0f \u0631\u0624\u064a\u0629 \u0627\u0644\u0637\u0644\u0628\u0629 \u0627\u0644\u0637\u0645\u0648\u062d \u0623\u0646 \u062a\u0643\u0648\u0646 \u0643\u0644\u064a\u062a\u0646\u0627 \u0642\u0627\u0626\u062f\u0627\u064b \u0648\u0631\u0627\u0626\u062f\u0627\u064b \u0641\u064a \u0631\u0641\u062f \u0627\u0644\u0645\u062c\u062a\u0645\u0639 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":1335,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1342","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/tucoet.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/pages\/1342","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=1342"}],"version-history":[{"count":7,"href":"https:\/\/tucoet.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/pages\/1342\/revisions"}],"predecessor-version":[{"id":1923,"href":"https:\/\/tucoet.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/pages\/1342\/revisions\/1923"}],"up":[{"embeddable":true,"href":"https:\/\/tucoet.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/pages\/1335"}],"wp:attachment":[{"href":"https:\/\/tucoet.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/media?parent=1342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}