Al-Turath University - Research & Relations<\/title>\r\n \r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --navy-dark: #020c1b;\r\n --navy-main: #0a192f;\r\n --navy-light: #112240;\r\n --gold-main: #D4AF37;\r\n --gold-light: #F4D03F;\r\n --white: #ffffff;\r\n --text-gray: #a8b2d1;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Cairo', sans-serif;\r\n background-color: var(--navy-dark);\r\n color: var(--white);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ----------------------------------\r\n Hero Section Base\r\n ----------------------------------- *\/\r\n .hero-section {\r\n position: relative;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n background: radial-gradient(circle at 100% 0%, var(--navy-light) 0%, var(--navy-dark) 60%);\r\n overflow: hidden;\r\n padding: 100px 0;\r\n }\r\n\r\n \/* \u0627\u0644\u0625\u0636\u0627\u0621\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n .glow-background {\r\n position: absolute;\r\n top: 50%;\r\n right: 10%;\r\n transform: translateY(-50%);\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(circle, rgba(212, 175, 55, 0.08) 0%, transparent 70%);\r\n z-index: 0;\r\n pointer-events: none;\r\n }\r\n\r\n .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 5%;\r\n position: relative;\r\n z-index: 2;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: center;\r\n }\r\n\r\n \/* ----------------------------------\r\n Text Content\r\n ----------------------------------- *\/\r\n .hero-text {\r\n direction: ltr;\r\n text-align: left;\r\n animation: fadeInRight 1s ease-out forwards;\r\n }\r\n\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n padding: 8px 24px;\r\n background: rgba(212, 175, 55, 0.05);\r\n border: 1px solid rgba(212, 175, 55, 0.3);\r\n color: var(--gold-light);\r\n border-radius: 50px;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 30px;\r\n backdrop-filter: blur(10px);\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n .badge::before {\r\n content: '';\r\n display: inline-block;\r\n width: 8px;\r\n height: 8px;\r\n background-color: var(--gold-main);\r\n border-radius: 50%;\r\n margin-right: 10px;\r\n box-shadow: 0 0 8px var(--gold-main);\r\n }\r\n\r\n .hero-text h1 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 4.2rem;\r\n line-height: 1.15;\r\n margin-bottom: 25px;\r\n color: var(--white);\r\n }\r\n\r\n .hero-text h1 .gold-text {\r\n color: var(--gold-main);\r\n font-style: italic;\r\n display: block;\r\n }\r\n\r\n .hero-text p {\r\n font-size: 1.25rem;\r\n line-height: 1.7;\r\n color: var(--text-gray);\r\n max-width: 95%;\r\n margin-bottom: 40px;\r\n border-left: 3px solid var(--gold-main);\r\n padding-left: 20px;\r\n }\r\n\r\n \/* ----------------------------------\r\n Mosaic Image Grid (\u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a \u0648\u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0645\u062b\u0627\u0644\u064a\u0629)\r\n ----------------------------------- *\/\r\n .hero-visuals {\r\n width: 100%;\r\n animation: fadeInLeft 1s ease-out forwards;\r\n }\r\n\r\n .mosaic-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 24px; \/* \u0645\u0633\u0627\u0641\u0629 \u0645\u062a\u0633\u0627\u0648\u064a\u0629 \u0648\u0645\u062b\u0627\u0644\u064a\u0629 \u0628\u064a\u0646 \u0627\u0644\u0623\u0639\u0645\u062f\u0629 *\/\r\n align-items: center;\r\n }\r\n\r\n .mosaic-col {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 24px; \/* \u0645\u0633\u0627\u0641\u0629 \u0645\u062a\u0633\u0627\u0648\u064a\u0629 \u0648\u0645\u062b\u0627\u0644\u064a\u0629 \u0628\u064a\u0646 \u0627\u0644\u0635\u0648\u0631 \u0641\u064a \u0646\u0641\u0633 \u0627\u0644\u0639\u0645\u0648\u062f *\/\r\n }\r\n\r\n \/* \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u062b\u0627\u0646\u064a \u0642\u0644\u064a\u0644\u0627\u064b \u0644\u0644\u0623\u0639\u0644\u0649 \u0644\u0625\u0639\u0637\u0627\u0621 \u0634\u0643\u0644 \u0645\u062a\u062f\u0627\u062e\u0644 \u0623\u0646\u064a\u0642 \u0648\u0644\u0643\u0646 \u0647\u0646\u062f\u0633\u064a *\/\r\n .mosaic-col.stagger {\r\n transform: translateY(-40px);\r\n }\r\n\r\n .img-box {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n border: 1px solid rgba(212, 175, 55, 0.15);\r\n transition: all 0.5s ease;\r\n background-color: var(--navy-light);\r\n cursor: pointer;\r\n }\r\n\r\n .img-box::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, rgba(2, 12, 27, 0.6) 0%, transparent 50%);\r\n z-index: 1;\r\n opacity: 0.8;\r\n transition: opacity 0.5s ease;\r\n }\r\n\r\n .img-box:hover {\r\n transform: translateY(-5px);\r\n border-color: rgba(212, 175, 55, 0.6);\r\n box-shadow: 0 30px 50px rgba(0,0,0,0.6), 0 0 20px rgba(212, 175, 55, 0.1);\r\n }\r\n\r\n .img-box:hover::before {\r\n opacity: 0.3;\r\n }\r\n\r\n .img-box img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.7s ease;\r\n display: block;\r\n }\r\n\r\n .img-box:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* \u0636\u0628\u0637 \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639\u0627\u062a \u0644\u062a\u0643\u0648\u064a\u0646 \u0634\u0643\u0644 \u0641\u0633\u064a\u0641\u0633\u0627\u0626\u064a \u0645\u062a\u0646\u0627\u0633\u0642 *\/\r\n .mosaic-col:nth-child(1) .img-box:nth-child(1) { height: 380px; }\r\n .mosaic-col:nth-child(1) .img-box:nth-child(2) { height: 260px; }\r\n .mosaic-col:nth-child(2) .img-box:nth-child(1) { height: 260px; }\r\n .mosaic-col:nth-child(2) .img-box:nth-child(2) { height: 380px; }\r\n\r\n \/* ----------------------------------\r\n Animations\r\n ----------------------------------- *\/\r\n @keyframes fadeInRight {\r\n 0% { opacity: 0; transform: translateX(-40px); }\r\n 100% { opacity: 1; transform: translateX(0); }\r\n }\r\n @keyframes fadeInLeft {\r\n 0% { opacity: 0; transform: translateX(40px); }\r\n 100% { opacity: 1; transform: translateX(0); }\r\n }\r\n\r\n \/* ----------------------------------\r\n Responsive Design (\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0627\u0644\u062a\u0627\u0628\u0644\u062a)\r\n ----------------------------------- *\/\r\n @media (max-width: 1200px) {\r\n .hero-text h1 { font-size: 3.5rem; }\r\n .container { gap: 40px; }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .hero-section {\r\n padding: 120px 0 80px;\r\n background: var(--navy-dark);\r\n }\r\n\r\n .container {\r\n grid-template-columns: 1fr;\r\n gap: 50px;\r\n text-align: center;\r\n }\r\n\r\n .hero-text {\r\n text-align: center;\r\n animation: fadeInRight 1s ease-out forwards; \/* \u062a\u0648\u062d\u064a\u062f \u0627\u0644\u062d\u0631\u0643\u0629 *\/\r\n }\r\n\r\n .hero-text p {\r\n margin: 0 auto 40px;\r\n border-left: none;\r\n border-top: 3px solid var(--gold-main);\r\n padding-left: 0;\r\n padding-top: 20px;\r\n }\r\n\r\n .badge {\r\n margin: 0 auto 25px;\r\n }\r\n\r\n .glow-background {\r\n top: 20%;\r\n right: 50%;\r\n transform: translateX(50%);\r\n }\r\n\r\n \/* \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0644\u0644\u0635\u0648\u0631 *\/\r\n .mosaic-col.stagger {\r\n transform: translateY(0); \/* \u0625\u0644\u063a\u0627\u0621 \u0627\u0644\u062a\u062f\u0627\u062e\u0644 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0644\u062a\u0631\u062a\u064a\u0628 \u0645\u062b\u0627\u0644\u064a *\/\r\n }\r\n\r\n .mosaic-grid {\r\n gap: 15px; \/* \u0645\u0633\u0627\u0641\u0629 \u0623\u0642\u0644 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n }\r\n .mosaic-col {\r\n gap: 15px;\r\n }\r\n\r\n \/* \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639\u0627\u062a \u0644\u062a\u0646\u0627\u0633\u0628 \u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0647\u0648\u0627\u062a\u0641 *\/\r\n .mosaic-col:nth-child(1) .img-box:nth-child(1),\r\n .mosaic-col:nth-child(2) .img-box:nth-child(2) { height: 250px; }\r\n \r\n .mosaic-col:nth-child(1) .img-box:nth-child(2),\r\n .mosaic-col:nth-child(2) .img-box:nth-child(1) { height: 180px; }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .hero-text h1 { font-size: 2.8rem; }\r\n .hero-text h1 .gold-text { font-size: 2.5rem; }\r\n .hero-text p { font-size: 1.1rem; }\r\n \r\n \/* \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u062c\u062f\u0627\u064b\u060c \u0646\u062c\u0639\u0644 \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639\u0627\u062a \u0645\u0648\u062d\u062f\u0629 \u0646\u0633\u0628\u064a\u0627\u064b *\/\r\n .mosaic-col:nth-child(1) .img-box:nth-child(1),\r\n .mosaic-col:nth-child(2) .img-box:nth-child(2) { height: 200px; }\r\n \r\n .mosaic-col:nth-child(1) .img-box:nth-child(2),\r\n .mosaic-col:nth-child(2) .img-box:nth-child(1) { height: 150px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"hero-section\">\r\n \r\n <div class=\"glow-background\"><\/div>\r\n\r\n <div class=\"container\">\r\n \r\n <div class=\"hero-text\">\r\n <div class=\"badge\">Research & Relations Dept.<\/div>\r\n <h1>Building Global Partnerships <br><span class=\"gold-text\">for Academic Excellence<\/span><\/h1>\r\n <p>Supporting international cooperation, research exchange, and academic development at Al-Turath University.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-visuals\">\r\n <div class=\"mosaic-grid\">\r\n \r\n \r\n <div class=\"mosaic-col\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/DSC04262-scaled-1.jpg\" alt=\"Academic Research\">\r\n <\/div>\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/130700500_1475866192617157_7532090490978052483_n.jpg\" alt=\"Academic Development\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mosaic-col stagger\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-06_11-52-12.jpg\" alt=\"Global Partnerships\">\r\n <\/div>\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/135651498_1797754907041188_3147961252692644677_n.jpg\" alt=\"International Cooperation\">\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31f5cfe e-flex e-con-boxed e-con e-parent\" data-id=\"31f5cfe\" 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-3595c9e elementor-widget elementor-widget-html\" data-id=\"3595c9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"eut-academic-news\" data-eut-post>\r\n <style>\r\n \/* =========================================\r\n 1. VARIABLES (CSS Custom Properties)\r\n ========================================= *\/\r\n :root {\r\n --eu-blue: #003399;\r\n --eu-gold: #FFCC00;\r\n --navy-dark: #050a18;\r\n --glass: rgba(255, 255, 255, 0.05);\r\n --glass-border: rgba(255, 255, 255, 0.12);\r\n --text-main: #ffffff;\r\n --text-muted: rgba(255, 255, 255, 0.75);\r\n --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n \/* =========================================\r\n 2. BASE STYLES\r\n ========================================= *\/\r\n .eut-academic-news {\r\n direction: ltr;\r\n font-family: var(--font-family);\r\n background: linear-gradient(135deg, #070e21 0%, #0c1a3d 100%);\r\n color: var(--text-main);\r\n padding: clamp(20px, 4vw, 40px) clamp(15px, 3vw, 20px);\r\n border-radius: 24px;\r\n overflow: hidden;\r\n line-height: 1.6;\r\n box-sizing: border-box;\r\n }\r\n\r\n .eut-academic-news * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .eut-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* =========================================\r\n 3. HEADER\r\n ========================================= *\/\r\n .eut-header-box {\r\n margin-bottom: 35px;\r\n border-left: 5px solid var(--eu-gold);\r\n padding-left: 20px;\r\n }\r\n\r\n .eut-tag {\r\n background: var(--eu-gold);\r\n color: var(--navy-dark);\r\n padding: 4px 15px;\r\n font-weight: bold;\r\n font-size: 14px;\r\n border-radius: 4px;\r\n display: inline-block;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .eut-main-title {\r\n font-size: clamp(24px, 4vw, 36px);\r\n font-weight: 800;\r\n margin: 0;\r\n color: var(--text-main);\r\n line-height: 1.3;\r\n }\r\n\r\n \/* =========================================\r\n 4. MAIN GRID & SIDEBAR\r\n ========================================= *\/\r\n .eut-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 30px;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .eut-grid { grid-template-columns: 1fr; }\r\n }\r\n\r\n .eut-visual-panel {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n border: 1px solid var(--glass-border);\r\n height: clamp(300px, 50vw, 500px);\r\n background: #000;\r\n }\r\n\r\n .eut-visual-panel img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: opacity 0.3s ease-in-out;\r\n display: block;\r\n }\r\n\r\n .eut-info-sidebar {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .eut-info-card {\r\n background: var(--glass);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n border: 1px solid var(--glass-border);\r\n padding: 25px;\r\n border-radius: 15px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .eut-info-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-info-card h3 {\r\n color: var(--eu-gold);\r\n font-size: 18px;\r\n margin-top: 0;\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .eut-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .eut-list li {\r\n padding: 8px 0;\r\n border-bottom: 1px solid rgba(255,255,255,0.05);\r\n font-size: 15px;\r\n }\r\n\r\n .eut-list li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .eut-list li b { color: var(--eu-gold); }\r\n\r\n \/* =========================================\r\n 5. GALLERY THUMBNAILS\r\n ========================================= *\/\r\n .eut-gallery-strip {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 15px;\r\n margin-top: 30px;\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .eut-gallery-strip { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n\r\n .eut-thumb {\r\n aspect-ratio: 4\/3;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n overflow: hidden;\r\n border: 2px solid transparent;\r\n transition: all 0.3s ease;\r\n opacity: 0.6;\r\n background: #000;\r\n }\r\n\r\n .eut-thumb:hover, .eut-thumb.active {\r\n opacity: 1;\r\n border-color: var(--eu-gold);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-thumb img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n pointer-events: none;\r\n }\r\n\r\n \/* =========================================\r\n 6. BOTTOM DETAILS\r\n ========================================= *\/\r\n .eut-details-section {\r\n margin-top: 40px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .eut-detail-item {\r\n padding: 25px;\r\n background: rgba(255,255,255,0.02);\r\n border-top: 2px solid var(--eu-gold);\r\n border-radius: 0 0 12px 12px;\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .eut-detail-item:hover {\r\n background: rgba(255,255,255,0.05);\r\n }\r\n\r\n .eut-detail-item h4 {\r\n color: var(--eu-gold);\r\n margin-top: 0;\r\n margin-bottom: 12px;\r\n font-size: 18px;\r\n }\r\n\r\n .eut-detail-item p {\r\n margin: 0;\r\n color: var(--text-muted);\r\n font-size: 15px;\r\n }\r\n\r\n .eut-footer {\r\n margin-top: 50px;\r\n padding-top: 20px;\r\n border-top: 1px solid var(--glass-border);\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n <\/style>\r\n\r\n <div class=\"eut-container\">\r\n \r\n <header class=\"eut-header-box\">\r\n <span class=\"eut-tag\">International Partnerships<\/span>\r\n <h1 class=\"eut-main-title\">Applications Open: Study at the University of Plymouth (UK)<\/h1>\r\n <p style=\"color: var(--text-muted); margin-top: 10px; margin-bottom: 0;\">Al-Turath University announces the opening of applications for study in the United Kingdom, offering an exclusive 75% reduction in tuition fees.<\/p>\r\n <\/header>\r\n\r\n <div class=\"eut-grid\">\r\n \r\n <div class=\"eut-visual-panel\">\r\n <img decoding=\"async\" class=\"eut-main-view\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/FB_IMG_1772005697778.jpg\" alt=\"University of Plymouth Agreement\" loading=\"eager\">\r\n <\/div>\r\n\r\n \r\n <aside class=\"eut-info-sidebar\">\r\n <div class=\"eut-info-card\">\r\n <h3>Programme Highlights<\/h3>\r\n <ul class=\"eut-list\">\r\n <li>Partner: <b>University of Plymouth (UK)<\/b><\/li>\r\n <li>Financial Aid: <b>75% Tuition Fee Reduction<\/b><\/li>\r\n <li>Status: <b>Applications Now Open<\/b><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"eut-info-card\" style=\"background: var(--eu-blue);\">\r\n <h3>Official Agreement<\/h3>\r\n <p style=\"font-size: 14px; margin: 0;\">\"This opportunity follows the successful signing of an agreement between the two universities and the completion of all official procedures, in accordance with the approved regulations and conditions.\"<\/p>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-gallery-strip\" style=\"grid-template-columns: repeat(1, 1fr); max-width: 200px;\">\r\n <div class=\"eut-thumb active\" onclick=\"eutSwitchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/FB_IMG_1772005697778.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/FB_IMG_1772005697778.jpg\" alt=\"Plymouth University Partnership\" loading=\"lazy\">\r\n <\/div>\r\n \r\n <\/div>\r\n\r\n \r\n <div class=\"eut-details-section\">\r\n <div class=\"eut-detail-item\">\r\n <h4>Study in the UK<\/h4>\r\n <p>Expand your academic horizons by studying at the University of Plymouth, a prestigious institution in the United Kingdom known for its academic excellence and research impact.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>75% Tuition Reduction<\/h4>\r\n <p>Through our strategic partnership, accepted students from Al-Turath University will benefit from a massive 75% reduction in tuition fees, making world-class education more accessible.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>Fully Accredited<\/h4>\r\n <p>All official procedures and bilateral agreements have been completed and approved to ensure a smooth, recognized, and highly regulated application process for our students.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <footer class=\"eut-footer\">\r\n <div>University News \u2014 Al-Turath University \u2014 Scholarships and Relations Department<\/div>\r\n <div>6 March 2026<\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n <script>\r\n \/**\r\n * Safely switches the main image with a smooth fade effect.\r\n * Scoped to prevent conflicts in WordPress if multiple blocks exist.\r\n *\/\r\n function eutSwitchImage(element, src) {\r\n if (!element || !src) return;\r\n \r\n const blockContainer = element.closest('.eut-academic-news');\r\n if (!blockContainer) return;\r\n \r\n const mainImg = blockContainer.querySelector('.eut-main-view');\r\n if (!mainImg) return;\r\n \r\n mainImg.style.opacity = '0';\r\n \r\n setTimeout(() => {\r\n mainImg.onload = () => {\r\n mainImg.style.opacity = '1';\r\n };\r\n mainImg.src = src;\r\n }, 300);\r\n \r\n const thumbnails = blockContainer.querySelectorAll('.eut-thumb');\r\n thumbnails.forEach(t => t.classList.remove('active'));\r\n element.classList.add('active');\r\n }\r\n <\/script>\r\n<\/section>\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-01f8e6d e-flex e-con-boxed e-con e-parent\" data-id=\"01f8e6d\" 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-8021d62 elementor-widget elementor-widget-video\" data-id=\"8021d62\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"youtube_url":"https:\\\/\\\/youtu.be\\\/IJguWW3E4RM?si=ov4dL6yHgY3Ewg1-","yt_privacy":"yes","video_type":"youtube"}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\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-cbbf1a6 e-flex e-con-boxed e-con e-parent\" data-id=\"cbbf1a6\" 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-2c7acbe elementor-widget elementor-widget-html\" data-id=\"2c7acbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ali-ogaili-card\" dir=\"ltr\" lang=\"en\">\r\n <div class=\"ali-ogaili-image-wrap\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2024-07-30-at-10.36.55-AM-682x1024.jpeg.webp\" \r\n alt=\"Mr. Ali Al-Ogaili\"\r\n class=\"ali-ogaili-image\"\r\n >\r\n <\/div>\r\n\r\n <div class=\"ali-ogaili-content\">\r\n <h2 class=\"ali-ogaili-name\">Mr. Ali Al-Ogaili<\/h2>\r\n <div class=\"ali-ogaili-title\">\r\n Chairman of the Board of Trustees \u2013 Al-Turath University\r\n <\/div>\r\n <p class=\"ali-ogaili-text\">\r\n A visionary leader shaping the future of education and a committed humanitarian advocate for the underprivileged and vulnerable communities of Iraq.\r\n <\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n .ali-ogaili-card {\r\n direction: ltr;\r\n text-align: left;\r\n display: flex;\r\n align-items: center;\r\n gap: 24px;\r\n max-width: 950px;\r\n margin: 20px auto;\r\n padding: 24px;\r\n background: linear-gradient(145deg, #050505 0%, #0b0f19 45%, #111827 100%);\r\n border: 2px solid #d4af37;\r\n border-radius: 18px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.35);\r\n color: #ffffff;\r\n font-family: \"Georgia\", \"Times New Roman\", serif;\r\n overflow: hidden;\r\n }\r\n\r\n .ali-ogaili-image-wrap {\r\n flex: 0 0 180px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .ali-ogaili-image {\r\n width: 180px;\r\n height: 220px;\r\n object-fit: cover;\r\n border-radius: 14px;\r\n border: 3px solid #d4af37;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\r\n display: block;\r\n }\r\n\r\n .ali-ogaili-content {\r\n flex: 1;\r\n min-width: 0;\r\n }\r\n\r\n .ali-ogaili-name {\r\n margin: 0 0 10px 0;\r\n font-size: 32px;\r\n line-height: 1.2;\r\n color: #f8f4d7;\r\n font-weight: 700;\r\n letter-spacing: 0.4px;\r\n }\r\n\r\n .ali-ogaili-title {\r\n margin-bottom: 14px;\r\n font-size: 18px;\r\n line-height: 1.5;\r\n color: #f0c75e;\r\n font-weight: 600;\r\n }\r\n\r\n .ali-ogaili-text {\r\n margin: 0;\r\n font-size: 17px;\r\n line-height: 1.8;\r\n color: #ffffff;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .ali-ogaili-card {\r\n flex-direction: column;\r\n text-align: left;\r\n padding: 18px;\r\n gap: 18px;\r\n }\r\n\r\n .ali-ogaili-image-wrap {\r\n flex: 0 0 auto;\r\n width: 100%;\r\n }\r\n\r\n .ali-ogaili-image {\r\n width: 160px;\r\n height: 200px;\r\n }\r\n\r\n .ali-ogaili-name {\r\n font-size: 25px;\r\n }\r\n\r\n .ali-ogaili-title {\r\n font-size: 16px;\r\n }\r\n\r\n .ali-ogaili-text {\r\n font-size: 15px;\r\n line-height: 1.7;\r\n }\r\n }\r\n<\/style>\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-9dc39b9 e-flex e-con-boxed e-con e-parent\" data-id=\"9dc39b9\" 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-bc64132 elementor-widget elementor-widget-html\" data-id=\"bc64132\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"eut-academic-department\" data-eut-post dir=\"ltr\">\r\n <style>\r\n \/* =========================================\r\n 1. VARIABLES (CSS Custom Properties)\r\n ========================================= *\/\r\n .eut-academic-department {\r\n \/* Dark & Glassy Theme (Restoring Original Colors) *\/\r\n --acad-navy: #FFFFFF; \/* \u0646\u0635\u0648\u0635 \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0623\u0628\u064a\u0636 *\/\r\n --acad-navy-light: rgba(255, 255, 255, 0.06); \r\n --acad-gold: #C5A059; \/* \u0627\u0644\u0630\u0647\u0628\u064a \u0627\u0644\u062c\u0627\u0645\u0639\u064a *\/\r\n --acad-gold-light: #DFBE7B;\r\n \r\n --acad-bg: #0f1115; \/* \u062e\u0644\u0641\u064a\u0629 \u062f\u0627\u0643\u0646\u0629 \u062c\u062f\u0627\u064b \u0648\u0623\u0646\u064a\u0642\u0629 *\/\r\n --acad-surface: rgba(255, 255, 255, 0.04); \/* \u062a\u0623\u062b\u064a\u0631 \u0632\u062c\u0627\u062c\u064a \u0644\u0644\u0628\u0637\u0627\u0642\u0627\u062a *\/\r\n --acad-border: rgba(255, 255, 255, 0.12); \/* \u062d\u062f\u0648\u062f \u0632\u062c\u0627\u062c\u064a\u0629 \u062e\u0641\u064a\u0641\u0629 *\/\r\n \r\n --acad-text-main: #f0f6fc; \/* \u0646\u0635\u0648\u0635 \u0631\u0626\u064a\u0633\u064a\u0629 \u0641\u0627\u062a\u062d\u0629 *\/\r\n --acad-text-muted: #8b949e; \/* \u0646\u0635\u0648\u0635 \u062b\u0627\u0646\u0648\u064a\u0629 \u0628\u0644\u0648\u0646 \u0631\u0645\u0627\u062f\u064a \u0645\u0631\u064a\u062d \u0644\u0644\u0639\u064a\u0646 *\/\r\n \r\n \/* Typography *\/\r\n --font-serif: \"Playfair Display\", \"Merriweather\", \"Georgia\", \"Times New Roman\", serif;\r\n --font-sans: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\r\n \r\n --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.3);\r\n --shadow-md: 0 12px 26px rgba(0, 0, 0, 0.5);\r\n \r\n --radius: 12px;\r\n --max-w: 1200px;\r\n }\r\n\r\n \/* =========================================\r\n 2. RESET & BASE TYPOGRAPHY\r\n ========================================= *\/\r\n section.eut-academic-department,\r\n section.eut-academic-department * {\r\n box-sizing: border-box;\r\n }\r\n\r\n section.eut-academic-department {\r\n font-family: var(--font-sans);\r\n color: var(--acad-text-main);\r\n background-color: transparent;\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n section.eut-academic-department img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n\r\n \/* =========================================\r\n 3. MAIN CONTAINER\r\n ========================================= *\/\r\n .acad-wrapper {\r\n max-width: var(--max-w);\r\n margin: 0 auto;\r\n background: var(--acad-bg);\r\n border: 1px solid var(--acad-border);\r\n border-top: 5px solid var(--acad-gold);\r\n border-radius: 8px;\r\n box-shadow: var(--shadow-md);\r\n overflow: hidden;\r\n }\r\n\r\n .acad-inner {\r\n padding: clamp(24px, 4vw, 48px) clamp(20px, 4vw, 48px);\r\n }\r\n\r\n \/* =========================================\r\n 4. HEADER\r\n ========================================= *\/\r\n .acad-header {\r\n text-align: center;\r\n margin-bottom: clamp(32px, 5vw, 48px);\r\n padding-bottom: 24px;\r\n border-bottom: 1px solid var(--acad-border);\r\n }\r\n\r\n .acad-univ-name {\r\n display: block;\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n color: var(--acad-gold);\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .acad-main-title {\r\n font-family: var(--font-serif);\r\n color: var(--acad-navy);\r\n font-size: clamp(28px, 4vw, 42px);\r\n font-weight: 700;\r\n line-height: 1.2;\r\n margin: 0 0 16px 0;\r\n }\r\n\r\n .acad-subtitle {\r\n font-size: clamp(16px, 2vw, 18px);\r\n color: var(--acad-text-muted);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n font-weight: 400;\r\n }\r\n\r\n \/* =========================================\r\n 5. PROFILE & STATEMENT GRID\r\n ========================================= *\/\r\n .acad-statement-grid {\r\n display: grid;\r\n grid-template-columns: 320px 1fr;\r\n gap: clamp(32px, 4vw, 56px);\r\n margin-bottom: 48px;\r\n align-items: start;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .acad-statement-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n \/* Profile Sidebar *\/\r\n .acad-profile {\r\n text-align: center;\r\n }\r\n\r\n .acad-profile-img {\r\n width: 100%;\r\n max-width: 280px;\r\n aspect-ratio: 3\/4;\r\n object-fit: cover;\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow-md);\r\n margin: 0 auto 20px;\r\n border: 1px solid var(--acad-border);\r\n }\r\n\r\n .acad-profile-name {\r\n font-family: var(--font-serif);\r\n font-size: 22px;\r\n color: var(--acad-navy);\r\n margin: 0 0 6px 0;\r\n font-weight: 700;\r\n }\r\n\r\n .acad-profile-title {\r\n font-size: 14px;\r\n color: var(--acad-text-muted);\r\n margin: 0;\r\n font-weight: 500;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* Statement Content *\/\r\n .acad-article h2 {\r\n font-family: var(--font-serif);\r\n font-size: 24px;\r\n color: var(--acad-navy);\r\n margin: 0 0 20px 0;\r\n padding-bottom: 12px;\r\n position: relative;\r\n }\r\n\r\n .acad-article h2::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 40px;\r\n height: 3px;\r\n background: var(--acad-gold);\r\n }\r\n\r\n .acad-article p {\r\n margin: 0 0 18px 0;\r\n font-size: 16px;\r\n line-height: 1.8;\r\n color: var(--acad-text-main);\r\n }\r\n\r\n .acad-article p:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .acad-lead-text {\r\n font-size: 18px !important;\r\n color: var(--acad-navy) !important;\r\n font-weight: 500;\r\n line-height: 1.7 !important;\r\n }\r\n\r\n \/* =========================================\r\n 6. PRIORITIES SECTION (Image + Text)\r\n ========================================= *\/\r\n .acad-priorities {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 32px;\r\n background: var(--acad-surface);\r\n border-radius: var(--radius);\r\n padding: clamp(24px, 4vw, 40px);\r\n margin-bottom: 48px;\r\n align-items: center;\r\n border: 1px solid var(--acad-border);\r\n }\r\n\r\n @media (max-width: 800px) {\r\n .acad-priorities {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n .acad-priorities-content h3 {\r\n font-family: var(--font-serif);\r\n font-size: 24px;\r\n color: var(--acad-navy);\r\n margin: 0 0 16px 0;\r\n }\r\n\r\n .acad-priorities-content p {\r\n margin: 0;\r\n color: var(--acad-text-muted);\r\n font-size: 15px;\r\n line-height: 1.8;\r\n }\r\n\r\n .acad-priorities-img {\r\n width: 100%;\r\n height: 260px;\r\n object-fit: cover;\r\n border-radius: 8px;\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n \/* =========================================\r\n 7. CORE PILLARS\r\n ========================================= *\/\r\n .acad-pillars-title {\r\n text-align: center;\r\n font-family: var(--font-serif);\r\n font-size: 24px;\r\n color: var(--acad-navy);\r\n margin: 0 0 32px 0;\r\n }\r\n\r\n .acad-pillars-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .acad-pillars-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n .acad-pillar-card {\r\n background: var(--acad-bg);\r\n border: 1px solid var(--acad-border);\r\n padding: 32px 24px;\r\n border-radius: var(--radius);\r\n text-align: center;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .acad-pillar-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 4px;\r\n background: var(--acad-gold);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .acad-pillar-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-md);\r\n }\r\n\r\n .acad-pillar-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .acad-pillar-icon {\r\n width: 48px;\r\n height: 48px;\r\n margin: 0 auto 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--acad-surface);\r\n border-radius: 50%;\r\n color: var(--acad-navy);\r\n }\r\n\r\n .acad-pillar-icon svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: currentColor;\r\n }\r\n\r\n .acad-pillar-card h4 {\r\n font-family: var(--font-serif);\r\n font-size: 18px;\r\n color: var(--acad-navy);\r\n margin: 0 0 12px 0;\r\n }\r\n\r\n .acad-pillar-card p {\r\n margin: 0;\r\n font-size: 14px;\r\n color: var(--acad-text-muted);\r\n line-height: 1.7;\r\n }\r\n\r\n <\/style>\r\n\r\n <div class=\"acad-wrapper\">\r\n <div class=\"acad-inner\">\r\n \r\n <header class=\"acad-header\">\r\n <span class=\"acad-univ-name\">Al-Turath University<\/span>\r\n <h1 class=\"acad-main-title\">Scholarships and Relations Department<\/h1>\r\n <p class=\"acad-subtitle\">Advancing higher education through strategic global partnerships and academic openness.<\/p>\r\n <\/header>\r\n\r\n <div class=\"acad-statement-grid\">\r\n <aside class=\"acad-profile\">\r\n <img decoding=\"async\" \r\n class=\"acad-profile-img\" \r\n src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_01-23-37.jpg\" \r\n alt=\"Dr. Mohammed Abduljalil - Head of Department\" \r\n loading=\"eager\"\r\n \/>\r\n <h3 class=\"acad-profile-name\">Dr. Mohammed Abduljalil<\/h3>\r\n <p class=\"acad-profile-title\">Head of Scholarships and Relations Department<\/p>\r\n <\/aside>\r\n\r\n <article class=\"acad-article\">\r\n <h2>Official Statement<\/h2>\r\n <p class=\"acad-lead-text\">\r\n The Scholarships and Relations Department serves as Al-Turath University's gateway to academic openness and international scientific cooperation.\r\n <\/p>\r\n <p>\r\n Guided by the University\u2019s vision, we build high-quality partnerships with global institutions to expand opportunities for students and researchers, advancing higher education in line with global accreditation standards.\r\n <\/p>\r\n <p>\r\n We view internationalisation as a strategic pathway. Therefore, the Department prioritises initiatives that connect the University with advanced research environments, enhancing institutional performance and integrating our researchers into global knowledge networks.\r\n <\/p>\r\n <p>\r\n We remain committed to the highest professional standards, working collaboratively to realise the University\u2019s strategic aspirations and strengthen its regional and global standing.\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"acad-priorities\">\r\n <div class=\"acad-priorities-content\">\r\n <h3>Operational Priorities<\/h3>\r\n <p>\r\n We focus on measurable, impact-oriented partnerships that transition from formal agreements to joint projects, knowledge production, and sustainable development. Governed by sound principles, these relations facilitate the exchange of expertise to serve Iraq and reinforce its scientific advancement.\r\n <\/p>\r\n <\/div>\r\n <img decoding=\"async\" \r\n class=\"acad-priorities-img\" \r\n src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d2c61f363.jpg\" \r\n alt=\"Department Operational Activities and Meetings\" \r\n loading=\"lazy\"\r\n \/>\r\n <\/div>\r\n\r\n <h3 class=\"acad-pillars-title\">Core Pillars of Operation<\/h3>\r\n <div class=\"acad-pillars-grid\">\r\n <div class=\"acad-pillar-card\">\r\n <div class=\"acad-pillar-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L1 7l11 5 11-5-11-5zM2 15.27V10l10 4.54L22 10v5.27A10.02 10.02 0 0 1 12 22a10.02 10.02 0 0 1-10-6.73z\"\/><\/svg>\r\n <\/div>\r\n <h4>Partnerships & Agreements<\/h4>\r\n <p>Establishing and activating memoranda of understanding and scientific agreements with universities, research centres, and international institutions.<\/p>\r\n <\/div>\r\n\r\n <div class=\"acad-pillar-card\">\r\n <div class=\"acad-pillar-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10zM11 7h2v6h-2V7zm0 8h2v2h-2v-2z\"\/><\/svg>\r\n <\/div>\r\n <h4>Mobility & Exchange<\/h4>\r\n <p>Supporting academic exchange programmes, facilitating training opportunities, and enabling engagement with advanced global research environments.<\/p>\r\n <\/div>\r\n\r\n <div class=\"acad-pillar-card\">\r\n <div class=\"acad-pillar-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-1 2l5 5h-5V4zM6 20V4h5v7h7v9H6zm4-10h6v2h-6v-2zm0 4h6v2h-6v-2z\"\/><\/svg>\r\n <\/div>\r\n <h4>Scholarships Governance<\/h4>\r\n <p>Managing and monitoring scholarship portfolios to ensure fairness, transparency, and equal opportunity, while maximising academic value and research outcomes.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\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-f378230 e-flex e-con-boxed e-con e-parent\" data-id=\"f378230\" 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-db33bd8 elementor-widget elementor-widget-html\" data-id=\"db33bd8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"eut-academic-news\" id=\"eut-academic-news\">\r\n <style>\r\n :root{\r\n --eu-blue: #003399;\r\n --eu-gold: #FFCC00;\r\n --navy-dark: #050a18;\r\n --glass: rgba(255, 255, 255, 0.05);\r\n --glass-border: rgba(255, 255, 255, 0.12);\r\n --text-main: #ffffff;\r\n --text-muted: rgba(255, 255, 255, 0.75);\r\n --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n #eut-academic-news {\r\n direction: ltr;\r\n font-family: var(--font-family);\r\n background: linear-gradient(135deg, #070e21 0%, #0c1a3d 100%);\r\n color: var(--text-main);\r\n padding: 40px 20px;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n line-height: 1.6;\r\n }\r\n\r\n .eut-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Main Header Box *\/\r\n .eut-header-box {\r\n margin-bottom: 35px;\r\n border-left: 5px solid var(--eu-gold);\r\n padding-left: 20px;\r\n }\r\n\r\n .eut-tag {\r\n background: var(--eu-gold);\r\n color: var(--navy-dark);\r\n padding: 4px 15px;\r\n font-weight: bold;\r\n font-size: 14px;\r\n border-radius: 4px;\r\n display: inline-block;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .eut-main-title {\r\n font-size: clamp(24px, 4vw, 36px);\r\n font-weight: 800;\r\n margin: 0;\r\n color: var(--white);\r\n }\r\n\r\n \/* Main Grid *\/\r\n .eut-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 30px;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .eut-grid { grid-template-columns: 1fr; }\r\n }\r\n\r\n \/* Hero Image Panel *\/\r\n .eut-visual-panel {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n border: 1px solid var(--glass-border);\r\n height: 500px;\r\n background: #000; \/* Fallback for loading *\/\r\n }\r\n\r\n .eut-visual-panel img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n \/* Sidebar *\/\r\n .eut-info-sidebar {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .eut-info-card {\r\n background: var(--glass);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid var(--glass-border);\r\n padding: 25px;\r\n border-radius: 15px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .eut-info-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-info-card h3 {\r\n color: var(--eu-gold);\r\n font-size: 18px;\r\n margin-top: 0;\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .eut-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .eut-list li {\r\n padding: 8px 0;\r\n border-bottom: 1px solid rgba(255,255,255,0.05);\r\n font-size: 15px;\r\n }\r\n\r\n .eut-list li b { color: var(--eu-gold); }\r\n\r\n \/* Thumbnails - Adjusted to 4 columns for the EU event *\/\r\n .eut-gallery-strip {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 15px;\r\n margin-top: 30px;\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .eut-gallery-strip { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n\r\n .eut-thumb {\r\n aspect-ratio: 4\/3;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n overflow: hidden;\r\n border: 2px solid transparent;\r\n transition: all 0.3s ease;\r\n opacity: 0.6;\r\n }\r\n\r\n .eut-thumb:hover, .eut-thumb.active {\r\n opacity: 1;\r\n border-color: var(--eu-gold);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-thumb img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* Bottom Details Section *\/\r\n .eut-details-section {\r\n margin-top: 40px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .eut-detail-item {\r\n padding: 25px;\r\n background: rgba(255,255,255,0.02);\r\n border-top: 2px solid var(--eu-gold);\r\n border-radius: 0 0 12px 12px;\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .eut-detail-item:hover {\r\n background: rgba(255,255,255,0.05);\r\n }\r\n\r\n .eut-detail-item h4 {\r\n color: var(--eu-gold);\r\n margin-top: 0;\r\n margin-bottom: 12px;\r\n font-size: 18px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .eut-footer {\r\n margin-top: 50px;\r\n padding-top: 20px;\r\n border-top: 1px solid var(--glass-border);\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n <\/style>\r\n\r\n <div class=\"eut-container\">\r\n \r\n <header class=\"eut-header-box\">\r\n <span class=\"eut-tag\">Diplomatic Visit<\/span>\r\n <h1 class=\"eut-main-title\">Al-Turath University Receives the Ambassador of the European Union to Iraq<\/h1>\r\n <p style=\"color: var(--text-muted); margin-top: 10px;\">An official visit within the framework of strengthening international academic relations and expanding prospects for cooperation with European educational and research institutions.<\/p>\r\n <\/header>\r\n\r\n <div class=\"eut-grid\">\r\n \r\n <div class=\"eut-visual-panel\">\r\n <img decoding=\"async\" id=\"eut-main-view\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_22-03-06.jpg\" alt=\"European Union Ambassador Visit at Al-Turath\">\r\n <\/div>\r\n\r\n \r\n <aside class=\"eut-info-sidebar\">\r\n <div class=\"eut-info-card\">\r\n <h3>Distinguished Presence<\/h3>\r\n <ul class=\"eut-list\">\r\n <li>Mr. <b>Ali Al-Aqili<\/b> (Chairman of the Board of Trustees)<\/li>\r\n <li>H.E. Mr. <b>Clemens Semtner<\/b> (Ambassador of the European Union to Iraq)<\/li>\r\n <li>Accompanying EU Delegation<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"eut-info-card\" style=\"background: var(--eu-blue);\">\r\n <h3>Strategic Cooperation<\/h3>\r\n <p style=\"font-size: 14px; margin: 0;\">Discussions focused on developing joint cooperation in higher education, scientific research, academic exchange programmes, and institutional capacity-building in accordance with international standards.<\/p>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-gallery-strip\">\r\n <div class=\"eut-thumb active\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_22-03-06.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_22-03-06.jpg\" alt=\"Gallery 1\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_22-02-57.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_22-02-57.jpg\" alt=\"Gallery 2\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_22-03-00.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_22-03-00.jpg\" alt=\"Gallery 3\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_22-03-03.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_22-03-03.jpg\" alt=\"Gallery 4\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-details-section\">\r\n <div class=\"eut-detail-item\">\r\n <h4>Academic Exchange<\/h4>\r\n <p>Both sides affirmed the importance of consolidating scientific and cultural partnerships and strengthening knowledge-based communication between Iraqi universities and their counterparts in the EU Member States.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>Educational Development<\/h4>\r\n <p>The strategic partnership aims to positively reflect on the development of the educational environment and open robust new horizons for university students and global researchers.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>International Presence<\/h4>\r\n <p>This visit comes within the University\u2019s orientation towards enhancing its international footprint and expanding its network of relations to support its scientific progress regionally and internationally.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <footer class=\"eut-footer\">\r\n <div>Department of Media and Government Communication \u2014 Al-Turath University<\/div>\r\n <div>15 February 2026<\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n <script>\r\n \/**\r\n * Switches the main hero image and updates thumbnail state\r\n * @param {HTMLElement} element - The clicked thumbnail element\r\n * @param {string} src - The URL of the image to display\r\n *\/\r\n function switchImage(element, src) {\r\n if (!element || !src) return;\r\n \r\n const mainImg = document.getElementById('eut-main-view');\r\n if (!mainImg) return;\r\n\r\n \/\/ Smooth fade transition\r\n mainImg.style.opacity = '0';\r\n \r\n setTimeout(() => {\r\n mainImg.src = src;\r\n mainImg.onload = () => {\r\n mainImg.style.opacity = '1';\r\n };\r\n }, 250);\r\n\r\n \/\/ Update active state in gallery\r\n const thumbnails = document.querySelectorAll('.eut-thumb');\r\n thumbnails.forEach(t => t.classList.remove('active'));\r\n element.classList.add('active');\r\n }\r\n <\/script>\r\n<\/section>\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-760a834 e-flex e-con-boxed e-con e-parent\" data-id=\"760a834\" 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-6803682 elementor-widget elementor-widget-html\" data-id=\"6803682\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"eut-academic-news\" id=\"eut-academic-news\">\r\n <style>\r\n :root{\r\n --eu-blue: #003399;\r\n --eu-gold: #FFCC00;\r\n --navy-dark: #050a18;\r\n --glass: rgba(255, 255, 255, 0.05);\r\n --glass-border: rgba(255, 255, 255, 0.12);\r\n --text-main: #ffffff;\r\n --text-muted: rgba(255, 255, 255, 0.75);\r\n --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n #eut-academic-news {\r\n direction: ltr;\r\n font-family: var(--font-family);\r\n background: linear-gradient(135deg, #070e21 0%, #0c1a3d 100%);\r\n color: var(--text-main);\r\n padding: 40px 20px;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n line-height: 1.6;\r\n }\r\n\r\n .eut-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Main Header Box *\/\r\n .eut-header-box {\r\n margin-bottom: 35px;\r\n border-left: 5px solid var(--eu-gold);\r\n padding-left: 20px;\r\n }\r\n\r\n .eut-tag {\r\n background: var(--eu-gold);\r\n color: var(--navy-dark);\r\n padding: 4px 15px;\r\n font-weight: bold;\r\n font-size: 14px;\r\n border-radius: 4px;\r\n display: inline-block;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .eut-main-title {\r\n font-size: clamp(24px, 4vw, 36px);\r\n font-weight: 800;\r\n margin: 0;\r\n color: var(--text-main);\r\n }\r\n\r\n \/* Main Grid *\/\r\n .eut-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 30px;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .eut-grid { grid-template-columns: 1fr; }\r\n }\r\n\r\n \/* Hero Image Panel *\/\r\n .eut-visual-panel {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n border: 1px solid var(--glass-border);\r\n height: 500px;\r\n background: #000; \/* Fallback for loading *\/\r\n }\r\n\r\n .eut-visual-panel img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n \/* Sidebar *\/\r\n .eut-info-sidebar {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .eut-info-card {\r\n background: var(--glass);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid var(--glass-border);\r\n padding: 25px;\r\n border-radius: 15px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .eut-info-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-info-card h3 {\r\n color: var(--eu-gold);\r\n font-size: 18px;\r\n margin-top: 0;\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .eut-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .eut-list li {\r\n padding: 8px 0;\r\n border-bottom: 1px solid rgba(255,255,255,0.05);\r\n font-size: 15px;\r\n }\r\n\r\n .eut-list li b { color: var(--eu-gold); }\r\n\r\n \/* Thumbnails *\/\r\n .eut-gallery-strip {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 15px;\r\n margin-top: 30px;\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .eut-gallery-strip { grid-template-columns: repeat(3, 1fr); }\r\n }\r\n\r\n .eut-thumb {\r\n aspect-ratio: 4\/3;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n overflow: hidden;\r\n border: 2px solid transparent;\r\n transition: all 0.3s ease;\r\n opacity: 0.6;\r\n }\r\n\r\n .eut-thumb:hover, .eut-thumb.active {\r\n opacity: 1;\r\n border-color: var(--eu-gold);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-thumb img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* Bottom Details Section *\/\r\n .eut-details-section {\r\n margin-top: 40px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .eut-detail-item {\r\n padding: 25px;\r\n background: rgba(255,255,255,0.02);\r\n border-top: 2px solid var(--eu-gold);\r\n border-radius: 0 0 12px 12px;\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .eut-detail-item:hover {\r\n background: rgba(255,255,255,0.05);\r\n }\r\n\r\n .eut-detail-item h4 {\r\n color: var(--eu-gold);\r\n margin-top: 0;\r\n margin-bottom: 12px;\r\n font-size: 18px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .eut-footer {\r\n margin-top: 50px;\r\n padding-top: 20px;\r\n border-top: 1px solid var(--glass-border);\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n <\/style>\r\n\r\n <div class=\"eut-container\">\r\n \r\n <header class=\"eut-header-box\">\r\n <span class=\"eut-tag\">Diplomatic Visit<\/span>\r\n <h1 class=\"eut-main-title\">Al-Turath University Receives the Ambassador of the Republic of India<\/h1>\r\n <p style=\"color: var(--text-muted); margin-top: 10px;\">An official visit aimed at strengthening academic relations and enhancing bridges of scientific and cultural cooperation between Iraq and the Republic of India.<\/p>\r\n <\/header>\r\n\r\n <div class=\"eut-grid\">\r\n \r\n <div class=\"eut-visual-panel\">\r\n <img decoding=\"async\" id=\"eut-main-view\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_02-09-34.jpg\" alt=\"Indian Ambassador Visit at Al-Turath\">\r\n <\/div>\r\n\r\n \r\n <aside class=\"eut-info-sidebar\">\r\n <div class=\"eut-info-card\">\r\n <h3>Distinguished Presence<\/h3>\r\n <ul class=\"eut-list\">\r\n <li>Prof. <b>Ali Al-Aqili<\/b> (Chairman of the Board of Trustees)<\/li>\r\n <li>H.E. Mr. <b>Somen Bagchi<\/b> (Ambassador of the Republic of India to Iraq)<\/li>\r\n <li>Accompanying Indian Delegation<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"eut-info-card\" style=\"background: var(--eu-blue);\">\r\n <h3>Cultural Performance<\/h3>\r\n <p style=\"font-size: 14px; margin: 0;\">The University\u2019s conference hall witnessed an artistic performance presented by an Indian troupe, reflecting the rich civilizational and cultural heritage of India and strengthening cultural rapprochement.<\/p>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-gallery-strip\">\r\n <div class=\"eut-thumb active\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_02-09-34.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_02-09-34.jpg\" alt=\"Gallery 1\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_02-09-42.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_02-09-42.jpg\" alt=\"Gallery 2\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_02-09-46.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_02-09-46.jpg\" alt=\"Gallery 3\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_02-09-54.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_02-09-54.jpg\" alt=\"Gallery 4\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_02-09-59.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_02-09-59.jpg\" alt=\"Gallery 5\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-details-section\">\r\n <div class=\"eut-detail-item\">\r\n <h4>Strategic Partnerships<\/h4>\r\n <p>The meeting discussed developing partnerships in higher education, scientific research, and innovation, alongside establishing joint programmes and memoranda of understanding to exchange expertise.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>Global Outreach<\/h4>\r\n <p>Both sides affirmed the importance of expanding institutional cooperation to enhance the University\u2019s international presence and support its path of academic openness to global research centers.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>Ambassador's Remarks<\/h4>\r\n <p>His Excellency the Ambassador expressed deep appreciation for the warm reception, affirming India's keenness to support initiatives that develop bilateral relations in scientific and cultural fields.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <footer class=\"eut-footer\">\r\n <div>Department of Media and Government Communication \u2014 Al-Turath University<\/div>\r\n <div>14 February 2026<\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n <script>\r\n \/**\r\n * Switches the main hero image and updates thumbnail state\r\n * @param {HTMLElement} element - The clicked thumbnail element\r\n * @param {string} src - The URL of the image to display\r\n *\/\r\n function switchImage(element, src) {\r\n if (!element || !src) return;\r\n \r\n const mainImg = document.getElementById('eut-main-view');\r\n if (!mainImg) return;\r\n\r\n \/\/ Smooth fade transition\r\n mainImg.style.opacity = '0';\r\n \r\n setTimeout(() => {\r\n mainImg.src = src;\r\n mainImg.onload = () => {\r\n mainImg.style.opacity = '1';\r\n };\r\n }, 250);\r\n\r\n \/\/ Update active state in gallery\r\n const thumbnails = document.querySelectorAll('.eut-thumb');\r\n thumbnails.forEach(t => t.classList.remove('active'));\r\n element.classList.add('active');\r\n }\r\n <\/script>\r\n<\/section>\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-5934966 e-flex e-con-boxed e-con e-parent\" data-id=\"5934966\" 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-da0a715 elementor-widget elementor-widget-html\" data-id=\"da0a715\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"eut-research-relations\" id=\"eut-research-relations\">\r\n <style>\r\n :root{\r\n --eu-blue:#003399;\r\n --eu-gold:#FFCC00;\r\n --bg0:#070b15;\r\n --bg1:#0a1330;\r\n --bg2:#0b1020;\r\n --white:#fff;\r\n --w90:rgba(255,255,255,.90);\r\n --w86:rgba(255,255,255,.86);\r\n --w78:rgba(255,255,255,.78);\r\n --w70:rgba(255,255,255,.70);\r\n --stroke:rgba(255,255,255,.14);\r\n --stroke2:rgba(255,255,255,.10);\r\n --shadow:0 18px 45px rgba(0,0,0,.22);\r\n --shadow2:0 10px 26px rgba(0,0,0,.18);\r\n --r:22px;\r\n --r2:16px;\r\n --max:1180px;\r\n }\r\n\r\n #eut-research-relations,\r\n #eut-research-relations *{ box-sizing:border-box; }\r\n\r\n #eut-research-relations{\r\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n color: var(--white);\r\n -webkit-font-smoothing: antialiased;\r\n text-rendering: optimizeLegibility;\r\n overflow-wrap: anywhere;\r\n }\r\n #eut-research-relations a{ color:inherit; text-decoration:none; }\r\n #eut-research-relations img{ max-width:100%; height:auto; display:block; }\r\n\r\n .eut-wrap{\r\n position:relative;\r\n isolation:isolate;\r\n padding: clamp(16px, 3vw, 40px) clamp(12px, 4vw, 24px);\r\n background:\r\n radial-gradient(1200px 680px at 12% 12%, rgba(255,204,0,.15), transparent 60%),\r\n radial-gradient(900px 620px at 88% 18%, rgba(0,51,153,.30), transparent 58%),\r\n linear-gradient(180deg, var(--bg0) 0%, var(--bg1) 55%, var(--bg2) 100%);\r\n overflow:hidden;\r\n border-radius: clamp(14px, 2.5vw, 24px);\r\n }\r\n\r\n .eut-container{ max-width: var(--max); margin:0 auto; }\r\n\r\n \/* HERO SECTION *\/\r\n .eut-hero{\r\n display:grid;\r\n grid-template-columns: 1.2fr 0.8fr;\r\n gap: 20px;\r\n align-items: stretch;\r\n margin-bottom: 24px;\r\n }\r\n @media (max-width: 1024px){\r\n .eut-hero{ grid-template-columns:1fr; }\r\n }\r\n\r\n .eut-heroMain{\r\n position:relative;\r\n border-radius: var(--r);\r\n overflow:hidden;\r\n box-shadow: var(--shadow);\r\n border: 1px solid var(--stroke2);\r\n min-height: 450px;\r\n }\r\n @media (max-width: 640px){\r\n .eut-heroMain{ min-height: 520px; }\r\n }\r\n\r\n .eut-heroMain img{\r\n width:100%; height:100%;\r\n object-fit:cover;\r\n transition: opacity .4s ease;\r\n }\r\n\r\n .eut-overlay{\r\n position:absolute; inset:0;\r\n background: linear-gradient(to top, rgba(7,10,18,0.95) 0%, rgba(7,10,18,0.4) 50%, rgba(7,10,18,0.2) 100%);\r\n pointer-events:none;\r\n }\r\n\r\n .eut-heroText{\r\n position:absolute;\r\n left: clamp(16px, 4vw, 30px);\r\n right: clamp(16px, 4vw, 30px);\r\n bottom: clamp(16px, 4vw, 30px);\r\n display:flex;\r\n flex-direction:column;\r\n gap: 12px;\r\n z-index:2;\r\n }\r\n\r\n .eut-badge{\r\n display:inline-flex; align-items:center; gap:8px;\r\n padding: 6px 14px; border-radius: 999px;\r\n background: rgba(255,255,255,.1); backdrop-filter: blur(8px);\r\n border: 1px solid var(--stroke); font-size: 13px; width: fit-content;\r\n }\r\n .eut-dot{ width:8px; height:8px; border-radius:50%; background: var(--eu-gold); box-shadow: 0 0 10px var(--eu-gold); }\r\n\r\n .eut-title{\r\n margin:0; font-weight: 800; line-height: 1.2;\r\n font-size: clamp(22px, 4vw, 36px);\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.5);\r\n }\r\n\r\n .eut-subtitle{\r\n margin:0; color: var(--w86); font-size: 15px; line-height: 1.6;\r\n max-width: 650px;\r\n }\r\n\r\n .eut-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top: 10px; }\r\n .eut-btn{\r\n padding: 12px 20px; border-radius: 12px; font-weight: 700; font-size: 14px;\r\n transition: all .2s ease; cursor:pointer; display: flex; align-items: center; gap: 8px;\r\n background: rgba(255,255,255,0.1); border: 1px solid var(--stroke); color: white;\r\n }\r\n .eut-btn.primary{ background: var(--eu-gold); color: #000; border: none; }\r\n .eut-btn:hover{ transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.3); }\r\n\r\n \/* CARDS & SIDEBAR *\/\r\n .eut-side{ display:flex; flex-direction:column; gap: 16px; }\r\n .eut-card{\r\n background: rgba(255,255,255,0.05); border: 1px solid var(--stroke);\r\n border-radius: var(--r); overflow: hidden; backdrop-filter: blur(10px);\r\n }\r\n .eut-cardHead{ padding: 16px; display:flex; justify-content: space-between; align-items: center; }\r\n .eut-cardTitle h3{ margin:0; font-size: 16px; font-weight: 700; }\r\n \r\n .eut-toggle{\r\n background: transparent; border: 1px solid var(--stroke); color: white;\r\n padding: 6px 12px; border-radius: 8px; cursor: pointer; display: flex; align-items: center; gap: 5px;\r\n }\r\n\r\n .eut-cardBody{\r\n display:grid; grid-template-rows: 0fr; transition: grid-template-rows .3s ease-out;\r\n }\r\n .eut-card[data-open=\"true\"] .eut-cardBody{ grid-template-rows: 1fr; }\r\n .eut-cardInner{ overflow: hidden; padding: 0 16px 16px; font-size: 14px; color: var(--w86); line-height: 1.6; }\r\n\r\n \/* GALLERY *\/\r\n .eut-thumbs{\r\n display:grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\r\n gap: 12px; margin-top: 20px;\r\n }\r\n .eut-thumb{\r\n aspect-ratio: 4\/3; border-radius: 12px; overflow: hidden; cursor: pointer;\r\n border: 2px solid transparent; transition: all 0.2s;\r\n }\r\n .eut-thumb[aria-selected=\"true\"]{ border-color: var(--eu-gold); transform: scale(0.95); }\r\n .eut-thumb img{ width: 100%; height: 100%; object-fit: cover; }\r\n\r\n \/* INFO PANELS *\/\r\n .eut-panels{\r\n display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 16px; margin-top: 24px;\r\n }\r\n .eut-panel{\r\n background: rgba(255,255,255,0.03); padding: 20px; border-radius: 16px;\r\n border: 1px solid var(--stroke2);\r\n }\r\n .eut-panel h5{ margin: 0 0 10px 0; color: var(--eu-gold); font-size: 16px; }\r\n\r\n .eut-foot{\r\n margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--stroke);\r\n display: flex; justify-content: space-between; font-size: 12px; color: var(--w70); flex-wrap: wrap; gap: 10px;\r\n }\r\n\r\n \/* ICONS *\/\r\n .eut-icon{ width:16px; height:16px; background: currentColor; -webkit-mask: var(--mask) center\/contain no-repeat; mask: var(--mask) center\/contain no-repeat; }\r\n .ico-arrow{ --mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 5l7 7-7 7-1.4-1.4 4.6-4.6H4v-2h12.2l-4.6-4.6L13 5z'\/%3E%3C\/svg%3E\"); }\r\n <\/style>\r\n\r\n <div class=\"eut-wrap\">\r\n <div class=\"eut-container\">\r\n \r\n <div class=\"eut-hero\">\r\n <div class=\"eut-heroMain\">\r\n <img decoding=\"async\" id=\"eut-main-image\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/photo_2026-02-28_19-37-00.jpg\" alt=\"Erasmus Programme\">\r\n <div class=\"eut-overlay\"><\/div>\r\n <div class=\"eut-heroText\">\r\n <div class=\"eut-badge\"><span class=\"eut-dot\"><\/span>Research & Relations<\/div>\r\n <h1 class=\"eut-title\">Al-Turath University Hosts Erasmus Programme Launch<\/h1>\r\n <p class=\"eut-subtitle\">Enhancing the capacity of universities and educational institutions in cooperation with the Ministry of Higher Education.<\/p>\r\n <div class=\"eut-actions\">\r\n <a class=\"eut-btn primary\" href=\"#eut-highlights\">View Highlights<\/a>\r\n <a class=\"eut-btn\" href=\"#eut-gallery\">Open Gallery<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <aside class=\"eut-side\">\r\n <div class=\"eut-card\" data-open=\"true\">\r\n <div class=\"eut-cardHead\">\r\n <div class=\"eut-cardTitle\"><h3>Programme Highlights<\/h3><\/div>\r\n <button class=\"eut-toggle\" data-eut-toggle>Details<\/button>\r\n <\/div>\r\n <div class=\"eut-cardBody\">\r\n <div class=\"eut-cardInner\">\r\n The programme included specialized lectures and workshops delivered by international trainers to develop institutional performance.\r\n <br><br>\r\n <b>Key focus:<\/b>\r\n <ul style=\"padding-left:15px; margin-top:10px;\">\r\n <li>Specialized Delivery<\/li>\r\n <li>Academic Workshops<\/li>\r\n <li>Project Presentations<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"eut-panel\">\r\n <h5>Event Date<\/h5>\r\n <p>27\u201328\u201329 December 2025<\/p>\r\n <p style=\"font-size:13px; margin-top:8px;\">Led by Professor Dr Jaafar Jaber Jawad, President of Al-Turath University.<\/p>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n\r\n <div id=\"eut-gallery\">\r\n <h4 style=\"margin-bottom:10px;\">Event Gallery<\/h4>\r\n <div class=\"eut-thumbs\">\r\n <div class=\"eut-thumb\" aria-selected=\"true\" data-full=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/photo_2026-02-28_19-37-00.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/photo_2026-02-28_19-37-00.jpg\">\r\n <\/div>\r\n <div class=\"eut-thumb\" aria-selected=\"false\" data-full=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/photo_2026-02-28_19-37-03.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/photo_2026-02-28_19-37-03.jpg\">\r\n <\/div>\r\n <div class=\"eut-thumb\" aria-selected=\"false\" data-full=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/photo_2026-02-28_19-37-07.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/photo_2026-02-28_19-37-07.jpg\">\r\n <\/div>\r\n <div class=\"eut-thumb\" aria-selected=\"false\" data-full=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/photo_2026-02-26_23-34-55.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/photo_2026-02-26_23-34-55.jpg\">\r\n <\/div>\r\n <div class=\"eut-thumb\" aria-selected=\"false\" data-full=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/photo_2026-02-26_23-35-04.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/photo_2026-02-26_23-35-04.jpg\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"eut-panels\">\r\n <div class=\"eut-panel\">\r\n <h5>Academic Content<\/h5>\r\n <p>Scientific presentations and training segments by international trainers.<\/p>\r\n <\/div>\r\n <div class=\"eut-panel\">\r\n <h5>Development<\/h5>\r\n <p>Workshops focused on advancing higher-education quality and performance.<\/p>\r\n <\/div>\r\n <div class=\"eut-panel\">\r\n <h5>Recognition<\/h5>\r\n <p>Distribution of appreciation certificates to all participating experts.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"eut-foot\">\r\n <span><b>Al-Turath University<\/b> \u2014 Media Department<\/span>\r\n <span>December 2025<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function(){\r\n const root = document.getElementById('eut-research-relations');\r\n if(!root) return;\r\n\r\n \/\/ Toggle Card\r\n const card = root.querySelector('.eut-card');\r\n const toggle = root.querySelector('[data-eut-toggle]');\r\n if(toggle){\r\n toggle.onclick = () => {\r\n const isOpen = card.getAttribute('data-open') === 'true';\r\n card.setAttribute('data-open', !isOpen);\r\n };\r\n }\r\n\r\n \/\/ Gallery Logic\r\n const mainImg = root.querySelector('#eut-main-image');\r\n const thumbs = root.querySelectorAll('.eut-thumb');\r\n \r\n thumbs.forEach(thumb => {\r\n thumb.onclick = () => {\r\n thumbs.forEach(t => t.setAttribute('aria-selected', 'false'));\r\n thumb.setAttribute('aria-selected', 'true');\r\n const newSrc = thumb.getAttribute('data-full');\r\n \r\n mainImg.style.opacity = '0.3';\r\n setTimeout(() => {\r\n mainImg.src = newSrc;\r\n mainImg.style.opacity = '1';\r\n }, 200);\r\n };\r\n });\r\n })();\r\n <\/script>\r\n<\/section>\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-0eaf024 e-flex e-con-boxed e-con e-parent\" data-id=\"0eaf024\" 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-f1b9101 elementor-widget elementor-widget-html\" data-id=\"f1b9101\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"eut-research-relations\" id=\"eut-research-relations\">\r\n <style>\r\n :root{\r\n --eu-blue:#003399;\r\n --eu-gold:#FFCC00;\r\n --bg0:#070b15;\r\n --bg1:#0a1330;\r\n --bg2:#0b1020;\r\n --white:#fff;\r\n --w90:rgba(255,255,255,.90);\r\n --w86:rgba(255,255,255,.86);\r\n --w78:rgba(255,255,255,.78);\r\n --w70:rgba(255,255,255,.70);\r\n --stroke:rgba(255,255,255,.14);\r\n --stroke2:rgba(255,255,255,.10);\r\n --shadow:0 18px 45px rgba(0,0,0,.22);\r\n --shadow2:0 10px 26px rgba(0,0,0,.18);\r\n --r:22px;\r\n --r2:16px;\r\n --max:1180px;\r\n }\r\n\r\n #eut-research-relations,\r\n #eut-research-relations *{ box-sizing:border-box; }\r\n\r\n #eut-research-relations{\r\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, \"Noto Sans\", sans-serif;\r\n color: var(--white);\r\n -webkit-font-smoothing: antialiased;\r\n text-rendering: optimizeLegibility;\r\n overflow-wrap: anywhere;\r\n }\r\n #eut-research-relations a{ color:inherit; text-decoration:none; }\r\n #eut-research-relations img{ max-width:100%; height:auto; display:block; }\r\n\r\n .eut-wrap{\r\n position:relative;\r\n isolation:isolate;\r\n padding: clamp(16px, 3.5vw, 40px) clamp(12px, 3vw, 24px);\r\n background:\r\n radial-gradient(1200px 680px at 12% 12%, rgba(255,204,0,.12), transparent 60%),\r\n radial-gradient(900px 620px at 88% 18%, rgba(0,51,153,.25), transparent 58%),\r\n linear-gradient(180deg, var(--bg0) 0%, var(--bg1) 55%, var(--bg2) 100%);\r\n overflow:hidden;\r\n border-radius: clamp(14px, 2.5vw, 24px);\r\n }\r\n\r\n .eut-container{ max-width: var(--max); margin:0 auto; }\r\n\r\n \/* HERO SECTION - Responsive Grid *\/\r\n .eut-hero{\r\n display:grid;\r\n grid-template-columns: 1.25fr 0.75fr;\r\n gap: 20px;\r\n align-items: stretch;\r\n margin-bottom: 24px;\r\n }\r\n @media (max-width: 1024px){\r\n .eut-hero{ grid-template-columns: 1fr; }\r\n }\r\n\r\n .eut-heroMain{\r\n position:relative;\r\n border-radius: var(--r);\r\n overflow:hidden;\r\n box-shadow: var(--shadow);\r\n border: 1px solid var(--stroke2);\r\n min-height: 480px;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n @media (max-width: 640px){\r\n .eut-heroMain{ min-height: 540px; }\r\n }\r\n\r\n .eut-heroMain img{\r\n width:100%; height:100%;\r\n object-fit:cover;\r\n transition: opacity .4s ease-in-out;\r\n position: absolute;\r\n inset: 0;\r\n }\r\n\r\n .eut-overlay{\r\n position:absolute; inset:0;\r\n background: linear-gradient(to top, rgba(7,10,18,0.95) 0%, rgba(7,10,18,0.4) 50%, rgba(7,10,18,0.1) 100%);\r\n pointer-events:none;\r\n }\r\n\r\n .eut-heroText{\r\n position:relative;\r\n margin-top: auto;\r\n padding: clamp(20px, 5vw, 40px);\r\n display:flex;\r\n flex-direction:column;\r\n gap: 12px;\r\n z-index:2;\r\n }\r\n\r\n .eut-badge{\r\n display:inline-flex; align-items:center; gap:8px;\r\n padding: 6px 14px; border-radius: 999px;\r\n background: rgba(255,255,255,.1); backdrop-filter: blur(8px);\r\n border: 1px solid var(--stroke); font-size: 13px; width: fit-content;\r\n color: var(--eu-gold);\r\n }\r\n .eut-dot{ width:8px; height:8px; border-radius:50%; background: var(--eu-gold); box-shadow: 0 0 10px var(--eu-gold); }\r\n\r\n .eut-title{\r\n margin:0; font-weight: 800; line-height: 1.15;\r\n font-size: clamp(24px, 4.5vw, 38px);\r\n text-shadow: 0 2px 15px rgba(0,0,0,0.6);\r\n }\r\n\r\n .eut-subtitle{\r\n margin:0; color: var(--w90); font-size: 16px; line-height: 1.6;\r\n max-width: 700px;\r\n }\r\n\r\n \/* SIDEBAR *\/\r\n .eut-side{ display:flex; flex-direction:column; gap: 16px; }\r\n .eut-card{\r\n background: rgba(255,255,255,0.05); border: 1px solid var(--stroke);\r\n border-radius: var(--r); overflow: hidden; backdrop-filter: blur(12px);\r\n }\r\n .eut-cardHead{ padding: 18px; display:flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--stroke2); }\r\n .eut-cardTitle h3{ margin:0; font-size: 16px; font-weight: 700; color: var(--eu-gold); }\r\n \r\n .eut-toggle{\r\n background: rgba(255,255,255,0.1); border: 1px solid var(--stroke); color: white;\r\n padding: 6px 14px; border-radius: 10px; cursor: pointer; font-size: 13px;\r\n }\r\n\r\n .eut-cardBody{ display:grid; grid-template-rows: 0fr; transition: grid-template-rows .4s cubic-bezier(0.4, 0, 0.2, 1); }\r\n .eut-card[data-open=\"true\"] .eut-cardBody{ grid-template-rows: 1fr; }\r\n .eut-cardInner{ overflow: hidden; padding: 20px; font-size: 14.5px; color: var(--w86); line-height: 1.7; }\r\n\r\n \/* THUMBNAILS GALLERY *\/\r\n .eut-gallery-section { margin-top: 30px; }\r\n .eut-thumbs{\r\n display:grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\r\n gap: 12px; margin-top: 15px;\r\n }\r\n @media (max-width: 480px) {\r\n .eut-thumbs { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n .eut-thumb{\r\n aspect-ratio: 16\/10; border-radius: 14px; overflow: hidden; cursor: pointer;\r\n border: 2px solid transparent; transition: all 0.3s ease; position: relative;\r\n }\r\n .eut-thumb[aria-selected=\"true\"]{ border-color: var(--eu-gold); transform: translateY(-4px); box-shadow: 0 10px 20px rgba(0,0,0,0.4); }\r\n .eut-thumb img{ width: 100%; height: 100%; object-fit: cover; filter: brightness(0.8); transition: filter 0.3s; }\r\n .eut-thumb:hover img{ filter: brightness(1); }\r\n\r\n \/* FOOTER PANELS *\/\r\n .eut-panels{\r\n display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 16px; margin-top: 24px;\r\n }\r\n .eut-panel{\r\n background: rgba(255,255,255,0.03); padding: 24px; border-radius: 18px;\r\n border: 1px solid var(--stroke2); transition: background 0.3s;\r\n }\r\n .eut-panel:hover { background: rgba(255,255,255,0.06); }\r\n .eut-panel h5{ margin: 0 0 12px 0; color: var(--eu-gold); font-size: 17px; font-weight: 700; border-left: 3px solid var(--eu-gold); padding-left: 12px; }\r\n .eut-panel p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--w86); }\r\n\r\n .eut-foot{\r\n margin-top: 40px; padding: 20px 0; border-top: 1px solid var(--stroke);\r\n display: flex; justify-content: space-between; font-size: 13px; color: var(--w70); flex-wrap: wrap; gap: 15px;\r\n }\r\n .eut-foot b { color: var(--white); }\r\n\r\n <\/style>\r\n\r\n <div class=\"eut-wrap\">\r\n <div class=\"eut-container\">\r\n \r\n \r\n <div class=\"eut-hero\">\r\n \r\n <div class=\"eut-heroMain\">\r\n <img decoding=\"async\" id=\"eut-main-image\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_03-16-36.jpg\" alt=\"Al-Turath University and Amman University Delegation\">\r\n <div class=\"eut-overlay\"><\/div>\r\n <div class=\"eut-heroText\">\r\n <div class=\"eut-badge\"><span class=\"eut-dot\"><\/span>Regional Partnerships<\/div>\r\n <h1 class=\"eut-title\">Al-Turath University Welcomes High-Level Delegation from Al-Ahliyya Amman University<\/h1>\r\n <p class=\"eut-subtitle\">Strengthening academic ties and exploring scientific cooperation with the Hashemite Kingdom of Jordan.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <aside class=\"eut-side\">\r\n <div class=\"eut-card\" data-open=\"true\">\r\n <div class=\"eut-cardHead\">\r\n <div class=\"eut-cardTitle\"><h3>The Delegation<\/h3><\/div>\r\n <button class=\"eut-toggle\" data-eut-toggle>Details<\/button>\r\n <\/div>\r\n <div class=\"eut-cardBody\">\r\n <div class=\"eut-cardInner\">\r\n The visit featured prominent figures from Al-Ahliyya Amman University:\r\n <ul style=\"padding-left:18px; margin-top:12px; list-style-type: circle;\">\r\n <li><b>Dr. Maher Al-Hourani<\/b> (Board Chairman)<\/li>\r\n <li><b>Dr. Sari<\/b> (University President)<\/li>\r\n <li><b>Dr. Basel<\/b> (Scientific Adviser)<\/li>\r\n <li><b>Dr. Ahmed Arabi<\/b> (Dean of Research)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"eut-panel\">\r\n <h5>Official Reception<\/h5>\r\n <p>Received by <b>Mr. Ali Al-Aqili<\/b>, Chairman of the Board of Trustees of Al-Turath University, reflecting deep-rooted academic commitment.<\/p>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-gallery-section\" id=\"eut-gallery\">\r\n <h4 style=\"margin:0; font-size: 18px; letter-spacing: 0.5px;\">Event Photo Stream<\/h4>\r\n <div class=\"eut-thumbs\">\r\n <div class=\"eut-thumb\" aria-selected=\"true\" data-full=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_03-16-36.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_03-16-36.jpg\" alt=\"Delegation reception 1\">\r\n <\/div>\r\n <div class=\"eut-thumb\" aria-selected=\"false\" data-full=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_03-16-41.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_03-16-41.jpg\" alt=\"Delegation reception 2\">\r\n <\/div>\r\n <div class=\"eut-thumb\" aria-selected=\"false\" data-full=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_03-16-57.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_03-16-57.jpg\" alt=\"Delegation meeting\">\r\n <\/div>\r\n <div class=\"eut-thumb\" aria-selected=\"false\" data-full=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_03-16-52.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_03-16-52.jpg\" alt=\"University tour\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-panels\">\r\n <div class=\"eut-panel\">\r\n <h5>Strategic Vision<\/h5>\r\n <p>The visit aligns with Al-Turath University's mission for openness toward regional institutions and international scientific partnerships.<\/p>\r\n <\/div>\r\n <div class=\"eut-panel\">\r\n <h5>Facility Review<\/h5>\r\n <p>The delegation toured modern lecture halls and infrastructure, noting the advanced educational environment provided by the university.<\/p>\r\n <\/div>\r\n <div class=\"eut-panel\">\r\n <h5>Future Cooperation<\/h5>\r\n <p>Discussions focused on joint expertise exchange and elevating the standard of higher education through shared scientific ventures.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-foot\">\r\n <span><b>Media & Government Communication<\/b> \u2014 Al-Turath University<\/span>\r\n <span><b>11 January 2026<\/b><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function(){\r\n const root = document.getElementById('eut-research-relations');\r\n if(!root) return;\r\n\r\n \/\/ Toggle Card logic\r\n const card = root.querySelector('.eut-card');\r\n const toggle = root.querySelector('[data-eut-toggle]');\r\n if(toggle){\r\n toggle.onclick = () => {\r\n const isOpen = card.getAttribute('data-open') === 'true';\r\n card.setAttribute('data-open', !isOpen);\r\n toggle.textContent = isOpen ? \"Details\" : \"Close\";\r\n };\r\n }\r\n\r\n \/\/ Smooth Gallery Switcher\r\n const mainImg = root.querySelector('#eut-main-image');\r\n const thumbs = root.querySelectorAll('.eut-thumb');\r\n \r\n thumbs.forEach(thumb => {\r\n thumb.onclick = () => {\r\n if (thumb.getAttribute('aria-selected') === 'true') return;\r\n \r\n thumbs.forEach(t => t.setAttribute('aria-selected', 'false'));\r\n thumb.setAttribute('aria-selected', 'true');\r\n \r\n const newSrc = thumb.getAttribute('data-full');\r\n mainImg.style.opacity = '0';\r\n \r\n setTimeout(() => {\r\n mainImg.src = newSrc;\r\n mainImg.onload = () => { mainImg.style.opacity = '1'; };\r\n }, 300);\r\n };\r\n });\r\n })();\r\n <\/script>\r\n<\/section>\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-1f6ed20 e-flex e-con-boxed e-con e-parent\" data-id=\"1f6ed20\" 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-96a7819 elementor-widget elementor-widget-html\" data-id=\"96a7819\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"eut-academic-news\" id=\"eut-academic-news\">\r\n <style>\r\n :root{\r\n --eu-blue: #003399;\r\n --eu-gold: #FFCC00;\r\n --navy-dark: #050a18;\r\n --glass: rgba(255, 255, 255, 0.05);\r\n --glass-border: rgba(255, 255, 255, 0.12);\r\n --text-main: #ffffff;\r\n --text-muted: rgba(255, 255, 255, 0.75);\r\n --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n #eut-academic-news {\r\n direction: ltr; \/* Set to English Left-to-Right *\/\r\n font-family: var(--font-family);\r\n background: linear-gradient(135deg, #070e21 0%, #0c1a3d 100%);\r\n color: var(--text-main);\r\n padding: 40px 20px;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n line-height: 1.6;\r\n }\r\n\r\n .eut-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Main Header Box *\/\r\n .eut-header-box {\r\n margin-bottom: 35px;\r\n border-left: 5px solid var(--eu-gold);\r\n padding-left: 20px;\r\n }\r\n\r\n .eut-tag {\r\n background: var(--eu-gold);\r\n color: var(--navy-dark);\r\n padding: 4px 15px;\r\n font-weight: bold;\r\n font-size: 14px;\r\n border-radius: 4px;\r\n display: inline-block;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .eut-main-title {\r\n font-size: clamp(24px, 4vw, 36px);\r\n font-weight: 800;\r\n margin: 0;\r\n color: var(--white);\r\n }\r\n\r\n \/* Main Grid *\/\r\n .eut-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 30px;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .eut-grid { grid-template-columns: 1fr; }\r\n }\r\n\r\n \/* Hero Image Panel *\/\r\n .eut-visual-panel {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n border: 1px solid var(--glass-border);\r\n height: 500px;\r\n }\r\n\r\n .eut-visual-panel img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: opacity 0.5s ease;\r\n }\r\n\r\n \/* Sidebar *\/\r\n .eut-info-sidebar {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .eut-info-card {\r\n background: var(--glass);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid var(--glass-border);\r\n padding: 25px;\r\n border-radius: 15px;\r\n }\r\n\r\n .eut-info-card h3 {\r\n color: var(--eu-gold);\r\n font-size: 18px;\r\n margin-top: 0;\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .eut-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .eut-list li {\r\n padding: 8px 0;\r\n border-bottom: 1px solid rgba(255,255,255,0.05);\r\n font-size: 15px;\r\n }\r\n\r\n .eut-list li b { color: var(--eu-gold); }\r\n\r\n \/* Thumbnails *\/\r\n .eut-gallery-strip {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 15px;\r\n margin-top: 30px;\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .eut-gallery-strip { grid-template-columns: repeat(3, 1fr); }\r\n }\r\n\r\n .eut-thumb {\r\n aspect-ratio: 4\/3;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n overflow: hidden;\r\n border: 2px solid transparent;\r\n transition: all 0.3s ease;\r\n opacity: 0.6;\r\n }\r\n\r\n .eut-thumb:hover, .eut-thumb.active {\r\n opacity: 1;\r\n border-color: var(--eu-gold);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-thumb img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* Bottom Details Section *\/\r\n .eut-details-section {\r\n margin-top: 40px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .eut-detail-item {\r\n padding: 20px;\r\n background: rgba(255,255,255,0.02);\r\n border-top: 2px solid var(--eu-gold);\r\n border-radius: 0 0 12px 12px;\r\n }\r\n\r\n .eut-detail-item h4 {\r\n color: var(--eu-gold);\r\n margin-top: 0;\r\n margin-bottom: 12px;\r\n font-size: 18px;\r\n }\r\n\r\n .eut-footer {\r\n margin-top: 50px;\r\n padding-top: 20px;\r\n border-top: 1px solid var(--glass-border);\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n }\r\n\r\n <\/style>\r\n\r\n <div class=\"eut-container\">\r\n \r\n <header class=\"eut-header-box\">\r\n <span class=\"eut-tag\">High-Level Diplomatic Forum<\/span>\r\n <h1 class=\"eut-main-title\">The United Nations in Iraq: Years of Work and Achievement<\/h1>\r\n <p style=\"color: var(--text-muted); margin-top: 10px;\">Under the slogan: \u201cThe United Nations in Iraq\u2026 Years of Work and Achievement\u201d \u2013 Al-Turath University hosts the Special Representative of the Secretary-General.<\/p>\r\n <\/header>\r\n\r\n <div class=\"eut-grid\">\r\n \r\n <div class=\"eut-visual-panel\">\r\n <img decoding=\"async\" id=\"eut-main-view\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-24-16.jpg\" alt=\"UN Event main photo\">\r\n <\/div>\r\n\r\n \r\n <aside class=\"eut-info-sidebar\">\r\n <div class=\"eut-info-card\">\r\n <h3>Distinguished Presence<\/h3>\r\n <ul class=\"eut-list\">\r\n <li>Prof. <b>Ali Al-Aqili<\/b> (Chairman of the Board of Trustees)<\/li>\r\n <li>H.E. Dr. <b>Mohammed Al-Hassan<\/b> (Special Representative of the UN Secretary-General)<\/li>\r\n <li>Prominent official, academic, and media figures<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"eut-info-card\" style=\"background: var(--eu-blue);\">\r\n <h3>Opening Ceremony<\/h3>\r\n <p style=\"font-size: 14px; margin: 0;\">The ceremony commenced with the Iraqi and Omani national anthems, followed by a tribute to the martyrs and a welcoming address by the Presidency of Al-Turath University.<\/p>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-gallery-strip\">\r\n <div class=\"eut-thumb active\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-24-16.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-24-16.jpg\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-24-18.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-24-18.jpg\">\r\n <\/div>\r\n \r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-24-27.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-24-27.jpg\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_22-01-17.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_22-01-17.jpg\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-details-section\">\r\n <div class=\"eut-detail-item\">\r\n <h4>Keynote Lecture<\/h4>\r\n <p>Dr. Mohammed Al-Hassan delivered a detailed lecture on the UN Mission's role and its achievements in Iraq from 2003 until the conclusion of its work at the end of 2025.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>Dialogue Session<\/h4>\r\n <p>The session included discussions on education, women\u2019s rights, human rights, and the future strategic role of the United Nations organization in Iraq.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>Global Outreach<\/h4>\r\n <p>This event reflects Al-Turath University\u2019s commitment to hosting international dialogues that contribute to scientific development and higher education excellence.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <footer class=\"eut-footer\">\r\n <div>Department of Media and Government Communication \u2014 Al-Turath University<\/div>\r\n <div>17 December 2025<\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n <script>\r\n function switchImage(element, src) {\r\n const mainImg = document.getElementById('eut-main-view');\r\n mainImg.style.opacity = '0';\r\n \r\n setTimeout(() => {\r\n mainImg.src = src;\r\n mainImg.style.opacity = '1';\r\n }, 300);\r\n\r\n document.querySelectorAll('.eut-thumb').forEach(t => t.classList.remove('active'));\r\n element.classList.add('active');\r\n }\r\n <\/script>\r\n<\/section>\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-1d0a7b6 e-flex e-con-boxed e-con e-parent\" data-id=\"1d0a7b6\" 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-b78c536 elementor-widget elementor-widget-html\" data-id=\"b78c536\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"eut-academic-news\" id=\"eut-academic-news\">\r\n <style>\r\n :root{\r\n --eu-blue: #003399;\r\n --eu-gold: #FFCC00;\r\n --navy-dark: #050a18;\r\n --glass: rgba(255, 255, 255, 0.05);\r\n --glass-border: rgba(255, 255, 255, 0.12);\r\n --text-main: #ffffff;\r\n --text-muted: rgba(255, 255, 255, 0.75);\r\n --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n #eut-academic-news {\r\n direction: ltr;\r\n font-family: var(--font-family);\r\n background: linear-gradient(135deg, #070e21 0%, #0c1a3d 100%);\r\n color: var(--text-main);\r\n padding: 40px 20px;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n line-height: 1.6;\r\n }\r\n\r\n .eut-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Main Header Box *\/\r\n .eut-header-box {\r\n margin-bottom: 35px;\r\n border-left: 5px solid var(--eu-gold);\r\n padding-left: 20px;\r\n }\r\n\r\n .eut-tag {\r\n background: var(--eu-gold);\r\n color: var(--navy-dark);\r\n padding: 4px 15px;\r\n font-weight: bold;\r\n font-size: 14px;\r\n border-radius: 4px;\r\n display: inline-block;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .eut-main-title {\r\n font-size: clamp(24px, 4vw, 36px);\r\n font-weight: 800;\r\n margin: 0;\r\n color: var(--white);\r\n }\r\n\r\n \/* Main Grid *\/\r\n .eut-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 30px;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .eut-grid { grid-template-columns: 1fr; }\r\n }\r\n\r\n \/* Hero Image Panel *\/\r\n .eut-visual-panel {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n border: 1px solid var(--glass-border);\r\n height: 500px;\r\n background: #000; \/* Fallback for loading *\/\r\n }\r\n\r\n .eut-visual-panel img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n \/* Sidebar *\/\r\n .eut-info-sidebar {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .eut-info-card {\r\n background: var(--glass);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid var(--glass-border);\r\n padding: 25px;\r\n border-radius: 15px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .eut-info-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-info-card h3 {\r\n color: var(--eu-gold);\r\n font-size: 18px;\r\n margin-top: 0;\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .eut-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .eut-list li {\r\n padding: 8px 0;\r\n border-bottom: 1px solid rgba(255,255,255,0.05);\r\n font-size: 15px;\r\n }\r\n\r\n .eut-list li b { color: var(--eu-gold); }\r\n\r\n \/* Thumbnails *\/\r\n .eut-gallery-strip {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 15px;\r\n margin-top: 30px;\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .eut-gallery-strip { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n\r\n .eut-thumb {\r\n aspect-ratio: 4\/3;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n overflow: hidden;\r\n border: 2px solid transparent;\r\n transition: all 0.3s ease;\r\n opacity: 0.6;\r\n }\r\n\r\n .eut-thumb:hover, .eut-thumb.active {\r\n opacity: 1;\r\n border-color: var(--eu-gold);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-thumb img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* Bottom Details Section *\/\r\n .eut-details-section {\r\n margin-top: 40px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .eut-detail-item {\r\n padding: 25px;\r\n background: rgba(255,255,255,0.02);\r\n border-top: 2px solid var(--eu-gold);\r\n border-radius: 0 0 12px 12px;\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .eut-detail-item:hover {\r\n background: rgba(255,255,255,0.05);\r\n }\r\n\r\n .eut-detail-item h4 {\r\n color: var(--eu-gold);\r\n margin-top: 0;\r\n margin-bottom: 12px;\r\n font-size: 18px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .eut-footer {\r\n margin-top: 50px;\r\n padding-top: 20px;\r\n border-top: 1px solid var(--glass-border);\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n <\/style>\r\n\r\n <div class=\"eut-container\">\r\n \r\n <header class=\"eut-header-box\">\r\n <span class=\"eut-tag\">Human Rights\u2026 Justice and Dignity<\/span>\r\n <h1 class=\"eut-main-title\">Al-Turath University Celebrates Iraqi Victory Day & Human Rights Anniversary<\/h1>\r\n <p style=\"color: var(--text-muted); margin-top: 10px;\">Commemorating the eighth anniversary of Victory Day and the 77th anniversary of the Universal Declaration of Human Rights in the presence of international and national delegations.<\/p>\r\n <\/header>\r\n\r\n <div class=\"eut-grid\">\r\n \r\n <div class=\"eut-visual-panel\">\r\n <img decoding=\"async\" id=\"eut-main-view\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-53-11.jpg\" alt=\"Human Rights Event at Al-Turath\">\r\n <\/div>\r\n\r\n \r\n <aside class=\"eut-info-sidebar\">\r\n <div class=\"eut-info-card\">\r\n <h3>Distinguished Presence<\/h3>\r\n <ul class=\"eut-list\">\r\n <li>Prof. <b>Ali Al-Aqili<\/b> (Chairman of the Board of Trustees)<\/li>\r\n <li>Mr. <b>Titon Mitra<\/b> (UNDP Resident Representative in Iraq)<\/li>\r\n <li>Dr. <b>Kamel Al-Dulaimi<\/b> (Head of the Presidency Diwan)<\/li>\r\n <li>Representatives from Ministry of Higher Education<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"eut-info-card\" style=\"background: var(--eu-blue);\">\r\n <h3>Commemorative Rites<\/h3>\r\n <p style=\"font-size: 14px; margin: 0;\">The ceremony opened with the national anthem and a tribute to the martyrs, followed by high-level addresses from the Presidency of the Republic and the Ministry of Higher Education.<\/p>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-gallery-strip\">\r\n <div class=\"eut-thumb active\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-53-11.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-53-11.jpg\" alt=\"Gallery 1\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-53-15.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-53-15.jpg\" alt=\"Gallery 2\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-53-08.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-53-08.jpg\" alt=\"Gallery 3\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-53-20-1.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-53-20-1.jpg\" alt=\"Gallery 4\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-details-section\">\r\n <div class=\"eut-detail-item\">\r\n <h4>UNDP Strategic Outlook<\/h4>\r\n <p>Resident Representative Mr. Titon Mitra reviewed the UNDP\u2019s ongoing programmes in Iraq, emphasizing future plans to support educational and scientific institutions.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>Presidential Address<\/h4>\r\n <p>A significant speech was delivered on behalf of the President of the Republic by Dr. Kamel Al-Dulaimi, highlighting the intersection of national victory and global human rights standards.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>Institutional Support<\/h4>\r\n <p>The Ministry of Higher Education and Scientific Research emphasized the role of universities in fostering a culture of justice and dignity within the academic community.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <footer class=\"eut-footer\">\r\n <div>Department of Media and Government Communication \u2014 Al-Turath University<\/div>\r\n <div>10 December 2025<\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n <script>\r\n \/**\r\n * Switches the main hero image and updates thumbnail state\r\n * @param {HTMLElement} element - The clicked thumbnail element\r\n * @param {string} src - The URL of the image to display\r\n *\/\r\n function switchImage(element, src) {\r\n if (!element || !src) return;\r\n \r\n const mainImg = document.getElementById('eut-main-view');\r\n if (!mainImg) return;\r\n\r\n \/\/ Smooth fade transition\r\n mainImg.style.opacity = '0';\r\n \r\n setTimeout(() => {\r\n mainImg.src = src;\r\n mainImg.onload = () => {\r\n mainImg.style.opacity = '1';\r\n };\r\n }, 250);\r\n\r\n \/\/ Update active state in gallery\r\n const thumbnails = document.querySelectorAll('.eut-thumb');\r\n thumbnails.forEach(t => t.classList.remove('active'));\r\n element.classList.add('active');\r\n }\r\n <\/script>\r\n<\/section>\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-a615045 e-flex e-con-boxed e-con e-parent\" data-id=\"a615045\" 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-c5503cb elementor-widget elementor-widget-html\" data-id=\"c5503cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"eut-academic-news\" id=\"eut-academic-news\">\r\n <style>\r\n :root{\r\n --eu-blue: #003399;\r\n --eu-gold: #FFCC00;\r\n --navy-dark: #050a18;\r\n --glass: rgba(255, 255, 255, 0.05);\r\n --glass-border: rgba(255, 255, 255, 0.12);\r\n --text-main: #ffffff;\r\n --text-muted: rgba(255, 255, 255, 0.75);\r\n --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n #eut-academic-news {\r\n direction: ltr;\r\n font-family: var(--font-family);\r\n background: linear-gradient(135deg, #070e21 0%, #0c1a3d 100%);\r\n color: var(--text-main);\r\n padding: 40px 20px;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n line-height: 1.6;\r\n }\r\n\r\n .eut-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Main Header Box *\/\r\n .eut-header-box {\r\n margin-bottom: 35px;\r\n border-left: 5px solid var(--eu-gold);\r\n padding-left: 20px;\r\n }\r\n\r\n .eut-tag {\r\n background: var(--eu-gold);\r\n color: var(--navy-dark);\r\n padding: 4px 15px;\r\n font-weight: bold;\r\n font-size: 14px;\r\n border-radius: 4px;\r\n display: inline-block;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .eut-main-title {\r\n font-size: clamp(24px, 4vw, 36px);\r\n font-weight: 800;\r\n margin: 0;\r\n color: var(--white);\r\n }\r\n\r\n \/* Main Grid *\/\r\n .eut-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 30px;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .eut-grid { grid-template-columns: 1fr; }\r\n }\r\n\r\n \/* Hero Image Panel *\/\r\n .eut-visual-panel {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n border: 1px solid var(--glass-border);\r\n height: 500px;\r\n background: #000;\r\n }\r\n\r\n .eut-visual-panel img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n \/* Sidebar *\/\r\n .eut-info-sidebar {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .eut-info-card {\r\n background: var(--glass);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid var(--glass-border);\r\n padding: 25px;\r\n border-radius: 15px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .eut-info-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-info-card h3 {\r\n color: var(--eu-gold);\r\n font-size: 18px;\r\n margin-top: 0;\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .eut-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .eut-list li {\r\n padding: 8px 0;\r\n border-bottom: 1px solid rgba(255,255,255,0.05);\r\n font-size: 15px;\r\n }\r\n\r\n .eut-list li b { color: var(--eu-gold); }\r\n\r\n \/* Thumbnails *\/\r\n .eut-gallery-strip {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 15px;\r\n margin-top: 30px;\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .eut-gallery-strip { grid-template-columns: repeat(3, 1fr); }\r\n }\r\n\r\n .eut-thumb {\r\n aspect-ratio: 4\/3;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n overflow: hidden;\r\n border: 2px solid transparent;\r\n transition: all 0.3s ease;\r\n opacity: 0.6;\r\n }\r\n\r\n .eut-thumb:hover, .eut-thumb.active {\r\n opacity: 1;\r\n border-color: var(--eu-gold);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-thumb img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* Bottom Details Section *\/\r\n .eut-details-section {\r\n margin-top: 40px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .eut-detail-item {\r\n padding: 25px;\r\n background: rgba(255,255,255,0.02);\r\n border-top: 2px solid var(--eu-gold);\r\n border-radius: 0 0 12px 12px;\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .eut-detail-item:hover {\r\n background: rgba(255,255,255,0.05);\r\n }\r\n\r\n .eut-detail-item h4 {\r\n color: var(--eu-gold);\r\n margin-top: 0;\r\n margin-bottom: 12px;\r\n font-size: 18px;\r\n }\r\n\r\n .eut-footer {\r\n margin-top: 50px;\r\n padding-top: 20px;\r\n border-top: 1px solid var(--glass-border);\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n <\/style>\r\n\r\n <div class=\"eut-container\">\r\n \r\n <header class=\"eut-header-box\">\r\n <span class=\"eut-tag\">University News<\/span>\r\n <h1 class=\"eut-main-title\">National Forum on Combating Violent Extremism Hosted at Al-Turath University<\/h1>\r\n <p style=\"color: var(--text-muted); margin-top: 10px;\">Strengthening social cohesion and national values through scientific dialogue and institutional awareness.<\/p>\r\n <\/header>\r\n\r\n <div class=\"eut-grid\">\r\n \r\n <div class=\"eut-visual-panel\">\r\n <img decoding=\"async\" id=\"eut-main-view\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d304c0e09.jpg\" alt=\"National Forum at Al-Turath\">\r\n <\/div>\r\n\r\n \r\n <aside class=\"eut-info-sidebar\">\r\n <div class=\"eut-info-card\">\r\n <h3>Key Partners<\/h3>\r\n <ul class=\"eut-list\">\r\n <li><b>HRC:<\/b> High Commission for Human Rights<\/li>\r\n <li><b>ICRC:<\/b> Int. Committee of the Red Cross<\/li>\r\n <li><b>Directors:<\/b> Gov. Human Rights Depts.<\/li>\r\n <li><b>Entities:<\/b> Al-Asr Center & Rushd Foundation<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"eut-info-card\" style=\"background: var(--eu-blue);\">\r\n <h3>Core Mission<\/h3>\r\n <p style=\"font-size: 14px; margin: 0;\">\"Protecting civil peace begins with building institutional awareness that redefines citizenship as a shared responsibility.\" \u2014 Prof. Dr. Omar Saad Ahmed.<\/p>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-gallery-strip\">\r\n <div class=\"eut-thumb active\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d304c0e09.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d304c0e09.jpg\" alt=\"Gallery 1\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d304c11df.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d304c11df.jpg\" alt=\"Gallery 2\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d304c1327.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d304c1327.jpg\" alt=\"Gallery 3\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d304c155a.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d304c155a.jpg\" alt=\"Gallery 4\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d304c1680.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d304c1680.jpg\" alt=\"Gallery 5\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-details-section\">\r\n <div class=\"eut-detail-item\">\r\n <h4>Knowledge-Based Approach<\/h4>\r\n <p>Al-Turath University sponsored the forum to coordinate scientific dialogue with public policy, opening channels for joint work based on awareness and governance.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>Executive Dimension<\/h4>\r\n <p>The presence of official human rights departments linked diagnosis to practice, emphasizing integration between official institutions and research entities for social stability.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>Sustainable Vision<\/h4>\r\n <p>The forum concluded with the necessity of sustaining educational programmes and entrenching diversity management as a cornerstone for civil peace.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <footer class=\"eut-footer\">\r\n <div>Department of Media and Government Communication \u2014 Al-Turath University<\/div>\r\n <div>2 March 2026<\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n <script>\r\n function switchImage(element, src) {\r\n if (!element || !src) return;\r\n const mainImg = document.getElementById('eut-main-view');\r\n if (!mainImg) return;\r\n mainImg.style.opacity = '0';\r\n setTimeout(() => {\r\n mainImg.src = src;\r\n mainImg.onload = () => { mainImg.style.opacity = '1'; };\r\n }, 250);\r\n const thumbnails = document.querySelectorAll('.eut-thumb');\r\n thumbnails.forEach(t => t.classList.remove('active'));\r\n element.classList.add('active');\r\n }\r\n <\/script>\r\n<\/section>\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-e81a3cc e-flex e-con-boxed e-con e-parent\" data-id=\"e81a3cc\" 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-4be8023 elementor-widget elementor-widget-html\" data-id=\"4be8023\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"eut-academic-news\" data-eut-post>\r\n <style>\r\n \/* =========================================\r\n 1. VARIABLES (CSS Custom Properties)\r\n ========================================= *\/\r\n :root {\r\n --eu-blue: #003399;\r\n --eu-gold: #FFCC00;\r\n --navy-dark: #050a18;\r\n --glass: rgba(255, 255, 255, 0.05);\r\n --glass-border: rgba(255, 255, 255, 0.12);\r\n --text-main: #ffffff;\r\n --text-muted: rgba(255, 255, 255, 0.75);\r\n --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n \/* =========================================\r\n 2. BASE STYLES\r\n ========================================= *\/\r\n .eut-academic-news {\r\n direction: ltr;\r\n font-family: var(--font-family);\r\n background: linear-gradient(135deg, #070e21 0%, #0c1a3d 100%);\r\n color: var(--text-main);\r\n padding: clamp(20px, 4vw, 40px) clamp(15px, 3vw, 20px);\r\n border-radius: 24px;\r\n overflow: hidden;\r\n line-height: 1.6;\r\n box-sizing: border-box;\r\n }\r\n\r\n .eut-academic-news * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .eut-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* =========================================\r\n 3. HEADER\r\n ========================================= *\/\r\n .eut-header-box {\r\n margin-bottom: 35px;\r\n border-left: 5px solid var(--eu-gold);\r\n padding-left: 20px;\r\n }\r\n\r\n .eut-tag {\r\n background: var(--eu-gold);\r\n color: var(--navy-dark);\r\n padding: 4px 15px;\r\n font-weight: bold;\r\n font-size: 14px;\r\n border-radius: 4px;\r\n display: inline-block;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .eut-main-title {\r\n font-size: clamp(24px, 4vw, 36px);\r\n font-weight: 800;\r\n margin: 0;\r\n color: var(--text-main); \/* Fixed undefined variable *\/\r\n line-height: 1.3;\r\n }\r\n\r\n \/* =========================================\r\n 4. MAIN GRID & SIDEBAR\r\n ========================================= *\/\r\n .eut-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 30px;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .eut-grid { grid-template-columns: 1fr; }\r\n }\r\n\r\n .eut-visual-panel {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n border: 1px solid var(--glass-border);\r\n height: clamp(300px, 50vw, 500px);\r\n background: #000;\r\n }\r\n\r\n .eut-visual-panel img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: opacity 0.3s ease-in-out; \/* Smoother transition *\/\r\n display: block;\r\n }\r\n\r\n .eut-info-sidebar {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .eut-info-card {\r\n background: var(--glass);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n border: 1px solid var(--glass-border);\r\n padding: 25px;\r\n border-radius: 15px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .eut-info-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-info-card h3 {\r\n color: var(--eu-gold);\r\n font-size: 18px;\r\n margin-top: 0;\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .eut-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .eut-list li {\r\n padding: 8px 0;\r\n border-bottom: 1px solid rgba(255,255,255,0.05);\r\n font-size: 15px;\r\n }\r\n\r\n .eut-list li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .eut-list li b { color: var(--eu-gold); }\r\n\r\n \/* =========================================\r\n 5. GALLERY THUMBNAILS\r\n ========================================= *\/\r\n .eut-gallery-strip {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 15px;\r\n margin-top: 30px;\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .eut-gallery-strip { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n\r\n .eut-thumb {\r\n aspect-ratio: 4\/3;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n overflow: hidden;\r\n border: 2px solid transparent;\r\n transition: all 0.3s ease;\r\n opacity: 0.6;\r\n background: #000;\r\n }\r\n\r\n .eut-thumb:hover, .eut-thumb.active {\r\n opacity: 1;\r\n border-color: var(--eu-gold);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-thumb img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n pointer-events: none; \/* Prevents bugs if user clicks exactly on img *\/\r\n }\r\n\r\n \/* =========================================\r\n 6. BOTTOM DETAILS\r\n ========================================= *\/\r\n .eut-details-section {\r\n margin-top: 40px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .eut-detail-item {\r\n padding: 25px;\r\n background: rgba(255,255,255,0.02);\r\n border-top: 2px solid var(--eu-gold);\r\n border-radius: 0 0 12px 12px;\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .eut-detail-item:hover {\r\n background: rgba(255,255,255,0.05);\r\n }\r\n\r\n .eut-detail-item h4 {\r\n color: var(--eu-gold);\r\n margin-top: 0;\r\n margin-bottom: 12px;\r\n font-size: 18px;\r\n }\r\n\r\n .eut-detail-item p {\r\n margin: 0;\r\n color: var(--text-muted);\r\n font-size: 15px;\r\n }\r\n\r\n .eut-footer {\r\n margin-top: 50px;\r\n padding-top: 20px;\r\n border-top: 1px solid var(--glass-border);\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n <\/style>\r\n\r\n <div class=\"eut-container\">\r\n \r\n <header class=\"eut-header-box\">\r\n <span class=\"eut-tag\">Goal 17 \u2013 Partnerships<\/span>\r\n <h1 class=\"eut-main-title\">Spanish Ambassador Praises Academic Achievements at Al-Turath University<\/h1>\r\n <p style=\"color: var(--text-muted); margin-top: 10px; margin-bottom: 0;\">Establishing strategic knowledge bridges and international twinning initiatives with the Kingdom of Spain.<\/p>\r\n <\/header>\r\n\r\n <div class=\"eut-grid\">\r\n \r\n <div class=\"eut-visual-panel\">\r\n <img decoding=\"async\" class=\"eut-main-view\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/\u0661\u0661.jpeg\" alt=\"Spanish Ambassador Visit\" loading=\"eager\">\r\n <\/div>\r\n\r\n \r\n <aside class=\"eut-info-sidebar\">\r\n <div class=\"eut-info-card\">\r\n <h3>Official Delegates<\/h3>\r\n <ul class=\"eut-list\">\r\n <li>H.E. <b>Ambassador of Spain<\/b> to Iraq<\/li>\r\n <li>Asst. Prof. Dr. <b>Omar Saad<\/b> (President)<\/li>\r\n <li>Dr. <b>Salah Hassan Al-Ansari<\/b> (Aspactic Engineering)<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"eut-info-card\" style=\"background: var(--eu-blue);\">\r\n <h3>Vision for Growth<\/h3>\r\n <p style=\"font-size: 14px; margin: 0;\">\"What Al-Turath offers today is a direct reflection of the vision of the Chairman of the Board of Trustees, Professor Ali Al-Aqili, toward building an institution capable of regional and international competitiveness.\"<\/p>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-gallery-strip\">\r\n <div class=\"eut-thumb active\" onclick=\"eutSwitchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/\u0661\u0661.jpeg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/\u0661\u0661.jpeg\" alt=\"Diplomatic Meeting 1\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"eutSwitchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/\u0661\u0663\u0663.jpeg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/\u0661\u0663\u0663.jpeg\" alt=\"Diplomatic Meeting 2\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"eutSwitchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/\u0661\u0664\u0664.jpeg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/\u0661\u0664\u0664.jpeg\" alt=\"Diplomatic Meeting 3\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"eutSwitchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/\u0661\u0664\u0665.jpeg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/\u0661\u0664\u0665.jpeg\" alt=\"Diplomatic Meeting 4\" loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-details-section\">\r\n <div class=\"eut-detail-item\">\r\n <h4>Aviation Academy<\/h4>\r\n <p>A key highlight of the visit was the discussion regarding cooperation in establishing an internationally oriented, specialized aviation academy at Al-Turath University.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>Strategic Twinning<\/h4>\r\n <p>Prospects were opened for bilateral academic programmes, including student and faculty exchanges with well-established Spanish universities to enhance engineering and technical education.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>International Standards<\/h4>\r\n <p>Supported by Aspactic Engineering (Madrid), these partnerships aim to transfer specialized European expertise and vocational standards to the Iraqi educational landscape.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <footer class=\"eut-footer\">\r\n <div>University News \u2014 Al-Turath University \u2014 Media and Government Communication<\/div>\r\n <div>6 August 2025<\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n <script>\r\n \/**\r\n * Safely switches the main image with a smooth fade effect.\r\n * Scoped to prevent conflicts in WordPress if multiple blocks exist.\r\n *\/\r\n function eutSwitchImage(element, src) {\r\n if (!element || !src) return;\r\n \r\n \/\/ Find the specific wrapper for this instance to avoid ID conflicts\r\n const blockContainer = element.closest('.eut-academic-news');\r\n if (!blockContainer) return;\r\n \r\n const mainImg = blockContainer.querySelector('.eut-main-view');\r\n if (!mainImg) return;\r\n \r\n \/\/ Start fade out\r\n mainImg.style.opacity = '0';\r\n \r\n setTimeout(() => {\r\n \/\/ Attach onload BEFORE changing src to prevent race conditions with cached images\r\n mainImg.onload = () => {\r\n mainImg.style.opacity = '1';\r\n };\r\n \/\/ Update source\r\n mainImg.src = src;\r\n }, 300); \/\/ 300ms matches the CSS transition time\r\n \r\n \/\/ Handle active state classes\r\n const thumbnails = blockContainer.querySelectorAll('.eut-thumb');\r\n thumbnails.forEach(t => t.classList.remove('active'));\r\n element.classList.add('active');\r\n }\r\n <\/script>\r\n<\/section>\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>Al-Turath University – Research & Relations Research & Relations Dept. Building Global Partnerships for Academic Excellence Supporting international cooperation, research exchange, and academic development at Al-Turath University. International Partnerships Applications Open: Study at the University of Plymouth (UK) Al-Turath University announces the opening of applications for study in the United Kingdom, offering an exclusive 75% […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1241","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/scrd.uoturath.edu.iq\/index.php\/wp-json\/wp\/v2\/pages\/1241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scrd.uoturath.edu.iq\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scrd.uoturath.edu.iq\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scrd.uoturath.edu.iq\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/scrd.uoturath.edu.iq\/index.php\/wp-json\/wp\/v2\/comments?post=1241"}],"version-history":[{"count":52,"href":"https:\/\/scrd.uoturath.edu.iq\/index.php\/wp-json\/wp\/v2\/pages\/1241\/revisions"}],"predecessor-version":[{"id":1468,"href":"https:\/\/scrd.uoturath.edu.iq\/index.php\/wp-json\/wp\/v2\/pages\/1241\/revisions\/1468"}],"wp:attachment":[{"href":"https:\/\/scrd.uoturath.edu.iq\/index.php\/wp-json\/wp\/v2\/media?parent=1241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Al-Turath University - Research & Relations<\/title>\r\n \r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --navy-dark: #020c1b;\r\n --navy-main: #0a192f;\r\n --navy-light: #112240;\r\n --gold-main: #D4AF37;\r\n --gold-light: #F4D03F;\r\n --white: #ffffff;\r\n --text-gray: #a8b2d1;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Cairo', sans-serif;\r\n background-color: var(--navy-dark);\r\n color: var(--white);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ----------------------------------\r\n Hero Section Base\r\n ----------------------------------- *\/\r\n .hero-section {\r\n position: relative;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n background: radial-gradient(circle at 100% 0%, var(--navy-light) 0%, var(--navy-dark) 60%);\r\n overflow: hidden;\r\n padding: 100px 0;\r\n }\r\n\r\n \/* \u0627\u0644\u0625\u0636\u0627\u0621\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n .glow-background {\r\n position: absolute;\r\n top: 50%;\r\n right: 10%;\r\n transform: translateY(-50%);\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(circle, rgba(212, 175, 55, 0.08) 0%, transparent 70%);\r\n z-index: 0;\r\n pointer-events: none;\r\n }\r\n\r\n .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 5%;\r\n position: relative;\r\n z-index: 2;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: center;\r\n }\r\n\r\n \/* ----------------------------------\r\n Text Content\r\n ----------------------------------- *\/\r\n .hero-text {\r\n direction: ltr;\r\n text-align: left;\r\n animation: fadeInRight 1s ease-out forwards;\r\n }\r\n\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n padding: 8px 24px;\r\n background: rgba(212, 175, 55, 0.05);\r\n border: 1px solid rgba(212, 175, 55, 0.3);\r\n color: var(--gold-light);\r\n border-radius: 50px;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 30px;\r\n backdrop-filter: blur(10px);\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n .badge::before {\r\n content: '';\r\n display: inline-block;\r\n width: 8px;\r\n height: 8px;\r\n background-color: var(--gold-main);\r\n border-radius: 50%;\r\n margin-right: 10px;\r\n box-shadow: 0 0 8px var(--gold-main);\r\n }\r\n\r\n .hero-text h1 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 4.2rem;\r\n line-height: 1.15;\r\n margin-bottom: 25px;\r\n color: var(--white);\r\n }\r\n\r\n .hero-text h1 .gold-text {\r\n color: var(--gold-main);\r\n font-style: italic;\r\n display: block;\r\n }\r\n\r\n .hero-text p {\r\n font-size: 1.25rem;\r\n line-height: 1.7;\r\n color: var(--text-gray);\r\n max-width: 95%;\r\n margin-bottom: 40px;\r\n border-left: 3px solid var(--gold-main);\r\n padding-left: 20px;\r\n }\r\n\r\n \/* ----------------------------------\r\n Mosaic Image Grid (\u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a \u0648\u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0645\u062b\u0627\u0644\u064a\u0629)\r\n ----------------------------------- *\/\r\n .hero-visuals {\r\n width: 100%;\r\n animation: fadeInLeft 1s ease-out forwards;\r\n }\r\n\r\n .mosaic-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 24px; \/* \u0645\u0633\u0627\u0641\u0629 \u0645\u062a\u0633\u0627\u0648\u064a\u0629 \u0648\u0645\u062b\u0627\u0644\u064a\u0629 \u0628\u064a\u0646 \u0627\u0644\u0623\u0639\u0645\u062f\u0629 *\/\r\n align-items: center;\r\n }\r\n\r\n .mosaic-col {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 24px; \/* \u0645\u0633\u0627\u0641\u0629 \u0645\u062a\u0633\u0627\u0648\u064a\u0629 \u0648\u0645\u062b\u0627\u0644\u064a\u0629 \u0628\u064a\u0646 \u0627\u0644\u0635\u0648\u0631 \u0641\u064a \u0646\u0641\u0633 \u0627\u0644\u0639\u0645\u0648\u062f *\/\r\n }\r\n\r\n \/* \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u062b\u0627\u0646\u064a \u0642\u0644\u064a\u0644\u0627\u064b \u0644\u0644\u0623\u0639\u0644\u0649 \u0644\u0625\u0639\u0637\u0627\u0621 \u0634\u0643\u0644 \u0645\u062a\u062f\u0627\u062e\u0644 \u0623\u0646\u064a\u0642 \u0648\u0644\u0643\u0646 \u0647\u0646\u062f\u0633\u064a *\/\r\n .mosaic-col.stagger {\r\n transform: translateY(-40px);\r\n }\r\n\r\n .img-box {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n border: 1px solid rgba(212, 175, 55, 0.15);\r\n transition: all 0.5s ease;\r\n background-color: var(--navy-light);\r\n cursor: pointer;\r\n }\r\n\r\n .img-box::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, rgba(2, 12, 27, 0.6) 0%, transparent 50%);\r\n z-index: 1;\r\n opacity: 0.8;\r\n transition: opacity 0.5s ease;\r\n }\r\n\r\n .img-box:hover {\r\n transform: translateY(-5px);\r\n border-color: rgba(212, 175, 55, 0.6);\r\n box-shadow: 0 30px 50px rgba(0,0,0,0.6), 0 0 20px rgba(212, 175, 55, 0.1);\r\n }\r\n\r\n .img-box:hover::before {\r\n opacity: 0.3;\r\n }\r\n\r\n .img-box img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.7s ease;\r\n display: block;\r\n }\r\n\r\n .img-box:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* \u0636\u0628\u0637 \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639\u0627\u062a \u0644\u062a\u0643\u0648\u064a\u0646 \u0634\u0643\u0644 \u0641\u0633\u064a\u0641\u0633\u0627\u0626\u064a \u0645\u062a\u0646\u0627\u0633\u0642 *\/\r\n .mosaic-col:nth-child(1) .img-box:nth-child(1) { height: 380px; }\r\n .mosaic-col:nth-child(1) .img-box:nth-child(2) { height: 260px; }\r\n .mosaic-col:nth-child(2) .img-box:nth-child(1) { height: 260px; }\r\n .mosaic-col:nth-child(2) .img-box:nth-child(2) { height: 380px; }\r\n\r\n \/* ----------------------------------\r\n Animations\r\n ----------------------------------- *\/\r\n @keyframes fadeInRight {\r\n 0% { opacity: 0; transform: translateX(-40px); }\r\n 100% { opacity: 1; transform: translateX(0); }\r\n }\r\n @keyframes fadeInLeft {\r\n 0% { opacity: 0; transform: translateX(40px); }\r\n 100% { opacity: 1; transform: translateX(0); }\r\n }\r\n\r\n \/* ----------------------------------\r\n Responsive Design (\u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0627\u0644\u062a\u0627\u0628\u0644\u062a)\r\n ----------------------------------- *\/\r\n @media (max-width: 1200px) {\r\n .hero-text h1 { font-size: 3.5rem; }\r\n .container { gap: 40px; }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n .hero-section {\r\n padding: 120px 0 80px;\r\n background: var(--navy-dark);\r\n }\r\n\r\n .container {\r\n grid-template-columns: 1fr;\r\n gap: 50px;\r\n text-align: center;\r\n }\r\n\r\n .hero-text {\r\n text-align: center;\r\n animation: fadeInRight 1s ease-out forwards; \/* \u062a\u0648\u062d\u064a\u062f \u0627\u0644\u062d\u0631\u0643\u0629 *\/\r\n }\r\n\r\n .hero-text p {\r\n margin: 0 auto 40px;\r\n border-left: none;\r\n border-top: 3px solid var(--gold-main);\r\n padding-left: 0;\r\n padding-top: 20px;\r\n }\r\n\r\n .badge {\r\n margin: 0 auto 25px;\r\n }\r\n\r\n .glow-background {\r\n top: 20%;\r\n right: 50%;\r\n transform: translateX(50%);\r\n }\r\n\r\n \/* \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0644\u0644\u0635\u0648\u0631 *\/\r\n .mosaic-col.stagger {\r\n transform: translateY(0); \/* \u0625\u0644\u063a\u0627\u0621 \u0627\u0644\u062a\u062f\u0627\u062e\u0644 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0644\u062a\u0631\u062a\u064a\u0628 \u0645\u062b\u0627\u0644\u064a *\/\r\n }\r\n\r\n .mosaic-grid {\r\n gap: 15px; \/* \u0645\u0633\u0627\u0641\u0629 \u0623\u0642\u0644 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n }\r\n .mosaic-col {\r\n gap: 15px;\r\n }\r\n\r\n \/* \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639\u0627\u062a \u0644\u062a\u0646\u0627\u0633\u0628 \u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0647\u0648\u0627\u062a\u0641 *\/\r\n .mosaic-col:nth-child(1) .img-box:nth-child(1),\r\n .mosaic-col:nth-child(2) .img-box:nth-child(2) { height: 250px; }\r\n \r\n .mosaic-col:nth-child(1) .img-box:nth-child(2),\r\n .mosaic-col:nth-child(2) .img-box:nth-child(1) { height: 180px; }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .hero-text h1 { font-size: 2.8rem; }\r\n .hero-text h1 .gold-text { font-size: 2.5rem; }\r\n .hero-text p { font-size: 1.1rem; }\r\n \r\n \/* \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u062c\u062f\u0627\u064b\u060c \u0646\u062c\u0639\u0644 \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639\u0627\u062a \u0645\u0648\u062d\u062f\u0629 \u0646\u0633\u0628\u064a\u0627\u064b *\/\r\n .mosaic-col:nth-child(1) .img-box:nth-child(1),\r\n .mosaic-col:nth-child(2) .img-box:nth-child(2) { height: 200px; }\r\n \r\n .mosaic-col:nth-child(1) .img-box:nth-child(2),\r\n .mosaic-col:nth-child(2) .img-box:nth-child(1) { height: 150px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"hero-section\">\r\n \r\n <div class=\"glow-background\"><\/div>\r\n\r\n <div class=\"container\">\r\n \r\n <div class=\"hero-text\">\r\n <div class=\"badge\">Research & Relations Dept.<\/div>\r\n <h1>Building Global Partnerships <br><span class=\"gold-text\">for Academic Excellence<\/span><\/h1>\r\n <p>Supporting international cooperation, research exchange, and academic development at Al-Turath University.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-visuals\">\r\n <div class=\"mosaic-grid\">\r\n \r\n \r\n <div class=\"mosaic-col\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/DSC04262-scaled-1.jpg\" alt=\"Academic Research\">\r\n <\/div>\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/130700500_1475866192617157_7532090490978052483_n.jpg\" alt=\"Academic Development\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mosaic-col stagger\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-06_11-52-12.jpg\" alt=\"Global Partnerships\">\r\n <\/div>\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/135651498_1797754907041188_3147961252692644677_n.jpg\" alt=\"International Cooperation\">\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31f5cfe e-flex e-con-boxed e-con e-parent\" data-id=\"31f5cfe\" 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-3595c9e elementor-widget elementor-widget-html\" data-id=\"3595c9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"eut-academic-news\" data-eut-post>\r\n <style>\r\n \/* =========================================\r\n 1. VARIABLES (CSS Custom Properties)\r\n ========================================= *\/\r\n :root {\r\n --eu-blue: #003399;\r\n --eu-gold: #FFCC00;\r\n --navy-dark: #050a18;\r\n --glass: rgba(255, 255, 255, 0.05);\r\n --glass-border: rgba(255, 255, 255, 0.12);\r\n --text-main: #ffffff;\r\n --text-muted: rgba(255, 255, 255, 0.75);\r\n --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n \/* =========================================\r\n 2. BASE STYLES\r\n ========================================= *\/\r\n .eut-academic-news {\r\n direction: ltr;\r\n font-family: var(--font-family);\r\n background: linear-gradient(135deg, #070e21 0%, #0c1a3d 100%);\r\n color: var(--text-main);\r\n padding: clamp(20px, 4vw, 40px) clamp(15px, 3vw, 20px);\r\n border-radius: 24px;\r\n overflow: hidden;\r\n line-height: 1.6;\r\n box-sizing: border-box;\r\n }\r\n\r\n .eut-academic-news * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .eut-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* =========================================\r\n 3. HEADER\r\n ========================================= *\/\r\n .eut-header-box {\r\n margin-bottom: 35px;\r\n border-left: 5px solid var(--eu-gold);\r\n padding-left: 20px;\r\n }\r\n\r\n .eut-tag {\r\n background: var(--eu-gold);\r\n color: var(--navy-dark);\r\n padding: 4px 15px;\r\n font-weight: bold;\r\n font-size: 14px;\r\n border-radius: 4px;\r\n display: inline-block;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .eut-main-title {\r\n font-size: clamp(24px, 4vw, 36px);\r\n font-weight: 800;\r\n margin: 0;\r\n color: var(--text-main);\r\n line-height: 1.3;\r\n }\r\n\r\n \/* =========================================\r\n 4. MAIN GRID & SIDEBAR\r\n ========================================= *\/\r\n .eut-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 30px;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .eut-grid { grid-template-columns: 1fr; }\r\n }\r\n\r\n .eut-visual-panel {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n border: 1px solid var(--glass-border);\r\n height: clamp(300px, 50vw, 500px);\r\n background: #000;\r\n }\r\n\r\n .eut-visual-panel img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: opacity 0.3s ease-in-out;\r\n display: block;\r\n }\r\n\r\n .eut-info-sidebar {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .eut-info-card {\r\n background: var(--glass);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n border: 1px solid var(--glass-border);\r\n padding: 25px;\r\n border-radius: 15px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .eut-info-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-info-card h3 {\r\n color: var(--eu-gold);\r\n font-size: 18px;\r\n margin-top: 0;\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .eut-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .eut-list li {\r\n padding: 8px 0;\r\n border-bottom: 1px solid rgba(255,255,255,0.05);\r\n font-size: 15px;\r\n }\r\n\r\n .eut-list li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .eut-list li b { color: var(--eu-gold); }\r\n\r\n \/* =========================================\r\n 5. GALLERY THUMBNAILS\r\n ========================================= *\/\r\n .eut-gallery-strip {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 15px;\r\n margin-top: 30px;\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .eut-gallery-strip { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n\r\n .eut-thumb {\r\n aspect-ratio: 4\/3;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n overflow: hidden;\r\n border: 2px solid transparent;\r\n transition: all 0.3s ease;\r\n opacity: 0.6;\r\n background: #000;\r\n }\r\n\r\n .eut-thumb:hover, .eut-thumb.active {\r\n opacity: 1;\r\n border-color: var(--eu-gold);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-thumb img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n pointer-events: none;\r\n }\r\n\r\n \/* =========================================\r\n 6. BOTTOM DETAILS\r\n ========================================= *\/\r\n .eut-details-section {\r\n margin-top: 40px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .eut-detail-item {\r\n padding: 25px;\r\n background: rgba(255,255,255,0.02);\r\n border-top: 2px solid var(--eu-gold);\r\n border-radius: 0 0 12px 12px;\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .eut-detail-item:hover {\r\n background: rgba(255,255,255,0.05);\r\n }\r\n\r\n .eut-detail-item h4 {\r\n color: var(--eu-gold);\r\n margin-top: 0;\r\n margin-bottom: 12px;\r\n font-size: 18px;\r\n }\r\n\r\n .eut-detail-item p {\r\n margin: 0;\r\n color: var(--text-muted);\r\n font-size: 15px;\r\n }\r\n\r\n .eut-footer {\r\n margin-top: 50px;\r\n padding-top: 20px;\r\n border-top: 1px solid var(--glass-border);\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n <\/style>\r\n\r\n <div class=\"eut-container\">\r\n \r\n <header class=\"eut-header-box\">\r\n <span class=\"eut-tag\">International Partnerships<\/span>\r\n <h1 class=\"eut-main-title\">Applications Open: Study at the University of Plymouth (UK)<\/h1>\r\n <p style=\"color: var(--text-muted); margin-top: 10px; margin-bottom: 0;\">Al-Turath University announces the opening of applications for study in the United Kingdom, offering an exclusive 75% reduction in tuition fees.<\/p>\r\n <\/header>\r\n\r\n <div class=\"eut-grid\">\r\n \r\n <div class=\"eut-visual-panel\">\r\n <img decoding=\"async\" class=\"eut-main-view\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/FB_IMG_1772005697778.jpg\" alt=\"University of Plymouth Agreement\" loading=\"eager\">\r\n <\/div>\r\n\r\n \r\n <aside class=\"eut-info-sidebar\">\r\n <div class=\"eut-info-card\">\r\n <h3>Programme Highlights<\/h3>\r\n <ul class=\"eut-list\">\r\n <li>Partner: <b>University of Plymouth (UK)<\/b><\/li>\r\n <li>Financial Aid: <b>75% Tuition Fee Reduction<\/b><\/li>\r\n <li>Status: <b>Applications Now Open<\/b><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"eut-info-card\" style=\"background: var(--eu-blue);\">\r\n <h3>Official Agreement<\/h3>\r\n <p style=\"font-size: 14px; margin: 0;\">\"This opportunity follows the successful signing of an agreement between the two universities and the completion of all official procedures, in accordance with the approved regulations and conditions.\"<\/p>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-gallery-strip\" style=\"grid-template-columns: repeat(1, 1fr); max-width: 200px;\">\r\n <div class=\"eut-thumb active\" onclick=\"eutSwitchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/FB_IMG_1772005697778.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/FB_IMG_1772005697778.jpg\" alt=\"Plymouth University Partnership\" loading=\"lazy\">\r\n <\/div>\r\n \r\n <\/div>\r\n\r\n \r\n <div class=\"eut-details-section\">\r\n <div class=\"eut-detail-item\">\r\n <h4>Study in the UK<\/h4>\r\n <p>Expand your academic horizons by studying at the University of Plymouth, a prestigious institution in the United Kingdom known for its academic excellence and research impact.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>75% Tuition Reduction<\/h4>\r\n <p>Through our strategic partnership, accepted students from Al-Turath University will benefit from a massive 75% reduction in tuition fees, making world-class education more accessible.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>Fully Accredited<\/h4>\r\n <p>All official procedures and bilateral agreements have been completed and approved to ensure a smooth, recognized, and highly regulated application process for our students.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <footer class=\"eut-footer\">\r\n <div>University News \u2014 Al-Turath University \u2014 Scholarships and Relations Department<\/div>\r\n <div>6 March 2026<\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n <script>\r\n \/**\r\n * Safely switches the main image with a smooth fade effect.\r\n * Scoped to prevent conflicts in WordPress if multiple blocks exist.\r\n *\/\r\n function eutSwitchImage(element, src) {\r\n if (!element || !src) return;\r\n \r\n const blockContainer = element.closest('.eut-academic-news');\r\n if (!blockContainer) return;\r\n \r\n const mainImg = blockContainer.querySelector('.eut-main-view');\r\n if (!mainImg) return;\r\n \r\n mainImg.style.opacity = '0';\r\n \r\n setTimeout(() => {\r\n mainImg.onload = () => {\r\n mainImg.style.opacity = '1';\r\n };\r\n mainImg.src = src;\r\n }, 300);\r\n \r\n const thumbnails = blockContainer.querySelectorAll('.eut-thumb');\r\n thumbnails.forEach(t => t.classList.remove('active'));\r\n element.classList.add('active');\r\n }\r\n <\/script>\r\n<\/section>\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-01f8e6d e-flex e-con-boxed e-con e-parent\" data-id=\"01f8e6d\" 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-8021d62 elementor-widget elementor-widget-video\" data-id=\"8021d62\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"youtube_url":"https:\\\/\\\/youtu.be\\\/IJguWW3E4RM?si=ov4dL6yHgY3Ewg1-","yt_privacy":"yes","video_type":"youtube"}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\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-cbbf1a6 e-flex e-con-boxed e-con e-parent\" data-id=\"cbbf1a6\" 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-2c7acbe elementor-widget elementor-widget-html\" data-id=\"2c7acbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ali-ogaili-card\" dir=\"ltr\" lang=\"en\">\r\n <div class=\"ali-ogaili-image-wrap\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2024-07-30-at-10.36.55-AM-682x1024.jpeg.webp\" \r\n alt=\"Mr. Ali Al-Ogaili\"\r\n class=\"ali-ogaili-image\"\r\n >\r\n <\/div>\r\n\r\n <div class=\"ali-ogaili-content\">\r\n <h2 class=\"ali-ogaili-name\">Mr. Ali Al-Ogaili<\/h2>\r\n <div class=\"ali-ogaili-title\">\r\n Chairman of the Board of Trustees \u2013 Al-Turath University\r\n <\/div>\r\n <p class=\"ali-ogaili-text\">\r\n A visionary leader shaping the future of education and a committed humanitarian advocate for the underprivileged and vulnerable communities of Iraq.\r\n <\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n .ali-ogaili-card {\r\n direction: ltr;\r\n text-align: left;\r\n display: flex;\r\n align-items: center;\r\n gap: 24px;\r\n max-width: 950px;\r\n margin: 20px auto;\r\n padding: 24px;\r\n background: linear-gradient(145deg, #050505 0%, #0b0f19 45%, #111827 100%);\r\n border: 2px solid #d4af37;\r\n border-radius: 18px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.35);\r\n color: #ffffff;\r\n font-family: \"Georgia\", \"Times New Roman\", serif;\r\n overflow: hidden;\r\n }\r\n\r\n .ali-ogaili-image-wrap {\r\n flex: 0 0 180px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .ali-ogaili-image {\r\n width: 180px;\r\n height: 220px;\r\n object-fit: cover;\r\n border-radius: 14px;\r\n border: 3px solid #d4af37;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\r\n display: block;\r\n }\r\n\r\n .ali-ogaili-content {\r\n flex: 1;\r\n min-width: 0;\r\n }\r\n\r\n .ali-ogaili-name {\r\n margin: 0 0 10px 0;\r\n font-size: 32px;\r\n line-height: 1.2;\r\n color: #f8f4d7;\r\n font-weight: 700;\r\n letter-spacing: 0.4px;\r\n }\r\n\r\n .ali-ogaili-title {\r\n margin-bottom: 14px;\r\n font-size: 18px;\r\n line-height: 1.5;\r\n color: #f0c75e;\r\n font-weight: 600;\r\n }\r\n\r\n .ali-ogaili-text {\r\n margin: 0;\r\n font-size: 17px;\r\n line-height: 1.8;\r\n color: #ffffff;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .ali-ogaili-card {\r\n flex-direction: column;\r\n text-align: left;\r\n padding: 18px;\r\n gap: 18px;\r\n }\r\n\r\n .ali-ogaili-image-wrap {\r\n flex: 0 0 auto;\r\n width: 100%;\r\n }\r\n\r\n .ali-ogaili-image {\r\n width: 160px;\r\n height: 200px;\r\n }\r\n\r\n .ali-ogaili-name {\r\n font-size: 25px;\r\n }\r\n\r\n .ali-ogaili-title {\r\n font-size: 16px;\r\n }\r\n\r\n .ali-ogaili-text {\r\n font-size: 15px;\r\n line-height: 1.7;\r\n }\r\n }\r\n<\/style>\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-9dc39b9 e-flex e-con-boxed e-con e-parent\" data-id=\"9dc39b9\" 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-bc64132 elementor-widget elementor-widget-html\" data-id=\"bc64132\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"eut-academic-department\" data-eut-post dir=\"ltr\">\r\n <style>\r\n \/* =========================================\r\n 1. VARIABLES (CSS Custom Properties)\r\n ========================================= *\/\r\n .eut-academic-department {\r\n \/* Dark & Glassy Theme (Restoring Original Colors) *\/\r\n --acad-navy: #FFFFFF; \/* \u0646\u0635\u0648\u0635 \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0623\u0628\u064a\u0636 *\/\r\n --acad-navy-light: rgba(255, 255, 255, 0.06); \r\n --acad-gold: #C5A059; \/* \u0627\u0644\u0630\u0647\u0628\u064a \u0627\u0644\u062c\u0627\u0645\u0639\u064a *\/\r\n --acad-gold-light: #DFBE7B;\r\n \r\n --acad-bg: #0f1115; \/* \u062e\u0644\u0641\u064a\u0629 \u062f\u0627\u0643\u0646\u0629 \u062c\u062f\u0627\u064b \u0648\u0623\u0646\u064a\u0642\u0629 *\/\r\n --acad-surface: rgba(255, 255, 255, 0.04); \/* \u062a\u0623\u062b\u064a\u0631 \u0632\u062c\u0627\u062c\u064a \u0644\u0644\u0628\u0637\u0627\u0642\u0627\u062a *\/\r\n --acad-border: rgba(255, 255, 255, 0.12); \/* \u062d\u062f\u0648\u062f \u0632\u062c\u0627\u062c\u064a\u0629 \u062e\u0641\u064a\u0641\u0629 *\/\r\n \r\n --acad-text-main: #f0f6fc; \/* \u0646\u0635\u0648\u0635 \u0631\u0626\u064a\u0633\u064a\u0629 \u0641\u0627\u062a\u062d\u0629 *\/\r\n --acad-text-muted: #8b949e; \/* \u0646\u0635\u0648\u0635 \u062b\u0627\u0646\u0648\u064a\u0629 \u0628\u0644\u0648\u0646 \u0631\u0645\u0627\u062f\u064a \u0645\u0631\u064a\u062d \u0644\u0644\u0639\u064a\u0646 *\/\r\n \r\n \/* Typography *\/\r\n --font-serif: \"Playfair Display\", \"Merriweather\", \"Georgia\", \"Times New Roman\", serif;\r\n --font-sans: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\r\n \r\n --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.3);\r\n --shadow-md: 0 12px 26px rgba(0, 0, 0, 0.5);\r\n \r\n --radius: 12px;\r\n --max-w: 1200px;\r\n }\r\n\r\n \/* =========================================\r\n 2. RESET & BASE TYPOGRAPHY\r\n ========================================= *\/\r\n section.eut-academic-department,\r\n section.eut-academic-department * {\r\n box-sizing: border-box;\r\n }\r\n\r\n section.eut-academic-department {\r\n font-family: var(--font-sans);\r\n color: var(--acad-text-main);\r\n background-color: transparent;\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n section.eut-academic-department img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n\r\n \/* =========================================\r\n 3. MAIN CONTAINER\r\n ========================================= *\/\r\n .acad-wrapper {\r\n max-width: var(--max-w);\r\n margin: 0 auto;\r\n background: var(--acad-bg);\r\n border: 1px solid var(--acad-border);\r\n border-top: 5px solid var(--acad-gold);\r\n border-radius: 8px;\r\n box-shadow: var(--shadow-md);\r\n overflow: hidden;\r\n }\r\n\r\n .acad-inner {\r\n padding: clamp(24px, 4vw, 48px) clamp(20px, 4vw, 48px);\r\n }\r\n\r\n \/* =========================================\r\n 4. HEADER\r\n ========================================= *\/\r\n .acad-header {\r\n text-align: center;\r\n margin-bottom: clamp(32px, 5vw, 48px);\r\n padding-bottom: 24px;\r\n border-bottom: 1px solid var(--acad-border);\r\n }\r\n\r\n .acad-univ-name {\r\n display: block;\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n color: var(--acad-gold);\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .acad-main-title {\r\n font-family: var(--font-serif);\r\n color: var(--acad-navy);\r\n font-size: clamp(28px, 4vw, 42px);\r\n font-weight: 700;\r\n line-height: 1.2;\r\n margin: 0 0 16px 0;\r\n }\r\n\r\n .acad-subtitle {\r\n font-size: clamp(16px, 2vw, 18px);\r\n color: var(--acad-text-muted);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n font-weight: 400;\r\n }\r\n\r\n \/* =========================================\r\n 5. PROFILE & STATEMENT GRID\r\n ========================================= *\/\r\n .acad-statement-grid {\r\n display: grid;\r\n grid-template-columns: 320px 1fr;\r\n gap: clamp(32px, 4vw, 56px);\r\n margin-bottom: 48px;\r\n align-items: start;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .acad-statement-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n \/* Profile Sidebar *\/\r\n .acad-profile {\r\n text-align: center;\r\n }\r\n\r\n .acad-profile-img {\r\n width: 100%;\r\n max-width: 280px;\r\n aspect-ratio: 3\/4;\r\n object-fit: cover;\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow-md);\r\n margin: 0 auto 20px;\r\n border: 1px solid var(--acad-border);\r\n }\r\n\r\n .acad-profile-name {\r\n font-family: var(--font-serif);\r\n font-size: 22px;\r\n color: var(--acad-navy);\r\n margin: 0 0 6px 0;\r\n font-weight: 700;\r\n }\r\n\r\n .acad-profile-title {\r\n font-size: 14px;\r\n color: var(--acad-text-muted);\r\n margin: 0;\r\n font-weight: 500;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* Statement Content *\/\r\n .acad-article h2 {\r\n font-family: var(--font-serif);\r\n font-size: 24px;\r\n color: var(--acad-navy);\r\n margin: 0 0 20px 0;\r\n padding-bottom: 12px;\r\n position: relative;\r\n }\r\n\r\n .acad-article h2::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 40px;\r\n height: 3px;\r\n background: var(--acad-gold);\r\n }\r\n\r\n .acad-article p {\r\n margin: 0 0 18px 0;\r\n font-size: 16px;\r\n line-height: 1.8;\r\n color: var(--acad-text-main);\r\n }\r\n\r\n .acad-article p:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .acad-lead-text {\r\n font-size: 18px !important;\r\n color: var(--acad-navy) !important;\r\n font-weight: 500;\r\n line-height: 1.7 !important;\r\n }\r\n\r\n \/* =========================================\r\n 6. PRIORITIES SECTION (Image + Text)\r\n ========================================= *\/\r\n .acad-priorities {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 32px;\r\n background: var(--acad-surface);\r\n border-radius: var(--radius);\r\n padding: clamp(24px, 4vw, 40px);\r\n margin-bottom: 48px;\r\n align-items: center;\r\n border: 1px solid var(--acad-border);\r\n }\r\n\r\n @media (max-width: 800px) {\r\n .acad-priorities {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n .acad-priorities-content h3 {\r\n font-family: var(--font-serif);\r\n font-size: 24px;\r\n color: var(--acad-navy);\r\n margin: 0 0 16px 0;\r\n }\r\n\r\n .acad-priorities-content p {\r\n margin: 0;\r\n color: var(--acad-text-muted);\r\n font-size: 15px;\r\n line-height: 1.8;\r\n }\r\n\r\n .acad-priorities-img {\r\n width: 100%;\r\n height: 260px;\r\n object-fit: cover;\r\n border-radius: 8px;\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n \/* =========================================\r\n 7. CORE PILLARS\r\n ========================================= *\/\r\n .acad-pillars-title {\r\n text-align: center;\r\n font-family: var(--font-serif);\r\n font-size: 24px;\r\n color: var(--acad-navy);\r\n margin: 0 0 32px 0;\r\n }\r\n\r\n .acad-pillars-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .acad-pillars-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n .acad-pillar-card {\r\n background: var(--acad-bg);\r\n border: 1px solid var(--acad-border);\r\n padding: 32px 24px;\r\n border-radius: var(--radius);\r\n text-align: center;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .acad-pillar-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 4px;\r\n background: var(--acad-gold);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .acad-pillar-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-md);\r\n }\r\n\r\n .acad-pillar-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .acad-pillar-icon {\r\n width: 48px;\r\n height: 48px;\r\n margin: 0 auto 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--acad-surface);\r\n border-radius: 50%;\r\n color: var(--acad-navy);\r\n }\r\n\r\n .acad-pillar-icon svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: currentColor;\r\n }\r\n\r\n .acad-pillar-card h4 {\r\n font-family: var(--font-serif);\r\n font-size: 18px;\r\n color: var(--acad-navy);\r\n margin: 0 0 12px 0;\r\n }\r\n\r\n .acad-pillar-card p {\r\n margin: 0;\r\n font-size: 14px;\r\n color: var(--acad-text-muted);\r\n line-height: 1.7;\r\n }\r\n\r\n <\/style>\r\n\r\n <div class=\"acad-wrapper\">\r\n <div class=\"acad-inner\">\r\n \r\n <header class=\"acad-header\">\r\n <span class=\"acad-univ-name\">Al-Turath University<\/span>\r\n <h1 class=\"acad-main-title\">Scholarships and Relations Department<\/h1>\r\n <p class=\"acad-subtitle\">Advancing higher education through strategic global partnerships and academic openness.<\/p>\r\n <\/header>\r\n\r\n <div class=\"acad-statement-grid\">\r\n <aside class=\"acad-profile\">\r\n <img decoding=\"async\" \r\n class=\"acad-profile-img\" \r\n src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_01-23-37.jpg\" \r\n alt=\"Dr. Mohammed Abduljalil - Head of Department\" \r\n loading=\"eager\"\r\n \/>\r\n <h3 class=\"acad-profile-name\">Dr. Mohammed Abduljalil<\/h3>\r\n <p class=\"acad-profile-title\">Head of Scholarships and Relations Department<\/p>\r\n <\/aside>\r\n\r\n <article class=\"acad-article\">\r\n <h2>Official Statement<\/h2>\r\n <p class=\"acad-lead-text\">\r\n The Scholarships and Relations Department serves as Al-Turath University's gateway to academic openness and international scientific cooperation.\r\n <\/p>\r\n <p>\r\n Guided by the University\u2019s vision, we build high-quality partnerships with global institutions to expand opportunities for students and researchers, advancing higher education in line with global accreditation standards.\r\n <\/p>\r\n <p>\r\n We view internationalisation as a strategic pathway. Therefore, the Department prioritises initiatives that connect the University with advanced research environments, enhancing institutional performance and integrating our researchers into global knowledge networks.\r\n <\/p>\r\n <p>\r\n We remain committed to the highest professional standards, working collaboratively to realise the University\u2019s strategic aspirations and strengthen its regional and global standing.\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"acad-priorities\">\r\n <div class=\"acad-priorities-content\">\r\n <h3>Operational Priorities<\/h3>\r\n <p>\r\n We focus on measurable, impact-oriented partnerships that transition from formal agreements to joint projects, knowledge production, and sustainable development. Governed by sound principles, these relations facilitate the exchange of expertise to serve Iraq and reinforce its scientific advancement.\r\n <\/p>\r\n <\/div>\r\n <img decoding=\"async\" \r\n class=\"acad-priorities-img\" \r\n src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d2c61f363.jpg\" \r\n alt=\"Department Operational Activities and Meetings\" \r\n loading=\"lazy\"\r\n \/>\r\n <\/div>\r\n\r\n <h3 class=\"acad-pillars-title\">Core Pillars of Operation<\/h3>\r\n <div class=\"acad-pillars-grid\">\r\n <div class=\"acad-pillar-card\">\r\n <div class=\"acad-pillar-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L1 7l11 5 11-5-11-5zM2 15.27V10l10 4.54L22 10v5.27A10.02 10.02 0 0 1 12 22a10.02 10.02 0 0 1-10-6.73z\"\/><\/svg>\r\n <\/div>\r\n <h4>Partnerships & Agreements<\/h4>\r\n <p>Establishing and activating memoranda of understanding and scientific agreements with universities, research centres, and international institutions.<\/p>\r\n <\/div>\r\n\r\n <div class=\"acad-pillar-card\">\r\n <div class=\"acad-pillar-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10zM11 7h2v6h-2V7zm0 8h2v2h-2v-2z\"\/><\/svg>\r\n <\/div>\r\n <h4>Mobility & Exchange<\/h4>\r\n <p>Supporting academic exchange programmes, facilitating training opportunities, and enabling engagement with advanced global research environments.<\/p>\r\n <\/div>\r\n\r\n <div class=\"acad-pillar-card\">\r\n <div class=\"acad-pillar-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-1 2l5 5h-5V4zM6 20V4h5v7h7v9H6zm4-10h6v2h-6v-2zm0 4h6v2h-6v-2z\"\/><\/svg>\r\n <\/div>\r\n <h4>Scholarships Governance<\/h4>\r\n <p>Managing and monitoring scholarship portfolios to ensure fairness, transparency, and equal opportunity, while maximising academic value and research outcomes.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\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-f378230 e-flex e-con-boxed e-con e-parent\" data-id=\"f378230\" 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-db33bd8 elementor-widget elementor-widget-html\" data-id=\"db33bd8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"eut-academic-news\" id=\"eut-academic-news\">\r\n <style>\r\n :root{\r\n --eu-blue: #003399;\r\n --eu-gold: #FFCC00;\r\n --navy-dark: #050a18;\r\n --glass: rgba(255, 255, 255, 0.05);\r\n --glass-border: rgba(255, 255, 255, 0.12);\r\n --text-main: #ffffff;\r\n --text-muted: rgba(255, 255, 255, 0.75);\r\n --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n #eut-academic-news {\r\n direction: ltr;\r\n font-family: var(--font-family);\r\n background: linear-gradient(135deg, #070e21 0%, #0c1a3d 100%);\r\n color: var(--text-main);\r\n padding: 40px 20px;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n line-height: 1.6;\r\n }\r\n\r\n .eut-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Main Header Box *\/\r\n .eut-header-box {\r\n margin-bottom: 35px;\r\n border-left: 5px solid var(--eu-gold);\r\n padding-left: 20px;\r\n }\r\n\r\n .eut-tag {\r\n background: var(--eu-gold);\r\n color: var(--navy-dark);\r\n padding: 4px 15px;\r\n font-weight: bold;\r\n font-size: 14px;\r\n border-radius: 4px;\r\n display: inline-block;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .eut-main-title {\r\n font-size: clamp(24px, 4vw, 36px);\r\n font-weight: 800;\r\n margin: 0;\r\n color: var(--white);\r\n }\r\n\r\n \/* Main Grid *\/\r\n .eut-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 30px;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .eut-grid { grid-template-columns: 1fr; }\r\n }\r\n\r\n \/* Hero Image Panel *\/\r\n .eut-visual-panel {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n border: 1px solid var(--glass-border);\r\n height: 500px;\r\n background: #000; \/* Fallback for loading *\/\r\n }\r\n\r\n .eut-visual-panel img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n \/* Sidebar *\/\r\n .eut-info-sidebar {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .eut-info-card {\r\n background: var(--glass);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid var(--glass-border);\r\n padding: 25px;\r\n border-radius: 15px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .eut-info-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-info-card h3 {\r\n color: var(--eu-gold);\r\n font-size: 18px;\r\n margin-top: 0;\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .eut-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .eut-list li {\r\n padding: 8px 0;\r\n border-bottom: 1px solid rgba(255,255,255,0.05);\r\n font-size: 15px;\r\n }\r\n\r\n .eut-list li b { color: var(--eu-gold); }\r\n\r\n \/* Thumbnails - Adjusted to 4 columns for the EU event *\/\r\n .eut-gallery-strip {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 15px;\r\n margin-top: 30px;\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .eut-gallery-strip { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n\r\n .eut-thumb {\r\n aspect-ratio: 4\/3;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n overflow: hidden;\r\n border: 2px solid transparent;\r\n transition: all 0.3s ease;\r\n opacity: 0.6;\r\n }\r\n\r\n .eut-thumb:hover, .eut-thumb.active {\r\n opacity: 1;\r\n border-color: var(--eu-gold);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-thumb img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* Bottom Details Section *\/\r\n .eut-details-section {\r\n margin-top: 40px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .eut-detail-item {\r\n padding: 25px;\r\n background: rgba(255,255,255,0.02);\r\n border-top: 2px solid var(--eu-gold);\r\n border-radius: 0 0 12px 12px;\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .eut-detail-item:hover {\r\n background: rgba(255,255,255,0.05);\r\n }\r\n\r\n .eut-detail-item h4 {\r\n color: var(--eu-gold);\r\n margin-top: 0;\r\n margin-bottom: 12px;\r\n font-size: 18px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .eut-footer {\r\n margin-top: 50px;\r\n padding-top: 20px;\r\n border-top: 1px solid var(--glass-border);\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n <\/style>\r\n\r\n <div class=\"eut-container\">\r\n \r\n <header class=\"eut-header-box\">\r\n <span class=\"eut-tag\">Diplomatic Visit<\/span>\r\n <h1 class=\"eut-main-title\">Al-Turath University Receives the Ambassador of the European Union to Iraq<\/h1>\r\n <p style=\"color: var(--text-muted); margin-top: 10px;\">An official visit within the framework of strengthening international academic relations and expanding prospects for cooperation with European educational and research institutions.<\/p>\r\n <\/header>\r\n\r\n <div class=\"eut-grid\">\r\n \r\n <div class=\"eut-visual-panel\">\r\n <img decoding=\"async\" id=\"eut-main-view\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_22-03-06.jpg\" alt=\"European Union Ambassador Visit at Al-Turath\">\r\n <\/div>\r\n\r\n \r\n <aside class=\"eut-info-sidebar\">\r\n <div class=\"eut-info-card\">\r\n <h3>Distinguished Presence<\/h3>\r\n <ul class=\"eut-list\">\r\n <li>Mr. <b>Ali Al-Aqili<\/b> (Chairman of the Board of Trustees)<\/li>\r\n <li>H.E. Mr. <b>Clemens Semtner<\/b> (Ambassador of the European Union to Iraq)<\/li>\r\n <li>Accompanying EU Delegation<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"eut-info-card\" style=\"background: var(--eu-blue);\">\r\n <h3>Strategic Cooperation<\/h3>\r\n <p style=\"font-size: 14px; margin: 0;\">Discussions focused on developing joint cooperation in higher education, scientific research, academic exchange programmes, and institutional capacity-building in accordance with international standards.<\/p>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-gallery-strip\">\r\n <div class=\"eut-thumb active\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_22-03-06.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_22-03-06.jpg\" alt=\"Gallery 1\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_22-02-57.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_22-02-57.jpg\" alt=\"Gallery 2\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_22-03-00.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_22-03-00.jpg\" alt=\"Gallery 3\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_22-03-03.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_22-03-03.jpg\" alt=\"Gallery 4\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-details-section\">\r\n <div class=\"eut-detail-item\">\r\n <h4>Academic Exchange<\/h4>\r\n <p>Both sides affirmed the importance of consolidating scientific and cultural partnerships and strengthening knowledge-based communication between Iraqi universities and their counterparts in the EU Member States.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>Educational Development<\/h4>\r\n <p>The strategic partnership aims to positively reflect on the development of the educational environment and open robust new horizons for university students and global researchers.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>International Presence<\/h4>\r\n <p>This visit comes within the University\u2019s orientation towards enhancing its international footprint and expanding its network of relations to support its scientific progress regionally and internationally.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <footer class=\"eut-footer\">\r\n <div>Department of Media and Government Communication \u2014 Al-Turath University<\/div>\r\n <div>15 February 2026<\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n <script>\r\n \/**\r\n * Switches the main hero image and updates thumbnail state\r\n * @param {HTMLElement} element - The clicked thumbnail element\r\n * @param {string} src - The URL of the image to display\r\n *\/\r\n function switchImage(element, src) {\r\n if (!element || !src) return;\r\n \r\n const mainImg = document.getElementById('eut-main-view');\r\n if (!mainImg) return;\r\n\r\n \/\/ Smooth fade transition\r\n mainImg.style.opacity = '0';\r\n \r\n setTimeout(() => {\r\n mainImg.src = src;\r\n mainImg.onload = () => {\r\n mainImg.style.opacity = '1';\r\n };\r\n }, 250);\r\n\r\n \/\/ Update active state in gallery\r\n const thumbnails = document.querySelectorAll('.eut-thumb');\r\n thumbnails.forEach(t => t.classList.remove('active'));\r\n element.classList.add('active');\r\n }\r\n <\/script>\r\n<\/section>\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-760a834 e-flex e-con-boxed e-con e-parent\" data-id=\"760a834\" 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-6803682 elementor-widget elementor-widget-html\" data-id=\"6803682\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"eut-academic-news\" id=\"eut-academic-news\">\r\n <style>\r\n :root{\r\n --eu-blue: #003399;\r\n --eu-gold: #FFCC00;\r\n --navy-dark: #050a18;\r\n --glass: rgba(255, 255, 255, 0.05);\r\n --glass-border: rgba(255, 255, 255, 0.12);\r\n --text-main: #ffffff;\r\n --text-muted: rgba(255, 255, 255, 0.75);\r\n --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n #eut-academic-news {\r\n direction: ltr;\r\n font-family: var(--font-family);\r\n background: linear-gradient(135deg, #070e21 0%, #0c1a3d 100%);\r\n color: var(--text-main);\r\n padding: 40px 20px;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n line-height: 1.6;\r\n }\r\n\r\n .eut-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Main Header Box *\/\r\n .eut-header-box {\r\n margin-bottom: 35px;\r\n border-left: 5px solid var(--eu-gold);\r\n padding-left: 20px;\r\n }\r\n\r\n .eut-tag {\r\n background: var(--eu-gold);\r\n color: var(--navy-dark);\r\n padding: 4px 15px;\r\n font-weight: bold;\r\n font-size: 14px;\r\n border-radius: 4px;\r\n display: inline-block;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .eut-main-title {\r\n font-size: clamp(24px, 4vw, 36px);\r\n font-weight: 800;\r\n margin: 0;\r\n color: var(--text-main);\r\n }\r\n\r\n \/* Main Grid *\/\r\n .eut-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 30px;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .eut-grid { grid-template-columns: 1fr; }\r\n }\r\n\r\n \/* Hero Image Panel *\/\r\n .eut-visual-panel {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n border: 1px solid var(--glass-border);\r\n height: 500px;\r\n background: #000; \/* Fallback for loading *\/\r\n }\r\n\r\n .eut-visual-panel img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n \/* Sidebar *\/\r\n .eut-info-sidebar {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .eut-info-card {\r\n background: var(--glass);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid var(--glass-border);\r\n padding: 25px;\r\n border-radius: 15px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .eut-info-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-info-card h3 {\r\n color: var(--eu-gold);\r\n font-size: 18px;\r\n margin-top: 0;\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .eut-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .eut-list li {\r\n padding: 8px 0;\r\n border-bottom: 1px solid rgba(255,255,255,0.05);\r\n font-size: 15px;\r\n }\r\n\r\n .eut-list li b { color: var(--eu-gold); }\r\n\r\n \/* Thumbnails *\/\r\n .eut-gallery-strip {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 15px;\r\n margin-top: 30px;\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .eut-gallery-strip { grid-template-columns: repeat(3, 1fr); }\r\n }\r\n\r\n .eut-thumb {\r\n aspect-ratio: 4\/3;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n overflow: hidden;\r\n border: 2px solid transparent;\r\n transition: all 0.3s ease;\r\n opacity: 0.6;\r\n }\r\n\r\n .eut-thumb:hover, .eut-thumb.active {\r\n opacity: 1;\r\n border-color: var(--eu-gold);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-thumb img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* Bottom Details Section *\/\r\n .eut-details-section {\r\n margin-top: 40px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .eut-detail-item {\r\n padding: 25px;\r\n background: rgba(255,255,255,0.02);\r\n border-top: 2px solid var(--eu-gold);\r\n border-radius: 0 0 12px 12px;\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .eut-detail-item:hover {\r\n background: rgba(255,255,255,0.05);\r\n }\r\n\r\n .eut-detail-item h4 {\r\n color: var(--eu-gold);\r\n margin-top: 0;\r\n margin-bottom: 12px;\r\n font-size: 18px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .eut-footer {\r\n margin-top: 50px;\r\n padding-top: 20px;\r\n border-top: 1px solid var(--glass-border);\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n <\/style>\r\n\r\n <div class=\"eut-container\">\r\n \r\n <header class=\"eut-header-box\">\r\n <span class=\"eut-tag\">Diplomatic Visit<\/span>\r\n <h1 class=\"eut-main-title\">Al-Turath University Receives the Ambassador of the Republic of India<\/h1>\r\n <p style=\"color: var(--text-muted); margin-top: 10px;\">An official visit aimed at strengthening academic relations and enhancing bridges of scientific and cultural cooperation between Iraq and the Republic of India.<\/p>\r\n <\/header>\r\n\r\n <div class=\"eut-grid\">\r\n \r\n <div class=\"eut-visual-panel\">\r\n <img decoding=\"async\" id=\"eut-main-view\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_02-09-34.jpg\" alt=\"Indian Ambassador Visit at Al-Turath\">\r\n <\/div>\r\n\r\n \r\n <aside class=\"eut-info-sidebar\">\r\n <div class=\"eut-info-card\">\r\n <h3>Distinguished Presence<\/h3>\r\n <ul class=\"eut-list\">\r\n <li>Prof. <b>Ali Al-Aqili<\/b> (Chairman of the Board of Trustees)<\/li>\r\n <li>H.E. Mr. <b>Somen Bagchi<\/b> (Ambassador of the Republic of India to Iraq)<\/li>\r\n <li>Accompanying Indian Delegation<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"eut-info-card\" style=\"background: var(--eu-blue);\">\r\n <h3>Cultural Performance<\/h3>\r\n <p style=\"font-size: 14px; margin: 0;\">The University\u2019s conference hall witnessed an artistic performance presented by an Indian troupe, reflecting the rich civilizational and cultural heritage of India and strengthening cultural rapprochement.<\/p>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-gallery-strip\">\r\n <div class=\"eut-thumb active\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_02-09-34.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_02-09-34.jpg\" alt=\"Gallery 1\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_02-09-42.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_02-09-42.jpg\" alt=\"Gallery 2\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_02-09-46.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_02-09-46.jpg\" alt=\"Gallery 3\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_02-09-54.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_02-09-54.jpg\" alt=\"Gallery 4\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_02-09-59.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-02_02-09-59.jpg\" alt=\"Gallery 5\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-details-section\">\r\n <div class=\"eut-detail-item\">\r\n <h4>Strategic Partnerships<\/h4>\r\n <p>The meeting discussed developing partnerships in higher education, scientific research, and innovation, alongside establishing joint programmes and memoranda of understanding to exchange expertise.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>Global Outreach<\/h4>\r\n <p>Both sides affirmed the importance of expanding institutional cooperation to enhance the University\u2019s international presence and support its path of academic openness to global research centers.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>Ambassador's Remarks<\/h4>\r\n <p>His Excellency the Ambassador expressed deep appreciation for the warm reception, affirming India's keenness to support initiatives that develop bilateral relations in scientific and cultural fields.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <footer class=\"eut-footer\">\r\n <div>Department of Media and Government Communication \u2014 Al-Turath University<\/div>\r\n <div>14 February 2026<\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n <script>\r\n \/**\r\n * Switches the main hero image and updates thumbnail state\r\n * @param {HTMLElement} element - The clicked thumbnail element\r\n * @param {string} src - The URL of the image to display\r\n *\/\r\n function switchImage(element, src) {\r\n if (!element || !src) return;\r\n \r\n const mainImg = document.getElementById('eut-main-view');\r\n if (!mainImg) return;\r\n\r\n \/\/ Smooth fade transition\r\n mainImg.style.opacity = '0';\r\n \r\n setTimeout(() => {\r\n mainImg.src = src;\r\n mainImg.onload = () => {\r\n mainImg.style.opacity = '1';\r\n };\r\n }, 250);\r\n\r\n \/\/ Update active state in gallery\r\n const thumbnails = document.querySelectorAll('.eut-thumb');\r\n thumbnails.forEach(t => t.classList.remove('active'));\r\n element.classList.add('active');\r\n }\r\n <\/script>\r\n<\/section>\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-5934966 e-flex e-con-boxed e-con e-parent\" data-id=\"5934966\" 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-da0a715 elementor-widget elementor-widget-html\" data-id=\"da0a715\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"eut-research-relations\" id=\"eut-research-relations\">\r\n <style>\r\n :root{\r\n --eu-blue:#003399;\r\n --eu-gold:#FFCC00;\r\n --bg0:#070b15;\r\n --bg1:#0a1330;\r\n --bg2:#0b1020;\r\n --white:#fff;\r\n --w90:rgba(255,255,255,.90);\r\n --w86:rgba(255,255,255,.86);\r\n --w78:rgba(255,255,255,.78);\r\n --w70:rgba(255,255,255,.70);\r\n --stroke:rgba(255,255,255,.14);\r\n --stroke2:rgba(255,255,255,.10);\r\n --shadow:0 18px 45px rgba(0,0,0,.22);\r\n --shadow2:0 10px 26px rgba(0,0,0,.18);\r\n --r:22px;\r\n --r2:16px;\r\n --max:1180px;\r\n }\r\n\r\n #eut-research-relations,\r\n #eut-research-relations *{ box-sizing:border-box; }\r\n\r\n #eut-research-relations{\r\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n color: var(--white);\r\n -webkit-font-smoothing: antialiased;\r\n text-rendering: optimizeLegibility;\r\n overflow-wrap: anywhere;\r\n }\r\n #eut-research-relations a{ color:inherit; text-decoration:none; }\r\n #eut-research-relations img{ max-width:100%; height:auto; display:block; }\r\n\r\n .eut-wrap{\r\n position:relative;\r\n isolation:isolate;\r\n padding: clamp(16px, 3vw, 40px) clamp(12px, 4vw, 24px);\r\n background:\r\n radial-gradient(1200px 680px at 12% 12%, rgba(255,204,0,.15), transparent 60%),\r\n radial-gradient(900px 620px at 88% 18%, rgba(0,51,153,.30), transparent 58%),\r\n linear-gradient(180deg, var(--bg0) 0%, var(--bg1) 55%, var(--bg2) 100%);\r\n overflow:hidden;\r\n border-radius: clamp(14px, 2.5vw, 24px);\r\n }\r\n\r\n .eut-container{ max-width: var(--max); margin:0 auto; }\r\n\r\n \/* HERO SECTION *\/\r\n .eut-hero{\r\n display:grid;\r\n grid-template-columns: 1.2fr 0.8fr;\r\n gap: 20px;\r\n align-items: stretch;\r\n margin-bottom: 24px;\r\n }\r\n @media (max-width: 1024px){\r\n .eut-hero{ grid-template-columns:1fr; }\r\n }\r\n\r\n .eut-heroMain{\r\n position:relative;\r\n border-radius: var(--r);\r\n overflow:hidden;\r\n box-shadow: var(--shadow);\r\n border: 1px solid var(--stroke2);\r\n min-height: 450px;\r\n }\r\n @media (max-width: 640px){\r\n .eut-heroMain{ min-height: 520px; }\r\n }\r\n\r\n .eut-heroMain img{\r\n width:100%; height:100%;\r\n object-fit:cover;\r\n transition: opacity .4s ease;\r\n }\r\n\r\n .eut-overlay{\r\n position:absolute; inset:0;\r\n background: linear-gradient(to top, rgba(7,10,18,0.95) 0%, rgba(7,10,18,0.4) 50%, rgba(7,10,18,0.2) 100%);\r\n pointer-events:none;\r\n }\r\n\r\n .eut-heroText{\r\n position:absolute;\r\n left: clamp(16px, 4vw, 30px);\r\n right: clamp(16px, 4vw, 30px);\r\n bottom: clamp(16px, 4vw, 30px);\r\n display:flex;\r\n flex-direction:column;\r\n gap: 12px;\r\n z-index:2;\r\n }\r\n\r\n .eut-badge{\r\n display:inline-flex; align-items:center; gap:8px;\r\n padding: 6px 14px; border-radius: 999px;\r\n background: rgba(255,255,255,.1); backdrop-filter: blur(8px);\r\n border: 1px solid var(--stroke); font-size: 13px; width: fit-content;\r\n }\r\n .eut-dot{ width:8px; height:8px; border-radius:50%; background: var(--eu-gold); box-shadow: 0 0 10px var(--eu-gold); }\r\n\r\n .eut-title{\r\n margin:0; font-weight: 800; line-height: 1.2;\r\n font-size: clamp(22px, 4vw, 36px);\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.5);\r\n }\r\n\r\n .eut-subtitle{\r\n margin:0; color: var(--w86); font-size: 15px; line-height: 1.6;\r\n max-width: 650px;\r\n }\r\n\r\n .eut-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top: 10px; }\r\n .eut-btn{\r\n padding: 12px 20px; border-radius: 12px; font-weight: 700; font-size: 14px;\r\n transition: all .2s ease; cursor:pointer; display: flex; align-items: center; gap: 8px;\r\n background: rgba(255,255,255,0.1); border: 1px solid var(--stroke); color: white;\r\n }\r\n .eut-btn.primary{ background: var(--eu-gold); color: #000; border: none; }\r\n .eut-btn:hover{ transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.3); }\r\n\r\n \/* CARDS & SIDEBAR *\/\r\n .eut-side{ display:flex; flex-direction:column; gap: 16px; }\r\n .eut-card{\r\n background: rgba(255,255,255,0.05); border: 1px solid var(--stroke);\r\n border-radius: var(--r); overflow: hidden; backdrop-filter: blur(10px);\r\n }\r\n .eut-cardHead{ padding: 16px; display:flex; justify-content: space-between; align-items: center; }\r\n .eut-cardTitle h3{ margin:0; font-size: 16px; font-weight: 700; }\r\n \r\n .eut-toggle{\r\n background: transparent; border: 1px solid var(--stroke); color: white;\r\n padding: 6px 12px; border-radius: 8px; cursor: pointer; display: flex; align-items: center; gap: 5px;\r\n }\r\n\r\n .eut-cardBody{\r\n display:grid; grid-template-rows: 0fr; transition: grid-template-rows .3s ease-out;\r\n }\r\n .eut-card[data-open=\"true\"] .eut-cardBody{ grid-template-rows: 1fr; }\r\n .eut-cardInner{ overflow: hidden; padding: 0 16px 16px; font-size: 14px; color: var(--w86); line-height: 1.6; }\r\n\r\n \/* GALLERY *\/\r\n .eut-thumbs{\r\n display:grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\r\n gap: 12px; margin-top: 20px;\r\n }\r\n .eut-thumb{\r\n aspect-ratio: 4\/3; border-radius: 12px; overflow: hidden; cursor: pointer;\r\n border: 2px solid transparent; transition: all 0.2s;\r\n }\r\n .eut-thumb[aria-selected=\"true\"]{ border-color: var(--eu-gold); transform: scale(0.95); }\r\n .eut-thumb img{ width: 100%; height: 100%; object-fit: cover; }\r\n\r\n \/* INFO PANELS *\/\r\n .eut-panels{\r\n display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 16px; margin-top: 24px;\r\n }\r\n .eut-panel{\r\n background: rgba(255,255,255,0.03); padding: 20px; border-radius: 16px;\r\n border: 1px solid var(--stroke2);\r\n }\r\n .eut-panel h5{ margin: 0 0 10px 0; color: var(--eu-gold); font-size: 16px; }\r\n\r\n .eut-foot{\r\n margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--stroke);\r\n display: flex; justify-content: space-between; font-size: 12px; color: var(--w70); flex-wrap: wrap; gap: 10px;\r\n }\r\n\r\n \/* ICONS *\/\r\n .eut-icon{ width:16px; height:16px; background: currentColor; -webkit-mask: var(--mask) center\/contain no-repeat; mask: var(--mask) center\/contain no-repeat; }\r\n .ico-arrow{ --mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 5l7 7-7 7-1.4-1.4 4.6-4.6H4v-2h12.2l-4.6-4.6L13 5z'\/%3E%3C\/svg%3E\"); }\r\n <\/style>\r\n\r\n <div class=\"eut-wrap\">\r\n <div class=\"eut-container\">\r\n \r\n <div class=\"eut-hero\">\r\n <div class=\"eut-heroMain\">\r\n <img decoding=\"async\" id=\"eut-main-image\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/photo_2026-02-28_19-37-00.jpg\" alt=\"Erasmus Programme\">\r\n <div class=\"eut-overlay\"><\/div>\r\n <div class=\"eut-heroText\">\r\n <div class=\"eut-badge\"><span class=\"eut-dot\"><\/span>Research & Relations<\/div>\r\n <h1 class=\"eut-title\">Al-Turath University Hosts Erasmus Programme Launch<\/h1>\r\n <p class=\"eut-subtitle\">Enhancing the capacity of universities and educational institutions in cooperation with the Ministry of Higher Education.<\/p>\r\n <div class=\"eut-actions\">\r\n <a class=\"eut-btn primary\" href=\"#eut-highlights\">View Highlights<\/a>\r\n <a class=\"eut-btn\" href=\"#eut-gallery\">Open Gallery<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <aside class=\"eut-side\">\r\n <div class=\"eut-card\" data-open=\"true\">\r\n <div class=\"eut-cardHead\">\r\n <div class=\"eut-cardTitle\"><h3>Programme Highlights<\/h3><\/div>\r\n <button class=\"eut-toggle\" data-eut-toggle>Details<\/button>\r\n <\/div>\r\n <div class=\"eut-cardBody\">\r\n <div class=\"eut-cardInner\">\r\n The programme included specialized lectures and workshops delivered by international trainers to develop institutional performance.\r\n <br><br>\r\n <b>Key focus:<\/b>\r\n <ul style=\"padding-left:15px; margin-top:10px;\">\r\n <li>Specialized Delivery<\/li>\r\n <li>Academic Workshops<\/li>\r\n <li>Project Presentations<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"eut-panel\">\r\n <h5>Event Date<\/h5>\r\n <p>27\u201328\u201329 December 2025<\/p>\r\n <p style=\"font-size:13px; margin-top:8px;\">Led by Professor Dr Jaafar Jaber Jawad, President of Al-Turath University.<\/p>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n\r\n <div id=\"eut-gallery\">\r\n <h4 style=\"margin-bottom:10px;\">Event Gallery<\/h4>\r\n <div class=\"eut-thumbs\">\r\n <div class=\"eut-thumb\" aria-selected=\"true\" data-full=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/photo_2026-02-28_19-37-00.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/photo_2026-02-28_19-37-00.jpg\">\r\n <\/div>\r\n <div class=\"eut-thumb\" aria-selected=\"false\" data-full=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/photo_2026-02-28_19-37-03.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/photo_2026-02-28_19-37-03.jpg\">\r\n <\/div>\r\n <div class=\"eut-thumb\" aria-selected=\"false\" data-full=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/photo_2026-02-28_19-37-07.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/photo_2026-02-28_19-37-07.jpg\">\r\n <\/div>\r\n <div class=\"eut-thumb\" aria-selected=\"false\" data-full=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/photo_2026-02-26_23-34-55.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/photo_2026-02-26_23-34-55.jpg\">\r\n <\/div>\r\n <div class=\"eut-thumb\" aria-selected=\"false\" data-full=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/photo_2026-02-26_23-35-04.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/02\/photo_2026-02-26_23-35-04.jpg\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"eut-panels\">\r\n <div class=\"eut-panel\">\r\n <h5>Academic Content<\/h5>\r\n <p>Scientific presentations and training segments by international trainers.<\/p>\r\n <\/div>\r\n <div class=\"eut-panel\">\r\n <h5>Development<\/h5>\r\n <p>Workshops focused on advancing higher-education quality and performance.<\/p>\r\n <\/div>\r\n <div class=\"eut-panel\">\r\n <h5>Recognition<\/h5>\r\n <p>Distribution of appreciation certificates to all participating experts.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"eut-foot\">\r\n <span><b>Al-Turath University<\/b> \u2014 Media Department<\/span>\r\n <span>December 2025<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function(){\r\n const root = document.getElementById('eut-research-relations');\r\n if(!root) return;\r\n\r\n \/\/ Toggle Card\r\n const card = root.querySelector('.eut-card');\r\n const toggle = root.querySelector('[data-eut-toggle]');\r\n if(toggle){\r\n toggle.onclick = () => {\r\n const isOpen = card.getAttribute('data-open') === 'true';\r\n card.setAttribute('data-open', !isOpen);\r\n };\r\n }\r\n\r\n \/\/ Gallery Logic\r\n const mainImg = root.querySelector('#eut-main-image');\r\n const thumbs = root.querySelectorAll('.eut-thumb');\r\n \r\n thumbs.forEach(thumb => {\r\n thumb.onclick = () => {\r\n thumbs.forEach(t => t.setAttribute('aria-selected', 'false'));\r\n thumb.setAttribute('aria-selected', 'true');\r\n const newSrc = thumb.getAttribute('data-full');\r\n \r\n mainImg.style.opacity = '0.3';\r\n setTimeout(() => {\r\n mainImg.src = newSrc;\r\n mainImg.style.opacity = '1';\r\n }, 200);\r\n };\r\n });\r\n })();\r\n <\/script>\r\n<\/section>\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-0eaf024 e-flex e-con-boxed e-con e-parent\" data-id=\"0eaf024\" 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-f1b9101 elementor-widget elementor-widget-html\" data-id=\"f1b9101\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"eut-research-relations\" id=\"eut-research-relations\">\r\n <style>\r\n :root{\r\n --eu-blue:#003399;\r\n --eu-gold:#FFCC00;\r\n --bg0:#070b15;\r\n --bg1:#0a1330;\r\n --bg2:#0b1020;\r\n --white:#fff;\r\n --w90:rgba(255,255,255,.90);\r\n --w86:rgba(255,255,255,.86);\r\n --w78:rgba(255,255,255,.78);\r\n --w70:rgba(255,255,255,.70);\r\n --stroke:rgba(255,255,255,.14);\r\n --stroke2:rgba(255,255,255,.10);\r\n --shadow:0 18px 45px rgba(0,0,0,.22);\r\n --shadow2:0 10px 26px rgba(0,0,0,.18);\r\n --r:22px;\r\n --r2:16px;\r\n --max:1180px;\r\n }\r\n\r\n #eut-research-relations,\r\n #eut-research-relations *{ box-sizing:border-box; }\r\n\r\n #eut-research-relations{\r\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, \"Noto Sans\", sans-serif;\r\n color: var(--white);\r\n -webkit-font-smoothing: antialiased;\r\n text-rendering: optimizeLegibility;\r\n overflow-wrap: anywhere;\r\n }\r\n #eut-research-relations a{ color:inherit; text-decoration:none; }\r\n #eut-research-relations img{ max-width:100%; height:auto; display:block; }\r\n\r\n .eut-wrap{\r\n position:relative;\r\n isolation:isolate;\r\n padding: clamp(16px, 3.5vw, 40px) clamp(12px, 3vw, 24px);\r\n background:\r\n radial-gradient(1200px 680px at 12% 12%, rgba(255,204,0,.12), transparent 60%),\r\n radial-gradient(900px 620px at 88% 18%, rgba(0,51,153,.25), transparent 58%),\r\n linear-gradient(180deg, var(--bg0) 0%, var(--bg1) 55%, var(--bg2) 100%);\r\n overflow:hidden;\r\n border-radius: clamp(14px, 2.5vw, 24px);\r\n }\r\n\r\n .eut-container{ max-width: var(--max); margin:0 auto; }\r\n\r\n \/* HERO SECTION - Responsive Grid *\/\r\n .eut-hero{\r\n display:grid;\r\n grid-template-columns: 1.25fr 0.75fr;\r\n gap: 20px;\r\n align-items: stretch;\r\n margin-bottom: 24px;\r\n }\r\n @media (max-width: 1024px){\r\n .eut-hero{ grid-template-columns: 1fr; }\r\n }\r\n\r\n .eut-heroMain{\r\n position:relative;\r\n border-radius: var(--r);\r\n overflow:hidden;\r\n box-shadow: var(--shadow);\r\n border: 1px solid var(--stroke2);\r\n min-height: 480px;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n @media (max-width: 640px){\r\n .eut-heroMain{ min-height: 540px; }\r\n }\r\n\r\n .eut-heroMain img{\r\n width:100%; height:100%;\r\n object-fit:cover;\r\n transition: opacity .4s ease-in-out;\r\n position: absolute;\r\n inset: 0;\r\n }\r\n\r\n .eut-overlay{\r\n position:absolute; inset:0;\r\n background: linear-gradient(to top, rgba(7,10,18,0.95) 0%, rgba(7,10,18,0.4) 50%, rgba(7,10,18,0.1) 100%);\r\n pointer-events:none;\r\n }\r\n\r\n .eut-heroText{\r\n position:relative;\r\n margin-top: auto;\r\n padding: clamp(20px, 5vw, 40px);\r\n display:flex;\r\n flex-direction:column;\r\n gap: 12px;\r\n z-index:2;\r\n }\r\n\r\n .eut-badge{\r\n display:inline-flex; align-items:center; gap:8px;\r\n padding: 6px 14px; border-radius: 999px;\r\n background: rgba(255,255,255,.1); backdrop-filter: blur(8px);\r\n border: 1px solid var(--stroke); font-size: 13px; width: fit-content;\r\n color: var(--eu-gold);\r\n }\r\n .eut-dot{ width:8px; height:8px; border-radius:50%; background: var(--eu-gold); box-shadow: 0 0 10px var(--eu-gold); }\r\n\r\n .eut-title{\r\n margin:0; font-weight: 800; line-height: 1.15;\r\n font-size: clamp(24px, 4.5vw, 38px);\r\n text-shadow: 0 2px 15px rgba(0,0,0,0.6);\r\n }\r\n\r\n .eut-subtitle{\r\n margin:0; color: var(--w90); font-size: 16px; line-height: 1.6;\r\n max-width: 700px;\r\n }\r\n\r\n \/* SIDEBAR *\/\r\n .eut-side{ display:flex; flex-direction:column; gap: 16px; }\r\n .eut-card{\r\n background: rgba(255,255,255,0.05); border: 1px solid var(--stroke);\r\n border-radius: var(--r); overflow: hidden; backdrop-filter: blur(12px);\r\n }\r\n .eut-cardHead{ padding: 18px; display:flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--stroke2); }\r\n .eut-cardTitle h3{ margin:0; font-size: 16px; font-weight: 700; color: var(--eu-gold); }\r\n \r\n .eut-toggle{\r\n background: rgba(255,255,255,0.1); border: 1px solid var(--stroke); color: white;\r\n padding: 6px 14px; border-radius: 10px; cursor: pointer; font-size: 13px;\r\n }\r\n\r\n .eut-cardBody{ display:grid; grid-template-rows: 0fr; transition: grid-template-rows .4s cubic-bezier(0.4, 0, 0.2, 1); }\r\n .eut-card[data-open=\"true\"] .eut-cardBody{ grid-template-rows: 1fr; }\r\n .eut-cardInner{ overflow: hidden; padding: 20px; font-size: 14.5px; color: var(--w86); line-height: 1.7; }\r\n\r\n \/* THUMBNAILS GALLERY *\/\r\n .eut-gallery-section { margin-top: 30px; }\r\n .eut-thumbs{\r\n display:grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\r\n gap: 12px; margin-top: 15px;\r\n }\r\n @media (max-width: 480px) {\r\n .eut-thumbs { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n .eut-thumb{\r\n aspect-ratio: 16\/10; border-radius: 14px; overflow: hidden; cursor: pointer;\r\n border: 2px solid transparent; transition: all 0.3s ease; position: relative;\r\n }\r\n .eut-thumb[aria-selected=\"true\"]{ border-color: var(--eu-gold); transform: translateY(-4px); box-shadow: 0 10px 20px rgba(0,0,0,0.4); }\r\n .eut-thumb img{ width: 100%; height: 100%; object-fit: cover; filter: brightness(0.8); transition: filter 0.3s; }\r\n .eut-thumb:hover img{ filter: brightness(1); }\r\n\r\n \/* FOOTER PANELS *\/\r\n .eut-panels{\r\n display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 16px; margin-top: 24px;\r\n }\r\n .eut-panel{\r\n background: rgba(255,255,255,0.03); padding: 24px; border-radius: 18px;\r\n border: 1px solid var(--stroke2); transition: background 0.3s;\r\n }\r\n .eut-panel:hover { background: rgba(255,255,255,0.06); }\r\n .eut-panel h5{ margin: 0 0 12px 0; color: var(--eu-gold); font-size: 17px; font-weight: 700; border-left: 3px solid var(--eu-gold); padding-left: 12px; }\r\n .eut-panel p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--w86); }\r\n\r\n .eut-foot{\r\n margin-top: 40px; padding: 20px 0; border-top: 1px solid var(--stroke);\r\n display: flex; justify-content: space-between; font-size: 13px; color: var(--w70); flex-wrap: wrap; gap: 15px;\r\n }\r\n .eut-foot b { color: var(--white); }\r\n\r\n <\/style>\r\n\r\n <div class=\"eut-wrap\">\r\n <div class=\"eut-container\">\r\n \r\n \r\n <div class=\"eut-hero\">\r\n \r\n <div class=\"eut-heroMain\">\r\n <img decoding=\"async\" id=\"eut-main-image\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_03-16-36.jpg\" alt=\"Al-Turath University and Amman University Delegation\">\r\n <div class=\"eut-overlay\"><\/div>\r\n <div class=\"eut-heroText\">\r\n <div class=\"eut-badge\"><span class=\"eut-dot\"><\/span>Regional Partnerships<\/div>\r\n <h1 class=\"eut-title\">Al-Turath University Welcomes High-Level Delegation from Al-Ahliyya Amman University<\/h1>\r\n <p class=\"eut-subtitle\">Strengthening academic ties and exploring scientific cooperation with the Hashemite Kingdom of Jordan.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <aside class=\"eut-side\">\r\n <div class=\"eut-card\" data-open=\"true\">\r\n <div class=\"eut-cardHead\">\r\n <div class=\"eut-cardTitle\"><h3>The Delegation<\/h3><\/div>\r\n <button class=\"eut-toggle\" data-eut-toggle>Details<\/button>\r\n <\/div>\r\n <div class=\"eut-cardBody\">\r\n <div class=\"eut-cardInner\">\r\n The visit featured prominent figures from Al-Ahliyya Amman University:\r\n <ul style=\"padding-left:18px; margin-top:12px; list-style-type: circle;\">\r\n <li><b>Dr. Maher Al-Hourani<\/b> (Board Chairman)<\/li>\r\n <li><b>Dr. Sari<\/b> (University President)<\/li>\r\n <li><b>Dr. Basel<\/b> (Scientific Adviser)<\/li>\r\n <li><b>Dr. Ahmed Arabi<\/b> (Dean of Research)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"eut-panel\">\r\n <h5>Official Reception<\/h5>\r\n <p>Received by <b>Mr. Ali Al-Aqili<\/b>, Chairman of the Board of Trustees of Al-Turath University, reflecting deep-rooted academic commitment.<\/p>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-gallery-section\" id=\"eut-gallery\">\r\n <h4 style=\"margin:0; font-size: 18px; letter-spacing: 0.5px;\">Event Photo Stream<\/h4>\r\n <div class=\"eut-thumbs\">\r\n <div class=\"eut-thumb\" aria-selected=\"true\" data-full=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_03-16-36.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_03-16-36.jpg\" alt=\"Delegation reception 1\">\r\n <\/div>\r\n <div class=\"eut-thumb\" aria-selected=\"false\" data-full=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_03-16-41.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_03-16-41.jpg\" alt=\"Delegation reception 2\">\r\n <\/div>\r\n <div class=\"eut-thumb\" aria-selected=\"false\" data-full=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_03-16-57.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_03-16-57.jpg\" alt=\"Delegation meeting\">\r\n <\/div>\r\n <div class=\"eut-thumb\" aria-selected=\"false\" data-full=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_03-16-52.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_03-16-52.jpg\" alt=\"University tour\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-panels\">\r\n <div class=\"eut-panel\">\r\n <h5>Strategic Vision<\/h5>\r\n <p>The visit aligns with Al-Turath University's mission for openness toward regional institutions and international scientific partnerships.<\/p>\r\n <\/div>\r\n <div class=\"eut-panel\">\r\n <h5>Facility Review<\/h5>\r\n <p>The delegation toured modern lecture halls and infrastructure, noting the advanced educational environment provided by the university.<\/p>\r\n <\/div>\r\n <div class=\"eut-panel\">\r\n <h5>Future Cooperation<\/h5>\r\n <p>Discussions focused on joint expertise exchange and elevating the standard of higher education through shared scientific ventures.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-foot\">\r\n <span><b>Media & Government Communication<\/b> \u2014 Al-Turath University<\/span>\r\n <span><b>11 January 2026<\/b><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function(){\r\n const root = document.getElementById('eut-research-relations');\r\n if(!root) return;\r\n\r\n \/\/ Toggle Card logic\r\n const card = root.querySelector('.eut-card');\r\n const toggle = root.querySelector('[data-eut-toggle]');\r\n if(toggle){\r\n toggle.onclick = () => {\r\n const isOpen = card.getAttribute('data-open') === 'true';\r\n card.setAttribute('data-open', !isOpen);\r\n toggle.textContent = isOpen ? \"Details\" : \"Close\";\r\n };\r\n }\r\n\r\n \/\/ Smooth Gallery Switcher\r\n const mainImg = root.querySelector('#eut-main-image');\r\n const thumbs = root.querySelectorAll('.eut-thumb');\r\n \r\n thumbs.forEach(thumb => {\r\n thumb.onclick = () => {\r\n if (thumb.getAttribute('aria-selected') === 'true') return;\r\n \r\n thumbs.forEach(t => t.setAttribute('aria-selected', 'false'));\r\n thumb.setAttribute('aria-selected', 'true');\r\n \r\n const newSrc = thumb.getAttribute('data-full');\r\n mainImg.style.opacity = '0';\r\n \r\n setTimeout(() => {\r\n mainImg.src = newSrc;\r\n mainImg.onload = () => { mainImg.style.opacity = '1'; };\r\n }, 300);\r\n };\r\n });\r\n })();\r\n <\/script>\r\n<\/section>\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-1f6ed20 e-flex e-con-boxed e-con e-parent\" data-id=\"1f6ed20\" 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-96a7819 elementor-widget elementor-widget-html\" data-id=\"96a7819\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"eut-academic-news\" id=\"eut-academic-news\">\r\n <style>\r\n :root{\r\n --eu-blue: #003399;\r\n --eu-gold: #FFCC00;\r\n --navy-dark: #050a18;\r\n --glass: rgba(255, 255, 255, 0.05);\r\n --glass-border: rgba(255, 255, 255, 0.12);\r\n --text-main: #ffffff;\r\n --text-muted: rgba(255, 255, 255, 0.75);\r\n --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n #eut-academic-news {\r\n direction: ltr; \/* Set to English Left-to-Right *\/\r\n font-family: var(--font-family);\r\n background: linear-gradient(135deg, #070e21 0%, #0c1a3d 100%);\r\n color: var(--text-main);\r\n padding: 40px 20px;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n line-height: 1.6;\r\n }\r\n\r\n .eut-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Main Header Box *\/\r\n .eut-header-box {\r\n margin-bottom: 35px;\r\n border-left: 5px solid var(--eu-gold);\r\n padding-left: 20px;\r\n }\r\n\r\n .eut-tag {\r\n background: var(--eu-gold);\r\n color: var(--navy-dark);\r\n padding: 4px 15px;\r\n font-weight: bold;\r\n font-size: 14px;\r\n border-radius: 4px;\r\n display: inline-block;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .eut-main-title {\r\n font-size: clamp(24px, 4vw, 36px);\r\n font-weight: 800;\r\n margin: 0;\r\n color: var(--white);\r\n }\r\n\r\n \/* Main Grid *\/\r\n .eut-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 30px;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .eut-grid { grid-template-columns: 1fr; }\r\n }\r\n\r\n \/* Hero Image Panel *\/\r\n .eut-visual-panel {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n border: 1px solid var(--glass-border);\r\n height: 500px;\r\n }\r\n\r\n .eut-visual-panel img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: opacity 0.5s ease;\r\n }\r\n\r\n \/* Sidebar *\/\r\n .eut-info-sidebar {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .eut-info-card {\r\n background: var(--glass);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid var(--glass-border);\r\n padding: 25px;\r\n border-radius: 15px;\r\n }\r\n\r\n .eut-info-card h3 {\r\n color: var(--eu-gold);\r\n font-size: 18px;\r\n margin-top: 0;\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .eut-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .eut-list li {\r\n padding: 8px 0;\r\n border-bottom: 1px solid rgba(255,255,255,0.05);\r\n font-size: 15px;\r\n }\r\n\r\n .eut-list li b { color: var(--eu-gold); }\r\n\r\n \/* Thumbnails *\/\r\n .eut-gallery-strip {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 15px;\r\n margin-top: 30px;\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .eut-gallery-strip { grid-template-columns: repeat(3, 1fr); }\r\n }\r\n\r\n .eut-thumb {\r\n aspect-ratio: 4\/3;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n overflow: hidden;\r\n border: 2px solid transparent;\r\n transition: all 0.3s ease;\r\n opacity: 0.6;\r\n }\r\n\r\n .eut-thumb:hover, .eut-thumb.active {\r\n opacity: 1;\r\n border-color: var(--eu-gold);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-thumb img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* Bottom Details Section *\/\r\n .eut-details-section {\r\n margin-top: 40px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .eut-detail-item {\r\n padding: 20px;\r\n background: rgba(255,255,255,0.02);\r\n border-top: 2px solid var(--eu-gold);\r\n border-radius: 0 0 12px 12px;\r\n }\r\n\r\n .eut-detail-item h4 {\r\n color: var(--eu-gold);\r\n margin-top: 0;\r\n margin-bottom: 12px;\r\n font-size: 18px;\r\n }\r\n\r\n .eut-footer {\r\n margin-top: 50px;\r\n padding-top: 20px;\r\n border-top: 1px solid var(--glass-border);\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n }\r\n\r\n <\/style>\r\n\r\n <div class=\"eut-container\">\r\n \r\n <header class=\"eut-header-box\">\r\n <span class=\"eut-tag\">High-Level Diplomatic Forum<\/span>\r\n <h1 class=\"eut-main-title\">The United Nations in Iraq: Years of Work and Achievement<\/h1>\r\n <p style=\"color: var(--text-muted); margin-top: 10px;\">Under the slogan: \u201cThe United Nations in Iraq\u2026 Years of Work and Achievement\u201d \u2013 Al-Turath University hosts the Special Representative of the Secretary-General.<\/p>\r\n <\/header>\r\n\r\n <div class=\"eut-grid\">\r\n \r\n <div class=\"eut-visual-panel\">\r\n <img decoding=\"async\" id=\"eut-main-view\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-24-16.jpg\" alt=\"UN Event main photo\">\r\n <\/div>\r\n\r\n \r\n <aside class=\"eut-info-sidebar\">\r\n <div class=\"eut-info-card\">\r\n <h3>Distinguished Presence<\/h3>\r\n <ul class=\"eut-list\">\r\n <li>Prof. <b>Ali Al-Aqili<\/b> (Chairman of the Board of Trustees)<\/li>\r\n <li>H.E. Dr. <b>Mohammed Al-Hassan<\/b> (Special Representative of the UN Secretary-General)<\/li>\r\n <li>Prominent official, academic, and media figures<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"eut-info-card\" style=\"background: var(--eu-blue);\">\r\n <h3>Opening Ceremony<\/h3>\r\n <p style=\"font-size: 14px; margin: 0;\">The ceremony commenced with the Iraqi and Omani national anthems, followed by a tribute to the martyrs and a welcoming address by the Presidency of Al-Turath University.<\/p>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-gallery-strip\">\r\n <div class=\"eut-thumb active\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-24-16.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-24-16.jpg\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-24-18.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-24-18.jpg\">\r\n <\/div>\r\n \r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-24-27.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-24-27.jpg\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_22-01-17.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_22-01-17.jpg\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-details-section\">\r\n <div class=\"eut-detail-item\">\r\n <h4>Keynote Lecture<\/h4>\r\n <p>Dr. Mohammed Al-Hassan delivered a detailed lecture on the UN Mission's role and its achievements in Iraq from 2003 until the conclusion of its work at the end of 2025.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>Dialogue Session<\/h4>\r\n <p>The session included discussions on education, women\u2019s rights, human rights, and the future strategic role of the United Nations organization in Iraq.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>Global Outreach<\/h4>\r\n <p>This event reflects Al-Turath University\u2019s commitment to hosting international dialogues that contribute to scientific development and higher education excellence.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <footer class=\"eut-footer\">\r\n <div>Department of Media and Government Communication \u2014 Al-Turath University<\/div>\r\n <div>17 December 2025<\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n <script>\r\n function switchImage(element, src) {\r\n const mainImg = document.getElementById('eut-main-view');\r\n mainImg.style.opacity = '0';\r\n \r\n setTimeout(() => {\r\n mainImg.src = src;\r\n mainImg.style.opacity = '1';\r\n }, 300);\r\n\r\n document.querySelectorAll('.eut-thumb').forEach(t => t.classList.remove('active'));\r\n element.classList.add('active');\r\n }\r\n <\/script>\r\n<\/section>\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-1d0a7b6 e-flex e-con-boxed e-con e-parent\" data-id=\"1d0a7b6\" 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-b78c536 elementor-widget elementor-widget-html\" data-id=\"b78c536\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"eut-academic-news\" id=\"eut-academic-news\">\r\n <style>\r\n :root{\r\n --eu-blue: #003399;\r\n --eu-gold: #FFCC00;\r\n --navy-dark: #050a18;\r\n --glass: rgba(255, 255, 255, 0.05);\r\n --glass-border: rgba(255, 255, 255, 0.12);\r\n --text-main: #ffffff;\r\n --text-muted: rgba(255, 255, 255, 0.75);\r\n --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n #eut-academic-news {\r\n direction: ltr;\r\n font-family: var(--font-family);\r\n background: linear-gradient(135deg, #070e21 0%, #0c1a3d 100%);\r\n color: var(--text-main);\r\n padding: 40px 20px;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n line-height: 1.6;\r\n }\r\n\r\n .eut-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Main Header Box *\/\r\n .eut-header-box {\r\n margin-bottom: 35px;\r\n border-left: 5px solid var(--eu-gold);\r\n padding-left: 20px;\r\n }\r\n\r\n .eut-tag {\r\n background: var(--eu-gold);\r\n color: var(--navy-dark);\r\n padding: 4px 15px;\r\n font-weight: bold;\r\n font-size: 14px;\r\n border-radius: 4px;\r\n display: inline-block;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .eut-main-title {\r\n font-size: clamp(24px, 4vw, 36px);\r\n font-weight: 800;\r\n margin: 0;\r\n color: var(--white);\r\n }\r\n\r\n \/* Main Grid *\/\r\n .eut-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 30px;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .eut-grid { grid-template-columns: 1fr; }\r\n }\r\n\r\n \/* Hero Image Panel *\/\r\n .eut-visual-panel {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n border: 1px solid var(--glass-border);\r\n height: 500px;\r\n background: #000; \/* Fallback for loading *\/\r\n }\r\n\r\n .eut-visual-panel img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n \/* Sidebar *\/\r\n .eut-info-sidebar {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .eut-info-card {\r\n background: var(--glass);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid var(--glass-border);\r\n padding: 25px;\r\n border-radius: 15px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .eut-info-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-info-card h3 {\r\n color: var(--eu-gold);\r\n font-size: 18px;\r\n margin-top: 0;\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .eut-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .eut-list li {\r\n padding: 8px 0;\r\n border-bottom: 1px solid rgba(255,255,255,0.05);\r\n font-size: 15px;\r\n }\r\n\r\n .eut-list li b { color: var(--eu-gold); }\r\n\r\n \/* Thumbnails *\/\r\n .eut-gallery-strip {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 15px;\r\n margin-top: 30px;\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .eut-gallery-strip { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n\r\n .eut-thumb {\r\n aspect-ratio: 4\/3;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n overflow: hidden;\r\n border: 2px solid transparent;\r\n transition: all 0.3s ease;\r\n opacity: 0.6;\r\n }\r\n\r\n .eut-thumb:hover, .eut-thumb.active {\r\n opacity: 1;\r\n border-color: var(--eu-gold);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-thumb img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* Bottom Details Section *\/\r\n .eut-details-section {\r\n margin-top: 40px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .eut-detail-item {\r\n padding: 25px;\r\n background: rgba(255,255,255,0.02);\r\n border-top: 2px solid var(--eu-gold);\r\n border-radius: 0 0 12px 12px;\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .eut-detail-item:hover {\r\n background: rgba(255,255,255,0.05);\r\n }\r\n\r\n .eut-detail-item h4 {\r\n color: var(--eu-gold);\r\n margin-top: 0;\r\n margin-bottom: 12px;\r\n font-size: 18px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .eut-footer {\r\n margin-top: 50px;\r\n padding-top: 20px;\r\n border-top: 1px solid var(--glass-border);\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n <\/style>\r\n\r\n <div class=\"eut-container\">\r\n \r\n <header class=\"eut-header-box\">\r\n <span class=\"eut-tag\">Human Rights\u2026 Justice and Dignity<\/span>\r\n <h1 class=\"eut-main-title\">Al-Turath University Celebrates Iraqi Victory Day & Human Rights Anniversary<\/h1>\r\n <p style=\"color: var(--text-muted); margin-top: 10px;\">Commemorating the eighth anniversary of Victory Day and the 77th anniversary of the Universal Declaration of Human Rights in the presence of international and national delegations.<\/p>\r\n <\/header>\r\n\r\n <div class=\"eut-grid\">\r\n \r\n <div class=\"eut-visual-panel\">\r\n <img decoding=\"async\" id=\"eut-main-view\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-53-11.jpg\" alt=\"Human Rights Event at Al-Turath\">\r\n <\/div>\r\n\r\n \r\n <aside class=\"eut-info-sidebar\">\r\n <div class=\"eut-info-card\">\r\n <h3>Distinguished Presence<\/h3>\r\n <ul class=\"eut-list\">\r\n <li>Prof. <b>Ali Al-Aqili<\/b> (Chairman of the Board of Trustees)<\/li>\r\n <li>Mr. <b>Titon Mitra<\/b> (UNDP Resident Representative in Iraq)<\/li>\r\n <li>Dr. <b>Kamel Al-Dulaimi<\/b> (Head of the Presidency Diwan)<\/li>\r\n <li>Representatives from Ministry of Higher Education<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"eut-info-card\" style=\"background: var(--eu-blue);\">\r\n <h3>Commemorative Rites<\/h3>\r\n <p style=\"font-size: 14px; margin: 0;\">The ceremony opened with the national anthem and a tribute to the martyrs, followed by high-level addresses from the Presidency of the Republic and the Ministry of Higher Education.<\/p>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-gallery-strip\">\r\n <div class=\"eut-thumb active\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-53-11.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-53-11.jpg\" alt=\"Gallery 1\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-53-15.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-53-15.jpg\" alt=\"Gallery 2\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-53-08.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-53-08.jpg\" alt=\"Gallery 3\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-53-20-1.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/photo_2026-03-01_21-53-20-1.jpg\" alt=\"Gallery 4\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-details-section\">\r\n <div class=\"eut-detail-item\">\r\n <h4>UNDP Strategic Outlook<\/h4>\r\n <p>Resident Representative Mr. Titon Mitra reviewed the UNDP\u2019s ongoing programmes in Iraq, emphasizing future plans to support educational and scientific institutions.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>Presidential Address<\/h4>\r\n <p>A significant speech was delivered on behalf of the President of the Republic by Dr. Kamel Al-Dulaimi, highlighting the intersection of national victory and global human rights standards.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>Institutional Support<\/h4>\r\n <p>The Ministry of Higher Education and Scientific Research emphasized the role of universities in fostering a culture of justice and dignity within the academic community.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <footer class=\"eut-footer\">\r\n <div>Department of Media and Government Communication \u2014 Al-Turath University<\/div>\r\n <div>10 December 2025<\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n <script>\r\n \/**\r\n * Switches the main hero image and updates thumbnail state\r\n * @param {HTMLElement} element - The clicked thumbnail element\r\n * @param {string} src - The URL of the image to display\r\n *\/\r\n function switchImage(element, src) {\r\n if (!element || !src) return;\r\n \r\n const mainImg = document.getElementById('eut-main-view');\r\n if (!mainImg) return;\r\n\r\n \/\/ Smooth fade transition\r\n mainImg.style.opacity = '0';\r\n \r\n setTimeout(() => {\r\n mainImg.src = src;\r\n mainImg.onload = () => {\r\n mainImg.style.opacity = '1';\r\n };\r\n }, 250);\r\n\r\n \/\/ Update active state in gallery\r\n const thumbnails = document.querySelectorAll('.eut-thumb');\r\n thumbnails.forEach(t => t.classList.remove('active'));\r\n element.classList.add('active');\r\n }\r\n <\/script>\r\n<\/section>\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-a615045 e-flex e-con-boxed e-con e-parent\" data-id=\"a615045\" 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-c5503cb elementor-widget elementor-widget-html\" data-id=\"c5503cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"eut-academic-news\" id=\"eut-academic-news\">\r\n <style>\r\n :root{\r\n --eu-blue: #003399;\r\n --eu-gold: #FFCC00;\r\n --navy-dark: #050a18;\r\n --glass: rgba(255, 255, 255, 0.05);\r\n --glass-border: rgba(255, 255, 255, 0.12);\r\n --text-main: #ffffff;\r\n --text-muted: rgba(255, 255, 255, 0.75);\r\n --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n #eut-academic-news {\r\n direction: ltr;\r\n font-family: var(--font-family);\r\n background: linear-gradient(135deg, #070e21 0%, #0c1a3d 100%);\r\n color: var(--text-main);\r\n padding: 40px 20px;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n line-height: 1.6;\r\n }\r\n\r\n .eut-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Main Header Box *\/\r\n .eut-header-box {\r\n margin-bottom: 35px;\r\n border-left: 5px solid var(--eu-gold);\r\n padding-left: 20px;\r\n }\r\n\r\n .eut-tag {\r\n background: var(--eu-gold);\r\n color: var(--navy-dark);\r\n padding: 4px 15px;\r\n font-weight: bold;\r\n font-size: 14px;\r\n border-radius: 4px;\r\n display: inline-block;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .eut-main-title {\r\n font-size: clamp(24px, 4vw, 36px);\r\n font-weight: 800;\r\n margin: 0;\r\n color: var(--white);\r\n }\r\n\r\n \/* Main Grid *\/\r\n .eut-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 30px;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .eut-grid { grid-template-columns: 1fr; }\r\n }\r\n\r\n \/* Hero Image Panel *\/\r\n .eut-visual-panel {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n border: 1px solid var(--glass-border);\r\n height: 500px;\r\n background: #000;\r\n }\r\n\r\n .eut-visual-panel img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n \/* Sidebar *\/\r\n .eut-info-sidebar {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .eut-info-card {\r\n background: var(--glass);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid var(--glass-border);\r\n padding: 25px;\r\n border-radius: 15px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .eut-info-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-info-card h3 {\r\n color: var(--eu-gold);\r\n font-size: 18px;\r\n margin-top: 0;\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .eut-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .eut-list li {\r\n padding: 8px 0;\r\n border-bottom: 1px solid rgba(255,255,255,0.05);\r\n font-size: 15px;\r\n }\r\n\r\n .eut-list li b { color: var(--eu-gold); }\r\n\r\n \/* Thumbnails *\/\r\n .eut-gallery-strip {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 15px;\r\n margin-top: 30px;\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .eut-gallery-strip { grid-template-columns: repeat(3, 1fr); }\r\n }\r\n\r\n .eut-thumb {\r\n aspect-ratio: 4\/3;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n overflow: hidden;\r\n border: 2px solid transparent;\r\n transition: all 0.3s ease;\r\n opacity: 0.6;\r\n }\r\n\r\n .eut-thumb:hover, .eut-thumb.active {\r\n opacity: 1;\r\n border-color: var(--eu-gold);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-thumb img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* Bottom Details Section *\/\r\n .eut-details-section {\r\n margin-top: 40px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .eut-detail-item {\r\n padding: 25px;\r\n background: rgba(255,255,255,0.02);\r\n border-top: 2px solid var(--eu-gold);\r\n border-radius: 0 0 12px 12px;\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .eut-detail-item:hover {\r\n background: rgba(255,255,255,0.05);\r\n }\r\n\r\n .eut-detail-item h4 {\r\n color: var(--eu-gold);\r\n margin-top: 0;\r\n margin-bottom: 12px;\r\n font-size: 18px;\r\n }\r\n\r\n .eut-footer {\r\n margin-top: 50px;\r\n padding-top: 20px;\r\n border-top: 1px solid var(--glass-border);\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n <\/style>\r\n\r\n <div class=\"eut-container\">\r\n \r\n <header class=\"eut-header-box\">\r\n <span class=\"eut-tag\">University News<\/span>\r\n <h1 class=\"eut-main-title\">National Forum on Combating Violent Extremism Hosted at Al-Turath University<\/h1>\r\n <p style=\"color: var(--text-muted); margin-top: 10px;\">Strengthening social cohesion and national values through scientific dialogue and institutional awareness.<\/p>\r\n <\/header>\r\n\r\n <div class=\"eut-grid\">\r\n \r\n <div class=\"eut-visual-panel\">\r\n <img decoding=\"async\" id=\"eut-main-view\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d304c0e09.jpg\" alt=\"National Forum at Al-Turath\">\r\n <\/div>\r\n\r\n \r\n <aside class=\"eut-info-sidebar\">\r\n <div class=\"eut-info-card\">\r\n <h3>Key Partners<\/h3>\r\n <ul class=\"eut-list\">\r\n <li><b>HRC:<\/b> High Commission for Human Rights<\/li>\r\n <li><b>ICRC:<\/b> Int. Committee of the Red Cross<\/li>\r\n <li><b>Directors:<\/b> Gov. Human Rights Depts.<\/li>\r\n <li><b>Entities:<\/b> Al-Asr Center & Rushd Foundation<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"eut-info-card\" style=\"background: var(--eu-blue);\">\r\n <h3>Core Mission<\/h3>\r\n <p style=\"font-size: 14px; margin: 0;\">\"Protecting civil peace begins with building institutional awareness that redefines citizenship as a shared responsibility.\" \u2014 Prof. Dr. Omar Saad Ahmed.<\/p>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-gallery-strip\">\r\n <div class=\"eut-thumb active\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d304c0e09.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d304c0e09.jpg\" alt=\"Gallery 1\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d304c11df.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d304c11df.jpg\" alt=\"Gallery 2\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d304c1327.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d304c1327.jpg\" alt=\"Gallery 3\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d304c155a.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d304c155a.jpg\" alt=\"Gallery 4\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"switchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d304c1680.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/bnp-image-69a4d304c1680.jpg\" alt=\"Gallery 5\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-details-section\">\r\n <div class=\"eut-detail-item\">\r\n <h4>Knowledge-Based Approach<\/h4>\r\n <p>Al-Turath University sponsored the forum to coordinate scientific dialogue with public policy, opening channels for joint work based on awareness and governance.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>Executive Dimension<\/h4>\r\n <p>The presence of official human rights departments linked diagnosis to practice, emphasizing integration between official institutions and research entities for social stability.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>Sustainable Vision<\/h4>\r\n <p>The forum concluded with the necessity of sustaining educational programmes and entrenching diversity management as a cornerstone for civil peace.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <footer class=\"eut-footer\">\r\n <div>Department of Media and Government Communication \u2014 Al-Turath University<\/div>\r\n <div>2 March 2026<\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n <script>\r\n function switchImage(element, src) {\r\n if (!element || !src) return;\r\n const mainImg = document.getElementById('eut-main-view');\r\n if (!mainImg) return;\r\n mainImg.style.opacity = '0';\r\n setTimeout(() => {\r\n mainImg.src = src;\r\n mainImg.onload = () => { mainImg.style.opacity = '1'; };\r\n }, 250);\r\n const thumbnails = document.querySelectorAll('.eut-thumb');\r\n thumbnails.forEach(t => t.classList.remove('active'));\r\n element.classList.add('active');\r\n }\r\n <\/script>\r\n<\/section>\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-e81a3cc e-flex e-con-boxed e-con e-parent\" data-id=\"e81a3cc\" 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-4be8023 elementor-widget elementor-widget-html\" data-id=\"4be8023\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"eut-academic-news\" data-eut-post>\r\n <style>\r\n \/* =========================================\r\n 1. VARIABLES (CSS Custom Properties)\r\n ========================================= *\/\r\n :root {\r\n --eu-blue: #003399;\r\n --eu-gold: #FFCC00;\r\n --navy-dark: #050a18;\r\n --glass: rgba(255, 255, 255, 0.05);\r\n --glass-border: rgba(255, 255, 255, 0.12);\r\n --text-main: #ffffff;\r\n --text-muted: rgba(255, 255, 255, 0.75);\r\n --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n \/* =========================================\r\n 2. BASE STYLES\r\n ========================================= *\/\r\n .eut-academic-news {\r\n direction: ltr;\r\n font-family: var(--font-family);\r\n background: linear-gradient(135deg, #070e21 0%, #0c1a3d 100%);\r\n color: var(--text-main);\r\n padding: clamp(20px, 4vw, 40px) clamp(15px, 3vw, 20px);\r\n border-radius: 24px;\r\n overflow: hidden;\r\n line-height: 1.6;\r\n box-sizing: border-box;\r\n }\r\n\r\n .eut-academic-news * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .eut-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* =========================================\r\n 3. HEADER\r\n ========================================= *\/\r\n .eut-header-box {\r\n margin-bottom: 35px;\r\n border-left: 5px solid var(--eu-gold);\r\n padding-left: 20px;\r\n }\r\n\r\n .eut-tag {\r\n background: var(--eu-gold);\r\n color: var(--navy-dark);\r\n padding: 4px 15px;\r\n font-weight: bold;\r\n font-size: 14px;\r\n border-radius: 4px;\r\n display: inline-block;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .eut-main-title {\r\n font-size: clamp(24px, 4vw, 36px);\r\n font-weight: 800;\r\n margin: 0;\r\n color: var(--text-main); \/* Fixed undefined variable *\/\r\n line-height: 1.3;\r\n }\r\n\r\n \/* =========================================\r\n 4. MAIN GRID & SIDEBAR\r\n ========================================= *\/\r\n .eut-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 30px;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .eut-grid { grid-template-columns: 1fr; }\r\n }\r\n\r\n .eut-visual-panel {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n border: 1px solid var(--glass-border);\r\n height: clamp(300px, 50vw, 500px);\r\n background: #000;\r\n }\r\n\r\n .eut-visual-panel img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: opacity 0.3s ease-in-out; \/* Smoother transition *\/\r\n display: block;\r\n }\r\n\r\n .eut-info-sidebar {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .eut-info-card {\r\n background: var(--glass);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n border: 1px solid var(--glass-border);\r\n padding: 25px;\r\n border-radius: 15px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .eut-info-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-info-card h3 {\r\n color: var(--eu-gold);\r\n font-size: 18px;\r\n margin-top: 0;\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .eut-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .eut-list li {\r\n padding: 8px 0;\r\n border-bottom: 1px solid rgba(255,255,255,0.05);\r\n font-size: 15px;\r\n }\r\n\r\n .eut-list li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .eut-list li b { color: var(--eu-gold); }\r\n\r\n \/* =========================================\r\n 5. GALLERY THUMBNAILS\r\n ========================================= *\/\r\n .eut-gallery-strip {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 15px;\r\n margin-top: 30px;\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .eut-gallery-strip { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n\r\n .eut-thumb {\r\n aspect-ratio: 4\/3;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n overflow: hidden;\r\n border: 2px solid transparent;\r\n transition: all 0.3s ease;\r\n opacity: 0.6;\r\n background: #000;\r\n }\r\n\r\n .eut-thumb:hover, .eut-thumb.active {\r\n opacity: 1;\r\n border-color: var(--eu-gold);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .eut-thumb img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n pointer-events: none; \/* Prevents bugs if user clicks exactly on img *\/\r\n }\r\n\r\n \/* =========================================\r\n 6. BOTTOM DETAILS\r\n ========================================= *\/\r\n .eut-details-section {\r\n margin-top: 40px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .eut-detail-item {\r\n padding: 25px;\r\n background: rgba(255,255,255,0.02);\r\n border-top: 2px solid var(--eu-gold);\r\n border-radius: 0 0 12px 12px;\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .eut-detail-item:hover {\r\n background: rgba(255,255,255,0.05);\r\n }\r\n\r\n .eut-detail-item h4 {\r\n color: var(--eu-gold);\r\n margin-top: 0;\r\n margin-bottom: 12px;\r\n font-size: 18px;\r\n }\r\n\r\n .eut-detail-item p {\r\n margin: 0;\r\n color: var(--text-muted);\r\n font-size: 15px;\r\n }\r\n\r\n .eut-footer {\r\n margin-top: 50px;\r\n padding-top: 20px;\r\n border-top: 1px solid var(--glass-border);\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n <\/style>\r\n\r\n <div class=\"eut-container\">\r\n \r\n <header class=\"eut-header-box\">\r\n <span class=\"eut-tag\">Goal 17 \u2013 Partnerships<\/span>\r\n <h1 class=\"eut-main-title\">Spanish Ambassador Praises Academic Achievements at Al-Turath University<\/h1>\r\n <p style=\"color: var(--text-muted); margin-top: 10px; margin-bottom: 0;\">Establishing strategic knowledge bridges and international twinning initiatives with the Kingdom of Spain.<\/p>\r\n <\/header>\r\n\r\n <div class=\"eut-grid\">\r\n \r\n <div class=\"eut-visual-panel\">\r\n <img decoding=\"async\" class=\"eut-main-view\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/\u0661\u0661.jpeg\" alt=\"Spanish Ambassador Visit\" loading=\"eager\">\r\n <\/div>\r\n\r\n \r\n <aside class=\"eut-info-sidebar\">\r\n <div class=\"eut-info-card\">\r\n <h3>Official Delegates<\/h3>\r\n <ul class=\"eut-list\">\r\n <li>H.E. <b>Ambassador of Spain<\/b> to Iraq<\/li>\r\n <li>Asst. Prof. Dr. <b>Omar Saad<\/b> (President)<\/li>\r\n <li>Dr. <b>Salah Hassan Al-Ansari<\/b> (Aspactic Engineering)<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"eut-info-card\" style=\"background: var(--eu-blue);\">\r\n <h3>Vision for Growth<\/h3>\r\n <p style=\"font-size: 14px; margin: 0;\">\"What Al-Turath offers today is a direct reflection of the vision of the Chairman of the Board of Trustees, Professor Ali Al-Aqili, toward building an institution capable of regional and international competitiveness.\"<\/p>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-gallery-strip\">\r\n <div class=\"eut-thumb active\" onclick=\"eutSwitchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/\u0661\u0661.jpeg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/\u0661\u0661.jpeg\" alt=\"Diplomatic Meeting 1\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"eutSwitchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/\u0661\u0663\u0663.jpeg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/\u0661\u0663\u0663.jpeg\" alt=\"Diplomatic Meeting 2\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"eutSwitchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/\u0661\u0664\u0664.jpeg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/\u0661\u0664\u0664.jpeg\" alt=\"Diplomatic Meeting 3\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"eut-thumb\" onclick=\"eutSwitchImage(this, 'https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/\u0661\u0664\u0665.jpeg')\">\r\n <img decoding=\"async\" src=\"https:\/\/scrd.uoturath.edu.iq\/wp-content\/uploads\/2026\/03\/\u0661\u0664\u0665.jpeg\" alt=\"Diplomatic Meeting 4\" loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"eut-details-section\">\r\n <div class=\"eut-detail-item\">\r\n <h4>Aviation Academy<\/h4>\r\n <p>A key highlight of the visit was the discussion regarding cooperation in establishing an internationally oriented, specialized aviation academy at Al-Turath University.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>Strategic Twinning<\/h4>\r\n <p>Prospects were opened for bilateral academic programmes, including student and faculty exchanges with well-established Spanish universities to enhance engineering and technical education.<\/p>\r\n <\/div>\r\n <div class=\"eut-detail-item\">\r\n <h4>International Standards<\/h4>\r\n <p>Supported by Aspactic Engineering (Madrid), these partnerships aim to transfer specialized European expertise and vocational standards to the Iraqi educational landscape.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <footer class=\"eut-footer\">\r\n <div>University News \u2014 Al-Turath University \u2014 Media and Government Communication<\/div>\r\n <div>6 August 2025<\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n <script>\r\n \/**\r\n * Safely switches the main image with a smooth fade effect.\r\n * Scoped to prevent conflicts in WordPress if multiple blocks exist.\r\n *\/\r\n function eutSwitchImage(element, src) {\r\n if (!element || !src) return;\r\n \r\n \/\/ Find the specific wrapper for this instance to avoid ID conflicts\r\n const blockContainer = element.closest('.eut-academic-news');\r\n if (!blockContainer) return;\r\n \r\n const mainImg = blockContainer.querySelector('.eut-main-view');\r\n if (!mainImg) return;\r\n \r\n \/\/ Start fade out\r\n mainImg.style.opacity = '0';\r\n \r\n setTimeout(() => {\r\n \/\/ Attach onload BEFORE changing src to prevent race conditions with cached images\r\n mainImg.onload = () => {\r\n mainImg.style.opacity = '1';\r\n };\r\n \/\/ Update source\r\n mainImg.src = src;\r\n }, 300); \/\/ 300ms matches the CSS transition time\r\n \r\n \/\/ Handle active state classes\r\n const thumbnails = blockContainer.querySelectorAll('.eut-thumb');\r\n thumbnails.forEach(t => t.classList.remove('active'));\r\n element.classList.add('active');\r\n }\r\n <\/script>\r\n<\/section>\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>Al-Turath University – Research & Relations Research & Relations Dept. Building Global Partnerships for Academic Excellence Supporting international cooperation, research exchange, and academic development at Al-Turath University. International Partnerships Applications Open: Study at the University of Plymouth (UK) Al-Turath University announces the opening of applications for study in the United Kingdom, offering an exclusive 75% […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1241","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/scrd.uoturath.edu.iq\/index.php\/wp-json\/wp\/v2\/pages\/1241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scrd.uoturath.edu.iq\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scrd.uoturath.edu.iq\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scrd.uoturath.edu.iq\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/scrd.uoturath.edu.iq\/index.php\/wp-json\/wp\/v2\/comments?post=1241"}],"version-history":[{"count":52,"href":"https:\/\/scrd.uoturath.edu.iq\/index.php\/wp-json\/wp\/v2\/pages\/1241\/revisions"}],"predecessor-version":[{"id":1468,"href":"https:\/\/scrd.uoturath.edu.iq\/index.php\/wp-json\/wp\/v2\/pages\/1241\/revisions\/1468"}],"wp:attachment":[{"href":"https:\/\/scrd.uoturath.edu.iq\/index.php\/wp-json\/wp\/v2\/media?parent=1241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}