{"id":4545,"date":"2025-12-06T10:12:09","date_gmt":"2025-12-06T07:12:09","guid":{"rendered":"https:\/\/tucomht.uoturath.edu.iq\/?page_id=4545"},"modified":"2025-12-20T11:57:45","modified_gmt":"2025-12-20T08:57:45","slug":"%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d8%aa%d8%ac%d9%85%d9%8a%d9%84-%d8%a8%d8%a7%d9%84%d9%84%d9%8a%d8%b2%d8%b1-copy","status":"publish","type":"page","link":"https:\/\/tucomht.uoturath.edu.iq\/en\/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d8%aa%d8%ac%d9%85%d9%8a%d9%84-%d8%a8%d8%a7%d9%84%d9%84%d9%8a%d8%b2%d8%b1-copy\/","title":{"rendered":"Laser Aesthetic Techniques"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4545\" class=\"elementor elementor-4545\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d1b8091 elementor-section-height-min-height elementor-section-items-bottom elementor-section-boxed elementor-section-height-default\" data-id=\"d1b8091\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/uoturath.edu.iq\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/\\u0641\\u062e\\u0627\\u0645\\u0629-\\u0627\\u0644\\u062a\\u0631\\u0627\\u062b-\\u0644\\u0644\\u0645\\u0648\\u0642\\u0639.mp4&quot;,&quot;background_play_once&quot;:&quot;yes&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline><\/video>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8ac217d\" data-id=\"8ac217d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-688f6cc e-flex e-con-boxed e-con e-parent\" data-id=\"688f6cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d720f1c elementor-widget elementor-widget-html\" data-id=\"d720f1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* ============================================================\r\n       1. \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0639\u0627\u0645\u0629 (Global Settings)\r\n       ============================================================ *\/\r\n    :root {\r\n        --primary: #1A3C6B;\r\n        --secondary: #2A5298;\r\n        --gold: #B8860B;\r\n        --text: #444;\r\n        --bg-light: #F9FAFB;\r\n    }\r\n\r\n    * { box-sizing: border-box; }\r\n\r\n    .dept-page-wrapper {\r\n        font-family: 'Cairo', 'Tajawal', sans-serif;\r\n        direction: rtl;\r\n        \/* \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0639\u0631\u0636 \u0644\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0644\u0643\u0633\u0631 \u0627\u0644\u062d\u062f\u0648\u062f *\/\r\n        width: 100vw !important;\r\n        position: relative !important;\r\n        left: 50% !important;\r\n        right: 50% !important;\r\n        margin-left: -50vw !important;\r\n        margin-right: -50vw !important;\r\n        max-width: 100vw !important;\r\n        overflow-x: hidden !important; \/* \u064a\u0645\u0646\u0639 \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0627\u0644\u062c\u0627\u0646\u0628\u064a *\/\r\n        background: #fff;\r\n    }\r\n\r\n    .inner-container {\r\n        max-width: 1200px; margin: 0 auto; padding: 0 20px;\r\n    }\r\n\r\n    .sec-title {\r\n        text-align: center; color: var(--primary); font-size: 32px; font-weight: 800;\r\n        margin-bottom: 50px; position: relative; padding-bottom: 15px;\r\n    }\r\n    .sec-title::after {\r\n        content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);\r\n        width: 80px; height: 4px; background: var(--gold); border-radius: 2px;\r\n    }\r\n\r\n    \/* ============================================================\r\n       2. \u0627\u0644\u0628\u0627\u0646\u0631 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\r\n       ============================================================ *\/\r\n    .dept-hero {\r\n        background: linear-gradient(135deg, var(--primary) 0%, #122b4f 100%);\r\n        padding: 80px 20px; text-align: center; color: white; margin-bottom: 60px;\r\n        width: 100%;\r\n    }\r\n    .dept-hero h1 { \r\n        font-size: 45px; font-weight: 900; margin-bottom: 20px; color: white !important; \r\n    }\r\n    .dept-hero-desc {\r\n        font-size: 18px; line-height: 1.9; max-width: 900px; margin: 0 auto 30px;\r\n        opacity: 0.95; text-align: justify; text-align-last: center; color: #fff;\r\n    }\r\n    .breadcrumb { font-size: 14px; opacity: 0.8; border-top: 1px solid rgba(255,255,255,0.2); padding-top: 20px; display: inline-block; }\r\n    .breadcrumb a { color: white; text-decoration: none; font-weight: bold; transition: 0.3s; }\r\n    .breadcrumb a:hover { color: var(--gold); }\r\n    .breadcrumb span { color: var(--gold); margin: 0 5px; }\r\n\r\n    \/* ============================================================\r\n       3. \u0627\u0644\u062a\u0628\u0648\u064a\u0628\u0627\u062a (Tabs) - \u062a\u0639\u0645\u0644 \u0628\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\r\n       ============================================================ *\/\r\n    .about-section { padding: 60px 0; background: var(--bg-light); }\r\n    \r\n    .tabs-container { display: flex; flex-direction: column; align-items: center; gap: 30px; }\r\n    .tabs-buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; }\r\n    \r\n    .tab-btn {\r\n        background: #fff; padding: 12px 30px; border-radius: 50px; cursor: pointer;\r\n        font-weight: bold; color: var(--primary); border: 1px solid #ddd; transition: 0.3s;\r\n        display: flex; align-items: center; gap: 10px; min-width: 140px; justify-content: center;\r\n    }\r\n    .tab-btn.active, .tab-btn:hover { background: var(--primary); color: #fff; transform: translateY(-3px); border-color: var(--primary); }\r\n    .tab-btn svg { width: 20px; height: 20px; fill: currentColor; }\r\n\r\n    .tab-content-area {\r\n        background: #fff; padding: 40px; border-radius: 15px; text-align: center;\r\n        font-size: 18px; line-height: 1.8; color: var(--text); border: 1px solid #eee;\r\n        max-width: 900px; width: 100%; box-shadow: 0 5px 20px rgba(0,0,0,0.03);\r\n        min-height: 100px;\r\n    }\r\n\r\n    \/* ============================================================\r\n       4. \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629\r\n       ============================================================ *\/\r\n    .programs-section { padding: 80px 0; }\r\n    .programs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; justify-content: center; }\r\n    .program-card { background: #fff; border: 1px solid #eee; border-radius: 15px; padding: 30px; text-align: center; transition: 0.3s; position: relative; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }\r\n    .program-card:hover { transform: translateY(-10px); border-color: var(--gold); }\r\n    .program-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: var(--primary); }\r\n    .prog-icon { width: 60px; height: 60px; margin: 0 auto 20px; fill: var(--gold); }\r\n    .prog-title { font-size: 22px; font-weight: 800; color: var(--primary); margin-bottom: 10px; }\r\n    .prog-desc { font-size: 16px; color: #666; line-height: 1.7; margin-bottom: 20px; }\r\n    .prog-meta { display: flex; justify-content: center; gap: 15px; font-size: 14px; font-weight: bold; color: var(--secondary); background: #f4f7fb; padding: 10px; border-radius: 50px; }\r\n\r\n    \/* ============================================================\r\n       5. \u0623\u0639\u0636\u0627\u0621 \u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0633\r\n       ============================================================ *\/\r\n    .faculty-section { padding: 80px 0; background: var(--bg-light); }\r\n    .faculty-grid { \r\n        display: grid; \r\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); \r\n        gap: 30px; \r\n        justify-content: center; \r\n    }\r\n    .faculty-card { background: #fff; border-radius: 15px; overflow: hidden; box-shadow: 0 10px 20px rgba(0,0,0,0.05); text-align: center; transition: 0.3s; display: flex; flex-direction: column; height: 100%; }\r\n    .faculty-card:hover { transform: translateY(-5px); }\r\n    \r\n    .faculty-img-box { width: 100%; height: 320px; overflow: hidden; background: #f0f0f0; }\r\n    .faculty-img { width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: 0.5s; }\r\n    .faculty-card:hover .faculty-img { transform: scale(1.05); }\r\n    \r\n    .faculty-info { padding: 20px; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; }\r\n    .faculty-name { font-size: 18px; font-weight: 800; color: var(--primary); display: block; margin-bottom: 5px; }\r\n    .faculty-role { font-size: 13px; color: var(--gold); font-weight: 700; display: block; margin-bottom: 15px; text-transform: uppercase; }\r\n    \r\n    .cv-text-link { display: inline-block; font-size: 14px; font-weight: 700; color: var(--primary); text-decoration: none; border-bottom: 1px solid var(--primary); transition: 0.3s; padding-bottom: 2px; align-self: center; margin-top: auto; }\r\n    .cv-text-link:hover { color: var(--gold); border-bottom-color: var(--gold); }\r\n\r\n    \/* ============================================================\r\n       6. \u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0627\u0644\u0642\u0633\u0645\r\n       ============================================================ *\/\r\n    .labs-section { padding: 80px 0; }\r\n    .labs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }\r\n    .lab-item { border-radius: 15px; overflow: hidden; height: 250px; position: relative; cursor: pointer; }\r\n    .lab-img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }\r\n    .lab-item:hover .lab-img { transform: scale(1.1); }\r\n    .lab-overlay { position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 20px; color: white; opacity: 1; transition: 0.3s; text-align: center; }\r\n    .lab-overlay h3 { margin: 0; font-size: 18px; }\r\n\r\n    \/* ============================================================\r\n       7. \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0637\u0644\u0627\u0628\r\n       ============================================================ *\/\r\n    .projects-section { padding: 80px 0; background: var(--primary); color: white; text-align: center;}\r\n    .projects-section .sec-title { color: white; }\r\n    .projects-section .sec-title::after { background: var(--gold); }\r\n\r\n    .projects-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; text-align: right; }\r\n    \r\n    a.project-card { background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); border-radius: 15px; padding: 30px; transition: 0.3s; text-decoration: none !important; display: block; }\r\n    a.project-card:hover { background: white; color: var(--text); transform: translateY(-5px); }\r\n    .proj-title { font-size: 18px; font-weight: 800; margin-bottom: 10px; color: var(--gold); line-height: 1.4; }\r\n    a.project-card:hover .proj-title { color: var(--primary); }\r\n    .proj-student { font-size: 14px; margin-bottom: 15px; font-style: italic; opacity: 0.8; color: #eee; }\r\n    a.project-card:hover .proj-student { color: #666; }\r\n    .proj-desc { font-size: 15px; line-height: 1.7; text-align: justify; color: #ddd; }\r\n    a.project-card:hover .proj-desc { color: var(--text); }\r\n\r\n    \/* ============================================================\r\n       8. \u0627\u0644\u0644\u062c\u0627\u0646 \u0627\u0644\u0639\u0644\u0645\u064a\u0629\r\n       ============================================================ *\/\r\n    .comm-section { padding: 80px 0; background: #fff; }\r\n    .comm-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }\r\n    .comm-card { background: linear-gradient(135deg, #1A3C6B 0%, #2A5298 100%); padding: 30px 20px; border-radius: 15px; text-align: center; color: white; transition: 0.3s; box-shadow: 0 5px 15px rgba(26, 60, 107, 0.15); display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 180px; text-decoration: none !important; }\r\n    .comm-card:hover { transform: translateY(-8px); box-shadow: 0 15px 30px rgba(26, 60, 107, 0.3); }\r\n    .comm-icon { width: 45px; height: 45px; fill: white; margin-bottom: 15px; }\r\n    .comm-title { font-size: 18px; font-weight: 700; margin: 0; line-height: 1.4; color: white; }\r\n\r\n    \/* ============================================================\r\n       \ud83d\udd34 \u0625\u0635\u0644\u0627\u062d\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 (\u0627\u0644\u062d\u0644 \u0627\u0644\u062c\u0630\u0631\u064a)\r\n       ============================================================ *\/\r\n    @media (max-width: 900px) {\r\n        \/* \u0625\u0644\u063a\u0627\u0621 \u0643\u0633\u0631 \u0627\u0644\u062d\u062f\u0648\u062f \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n        .dept-page-wrapper { \r\n            width: 100% !important; \r\n            margin: 0 !important; \r\n            left: auto !important;\r\n            right: auto !important;\r\n        }\r\n        \r\n        .dept-hero h1 { font-size: 28px; line-height: 1.3; }\r\n        .dept-hero-desc { font-size: 16px; padding: 0 10px; }\r\n        \r\n        \/* \u062a\u0628\u0631\u064a\u0631 \u0627\u0644\u0646\u0635\u0648\u0635 *\/\r\n        p, .prog-desc, .proj-desc, .dept-hero-desc, .tab-content-area { \r\n            text-align: justify !important; \r\n            text-justify: inter-word !important; \r\n        }\r\n        \r\n        .tabs-buttons { flex-direction: column; width: 100%; }\r\n        .tab-btn { justify-content: center; width: 100%; }\r\n        \r\n        \/* \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0644\u0639\u0645\u0648\u062f \u0648\u0627\u062d\u062f *\/\r\n        .programs-grid, .faculty-grid, .labs-grid, .projects-grid, .comm-grid { \r\n            grid-template-columns: 1fr !important; \r\n        }\r\n        \r\n        .faculty-img-box { height: 350px; }\r\n    }\r\n\r\n    \/* ============================================================\r\n       \u0627\u0644\u062a\u0631\u062c\u0645\u0629 (TranslatePress)\r\n       ============================================================ *\/\r\n    html[lang*=\"en\"] .dept-page-wrapper { direction: ltr !important; }\r\n    html[lang*=\"en\"] .tab-content-area { text-align: center !important; }\r\n    html[lang*=\"en\"] p, html[lang*=\"en\"] .prog-desc, html[lang*=\"en\"] .proj-desc { text-align: justify !important; direction: ltr !important; }\r\n    html[lang*=\"en\"] .projects-grid { text-align: left; }\r\n\r\n    .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease; }\r\n    .reveal.active { opacity: 1; transform: translateY(0); }\r\n    <!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>University Results Portal<\/title>\r\n    \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            --primary-color: #0f172a; \/* \u0643\u062d\u0644\u064a \u062f\u0627\u0643\u0646 *\/\r\n            --accent-color: #c5a059;  \/* \u0630\u0647\u0628\u064a *\/\r\n            --bg-color: #f8fafc;\r\n            --card-bg: #ffffff;\r\n            --text-main: #334155;\r\n            --success: #10b981;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Tajawal', sans-serif;\r\n            background-color: var(--bg-color);\r\n            margin: 0;\r\n            padding: 20px;\r\n        }\r\n\r\n        \/* --- \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 --- *\/\r\n        .results-portal-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 40px 20px;\r\n        }\r\n\r\n        \/* --- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a --- *\/\r\n        .portal-header {\r\n            text-align: center;\r\n            margin-bottom: 50px;\r\n            position: relative;\r\n        }\r\n\r\n        .portal-header h2 {\r\n            color: var(--primary-color);\r\n            font-size: 2.5rem;\r\n            font-weight: 800;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .portal-header p {\r\n            color: #64748b;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .portal-header::after {\r\n            content: '';\r\n            display: block;\r\n            width: 80px;\r\n            height: 4px;\r\n            background: var(--accent-color);\r\n            margin: 20px auto 0;\r\n            border-radius: 2px;\r\n        }\r\n\r\n        \/* --- \u0634\u0631\u064a\u0637 \u0627\u0644\u0628\u062d\u062b --- *\/\r\n        .search-wrapper {\r\n            max-width: 600px;\r\n            margin: 0 auto 50px auto;\r\n            position: relative;\r\n        }\r\n\r\n        .search-input {\r\n            width: 100%;\r\n            padding: 15px 50px 15px 20px;\r\n            border-radius: 50px;\r\n            border: 2px solid #e2e8f0;\r\n            font-family: 'Tajawal', sans-serif;\r\n            font-size: 1rem;\r\n            transition: 0.3s;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .search-input:focus {\r\n            outline: none;\r\n            border-color: var(--accent-color);\r\n            box-shadow: 0 0 0 4px rgba(197, 160, 89, 0.1);\r\n        }\r\n\r\n        .search-icon {\r\n            position: absolute;\r\n            right: 20px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            color: #94a3b8;\r\n        }\r\n\r\n        \/* --- \u0634\u0628\u0643\u0629 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a --- *\/\r\n        .stages-grid {\r\n    display: grid;\r\n    \/* \u0627\u0644\u0631\u0642\u0645 4 \u064a\u0639\u0646\u064a 4 \u0623\u0639\u0645\u062f\u0629 \u0645\u062a\u0633\u0627\u0648\u064a\u0629\u060c \u0648 1fr \u064a\u0639\u0646\u064a \u062e\u0630 \u0645\u0633\u0627\u062d\u0629 \u0645\u062a\u0633\u0627\u0648\u064a\u0629 *\/\r\n    grid-template-columns: repeat(4, 1fr); \r\n    gap: 20px; \/* \u0642\u0644\u0644\u0646\u0627 \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0642\u0644\u064a\u0644\u0627\u064b \u0644\u062a\u0633\u0639 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a *\/\r\n}\r\n\r\n        \/* --- \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 --- *\/\r\n        .stage-card {\r\n            background: var(--card-bg);\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            border-top: 5px solid transparent;\r\n            position: relative;\r\n        }\r\n\r\n        \/* \u0623\u0644\u0648\u0627\u0646 \u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0643\u0644 \u0645\u0631\u062d\u0644\u0629 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a) \u0623\u0648 \u062a\u0648\u062d\u064a\u062f\u0647\u0627 *\/\r\n        .stage-1 { border-top-color: var(--primary-color); }\r\n        .stage-2 { border-top-color: var(--accent-color); }\r\n        .stage-3 { border-top-color: var(--primary-color); }\r\n        .stage-4 { border-top-color: var(--accent-color); }\r\n\r\n        .stage-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .card-header {\r\n            padding: 25px;\r\n            text-align: center;\r\n            background: linear-gradient(to bottom, #fff, #f8fafc);\r\n            border-bottom: 1px solid #f1f5f9;\r\n        }\r\n\r\n        .stage-icon {\r\n            width: 70px;\r\n            height: 70px;\r\n            background: var(--bg-color);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 15px;\r\n            font-size: 1.8rem;\r\n            color: var(--primary-color);\r\n            box-shadow: inset 0 0 10px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .stage-title {\r\n            font-size: 1.4rem;\r\n            font-weight: 700;\r\n            color: var(--primary-color);\r\n            margin: 0;\r\n        }\r\n\r\n        \/* --- \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u062f\u0627\u062e\u0644 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 --- *\/\r\n        .card-body {\r\n            padding: 20px;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0623\u0643\u0648\u0631\u062f\u064a\u0648\u0646 (\u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0645\u0646\u0633\u062f\u0644\u0629) \u0644\u0644\u0643\u0648\u0631\u0633\u0627\u062a *\/\r\n        .semester-group {\r\n            margin-bottom: 15px;\r\n            border: 1px solid #e2e8f0;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .semester-btn {\r\n            width: 100%;\r\n            padding: 12px 15px;\r\n            background: #f8fafc;\r\n            border: none;\r\n            text-align: right;\r\n            font-family: 'Tajawal', sans-serif;\r\n            font-weight: 600;\r\n            color: var(--text-main);\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            transition: 0.3s;\r\n        }\r\n\r\n        .semester-btn:hover {\r\n            background: #e2e8f0;\r\n        }\r\n\r\n        .semester-btn.active {\r\n            background: var(--primary-color);\r\n            color: white;\r\n        }\r\n\r\n        .semester-btn i {\r\n            transition: transform 0.3s;\r\n        }\r\n        .semester-btn.active i {\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .links-list {\r\n            display: none; \/* \u0645\u062e\u0641\u064a \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0627\u064b *\/\r\n            background: #fff;\r\n            padding: 10px;\r\n            list-style: none;\r\n            margin: 0;\r\n        }\r\n\r\n        .links-list li {\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .result-link {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 10px;\r\n            text-decoration: none;\r\n            color: #64748b;\r\n            font-size: 0.9rem;\r\n            border-radius: 6px;\r\n            transition: 0.2s;\r\n            border: 1px dashed #cbd5e1;\r\n        }\r\n\r\n        .result-link:hover {\r\n            background-color: #f0f9ff;\r\n            color: var(--primary-color);\r\n            border-color: var(--primary-color);\r\n        }\r\n\r\n        .tag {\r\n            font-size: 0.7rem;\r\n            padding: 2px 6px;\r\n            border-radius: 4px;\r\n            background: #e2e8f0;\r\n            margin-right: auto; \/* \u064a\u062f\u0641\u0639 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0644\u0644\u064a\u0633\u0627\u0631 *\/\r\n        }\r\n        .tag.new { background: #dcfce7; color: #166534; }\r\n\r\n        \/* --- \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0644\u0644\u0647\u0627\u062a\u0641 --- *\/\r\n        @media (max-width: 768px) {\r\n            .portal-header h2 { font-size: 1.8rem; }\r\n            .stages-grid { grid-template-columns: 1fr; } \/* \u0639\u0645\u0648\u062f \u0648\u0627\u062d\u062f \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n        }\r\n\r\n<\/style>\r\n\r\n<div class=\"dept-page-wrapper\">\r\n\r\n    <div class=\"dept-hero\">\r\n        <div class=\"inner-container\">\r\n            <h1>\u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u062e\u062f\u064a\u0631<\/h1>\r\n            <div class=\"dept-hero-desc\">\r\n                \u064a\u064f\u0639\u062f \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u062e\u062f\u064a\u0631 \u0645\u0646 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u062d\u064a\u0648\u064a\u0629 \u0641\u064a \u0627\u0644\u0643\u0644\u064a\u0629\u060c \u062d\u064a\u062b \u064a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u062e\u0631\u064a\u062c \u0645\u0644\u0627\u0643\u0627\u062a \u0637\u0628\u064a\u0629 \u062a\u0642\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u062a\u062e\u062f\u064a\u0631 \u0648\u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u0629\u060c \u0642\u0627\u062f\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u0644 \u0641\u064a \u0635\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0648\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0641\u0627\u0626\u0642\u0629 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629.\r\n            <\/div>\r\n            <div class=\"breadcrumb\">\r\n                <a href=\"https:\/\/tucomht.uoturath.edu.iq\/\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a> <span>\/<\/span> \u0627\u0644\u0623\u0642\u0633\u0627\u0645 <span>\/<\/span> \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u062e\u062f\u064a\u0631\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"about-section\">\r\n        <div class=\"inner-container\">\r\n            <div class=\"tabs-container reveal\">\r\n                <div class=\"tabs-buttons\">\r\n                    <div class=\"tab-btn active\" data-text=\"\u062a\u0623\u0633\u0633 \u0627\u0644\u0642\u0633\u0645 \u0641\u064a \u0639\u0627\u0645 2018\u060c \u0648\u064a\u0639\u062a\u0645\u062f \u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0646\u0627\u0647\u062c \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0644\u062a\u0632\u0648\u064a\u062f \u0627\u0644\u0637\u0644\u0628\u0629 \u0628\u0627\u0644\u0645\u0639\u0627\u0631\u0641 \u0627\u0644\u0646\u0638\u0631\u064a\u0629 \u0648\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0644\u0627\u0632\u0645\u0629 \u0644\u0644\u0646\u062c\u0627\u062d \u0641\u064a \u0645\u0633\u064a\u0631\u062a\u0647\u0645 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0643\u062a\u0642\u0646\u064a\u064a \u062a\u062e\u062f\u064a\u0631 \u0623\u0643\u0641\u0627\u0621.\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg> \u0646\u0628\u0630\u0629 \u0639\u0646 \u0627\u0644\u0642\u0633\u0645\r\n                    <\/div>\r\n                    <div class=\"tab-btn\" data-text=\"\u0631\u0624\u064a\u062a\u0646\u0627: \u0623\u0646 \u064a\u0643\u0648\u0646 \u0627\u0644\u0642\u0633\u0645 \u0645\u0631\u062c\u0639\u0627\u064b \u0639\u0644\u0645\u064a\u0627\u064b \u0645\u062a\u0645\u064a\u0632\u0627\u064b \u0641\u064a \u0645\u062c\u0627\u0644 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u062e\u062f\u064a\u0631.<br>\u0631\u0633\u0627\u0644\u062a\u0646\u0627: \u0625\u0639\u062f\u0627\u062f \u0643\u0648\u0627\u062f\u0631 \u062a\u0642\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0645\u0632\u0648\u062f\u0629 \u0628\u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0623\u062e\u0644\u0627\u0642\u064a \u0648\u0627\u0644\u0645\u0647\u0646\u064a.\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"\/><\/svg> \u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0631\u0633\u0627\u0644\u0629\r\n                    <\/div>\r\n                    <div class=\"tab-btn\" data-text=\"1. \u062a\u062e\u0631\u064a\u062c \u062a\u0642\u0646\u064a\u064a\u0646 \u0623\u0643\u0641\u0627\u0621 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u062a\u062e\u062f\u064a\u0631.<br>2. \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629 \u0644\u0644\u0637\u0644\u0628\u0629.<br>3. \u062a\u0639\u0632\u064a\u0632 \u0623\u062e\u0644\u0627\u0642\u064a\u0627\u062a \u0627\u0644\u0645\u0647\u0646\u0629 \u0627\u0644\u0637\u0628\u064a\u0629.<br>4. \u062f\u0639\u0645 \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0639\u0644\u0645\u064a.\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 8c0 1.11-.9 2-2 2h-2v2h4v2H8v-4h2v-2H8V9h6c1.1 0 2 .9 2 2v1z\"\/><\/svg> \u0627\u0644\u0623\u0647\u062f\u0627\u0641\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tab-content-area\" id=\"tabContentDisplay\">\r\n                    \u062a\u0623\u0633\u0633 \u0627\u0644\u0642\u0633\u0645 \u0641\u064a \u0639\u0627\u0645 2018\u060c \u0648\u064a\u0639\u062a\u0645\u062f \u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0646\u0627\u0647\u062c \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0644\u062a\u0632\u0648\u064a\u062f \u0627\u0644\u0637\u0644\u0628\u0629 \u0628\u0627\u0644\u0645\u0639\u0627\u0631\u0641 \u0627\u0644\u0646\u0638\u0631\u064a\u0629 \u0648\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0644\u0627\u0632\u0645\u0629 \u0644\u0644\u0646\u062c\u0627\u062d \u0641\u064a \u0645\u0633\u064a\u0631\u062a\u0647\u0645 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0643\u062a\u0642\u0646\u064a\u064a \u062a\u062e\u062f\u064a\u0631 \u0623\u0643\u0641\u0627\u0621.\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"programs-section\">\r\n        <div class=\"inner-container\">\r\n            <h2 class=\"sec-title reveal\">\u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629<\/h2>\r\n            <div class=\"programs-grid\">\r\n                <div class=\"program-card reveal\">\r\n                    <svg class=\"prog-icon\" viewBox=\"0 0 24 24\"><path d=\"M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z\"\/><\/svg>\r\n                    <h3 class=\"prog-title\">\u0628\u0643\u0627\u0644\u0648\u0631\u064a\u0648\u0633 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u062e\u062f\u064a\u0631<\/h3>\r\n                    <p class=\"prog-desc\">\u0628\u0631\u0646\u0627\u0645\u062c \u062f\u0631\u0627\u0633\u064a \u0645\u0643\u062b\u0641 \u0645\u062f\u062a\u0647 4 \u0633\u0646\u0648\u0627\u062a.<\/p>\r\n                    <div class=\"prog-meta\"><span>4 \u0633\u0646\u0648\u0627\u062a<\/span> | <span>\u062f\u0648\u0627\u0645 \u0635\u0628\u0627\u062d\u064a<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"program-card reveal\">\r\n                    <svg class=\"prog-icon\" viewBox=\"0 0 24 24\"><path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/><\/svg>\r\n                    <h3 class=\"prog-title\">\u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u0639\u0644\u064a\u0627<\/h3>\r\n                    <p class=\"prog-desc\">\u062a\u0639\u0645\u0644 \u0627\u0644\u0643\u0644\u064a\u0629 \u0639\u0644\u0649 \u0627\u0633\u062a\u062d\u062f\u0627\u062b \u0628\u0631\u0627\u0645\u062c \u0627\u0644\u0645\u0627\u062c\u0633\u062a\u064a\u0631 \u0642\u0631\u064a\u0628\u0627\u064b.<\/p>\r\n                    <div class=\"prog-meta\"><span>\u0642\u0631\u064a\u0628\u0627\u064b<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"results-portal-container\">\r\n    \r\n    <div class=\"portal-header\">\r\n        <h2>\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0648\u0627\u0644\u0633\u0639\u064a\u0627\u062a<\/h2>\r\n        <p>\u0627\u0644\u0645\u0646\u0635\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 \u0644\u0625\u0639\u0644\u0627\u0646 \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0637\u0644\u0628\u0629 \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"search-wrapper\">\r\n        <i class=\"fa-solid fa-search search-icon\"><\/i>\r\n        <input type=\"text\" class=\"search-input\" id=\"stageSearch\" placeholder=\"\u0627\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 (\u0645\u062b\u0627\u0644: \u0627\u0644\u0623\u0648\u0644\u0649\u060c \u0627\u0644\u0631\u0627\u0628\u0639\u0629...)\">\r\n    <\/div>\r\n\r\n    <div class=\"stages-grid\">\r\n\r\n        <div class=\"stage-card stage-1\" data-name=\"\u0627\u0644\u0623\u0648\u0644\u0649\">\r\n            <div class=\"card-header\">\r\n                <div class=\"stage-icon\"><i class=\"fa-solid fa-1\"><\/i><\/div>\r\n                <h3 class=\"stage-title\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649<\/h3>\r\n            <\/div>\r\n            <div class=\"card-body\">\r\n                <div class=\"semester-group\">\r\n                    <button class=\"semester-btn\">\r\n                        \u0627\u0644\u0641\u0635\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a \u0627\u0644\u0623\u0648\u0644 <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                    <\/button>\r\n                    <ul class=\"links-list\">\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-regular fa-file-pdf\"><\/i> \u0633\u0639\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0646\u0638\u0631\u064a\u0629 <span class=\"tag\">\u062a\u0645 \u0627\u0644\u0646\u0634\u0631<\/span><\/a><\/li>\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-regular fa-file-pdf\"><\/i> \u0633\u0639\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0639\u0645\u0644\u064a\u0629<\/a><\/li>\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-solid fa-trophy\"><\/i> \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"semester-group\">\r\n                    <button class=\"semester-btn\">\r\n                        \u0627\u0644\u0641\u0635\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a \u0627\u0644\u062b\u0627\u0646\u064a <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                    <\/button>\r\n                    <ul class=\"links-list\">\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-regular fa-file-pdf\"><\/i> \u0633\u0639\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0646\u0638\u0631\u064a\u0629 <span class=\"tag\">\u062a\u0645 \u0627\u0644\u0646\u0634\u0631<\/span><\/a><\/li>\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-regular fa-file-pdf\"><\/i> \u0633\u0639\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0639\u0645\u0644\u064a\u0629<\/a><\/li>\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-solid fa-trophy\"><\/i> \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"stage-card stage-2\" data-name=\"\u0627\u0644\u062b\u0627\u0646\u064a\u0629\">\r\n            <div class=\"card-header\">\r\n                <div class=\"stage-icon\"><i class=\"fa-solid fa-2\"><\/i><\/div>\r\n                <h3 class=\"stage-title\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629<\/h3>\r\n            <\/div>\r\n            <div class=\"card-body\">\r\n                <div class=\"semester-group\">\r\n                    <button class=\"semester-btn\">\r\n                        \u0627\u0644\u0641\u0635\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a \u0627\u0644\u0623\u0648\u0644 <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                    <\/button>\r\n                    <ul class=\"links-list\">\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-regular fa-file-pdf\"><\/i> \u0633\u0639\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0646\u0638\u0631\u064a\u0629 <span class=\"tag\">\u062a\u0645 \u0627\u0644\u0646\u0634\u0631<\/span><\/a><\/li>\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-regular fa-file-pdf\"><\/i> \u0633\u0639\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0639\u0645\u0644\u064a\u0629<\/a><\/li>\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-solid fa-trophy\"><\/i> \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"semester-group\">\r\n                    <button class=\"semester-btn\">\r\n                        \u0627\u0644\u0641\u0635\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a \u0627\u0644\u062b\u0627\u0646\u064a <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                    <\/button>\r\n                    <ul class=\"links-list\">\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-regular fa-file-pdf\"><\/i> \u0633\u0639\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0646\u0638\u0631\u064a\u0629 <span class=\"tag\">\u062a\u0645 \u0627\u0644\u0646\u0634\u0631<\/span><\/a><\/li>\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-regular fa-file-pdf\"><\/i> \u0633\u0639\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0639\u0645\u0644\u064a\u0629<\/a><\/li>\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-solid fa-trophy\"><\/i> \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"stage-card stage-3\" data-name=\"\u0627\u0644\u062b\u0627\u0644\u062b\u0629\">\r\n            <div class=\"card-header\">\r\n                <div class=\"stage-icon\"><i class=\"fa-solid fa-3\"><\/i><\/div>\r\n                <h3 class=\"stage-title\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0644\u062b\u0629<\/h3>\r\n            <\/div>\r\n            <div class=\"card-body\">\r\n                <div class=\"semester-group\">\r\n                    <button class=\"semester-btn\">\r\n                        \u0627\u0644\u0641\u0635\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a \u0627\u0644\u0623\u0648\u0644 <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                    <\/button>\r\n                    <ul class=\"links-list\">\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-regular fa-file-pdf\"><\/i> \u0633\u0639\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0646\u0638\u0631\u064a\u0629 <span class=\"tag\">\u062a\u0645 \u0627\u0644\u0646\u0634\u0631<\/span><\/a><\/li>\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-regular fa-file-pdf\"><\/i> \u0633\u0639\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0639\u0645\u0644\u064a\u0629<\/a><\/li>\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-solid fa-trophy\"><\/i> \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"semester-group\">\r\n                    <button class=\"semester-btn\">\r\n                        \u0627\u0644\u0641\u0635\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a \u0627\u0644\u062b\u0627\u0646\u064a <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                    <\/button>\r\n                    <ul class=\"links-list\">\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-regular fa-file-pdf\"><\/i> \u0633\u0639\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0646\u0638\u0631\u064a\u0629 <span class=\"tag\">\u062a\u0645 \u0627\u0644\u0646\u0634\u0631<\/span><\/a><\/li>\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-regular fa-file-pdf\"><\/i> \u0633\u0639\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0639\u0645\u0644\u064a\u0629<\/a><\/li>\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-solid fa-trophy\"><\/i> \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"stage-card stage-4\" data-name=\"\u0627\u0644\u0631\u0627\u0628\u0639\u0629\">\r\n            <div class=\"card-header\">\r\n                <div class=\"stage-icon\"><i class=\"fa-solid fa-graduation-cap\"><\/i><\/div>\r\n                <h3 class=\"stage-title\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0631\u0627\u0628\u0639\u0629<\/h3>\r\n            <\/div>\r\n            \r\n            <div class=\"card-body\">\r\n                <\/div>\r\n            <div class=\"card-body\">\r\n                <div class=\"semester-group\">\r\n                    <button class=\"semester-btn\">\r\n                        \u0627\u0644\u0641\u0635\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a \u0627\u0644\u0623\u0648\u0644 <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                    <\/button>\r\n                    <ul class=\"links-list\">\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-regular fa-file-pdf\"><\/i> \u0633\u0639\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0646\u0638\u0631\u064a\u0629 <span class=\"tag\">\u062a\u0645 \u0627\u0644\u0646\u0634\u0631<\/span><\/a><\/li>\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-regular fa-file-pdf\"><\/i> \u0633\u0639\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0639\u0645\u0644\u064a\u0629<\/a><\/li>\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-solid fa-trophy\"><\/i> \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"semester-group\">\r\n                    <button class=\"semester-btn\">\r\n                        \u0627\u0644\u0641\u0635\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a \u0627\u0644\u062b\u0627\u0646\u064a <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                    <\/button>\r\n                    <ul class=\"links-list\">\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-regular fa-file-pdf\"><\/i> \u0633\u0639\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0646\u0638\u0631\u064a\u0629 <span class=\"tag\">\u062a\u0645 \u0627\u0644\u0646\u0634\u0631<\/span><\/a><\/li>\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-regular fa-file-pdf\"><\/i> \u0633\u0639\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0639\u0645\u0644\u064a\u0629<\/a><\/li>\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-solid fa-trophy\"><\/i> \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"semester-group\">\r\n                    <button class=\"semester-btn\">\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u062a\u062e\u0631\u062c <i class=\"fa-solid fa-chevron-down\"><\/i><\/button>\r\n                    <ul class=\"links-list\">\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-regular fa-file-pdf\"><\/i> \u062f\u0631\u062c\u0627\u062a \u0645\u0646\u0627\u0642\u0634\u0629 \u0627\u0644\u0628\u062d\u0648\u062b<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"semester-group\">\r\n                    <button class=\"semester-btn\">\u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 <i class=\"fa-solid fa-chevron-down\"><\/i><\/button>\r\n                    <ul class=\"links-list\">\r\n                        <li><a href=\"#\" class=\"result-link\"><i class=\"fa-solid fa-award\"><\/i> \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062f\u0648\u0631 \u0627\u0644\u0623\u0648\u0644 <span class=\"tag new\">\u0647\u0627\u0645<\/span><\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    \/\/ 1. \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0642\u0648\u0627\u0626\u0645 \u0627\u0644\u0645\u0646\u0633\u062f\u0644\u0629 (Accordion)\r\n    const accButtons = document.querySelectorAll(\".semester-btn\");\r\n\r\n    accButtons.forEach(btn => {\r\n        btn.addEventListener(\"click\", function() {\r\n            \/\/ \u0625\u063a\u0644\u0627\u0642 \u0623\u064a \u0642\u0627\u0626\u0645\u0629 \u0623\u062e\u0631\u0649 \u0645\u0641\u062a\u0648\u062d\u0629 \u062f\u0627\u062e\u0644 \u0646\u0641\u0633 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)\r\n            \/\/ this.classList.toggle(\"active\");\r\n            \r\n            this.classList.toggle(\"active\");\r\n            const list = this.nextElementSibling;\r\n            if (list.style.display === \"block\") {\r\n                list.style.display = \"none\";\r\n            } else {\r\n                list.style.display = \"block\";\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ 2. \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0628\u062d\u062b (Filtering)\r\n    const searchInput = document.getElementById('stageSearch');\r\n    const cards = document.querySelectorAll('.stage-card');\r\n\r\n    searchInput.addEventListener('keyup', function(e) {\r\n        const term = e.target.value.toLowerCase();\r\n\r\n        cards.forEach(card => {\r\n            const name = card.getAttribute('data-name');\r\n            if (name.includes(term)) {\r\n                card.style.display = \"block\";\r\n            } else {\r\n                card.style.display = \"none\";\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\r\n    <!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\u0643\u0627\u062f\u0631 \u0627\u0644\u062a\u062f\u0631\u064a\u0633\u064a<\/title>\r\n    \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    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.rtl.min.css\">\r\n\r\n    <style>\r\n        \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u062e\u0627\u0635\u0629 \u0644\u062c\u0639\u0644 \u0627\u0644\u0634\u0643\u0644 \u062c\u0645\u064a\u0644\u0627\u064b *\/\r\n        body { background-color: #f4f6f9; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }\r\n        \r\n        .faculty-card {\r\n            background: #fff;\r\n            border-radius: 12px;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.08);\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease;\r\n            text-align: center;\r\n            height: 100%;\r\n            border: none;\r\n        }\r\n        .faculty-card:hover { transform: translateY(-7px); }\r\n\r\n        \/* \u0636\u0628\u0637 \u062d\u062c\u0645 \u0627\u0644\u0635\u0648\u0631 *\/\r\n        .faculty-img-box {\r\n            height: 320px; \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u0645\u0648\u062d\u062f \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0635\u0648\u0631 *\/\r\n            width: 100%;\r\n            overflow: hidden;\r\n            background: #e9ecef;\r\n        }\r\n        .faculty-img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover; \/* \u0642\u0635 \u0627\u0644\u0635\u0648\u0631\u0629 \u0644\u062a\u0646\u0627\u0633\u0628 \u0627\u0644\u0645\u0631\u0628\u0639 *\/\r\n            object-position: top center; \/* \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0648\u062c\u0647 *\/\r\n        }\r\n\r\n        .faculty-info { padding: 20px; }\r\n        .faculty-name { display: block; font-size: 1.2rem; font-weight: 700; color: #2c3e50; margin-bottom: 5px; }\r\n        .faculty-role { display: block; font-size: 0.95rem; color: #d35400; font-weight: 600; }\r\n\r\n        \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a *\/\r\n        .academic-icons { margin: 15px 0; }\r\n        .scholar-icon {\r\n            font-size: 24px;\r\n            margin: 0 10px;\r\n            color: #6c757d;\r\n            transition: 0.3s;\r\n            text-decoration: none;\r\n        }\r\n        .scholar-icon:hover { transform: scale(1.2); }\r\n        .scholar-icon .fa-google:hover { color: #DB4437; }\r\n        .scholar-icon .fa-researchgate:hover { color: #00CCBB; }\r\n        .scholar-icon .fa-orcid:hover { color: #A6CE39; }\r\n\r\n        \/* \u0632\u0631 \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 *\/\r\n        .cv-text-link {\r\n            display: inline-block;\r\n            margin-top: 5px;\r\n            color: #0d6efd;\r\n            font-weight: bold;\r\n            text-decoration: none;\r\n            border-bottom: 2px solid transparent;\r\n        }\r\n        .cv-text-link:hover { border-bottom: 2px solid #0d6efd; }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container py-5\">\r\n    <h2 class=\"text-center mb-5 fw-bold text-primary\">\u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0633\u064a\u0629<\/h2>\r\n    \r\n    <div class=\"row g-4\"> <div class=\"col-12 col-md-6 col-lg-3\">\r\n            <div class=\"faculty-card reveal\">\r\n                <div class=\"faculty-img-box\"><img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x500\" class=\"faculty-img\"><\/div>\r\n                <div class=\"faculty-info\">\r\n                    <span class=\"faculty-name\">\u0645.\u062f. \u0647\u0645\u0627\u0645 \u0639\u0635\u0627\u0645 \u0639\u0628\u062f\u0627\u0644\u0631\u062d\u0645\u0646<\/span>\r\n                    <span class=\"faculty-role\">\u0631\u0626\u064a\u0633 \u0627\u0644\u0642\u0633\u0645<\/span>\r\n\r\n                    <div class=\"academic-icons\">\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"Google Scholar\"><i class=\"fab fa-google\"><\/i><\/a>\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"ResearchGate\"><i class=\"fab fa-researchgate\"><\/i><\/a>\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"ORCID\"><i class=\"fab fa-orcid\"><\/i><\/a>\r\n                    <\/div>\r\n\r\n                    <a href=\"#\" class=\"cv-text-link\" target=\"_blank\">\u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"col-12 col-md-6 col-lg-3\">\r\n            <div class=\"faculty-card reveal\">\r\n                <div class=\"faculty-img-box\"><img decoding=\"async\" src=\"https:\/\/tucomht.uoturath.edu.iq\/wp-content\/uploads\/2025\/10\/\u0645.\u0645.-\u0645\u0635\u0637\u0641\u0649-\u0645\u0623\u0645\u0648\u0646-scaled.jpg\" class=\"faculty-img\"><\/div>\r\n                <div class=\"faculty-info\">\r\n                    <span class=\"faculty-name\">\u0645.\u0645. \u0645\u0635\u0637\u0641\u0649 \u0645\u0623\u0645\u0648\u0646<\/span>\r\n                    <span class=\"faculty-role\">\u062a\u062f\u0631\u064a\u0633\u064a<\/span>\r\n\r\n                    <div class=\"academic-icons\">\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"Google Scholar\"><i class=\"fab fa-google\"><\/i><\/a>\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"ResearchGate\"><i class=\"fab fa-researchgate\"><\/i><\/a>\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"ORCID\"><i class=\"fab fa-orcid\"><\/i><\/a>\r\n                    <\/div>\r\n\r\n                    <a href=\"#\" class=\"cv-text-link\" target=\"_blank\">\u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"col-12 col-md-6 col-lg-3\">\r\n            <div class=\"faculty-card reveal\">\r\n                <div class=\"faculty-img-box\"><img decoding=\"async\" src=\"https:\/\/tucomht.uoturath.edu.iq\/wp-content\/uploads\/2025\/10\/\u0622.\u062f.-\u062d\u0633\u064a\u0646-\u062d\u0633\u0646-scaled.jpg\" class=\"faculty-img\"><\/div>\r\n                <div class=\"faculty-info\">\r\n                    <span class=\"faculty-name\">\u0622.\u062f. \u062d\u0633\u064a\u0646 \u062d\u0633\u0646<\/span>\r\n                    <span class=\"faculty-role\">\u062a\u062f\u0631\u064a\u0633\u064a<\/span>\r\n\r\n                    <div class=\"academic-icons\">\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"Google Scholar\"><i class=\"fab fa-google\"><\/i><\/a>\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"ResearchGate\"><i class=\"fab fa-researchgate\"><\/i><\/a>\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"ORCID\"><i class=\"fab fa-orcid\"><\/i><\/a>\r\n                    <\/div>\r\n\r\n                    <a href=\"#\" class=\"cv-text-link\" target=\"_blank\">\u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"col-12 col-md-6 col-lg-3\">\r\n            <div class=\"faculty-card reveal\">\r\n                <div class=\"faculty-img-box\"><img decoding=\"async\" src=\"https:\/\/tucomht.uoturath.edu.iq\/wp-content\/uploads\/2025\/10\/\u0645.\u062f.-\u0645\u0646\u0627\u0644-\u0627\u0628\u0631\u0627\u0647\u064a\u0645-scaled.jpg\" class=\"faculty-img\"><\/div>\r\n                <div class=\"faculty-info\">\r\n                    <span class=\"faculty-name\">\u0645.\u062f. \u0645\u0646\u0627\u0644 \u0627\u0628\u0631\u0627\u0647\u064a\u0645<\/span>\r\n                    <span class=\"faculty-role\">\u062a\u062f\u0631\u064a\u0633\u064a<\/span>\r\n\r\n                    <div class=\"academic-icons\">\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"Google Scholar\"><i class=\"fab fa-google\"><\/i><\/a>\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"ResearchGate\"><i class=\"fab fa-researchgate\"><\/i><\/a>\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"ORCID\"><i class=\"fab fa-orcid\"><\/i><\/a>\r\n                    <\/div>\r\n\r\n                    <a href=\"https:\/\/tucomht.uoturath.edu.iq\/wp-content\/uploads\/2025\/10\/cv_\u0642\u0633\u0645_\u0627\u0644\u062a\u062e\u062f\u064a\u0631_\u0627\u0644\u062f\u0643\u062a\u0648\u0631_\u062d\u0633\u0628\u0646_\u062d\u0633\u0646_\u062e\u0631\u0646\u0648\u06281.pdf\" class=\"cv-text-link\" target=\"_blank\">\u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"col-12 col-md-6 col-lg-3\">\r\n            <div class=\"faculty-card reveal\">\r\n                <div class=\"faculty-img-box\"><img decoding=\"async\" src=\"https:\/\/tucomht.uoturath.edu.iq\/wp-content\/uploads\/2025\/10\/\u0645.\u062f.-\u0637\u0627\u0631\u0642-\u062e\u064a\u0631\u0627\u0644\u0644\u0647-scaled.jpg\" class=\"faculty-img\"><\/div>\r\n                <div class=\"faculty-info\">\r\n                    <span class=\"faculty-name\">\u0645.\u062f. \u0637\u0627\u0631\u0642 \u062e\u064a\u0631\u0627\u0644\u0644\u0647 \u0645\u062d\u064a\u0645\u064a\u062f<\/span>\r\n                    <span class=\"faculty-role\">\u062a\u062f\u0631\u064a\u0633\u064a<\/span>\r\n\r\n                    <div class=\"academic-icons\">\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"Google Scholar\"><i class=\"fab fa-google\"><\/i><\/a>\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"ResearchGate\"><i class=\"fab fa-researchgate\"><\/i><\/a>\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"ORCID\"><i class=\"fab fa-orcid\"><\/i><\/a>\r\n                    <\/div>\r\n\r\n                    <a href=\"https:\/\/tucomht.uoturath.edu.iq\/wp-content\/uploads\/2025\/10\/C.V-Dr.-Tarik-alasssadi.pdf\" class=\"cv-text-link\" target=\"_blank\">\u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"col-12 col-md-6 col-lg-3\">\r\n            <div class=\"faculty-card reveal\">\r\n                <div class=\"faculty-img-box\"><img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x500?text=No+Image\" class=\"faculty-img\"><\/div>\r\n                <div class=\"faculty-info\">\r\n                    <span class=\"faculty-name\">\u0645. \u062f. \u0645\u0647\u0646\u062f \u0635\u0627\u062f\u0642 \u062d\u0633\u0646<\/span>\r\n                    <span class=\"faculty-role\">\u062a\u062f\u0631\u064a\u0633\u064a<\/span>\r\n\r\n                    <div class=\"academic-icons\">\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"Google Scholar\"><i class=\"fab fa-google\"><\/i><\/a>\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"ResearchGate\"><i class=\"fab fa-researchgate\"><\/i><\/a>\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"ORCID\"><i class=\"fab fa-orcid\"><\/i><\/a>\r\n                    <\/div>\r\n\r\n                    <a href=\"#\" class=\"cv-text-link\" target=\"_blank\">\u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"col-12 col-md-6 col-lg-3\">\r\n            <div class=\"faculty-card reveal\">\r\n                <div class=\"faculty-img-box\"><img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x500\" class=\"faculty-img\"><\/div>\r\n                <div class=\"faculty-info\">\r\n                    <span class=\"faculty-name\">\u0645.\u062f. \u064a\u0648\u0633\u0641 \u0642\u062f\u0648\u0631\u064a<\/span>\r\n                    <span class=\"faculty-role\">\u062a\u062f\u0631\u064a\u0633\u064a<\/span>\r\n\r\n                    <div class=\"academic-icons\">\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"Google Scholar\"><i class=\"fab fa-google\"><\/i><\/a>\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"ResearchGate\"><i class=\"fab fa-researchgate\"><\/i><\/a>\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"ORCID\"><i class=\"fab fa-orcid\"><\/i><\/a>\r\n                    <\/div>\r\n\r\n                    <a href=\"#\" class=\"cv-text-link\" target=\"_blank\">\u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"col-12 col-md-6 col-lg-3\">\r\n            <div class=\"faculty-card reveal\">\r\n                <div class=\"faculty-img-box\"><img decoding=\"async\" src=\"https:\/\/tucomht.uoturath.edu.iq\/wp-content\/uploads\/2025\/10\/\u0645.\u062f.-\u062d\u0633\u064a\u0646-\u0639\u0644\u064a-scaled.jpg\" class=\"faculty-img\"><\/div>\r\n                <div class=\"faculty-info\">\r\n                    <span class=\"faculty-name\">\u0645.\u062f. \u062d\u0633\u064a\u0646 \u0639\u0644\u064a \u062a\u0631\u0643\u064a<\/span>\r\n                    <span class=\"faculty-role\">\u062a\u062f\u0631\u064a\u0633\u064a<\/span>\r\n\r\n                    <div class=\"academic-icons\">\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"Google Scholar\"><i class=\"fab fa-google\"><\/i><\/a>\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"ResearchGate\"><i class=\"fab fa-researchgate\"><\/i><\/a>\r\n                        <a href=\"#\" target=\"_blank\" class=\"scholar-icon\" title=\"ORCID\"><i class=\"fab fa-orcid\"><\/i><\/a>\r\n                    <\/div>\r\n\r\n                    <a href=\"#\" class=\"cv-text-link\" target=\"_blank\">\u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\r\n\r\n    <div class=\"comm-section reveal\">\r\n    <div class=\"inner-container\">\r\n        <h2 class=\"sec-title\">\u0627\u0644\u0644\u062c\u0627\u0646 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629<\/h2>\r\n        <div class=\"comm-grid\">\r\n            \r\n            <a href=\"#\" class=\"comm-card\">\r\n                <svg class=\"comm-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\r\n                <h3 class=\"comm-title\">\u0627\u0644\u0644\u062c\u0646\u0629 \u0627\u0644\u0639\u0644\u0645\u064a\u0629<\/h3>\r\n            <\/a>\r\n\r\n            <a href=\"#\" class=\"comm-card\">\r\n                <svg class=\"comm-icon\" viewBox=\"0 0 24 24\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/><\/svg>\r\n                <h3 class=\"comm-title\">\u0627\u0644\u0644\u062c\u0646\u0629 \u0627\u0644\u0627\u0645\u062a\u062d\u0627\u0646\u064a\u0629<\/h3>\r\n            <\/a>\r\n\r\n            <a href=\"#\" class=\"comm-card\">\r\n                <svg class=\"comm-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/><\/svg>\r\n                <h3 class=\"comm-title\">\u0644\u062c\u0646\u0629 \u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629<\/h3>\r\n            <\/a>\r\n\r\n            <a href=\"#\" class=\"comm-card\">\r\n                <svg class=\"comm-icon\" viewBox=\"0 0 24 24\"><path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/><\/svg>\r\n                <h3 class=\"comm-title\">\u0644\u062c\u0646\u0629 \u0627\u0644\u0645\u0646\u0627\u0647\u062c<\/h3>\r\n            <\/a>\r\n\r\n            <a href=\"#\" class=\"comm-card\">\r\n                <svg class=\"comm-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg>\r\n                <h3 class=\"comm-title\">\u0644\u062c\u0646\u0629 \u0627\u0646\u0636\u0628\u0627\u0637 \u0627\u0644\u0637\u0644\u0628\u0629<\/h3>\r\n            <\/a>\r\n\r\n            <a href=\"#\" class=\"comm-card\">\r\n                <svg class=\"comm-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"\/><\/svg>\r\n                <h3 class=\"comm-title\">\u0644\u062c\u0646\u0629 \u0627\u0644\u0635\u062d\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629<\/h3>\r\n            <\/a>\r\n\r\n            <a href=\"#\" class=\"comm-card\">\r\n                <svg class=\"comm-icon\" viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/><\/svg>\r\n                <h3 class=\"comm-title\">\u0644\u062c\u0646\u0629 \u0627\u0644\u0628\u062d\u0648\u062b<\/h3>\r\n            <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"labs-section\">\r\n        <div class=\"inner-container\">\r\n            <h2 class=\"sec-title reveal\">\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0627\u0644\u0642\u0633\u0645<\/h2>\r\n            <div class=\"labs-grid\">\r\n                <div class=\"lab-item reveal\"><img decoding=\"async\" src=\"https:\/\/tucomht.edu.iq\/wp-content\/uploads\/2023\/10\/students-lab.jpg\" class=\"lab-img\"><div class=\"lab-overlay\"><h3>\u0645\u062e\u062a\u0628\u0631 \u0627\u0644\u062a\u062e\u062f\u064a\u0631<\/h3><\/div><\/div>\r\n                <div class=\"lab-item reveal\"><img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x300\" class=\"lab-img\"><div class=\"lab-overlay\"><h3>\u0645\u062e\u062a\u0628\u0631 \u0627\u0644\u0639\u0646\u0627\u064a\u0629<\/h3><\/div><\/div>\r\n                <div class=\"lab-item reveal\"><img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x300\" class=\"lab-img\"><div class=\"lab-overlay\"><h3>\u0645\u062e\u062a\u0628\u0631 \u0627\u0644\u0623\u062c\u0647\u0632\u0629<\/h3><\/div><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"projects-section\">\r\n        <div class=\"inner-container\">\r\n            <h2 class=\"sec-title reveal\">\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0637\u0644\u0627\u0628 \u0648\u0627\u0644\u0623\u0628\u062d\u0627\u062b<\/h2>\r\n            <div class=\"projects-grid\">\r\n                \r\n                <a href=\"#\" class=\"project-card reveal\" target=\"_blank\">\r\n                    <h3 class=\"proj-title\">\u062a\u0623\u062b\u064a\u0631 \u0623\u062f\u0648\u064a\u0629 \u0627\u0644\u062a\u062e\u062f\u064a\u0631<\/h3>\r\n                    <div class=\"proj-student\">\u0625\u0639\u062f\u0627\u062f: \u0627\u0644\u0637\u0627\u0644\u0628 \u0639\u0644\u064a \u0645\u062d\u0645\u062f<\/div>\r\n                    <p class=\"proj-desc\">\u062f\u0631\u0627\u0633\u0629 \u0633\u0631\u064a\u0631\u064a\u0629 \u062a\u062d\u0644\u064a\u0644\u064a\u0629 \u0644\u0645\u0642\u0627\u0631\u0646\u0629 \u062a\u0623\u062b\u064a\u0631 \u0623\u0646\u0648\u0627\u0639 \u0645\u062e\u062a\u0644\u0641\u0629 \u0645\u0646 \u0623\u062f\u0648\u064a\u0629 \u0627\u0644\u062a\u062e\u062f\u064a\u0631.<\/p>\r\n                <\/a>\r\n                <a href=\"#\" class=\"project-card reveal\" target=\"_blank\">\r\n                    <h3 class=\"proj-title\">\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0646\u0641\u0633<\/h3>\r\n                    <div class=\"proj-student\">\u0625\u0639\u062f\u0627\u062f: \u0627\u0644\u0637\u0627\u0644\u0628\u0629 \u0632\u064a\u0646\u0628 \u062d\u0633\u0646<\/div>\r\n                    <p class=\"proj-desc\">\u0628\u062d\u062b \u064a\u0633\u062a\u0639\u0631\u0636 \u0623\u062d\u062f\u062b \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u062a\u0646\u0641\u0633 \u0627\u0644\u0635\u0646\u0627\u0639\u064a \u0648\u062f\u0648\u0631\u0647\u0627 \u0641\u064a \u062a\u062d\u0633\u064a\u0646 \u0646\u0633\u0628 \u0627\u0644\u0634\u0641\u0627\u0621.<\/p>\r\n                <\/a>\r\n                <a href=\"#\" class=\"project-card reveal\" target=\"_blank\">\r\n                    <h3 class=\"proj-title\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0644\u0645<\/h3>\r\n                    <div class=\"proj-student\">\u0625\u0639\u062f\u0627\u062f: \u0645\u062c\u0645\u0648\u0639\u0629 \u0637\u0644\u0627\u0628<\/div>\r\n                    <p class=\"proj-desc\">\u0645\u0642\u0627\u0631\u0646\u0629 \u0634\u0627\u0645\u0644\u0629 \u0628\u064a\u0646 \u0627\u0644\u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644\u0627\u062a \u0627\u0644\u062f\u0648\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0644\u0645.<\/p>\r\n                <\/a>\r\n                <a href=\"#\" class=\"project-card reveal\" target=\"_blank\">\r\n                    <h3 class=\"proj-title\">\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u0631\u0636\u0649<\/h3>\r\n                    <div class=\"proj-student\">\u0625\u0639\u062f\u0627\u062f: \u0645\u062c\u0645\u0648\u0639\u0629 \u0637\u0644\u0627\u0628<\/div>\r\n                    <p class=\"proj-desc\">\u062a\u062d\u0644\u064a\u0644 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u062a\u0628\u0639\u0629 \u0641\u064a \u0635\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a.<\/p>\r\n                <\/a>\r\n                <a href=\"#\" class=\"project-card reveal\" target=\"_blank\">\r\n                    <h3 class=\"proj-title\">\u0627\u0644\u062a\u062e\u062f\u064a\u0631 \u0627\u0644\u0646\u0635\u0641\u064a<\/h3>\r\n                    <div class=\"proj-student\">\u0625\u0639\u062f\u0627\u062f: \u0645\u062c\u0645\u0648\u0639\u0629 \u0637\u0644\u0627\u0628<\/div>\r\n                    <p class=\"proj-desc\">\u062f\u0631\u0627\u0633\u0629 \u062d\u0648\u0644 \u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0627\u0644\u062a\u062e\u062f\u064a\u0631 \u0627\u0644\u0646\u0635\u0641\u064a \u0648\u0643\u064a\u0641\u064a\u0629 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639\u0647\u0627.<\/p>\r\n                <\/a>\r\n                <a href=\"#\" class=\"project-card reveal\" target=\"_blank\">\r\n                    <h3 class=\"proj-title\">\u0627\u0644\u0625\u0646\u0639\u0627\u0634 \u0627\u0644\u0642\u0644\u0628\u064a<\/h3>\r\n                    <div class=\"proj-student\">\u0625\u0639\u062f\u0627\u062f: \u0645\u062c\u0645\u0648\u0639\u0629 \u0637\u0644\u0627\u0628<\/div>\r\n                    <p class=\"proj-desc\">\u0623\u062d\u062f\u062b \u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644\u0627\u062a \u0627\u0644\u0625\u0646\u0639\u0627\u0634 \u0627\u0644\u0642\u0644\u0628\u064a \u0627\u0644\u0631\u0626\u0648\u064a \u0627\u0644\u0645\u062a\u0642\u062f\u0645.<\/p>\r\n                <\/a>\r\n                <a href=\"#\" class=\"project-card reveal\" target=\"_blank\">\r\n                    <h3 class=\"proj-title\">\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a<\/h3>\r\n                    <div class=\"proj-student\">\u0625\u0639\u062f\u0627\u062f: \u0645\u062c\u0645\u0648\u0639\u0629 \u0637\u0644\u0627\u0628<\/div>\r\n                    <p class=\"proj-desc\">\u0623\u0647\u0645\u064a\u0629 \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062d\u064a\u0648\u064a\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u062e\u062f\u064a\u0631.<\/p>\r\n                <\/a>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ 1. \u0633\u0643\u0631\u0628\u062a \u0627\u0644\u062a\u0628\u0648\u064a\u0628\u0627\u062a\r\n        const buttons = document.querySelectorAll('.tab-btn');\r\n        const displayArea = document.getElementById('tabContentDisplay');\r\n\r\n        buttons.forEach(button => {\r\n            button.addEventListener('click', function() {\r\n                \/\/ \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0643\u0644\u0627\u0633 \u0627\u0644\u0646\u0634\u0637 \u0645\u0646 \u0627\u0644\u062c\u0645\u064a\u0639\r\n                buttons.forEach(btn => btn.classList.remove('active'));\r\n                \/\/ \u062a\u0641\u0639\u064a\u0644\u0647 \u0644\u0644\u0632\u0631 \u0627\u0644\u062d\u0627\u0644\u064a\r\n                this.classList.add('active');\r\n                \/\/ \u062c\u0644\u0628 \u0627\u0644\u0646\u0635 \u0648\u0639\u0631\u0636\u0647\r\n                const newText = this.getAttribute('data-text');\r\n                displayArea.innerHTML = newText;\r\n            });\r\n        });\r\n\r\n        \/\/ 2. \u0633\u0643\u0631\u0628\u062a \u0627\u0644\u062d\u0631\u0643\u0629\r\n        const reveals = document.querySelectorAll(\".reveal\");\r\n        const revealOnScroll = () => {\r\n            const windowHeight = window.innerHeight;\r\n            const elementVisible = 50;\r\n            reveals.forEach((reveal) => {\r\n                const elementTop = reveal.getBoundingClientRect().top;\r\n                if (elementTop < windowHeight - elementVisible) {\r\n                    reveal.classList.add(\"active\");\r\n                }\r\n            });\r\n        };\r\n        window.addEventListener(\"scroll\", revealOnScroll);\r\n        revealOnScroll();\r\n    });\r\n<\/script>\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<div class=\"elementor-element elementor-element-010d0bd e-flex e-con-boxed e-con e-parent\" data-id=\"010d0bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98b40b8 elementor-widget elementor-widget-html\" data-id=\"98b40b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* \u062a\u0646\u0633\u064a\u0642 \u062e\u0627\u0635 \u0644\u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645 *\/\r\n    :root {\r\n        --stat-primary: #1A3C6B;\r\n        --stat-gold: #B8860B;\r\n    }\r\n\r\n    .dept-stats-wrapper {\r\n        font-family: 'Cairo', 'Tajawal', sans-serif;\r\n        direction: rtl; \/* \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0644\u0644\u0639\u0631\u0628\u064a\u0629 *\/\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n        margin-top: 50px;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .dept-stats-section {\r\n        background: linear-gradient(135deg, var(--stat-primary) 0%, #122b4f 100%);\r\n        padding: 50px 20px; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0634\u0648\u0629 \u0627\u0644\u0639\u0644\u0648\u064a\u0629 \u0648\u0627\u0644\u0633\u0641\u0644\u064a\u0629 *\/\r\n        color: white;\r\n        border-radius: 15px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        box-shadow: 0 10px 30px rgba(26, 60, 107, 0.15);\r\n    }\r\n\r\n    .stats-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        \/* \ud83d\udc47 \u0625\u062c\u0628\u0627\u0631 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0639\u0644\u0649 \u0627\u0644\u0638\u0647\u0648\u0631 \u0641\u064a \u0635\u0641 \u0648\u0627\u062d\u062f (5 \u0623\u0639\u0645\u062f\u0629) \u0644\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 *\/\r\n        grid-template-columns: repeat(5, 1fr); \r\n        gap: 15px; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 *\/\r\n        text-align: center;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .dept-stat-item {\r\n        background: rgba(255, 255, 255, 0.08);\r\n        padding: 15px 10px; \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u062d\u0634\u0648\u0629 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0644\u0644\u0628\u0637\u0627\u0642\u0629 *\/\r\n        border-radius: 12px;\r\n        border: 1px solid rgba(255, 255, 255, 0.15);\r\n        transition: all 0.3s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .dept-stat-item:hover {\r\n        transform: translateY(-5px);\r\n        background: rgba(255, 255, 255, 0.15);\r\n        border-color: var(--stat-gold);\r\n    }\r\n\r\n    \/* \ud83d\udc47 \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\r\n    .stat-icon-box {\r\n        width: 35px; \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u0639\u0631\u0636 *\/\r\n        height: 35px; \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u0637\u0648\u0644 *\/\r\n        margin-bottom: 10px;\r\n        fill: var(--stat-gold);\r\n    }\r\n\r\n    .dept-stat-number {\r\n        font-size: 28px; \/* \u062a\u0635\u063a\u064a\u0631 \u062d\u062c\u0645 \u0627\u0644\u0631\u0642\u0645 *\/\r\n        font-weight: 800;\r\n        color: #ffffff;\r\n        margin-bottom: 2px;\r\n        font-family: sans-serif;\r\n    }\r\n\r\n    .dept-stat-label {\r\n        font-size: 14px; \/* \u062a\u0635\u063a\u064a\u0631 \u062d\u062c\u0645 \u0627\u0644\u0646\u0635 *\/\r\n        color: #e0e0e0;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* \u0634\u0627\u0631\u0629 \"\u0645\u0628\u0627\u0634\u0631\" *\/\r\n    .live-badge {\r\n        display: inline-block;\r\n        font-size: 10px;\r\n        background: var(--stat-gold);\r\n        color: var(--stat-primary);\r\n        padding: 1px 6px;\r\n        border-radius: 4px;\r\n        margin-top: 5px;\r\n        font-weight: bold;\r\n        animation: stat-blink 2s infinite;\r\n    }\r\n\r\n    @keyframes stat-blink { 0% {opacity: 1;} 50% {opacity: 0.5;} 100% {opacity: 1;} }\r\n\r\n    \/* =========================================\r\n       \u0625\u0635\u0644\u0627\u062d\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0627\u0644\u062a\u0631\u062c\u0645\u0629\r\n       ========================================= *\/\r\n    @media (max-width: 900px) {\r\n        .stats-container {\r\n            \/* \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0646\u062c\u0639\u0644\u0647\u0627 \u0639\u0645\u0648\u062f\u064a\u0646 \u0644\u062a\u0628\u0642\u0649 \u0648\u0627\u0636\u062d\u0629 (\u0635\u0641 \u0648\u0627\u062d\u062f \u0633\u064a\u0643\u0648\u0646 \u0635\u063a\u064a\u0631\u0627\u064b \u062c\u062f\u0627\u064b) *\/\r\n            grid-template-columns: repeat(2, 1fr) !important; \r\n            gap: 10px;\r\n        }\r\n        .dept-stat-item:last-child {\r\n            grid-column: span 2; \/* \u0639\u062f\u0627\u062f \u0627\u0644\u0632\u0648\u0627\u0631 \u064a\u0623\u062e\u0630 \u0627\u0644\u0639\u0631\u0636 \u0643\u0627\u0645\u0644 *\/\r\n        }\r\n        .dept-stats-section {\r\n            padding: 30px 15px;\r\n        }\r\n    }\r\n    \r\n    \/* \u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 *\/\r\n    html[lang*=\"en\"] .dept-stats-wrapper { direction: ltr; }\r\n<\/style>\r\n\r\n<div class=\"dept-stats-wrapper\">\r\n    <div class=\"dept-stats-section\">\r\n        <div class=\"stats-container\">\r\n            \r\n            <div class=\"dept-stat-item\">\r\n                <svg class=\"stat-icon-box\" viewBox=\"0 0 24 24\"><path d=\"M12 3L1 9l11 6 9-4.91V17h2V9L12 3zM5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82z\"\/><\/svg>\r\n                <span class=\"dept-stat-number\" data-target=\"2000\">0<\/span>\r\n                <span class=\"dept-stat-label\">\u062e\u0631\u064a\u062c<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"dept-stat-item\">\r\n                <svg class=\"stat-icon-box\" viewBox=\"0 0 24 24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg>\r\n                <span class=\"dept-stat-number\" data-target=\"1200\">0<\/span>\r\n                <span class=\"dept-stat-label\">\u0637\u0627\u0644\u0628 \u062d\u0627\u0644\u064a<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"dept-stat-item\">\r\n                <svg class=\"stat-icon-box\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg>\r\n                <span class=\"dept-stat-number\" data-target=\"16\">0<\/span>\r\n                <span class=\"dept-stat-label\">\u062a\u062f\u0631\u064a\u0633\u064a<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"dept-stat-item\">\r\n                <svg class=\"stat-icon-box\" viewBox=\"0 0 24 24\"><path d=\"M19.8 18.4L14 10.67V6.5l1.35-1.69c.26-.33.03-.81-.4-.81H9.05c-.43 0-.66.49-.4.81L10 6.5v4.17L4.2 18.4c-.49.66-.02 1.6.8 1.6h14c.82 0 1.29-.94.8-1.6z\"\/><\/svg>\r\n                <span class=\"dept-stat-number\" data-target=\"6\">0<\/span>\r\n                <span class=\"dept-stat-label\">\u0645\u062e\u062a\u0628\u0631\u0627\u062a<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"dept-stat-item\" style=\"border-color: var(--stat-gold);\">\r\n                <svg class=\"stat-icon-box\" viewBox=\"0 0 24 24\"><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"\/><\/svg>\r\n                <span class=\"dept-stat-number\" data-target=\"3431\">0<\/span>\r\n                <span class=\"dept-stat-label\">\u0632\u0627\u0626\u0631<\/span>\r\n                <span class=\"live-badge\">\u0645\u0628\u0627\u0634\u0631 \u25cf<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\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<div class=\"elementor-element elementor-element-c6cbfca e-flex e-con-boxed e-con e-parent\" data-id=\"c6cbfca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce8ccb2 elementor-widget elementor-widget-html\" data-id=\"ce8ccb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \r\n        \/\/ ----------------------------------------------------\r\n        \/\/ 1. \u0645\u0646\u0637\u0642 \u0627\u0644\u062a\u0628\u0648\u064a\u0628\u0627\u062a (Tabs)\r\n        \/\/ ----------------------------------------------------\r\n        const buttons = document.querySelectorAll('.tab-btn');\r\n        const displayArea = document.getElementById('tabContentDisplay');\r\n        \r\n        \/\/ \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u062a\u0628\u0648\u064a\u0628 \u0627\u0644\u0623\u0648\u0644 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b\r\n        if (buttons.length > 0 && displayArea) {\r\n            const firstBtn = buttons[0];\r\n            const firstText = firstBtn.getAttribute('data-text');\r\n            \/\/ \u0641\u0642\u0637 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u0645\u0643\u0627\u0646 \u0641\u0627\u0631\u063a\u0627\u064b\r\n            if(!displayArea.innerHTML.trim()) {\r\n                 displayArea.innerHTML = firstText;\r\n            }\r\n\r\n            buttons.forEach(button => {\r\n                button.addEventListener('click', function() {\r\n                    buttons.forEach(btn => btn.classList.remove('active'));\r\n                    this.classList.add('active');\r\n                    displayArea.innerHTML = this.getAttribute('data-text');\r\n                });\r\n            });\r\n        }\r\n\r\n        \/\/ ----------------------------------------------------\r\n        \/\/ 2. \u0645\u0646\u0637\u0642 \u0627\u0644\u0639\u062f\u0627\u062f\u0627\u062a (\u0627\u0644\u0645\u0628\u0633\u0637 \u0648\u0627\u0644\u0645\u0636\u0645\u0648\u0646)\r\n        \/\/ ----------------------------------------------------\r\n        const counters = document.querySelectorAll('.dept-stat-number');\r\n        \r\n        \/\/ \u0623. \u062a\u062c\u0647\u064a\u0632 \u0623\u0631\u0642\u0627\u0645 \u0627\u0644\u0632\u0648\u0627\u0631 (\u0627\u0644\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a\u0629)\r\n        const visitorCounter = document.querySelector('.dept-stat-number[data-target=\"5420\"]');\r\n        if(visitorCounter) {\r\n            \/\/ \u062c\u0644\u0628 \u0627\u0644\u0631\u0642\u0645 \u0627\u0644\u0642\u062f\u064a\u0645 \u0623\u0648 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0631\u0642\u0645 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\r\n            let currentVisits = localStorage.getItem('simple_visit_count');\r\n            let baseTarget = parseInt(visitorCounter.getAttribute('data-target')); \/\/ 5420\r\n            \r\n            if (!currentVisits || parseInt(currentVisits) < baseTarget) {\r\n                currentVisits = baseTarget;\r\n            } else {\r\n                \/\/ \u0632\u064a\u0627\u062f\u0629 \u0639\u0634\u0648\u0627\u0626\u064a\u0629 \u0628\u0633\u064a\u0637\u0629 \u0639\u0646\u062f \u0643\u0644 \u0632\u064a\u0627\u0631\u0629\r\n                currentVisits = parseInt(currentVisits) + Math.floor(Math.random() * 5) + 1;\r\n            }\r\n            \r\n            \/\/ \u062d\u0641\u0638 \u0648\u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0647\u062f\u0641\r\n            localStorage.setItem('simple_visit_count', currentVisits);\r\n            visitorCounter.setAttribute('data-target', currentVisits);\r\n        }\r\n\r\n        \/\/ \u0628. \u062f\u0627\u0644\u0629 \u0627\u0644\u062d\u0631\u0643\u0629 (\u0628\u0633\u064a\u0637\u0629 \u062c\u062f\u0627\u064b \u0648\u0633\u0631\u064a\u0639\u0629)\r\n        const startCounting = (counter) => {\r\n            const target = +counter.getAttribute('data-target');\r\n            const speed = 50; \/\/ \u0643\u0644\u0645\u0627 \u0632\u0627\u062f \u0627\u0644\u0631\u0642\u0645\u060c \u0623\u0628\u0637\u0623 \u0627\u0644\u0639\u062f. 50 \u0631\u0642\u0645 \u0645\u0645\u062a\u0627\u0632.\r\n            \r\n            \/\/ \u0645\u0639\u0627\u062f\u0644\u0629 \u0627\u0644\u062e\u0637\u0648\u0629 (\u0644\u0643\u064a \u064a\u0646\u062a\u0647\u064a \u0627\u0644\u0639\u062f \u0628\u0633\u0631\u0639\u0629 \u0645\u0646\u0627\u0633\u0628\u0629)\r\n            const increment = target \/ speed; \r\n\r\n            const updateCount = () => {\r\n                \/\/ \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0631\u0642\u0645 \u0627\u0644\u062d\u0627\u0644\u064a (\u0645\u0639 \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0641\u0648\u0627\u0635\u0644 \u0625\u0646 \u0648\u062c\u062f\u062a)\r\n                const count = +counter.innerText.replace(\/,\/g, ''); \r\n\r\n                if (count < target) {\r\n                    \/\/ \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u062e\u0637\u0648\u0629\r\n                    counter.innerText = Math.ceil(count + increment).toLocaleString();\r\n                    \/\/ \u062a\u0643\u0631\u0627\u0631 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0628\u0633\u0631\u0639\u0629\r\n                    setTimeout(updateCount, 30);\r\n                } else {\r\n                    \/\/ \u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u0631\u0642\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0628\u062f\u0642\u0629\r\n                    counter.innerText = target.toLocaleString();\r\n                }\r\n            };\r\n            \r\n            \/\/ \u062a\u0635\u0641\u064a\u0631 \u0627\u0644\u0639\u062f\u0627\u062f \u0642\u0628\u0644 \u0627\u0644\u0628\u062f\u0621 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062d\u0631\u0643\u0629\r\n            counter.innerText = \"0\";\r\n            updateCount();\r\n        };\r\n\r\n        \/\/ \u062c. \u0645\u0631\u0627\u0642\u0628 \u0627\u0644\u0634\u0627\u0634\u0629 (\u0644\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0639\u062f\u0627\u062f \u0639\u0646\u062f \u0631\u0624\u064a\u062a\u0647)\r\n        const observerOptions = { threshold: 0.5 }; \/\/ \u064a\u0639\u0645\u0644 \u0639\u0646\u062f\u0645\u0627 \u064a\u0638\u0647\u0631 50% \u0645\u0646 \u0627\u0644\u0639\u0646\u0635\u0631\r\n        \r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    const counter = entry.target;\r\n                    \/\/ \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0639\u062f\r\n                    startCounting(counter);\r\n                    \/\/ \u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 (\u0644\u0643\u064a \u0644\u0627 \u064a\u0639\u064a\u062f \u0627\u0644\u0639\u062f \u0643\u0644\u0645\u0627 \u062a\u062d\u0631\u0643\u062a)\r\n                    observer.unobserve(counter);\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        counters.forEach(counter => {\r\n            observer.observe(counter);\r\n        });\r\n\r\n        \/\/ ----------------------------------------------------\r\n        \/\/ 3. \u062d\u0631\u0643\u0629 \u0638\u0647\u0648\u0631 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 (Reveal)\r\n        \/\/ ----------------------------------------------------\r\n        const reveals = document.querySelectorAll(\".reveal\");\r\n        const revealOnScroll = () => {\r\n            const windowHeight = window.innerHeight;\r\n            const elementVisible = 50;\r\n            reveals.forEach((reveal) => {\r\n                const elementTop = reveal.getBoundingClientRect().top;\r\n                if (elementTop < windowHeight - elementVisible) {\r\n                    reveal.classList.add(\"active\");\r\n                }\r\n            });\r\n        };\r\n        window.addEventListener(\"scroll\", revealOnScroll);\r\n        revealOnScroll(); \/\/ \u062a\u0634\u063a\u064a\u0644 \u0623\u0648\u0644\u064a\r\n    });\r\n<\/script>\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<div class=\"elementor-element elementor-element-7f07287 e-flex e-con-boxed e-con e-parent\" data-id=\"7f07287\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81c2355 elementor-widget elementor-widget-html\" data-id=\"81c2355\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* =============================================\r\n       \u0643\u0648\u062f \u0625\u0635\u0644\u0627\u062d \u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 (Mobile Fixes)\r\n       ============================================= *\/\r\n\r\n    @media (max-width: 768px) {\r\n        \r\n        \/* 1. \u0625\u0635\u0644\u0627\u062d \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0647\u064a\u062f\u0631 (Anesthesia Techniques) *\/\r\n        .dept-header-title h1 {\r\n            font-size: 32px !important; \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u062e\u0637 *\/\r\n            white-space: normal !important; \/* \u0627\u0644\u0633\u0645\u0627\u062d \u0644\u0644\u0646\u0635 \u0628\u0627\u0644\u0646\u0632\u0648\u0644 \u0644\u0633\u0637\u0631 \u062b\u0627\u0646\u064a *\/\r\n            line-height: 1.3 !important; \/* \u062a\u0628\u0627\u0639\u062f \u0623\u0633\u0637\u0631 \u0645\u0646\u0627\u0633\u0628 *\/\r\n            word-wrap: break-word !important; \/* \u0643\u0633\u0631 \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0637\u0648\u064a\u0644\u0629 \u0627\u0630\u0627 \u0644\u0632\u0645 \u0627\u0644\u0627\u0645\u0631 *\/\r\n            text-align: center !important; \/* \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\r\n        }\r\n\r\n        \/* 2. \u0625\u0635\u0644\u0627\u062d \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u062a\u0628\u0648\u064a\u0628 (\u0627\u0644\u0631\u0624\u064a\u0629\u060c \u0627\u0644\u0631\u0633\u0627\u0644\u0629\u060c \u0627\u0644\u0623\u0647\u062f\u0627\u0641) *\/\r\n        .dept-buttons-area {\r\n            flex-direction: row !important; \/* \u0627\u0644\u0625\u0628\u0642\u0627\u0621 \u0639\u0644\u064a\u0647\u0627 \u0628\u062c\u0627\u0646\u0628 \u0628\u0639\u0636 *\/\r\n            flex-wrap: wrap !important; \/* \u0627\u0644\u0633\u0645\u0627\u062d \u0644\u0647\u0627 \u0628\u0627\u0644\u0646\u0632\u0648\u0644 \u0644\u0633\u0637\u0631 \u062c\u062f\u064a\u062f \u0625\u0630\u0627 \u0636\u0627\u0642 \u0627\u0644\u0645\u0643\u0627\u0646 *\/\r\n            justify-content: center !important;\r\n            gap: 10px !important;\r\n        }\r\n\r\n        .dept-tab-btn {\r\n            padding: 8px 12px !important; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0634\u0648\u0629 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 *\/\r\n            font-size: 13px !important; \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u062e\u0637 \u062f\u0627\u062e\u0644 \u0627\u0644\u0632\u0631 *\/\r\n            white-space: nowrap !important; \/* \u0645\u0646\u0639 \u0627\u0644\u0643\u0644\u0645\u0629 \u0645\u0646 \u0627\u0644\u0627\u0646\u0642\u0633\u0627\u0645 (\u0645\u062b\u0644 Missi-on) *\/\r\n            flex: 1 1 auto !important; \/* \u062c\u0639\u0644 \u0639\u0631\u0636 \u0627\u0644\u0632\u0631 \u0645\u0631\u0646\u0627\u064b *\/\r\n            min-width: 80px !important; \/* \u0623\u0642\u0644 \u0639\u0631\u0636 \u0644\u0644\u0632\u0631 *\/\r\n            max-width: 120px !important; \/* \u0623\u0642\u0635\u0649 \u0639\u0631\u0636 \u0644\u0644\u0632\u0631 *\/\r\n            display: flex !important;\r\n            justify-content: center !important;\r\n            align-items: center !important;\r\n        }\r\n\r\n        \/* \u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0646\u0635 \u0627\u0644\u0639\u0631\u0628\u064a \u0623\u0633\u0641\u0644 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 *\/\r\n        .dept-content-area {\r\n            font-size: 16px !important; \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u0646\u0635 \u0642\u0644\u064a\u0644\u0627\u064b *\/\r\n            line-height: 1.6 !important;\r\n            padding: 15px !important;\r\n            text-align: center !important; \/* \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0646\u0635 *\/\r\n        }\r\n\r\n        \/* 3. \u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0647\u0648\u0627\u0645\u0634 \u0627\u0644\u0639\u0627\u0645\u0629 *\/\r\n        .dept-header-container, \r\n        .dept-tabs-container {\r\n            padding: 20px 10px !important; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0647\u0648\u0627\u0645\u0634 \u0627\u0644\u062c\u0627\u0646\u0628\u064a\u0629 *\/\r\n            width: 100% !important;\r\n            overflow-x: hidden !important; \/* \u0645\u0646\u0639 \u0638\u0647\u0648\u0631 \u0634\u0631\u064a\u0637 \u062a\u0645\u0631\u064a\u0631 \u0623\u0641\u0642\u064a *\/\r\n        }\r\n    }\r\n<\/style>\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<div class=\"elementor-element elementor-element-d8d603e e-flex e-con-boxed e-con e-parent\" data-id=\"d8d603e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91a7af0 elementor-widget elementor-widget-html\" data-id=\"91a7af0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"academic-contact-widget\" id=\"contactWidget\">\r\n    \r\n    <div class=\"contact-options\">\r\n        \r\n        <a href=\"https:\/\/wa.me\/9647800000000\" target=\"_blank\" class=\"c-opt whatsapp\" aria-label=\"WhatsApp\" rel=\"noopener\">\r\n            <span class=\"opt-label\">\u0645\u062d\u0627\u062f\u062b\u0629 \u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n            <div class=\"opt-icon\"><i class=\"fab fa-whatsapp\"><\/i><\/div>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/facebook.com\/YourPage\" target=\"_blank\" class=\"c-opt facebook\" aria-label=\"Facebook\" rel=\"noopener\">\r\n            <span class=\"opt-label\">\u0635\u0641\u062d\u0629 \u0627\u0644\u0643\u0644\u064a\u0629<\/span>\r\n            <div class=\"opt-icon\"><i class=\"fab fa-facebook-f\"><\/i><\/div>\r\n        <\/a>\r\n        <a href=\"https:\/\/instagram.com\/YourUsername\" target=\"_blank\" class=\"c-opt instagram\" aria-label=\"Instagram\" rel=\"noopener\">\r\n    <span class=\"opt-label\">\u0627\u0646\u0633\u062a\u0643\u0631\u0627\u0645 \u0627\u0644\u0643\u0644\u064a\u0629<\/span>\r\n    <div class=\"opt-icon\"><i class=\"fab fa-instagram\"><\/i><\/div>\r\n<\/a>\r\n        \r\n        <a href=\"tel:+9647800000000\" class=\"c-opt phone\" aria-label=\"Call Us\">\r\n            <span class=\"opt-label\">\u0627\u062a\u0635\u0627\u0644 \u0647\u0627\u062a\u0641\u064a<\/span>\r\n            <div class=\"opt-icon\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n    <button class=\"main-contact-btn\" onclick=\"toggleContactMenu()\">\r\n        <i class=\"fas fa-headset main-icon\"><\/i>\r\n        <i class=\"fas fa-times close-icon\"><\/i> <span class=\"pulse-ring\"><\/span>\r\n    <\/button>\r\n<\/div>\r\n\r\n<style>\r\n    \/* \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 *\/\r\n    .academic-contact-widget {\r\n        position: fixed;\r\n        bottom: 300px;\r\n        right: 20px; \/* \u0645\u0643\u0627\u0646\u0647\u0627 \u0623\u0633\u0641\u0644 \u0627\u0644\u064a\u0645\u064a\u0646 (\u0639\u0627\u0644\u0645\u064a) *\/\r\n        z-index: 9999;\r\n        font-family: 'Tajawal', sans-serif;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0632\u0631 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\r\n    .main-contact-btn {\r\n        width: 60px;\r\n        height: 60px;\r\n        background: #003366; \/* \u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a \u0627\u0644\u0631\u0633\u0645\u064a *\/\r\n        color: #fff;\r\n        border: none;\r\n        border-radius: 50%;\r\n        box-shadow: 0 4px 15px rgba(0, 51, 102, 0.4);\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 24px;\r\n        position: relative;\r\n        transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .main-contact-btn:hover {\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    \/* \u062a\u0628\u062f\u064a\u0644 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0639\u0646\u062f \u0627\u0644\u0641\u062a\u062d *\/\r\n    .main-contact-btn .close-icon { display: none; }\r\n    .academic-contact-widget.active .main-contact-btn .main-icon { display: none; }\r\n    .academic-contact-widget.active .main-contact-btn .close-icon { display: block; }\r\n    .academic-contact-widget.active .main-contact-btn { background: #bfa15f; \/* \u062a\u062d\u0648\u0644 \u0644\u0644\u0648\u0646 \u0627\u0644\u0630\u0647\u0628\u064a \u0639\u0646\u062f \u0627\u0644\u0641\u062a\u062d *\/ }\r\n\r\n    \/* \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644 (\u0645\u062e\u0641\u064a\u0629 \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0627\u064b) *\/\r\n    .contact-options {\r\n        position: absolute;\r\n        bottom: 70px;\r\n        right: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-end;\r\n        gap: 15px;\r\n        pointer-events: none; \/* \u0644\u0645\u0646\u0639 \u0627\u0644\u0636\u063a\u0637 \u0648\u0647\u064a \u0645\u062e\u0641\u064a\u0629 *\/\r\n    }\r\n\r\n    .c-opt {\r\n        display: flex;\r\n        align-items: center;\r\n        text-decoration: none;\r\n        opacity: 0;\r\n        transform: translateY(20px) scale(0.8);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    \/* \u0638\u0647\u0648\u0631 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a *\/\r\n    .academic-contact-widget.active .contact-options { pointer-events: auto; }\r\n    .academic-contact-widget.active .c-opt { opacity: 1; transform: translateY(0) scale(1); }\r\n    \r\n    \/* \u062a\u0623\u062e\u064a\u0631 \u0638\u0647\u0648\u0631 \u0643\u0644 \u0632\u0631 \u0644\u0639\u0645\u0644 \u062d\u0631\u0643\u0629 \u0645\u062a\u062a\u0627\u0644\u064a\u0629 *\/\r\n    .academic-contact-widget.active .c-opt:nth-child(1) { transition-delay: 0.1s; }\r\n    .academic-contact-widget.active .c-opt:nth-child(2) { transition-delay: 0.05s; }\r\n    .academic-contact-widget.active .c-opt:nth-child(3) { transition-delay: 0s; }\r\n\r\n    \/* \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0641\u0631\u0639\u064a\u0629 *\/\r\n    .opt-icon {\r\n        width: 45px;\r\n        height: 45px;\r\n        border-radius: 50%;\r\n        color: #fff;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 20px;\r\n        box-shadow: 0 3px 10px rgba(0,0,0,0.2);\r\n        margin-left: 10px; \/* \u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0627\u0644\u0646\u0635 \u0648\u0627\u0644\u0632\u0631 *\/\r\n    }\r\n    \/* \u062a\u0646\u0633\u064a\u0642 \u0644\u0648\u0646 \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0646\u0633\u062a\u0643\u0631\u0627\u0645 (\u062a\u062f\u0631\u062c \u0644\u0648\u0646\u064a \u0631\u0633\u0645\u064a) *\/\r\n.instagram .opt-icon {\r\n    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);\r\n}\r\n\r\n    \/* \u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0641\u0631\u0639\u064a\u0629 *\/\r\n    .whatsapp .opt-icon { background: #25D366; }\r\n    .facebook .opt-icon { background: #1877F2; }\r\n    .phone .opt-icon { background: #555; }\r\n\r\n    \/* \u062a\u0633\u0645\u064a\u0627\u062a \u0627\u0644\u0623\u0632\u0631\u0627\u0631 (Labels) *\/\r\n    .opt-label {\r\n        background: #fff;\r\n        color: #333;\r\n        padding: 5px 12px;\r\n        border-radius: 4px;\r\n        font-size: 0.85rem;\r\n        box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n        font-weight: bold;\r\n        white-space: nowrap;\r\n        opacity: 0; \/* \u0645\u062e\u0641\u064a \u0641\u064a \u0627\u0644\u0628\u062f\u0627\u064a\u0629 *\/\r\n        transform: translateX(10px);\r\n        transition: 0.3s;\r\n    }\r\n    \r\n    \/* \u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u062a\u0633\u0645\u064a\u0629 \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0648\u064a\u0645 *\/\r\n    .c-opt:hover .opt-label { opacity: 1; transform: translateX(0); }\r\n\r\n    \/* \u062d\u0631\u0643\u0629 \u0627\u0644\u0646\u0628\u0636 (Pulse Animation) \u0644\u0644\u0632\u0631 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\r\n    .pulse-ring {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n        border: 2px solid #003366;\r\n        animation: pulse 2s infinite;\r\n        opacity: 0;\r\n    }\r\n\r\n    @keyframes pulse {\r\n        0% { transform: scale(1); opacity: 0.7; }\r\n        100% { transform: scale(1.5); opacity: 0; }\r\n    }\r\n\r\n    \/* \u0636\u0628\u0637 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    @media (max-width: 768px) {\r\n        .academic-contact-widget { bottom: 20px; right: 20px; }\r\n        .opt-label { opacity: 1; transform: translateX(0); font-size: 0.75rem; } \/* \u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0623\u0633\u0645\u0627\u0621 \u062f\u0627\u0626\u0645\u0627\u064b \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    function toggleContactMenu() {\r\n        var widget = document.getElementById('contactWidget');\r\n        widget.classList.toggle('active');\r\n    }\r\n<\/script>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u062e\u062f\u064a\u0631 \u064a\u064f\u0639\u062f \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u062e\u062f\u064a\u0631 \u0645\u0646 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u062d\u064a\u0648\u064a\u0629 \u0641\u064a \u0627\u0644\u0643\u0644\u064a\u0629\u060c \u062d\u064a\u062b \u064a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u062e\u0631\u064a\u062c \u0645\u0644\u0627\u0643\u0627\u062a \u0637\u0628\u064a\u0629 \u062a\u0642\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u062a\u062e\u062f\u064a\u0631 \u0648\u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u0629\u060c \u0642\u0627\u062f\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u0644 \u0641\u064a \u0635\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0648\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0641\u0627\u0626\u0642\u0629 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629. \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \/ \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \/ \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u062e\u062f\u064a\u0631 \u0646\u0628\u0630\u0629 \u0639\u0646 \u0627\u0644\u0642\u0633\u0645 \u0631\u0633\u0627\u0644\u062a\u0646\u0627: \u0625\u0639\u062f\u0627\u062f \u0643\u0648\u0627\u062f\u0631 \u062a\u0642\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0645\u0632\u0648\u062f\u0629 \u0628\u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0623\u062e\u0644\u0627\u0642\u064a&#8230;<\/p>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":true,"_kad_post_transparent":"default","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-4545","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tucomht.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/pages\/4545","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tucomht.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tucomht.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tucomht.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/tucomht.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/comments?post=4545"}],"version-history":[{"count":11,"href":"https:\/\/tucomht.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/pages\/4545\/revisions"}],"predecessor-version":[{"id":4927,"href":"https:\/\/tucomht.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/pages\/4545\/revisions\/4927"}],"wp:attachment":[{"href":"https:\/\/tucomht.uoturath.edu.iq\/en\/wp-json\/wp\/v2\/media?parent=4545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}