Citizens Affairs Unit – Al-Samawah Technical Institute<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n<style>\n:root {\n --bg: #f0f4fa;\n --surface: rgba(255,255,255,0.97);\n --border: rgba(30,80,140,0.10);\n --accent: #1A4D8C;\n --accent2: #2e7fc0;\n --text: #1a2c3e;\n --muted: #6b8aab;\n --pill-bg: rgba(230,243,255,0.85);\n --pill-bdr: #bcd5ee;\n --radius: 1.6rem;\n --orange: #ffb347;\n}\n*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\nhtml { scroll-behavior: smooth; }\nbody {\n background: var(--bg);\n font-family: 'Sora', 'Inter', system-ui, sans-serif;\n color: var(--text);\n min-height: 100vh;\n overflow-x: hidden;\n line-height: 1.6;\n text-align: left;\n}\n.bg-scene { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }\n.bg-grid {\n position: absolute; inset: 0;\n background-image: linear-gradient(rgba(26,77,140,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(26,77,140,.05) 1px, transparent 1px);\n background-size: 56px 56px;\n animation: gridScroll 22s linear infinite;\n}\n@keyframes gridScroll {\n from { transform: perspective(700px) rotateX(28deg) translateY(0); }\n to { transform: perspective(700px) rotateX(28deg) translateY(56px); }\n}\n.bg-orb { position: absolute; border-radius: 50%; filter: blur(90px); animation: orbFloat 9s ease-in-out infinite alternate; }\n.orb1 { width:520px;height:520px;background:rgba(180,200,230,.38);top:-170px;right:-130px; }\n.orb2 { width:360px;height:360px;background:rgba(155,185,220,.28);bottom:8%;left:3%;animation-delay:-4s; }\n.orb3 { width:260px;height:260px;background:rgba(255,179,71,.15);top:40%;right:20%;animation-delay:-7s; }\n@keyframes orbFloat {\n from { transform: translate(0,0) scale(1); }\n to { transform: translate(28px,28px) scale(1.09); }\n}\n.logo-watermark { position: absolute; pointer-events: none; z-index: 0; }\n.logo-center { top:50%; left:50%; transform:translate(-50%,-50%); }\n.logo-top-left { top:4%; left:2%; }\n.logo-bottom-right { bottom:4%; right:2%; }\n.logo-3d-wrapper { width:360px; height:360px; animation: spin3D 25s linear infinite; transform-style: preserve-3d; perspective: 800px; }\n.logo-3d-wrapper.logo-small { width:130px; height:130px; }\n.logo-3d-wrapper.logo-slow { animation-duration:35s; animation-direction:reverse; }\n@keyframes spin3D {\n 0% { transform: rotateY(0deg) rotateX(8deg); }\n 25% { transform: rotateY(90deg) rotateX(14deg) rotateZ(3deg); }\n 50% { transform: rotateY(180deg) rotateX(8deg); }\n 75% { transform: rotateY(270deg) rotateX(14deg) rotateZ(-3deg); }\n 100% { transform: rotateY(360deg) rotateX(8deg); }\n}\n.logo-3d-img { width:100%; height:100%; object-fit:contain; opacity:.06; mix-blend-mode:screen; filter: saturate(.8) brightness(.85); border-radius: 50%; animation: logoPulse 4.5s ease-in-out infinite alternate; }\n@keyframes logoPulse { from{opacity:.04} to{opacity:.12} }\n.particle { position: fixed; border-radius:50%; pointer-events:none; z-index:0; animation: floatP linear infinite; opacity:0; }\n@keyframes floatP {\n 0% { transform:translateY(100vh) rotate(0deg); opacity:0; }\n 10% { opacity:.55; }\n 90% { opacity:.55; }\n 100% { transform:translateY(-120px) rotate(360deg); opacity:0; }\n}\n.page-wrap { position: relative; z-index:2; padding: 2.5rem 1.5rem 4rem; max-width: 1350px; margin: 0 auto; }\n.control-bar {\n display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;\n gap: 1rem; background: var(--surface); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 1.2rem 1.5rem; margin-bottom: 2.5rem;\n box-shadow: 0 4px 24px rgba(0,0,0,.08); backdrop-filter: blur(8px);\n}\n.bar-left { display: flex; align-items: center; gap: 1rem; }\n.bar-icon { width: 50px; height: 50px; background: linear-gradient(135deg, #1A4D8C, #2e7fc0); border-radius: 14px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.3rem; box-shadow: 0 4px 12px rgba(26,77,140,.3); flex-shrink: 0; }\n.bar-title { font-size: 1.2rem; font-weight: 800; color: var(--accent); line-height: 1.2; }\n.bar-subtitle { font-size: 0.85rem; color: var(--muted); font-weight: 600; margin-top: 4px; }\n.badge-count { background: var(--pill-bg); border: 1px solid var(--pill-bdr); padding: 0.4rem 1.2rem; border-radius: 60px; font-size: 0.85rem; font-weight: 700; color: var(--accent); display: flex; align-items: center; gap: 6px; }\n.section-title {\n font-size: 1.6rem; font-weight: 800; color: #0a2b44;\n margin: 2.5rem 0 1.5rem; position: relative; display: inline-block; padding-left: 15px;\n}\n.section-title:after { content: \"\"; position: absolute; left: 0; bottom: -8px; width: 60px; height: 4px; background: var(--orange); border-radius: 4px; }\n.cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.8rem; }\n.data-card {\n background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);\n overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,.06);\n transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative;\n}\n.card-header { background: linear-gradient(120deg, rgba(235,243,252,.98), rgba(240,246,255,.98)); padding: 1.2rem 1.4rem; border-bottom: 1.5px solid rgba(26,77,140,.10); display: flex; align-items: center; gap: 12px; }\n.card-header i { font-size: 1.8rem; color: var(--accent2); }\n.card-header h3 { font-size: 1.3rem; font-weight: 700; color: #1f4e79; }\n.card-body { padding: 1.5rem; }\n.dept-list { list-style: none; }\n.dept-list li { padding: 0.6rem 0; border-bottom: 1px dashed rgba(26,77,140,.15); display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 0.95rem; color: var(--text); transition: color 0.2s; }\n.dept-list li:last-child { border-bottom: none; }\n.dept-list li i { color: var(--orange); font-size: 0.9rem; width: 20px; text-align: center; }\n.mission-vision {\n background: linear-gradient(110deg, rgba(255,255,255,0.9) 0%, rgba(248,250,252,0.9) 100%);\n border-radius: var(--radius); padding: 2rem; border-left: 6px solid var(--orange);\n box-shadow: 0 8px 32px rgba(0,0,0,.05); font-size: 1.05rem; font-weight: 500;\n}\n.mission-vision hr { border: 0; height: 1px; background: linear-gradient(to left, transparent, rgba(30,80,140,0.2), transparent); margin: 20px 0; }\n.goal-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.2rem; }\n.goal-item {\n background: var(--surface); padding: 1.2rem; border-radius: 20px;\n display: flex; align-items: flex-start; gap: 12px; border: 1px solid var(--border);\n box-shadow: 0 4px 12px rgba(0,0,0,0.03);\n}\n.goal-item i { font-size: 1.5rem; color: var(--orange); margin-top: 2px; }\n.goal-item strong { color: var(--accent); display: block; margin-bottom: 4px; font-size: 1.05rem; }\n.goal-item span { font-size: 0.9rem; color: #5a738e; }\n.profile-card { display: flex; flex-wrap: wrap; gap: 2rem; align-items: center; background: var(--surface); border-radius: var(--radius); padding: 1.8rem; border: 1px solid var(--border); margin-bottom: 1.8rem; }\n.profile-img { flex-shrink: 0; width: 160px; height: 160px; border-radius: 50%; object-fit: cover; border: 4px solid var(--orange); box-shadow: 0 12px 24px rgba(0,0,0,0.1); }\n.profile-info h2 { color: var(--accent); font-size: 1.8rem; margin-bottom: 0.4rem; }\n.profile-info .role { display: inline-block; background: var(--pill-bg); border-radius: 40px; padding: 0.25rem 1rem; font-size: 0.9rem; font-weight: 700; color: var(--accent2); margin-top: 0.5rem; }\n.contact-detail-card { background: linear-gradient(135deg, #ffffff, #f8fafd); border-radius: var(--radius); padding: 1.5rem; border: 1px solid var(--border); margin-top: 1rem; }\n.contact-item { display: flex; align-items: center; gap: 15px; padding: 0.8rem 0; border-bottom: 1px dashed rgba(0,0,0,0.05);}\n.contact-item i { width: 32px; font-size: 1.4rem; color: var(--accent2);}\n.contact-item a { color: var(--accent); text-decoration: none; font-weight: 600; }\n.btn-link { display: inline-flex; align-items: center; gap: 8px; background: var(--accent); color: white; padding: 0.7rem 1.5rem; border-radius: 40px; text-decoration: none; font-weight: 600; transition: 0.2s; margin-top: 1rem; }\n.btn-link:hover { background: #0f3d6b; transform: translateY(-2px); }\n.footer-note {\n margin-top: 3.5rem; text-align: center; background: var(--surface);\n border: 1px solid var(--border); border-radius: 60px; padding: 1rem 2rem;\n width: fit-content; margin-left: auto; margin-right: auto; font-size: 0.9rem;\n font-weight: 600; color: var(--muted); box-shadow: 0 4px 16px rgba(0,0,0,.05);\n}\n@media (max-width: 768px) {\n .page-wrap { padding: 1.5rem 1rem; }\n .control-bar { flex-direction: column; align-items: flex-start; }\n .profile-card { flex-direction: column; text-align: center; }\n .profile-img { margin: 0 auto; }\n .section-title:after { left: 50%; transform: translateX(-50%); width: 60px; }\n .section-title { display: block; text-align: center; padding-left: 0; }\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"bg-scene\">\n <div class=\"bg-grid\"><\/div>\n <div class=\"bg-orb orb1\"><\/div>\n <div class=\"bg-orb orb2\"><\/div>\n <div class=\"bg-orb orb3\"><\/div>\n <div class=\"logo-watermark logo-center\"><div class=\"logo-3d-wrapper\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"Institute Logo\"><\/div><\/div>\n <div class=\"logo-watermark logo-top-left\"><div class=\"logo-3d-wrapper logo-small\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"Institute Logo\"><\/div><\/div>\n <div class=\"logo-watermark logo-bottom-right\"><div class=\"logo-3d-wrapper logo-small logo-slow\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"Institute Logo\"><\/div><\/div>\n<\/div>\n\n<div class=\"page-wrap\">\n \n <div class=\"control-bar\">\n <div class=\"bar-left\">\n <div class=\"bar-icon\"><i class=\"fas fa-users\"><\/i><\/div>\n <div>\n <div class=\"bar-title\">Citizens Affairs Unit<\/div>\n <div class=\"bar-subtitle\"><i class=\"fas fa-building\" style=\"color:var(--orange);\"><\/i> Al-Samawah Technical Institute \u2013 Office of the Dean | Established: May 3, 2017<\/div>\n <\/div>\n <\/div>\n <div class=\"bar-right\">\n <div class=\"badge-count\"><i class=\"fas fa-user-check\"><\/i> Serving Students, Staff & External Visitors<\/div>\n <div class=\"badge-count badge-orange\"><i class=\"fas fa-handshake\"><\/i> Transparency & Respect<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"profile-card\" data-tilt>\n <img decoding=\"async\" class=\"profile-img\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-20-113902.png\" alt=\"Unit Head\" onerror=\"this.src='https:\/\/placehold.co\/160x160?text=Photo'\">\n <div class=\"profile-info\">\n <h2>Ibtisam Abu Al-Shon Ali<\/h2>\n <div class=\"role\"><i class=\"fas fa-chart-simple\"><\/i> Assistant Statistician \u2013 Head of Citizens Affairs Unit<\/div>\n <p style=\"margin-top: 1rem; color: var(--muted);\">An administrative unit under the Dean’s Office, established on May 3, 2017. It handles all citizen-related matters (students, institute staff, and external visitors), acting as a vital link to resolve issues, provide fast services, and promote transparency.<\/p>\n <\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-info-circle\" style=\"margin-right:8px;\"><\/i> About the Unit<\/h2>\n <div class=\"mission-vision\" data-tilt>\n <p>The Citizens Affairs Unit receives requests, problems, suggestions, and inquiries from citizens related to the institute and processes them through relevant departments. “Citizens” here refers to <strong>students, institute employees, and external visitors<\/strong>. The unit plays a crucial role in delivering services, solving problems, and meeting needs as quickly as possible.<\/p>\n <hr>\n <p>This unit reflects a civilized approach in modern societies and institutional states, enhancing the relationship between citizens and the institute within a framework of transparency and mutual respect.<\/p>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-bullseye\" style=\"color:var(--orange); margin-right:8px;\"><\/i> Objectives of the Citizens Affairs Unit<\/h2>\n <div class=\"goal-list\">\n <div class=\"goal-item\" data-tilt><i class=\"fas fa-landmark\"><\/i><div><strong>Frontline of the Institute & Dean<\/strong><span>The primary reference for all citizen affairs.<\/span><\/div><\/div>\n <div class=\"goal-item\" data-tilt><i class=\"fas fa-concierge-bell\"><\/i><div><strong>Provide Facilities<\/strong><span>Remove obstacles and complete transactions within set timelines.<\/span><\/div><\/div>\n <div class=\"goal-item\" data-tilt><i class=\"fas fa-calendar-alt\"><\/i><div><strong>Organize Meetings<\/strong><span>Arrange meetings with the University President and the Dean.<\/span><\/div><\/div>\n <div class=\"goal-item\" data-tilt><i class=\"fas fa-question-circle\"><\/i><div><strong>Guidance & Response<\/strong><span>Answer inquiries and direct visitors to the appropriate departments.<\/span><\/div><\/div>\n <div class=\"goal-item\" data-tilt><i class=\"fas fa-balance-scale\"><\/i><div><strong>Transparency & Respect<\/strong><span>Build a civilized relationship based on trust.<\/span><\/div><\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-gears\" style=\"margin-right:8px;\"><\/i> Workflow & Procedures<\/h2>\n <div class=\"cards-grid\">\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-clipboard-list\"><\/i><h3>Processing Steps<\/h3><\/div>\n <div class=\"card-body\">\n <ul class=\"dept-list\">\n <li><i class=\"fas fa-microphone-alt\"><\/i> Receive citizens, listen to complaints, and direct them to the correct channel.<\/li>\n <li><i class=\"fas fa-reply-all\"><\/i> Respond to inquiries in accordance with the law.<\/li>\n <li><i class=\"fas fa-envelope-open-text\"><\/i> Address assistant deans, scientific and administrative departments for opinions.<\/li>\n <li><i class=\"fas fa-file-signature\"><\/i> Write the request exclusively using the unit’s official form.<\/li>\n <li><i class=\"fas fa-inbox\"><\/i> Receive all requests addressed to the Dean and present them for decision.<\/li>\n <li><i class=\"fas fa-chalkboard-user\"><\/i> Coordinate with the University’s Citizens Affairs Division for meetings with the University President.<\/li>\n <li><i class=\"fas fa-box-open\"><\/i> Daily follow\u2011up of the citizen complaints box and the official university group.<\/li>\n <li><i class=\"fas fa-envelope\"><\/i> Accept requests via the unit’s official email.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-phone-volume\"><\/i><h3>Ways to Contact the Unit<\/h3><\/div>\n <div class=\"card-body\">\n <ul class=\"dept-list\">\n <li><i class=\"fas fa-building\"><\/i> Visit the unit office in person \u2013 Deanery Building.<\/li>\n <li><i class=\"fas fa-phone-alt\"><\/i> Call: <strong>07832083014<\/strong> (inside the institute or externally).<\/li>\n <li><i class=\"fas fa-box\"><\/i> Drop complaint in the <strong>Citizens Complaints Box<\/strong> near the unit (name must be written).<\/li>\n <li><i class=\"fas fa-envelope\"><\/i> Email: requests received via the unit’s official email address (contact the unit to get the address).<\/li>\n <\/ul>\n <div style=\"margin-top: 1rem; background: #eef3fc; padding: 0.8rem; border-radius: 20px;\">\n <i class=\"fas fa-info-circle\"><\/i> Note: Official email is managed through the university system; direct visits are also welcome.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-link\" style=\"margin-right:8px;\"><\/i> Important Links & Application Form<\/h2>\n <div class=\"cards-grid\" style=\"grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\">\n <div class=\"data-card\" data-tilt>\n <div class=\"card-body\" style=\"text-align: center;\">\n <i class=\"fas fa-file-pdf\" style=\"font-size: 3rem; color: #e25555;\"><\/i>\n <h3 style=\"margin: 1rem 0;\">Citizen Interview Form<\/h3>\n <p>The official form for submitting requests and scheduling interviews.<\/p>\n <a href=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2022\/01\/%D8%A7%D8%B3%D8%AA%D9%85%D8%A7%D8%B1%D8%A9-%D8%B4%D8%A4%D9%88%D9%86-%D8%A7%D9%84%D9%85%D9%88%D8%A7%D8%B7%D9%86%D9%8A%D9%86.pdf\" target=\"_blank\" class=\"btn-link\"><i class=\"fas fa-download\"><\/i> Download Form<\/a>\n <\/div>\n <\/div>\n <div class=\"data-card\" data-tilt>\n <div class=\"card-body\" style=\"text-align: center;\">\n <i class=\"fas fa-university\" style=\"font-size: 3rem; color: var(--accent);\"><\/i>\n <h3 style=\"margin: 1rem 0;\">University Communication<\/h3>\n <p>Follow Citizens Affairs through the official channels of Al-Samawah Technical Institute.<\/p>\n <a href=\"https:\/\/isa.atu.edu.iq\" target=\"_blank\" class=\"btn-link\" style=\"background: #ffb347;\"><i class=\"fas fa-globe\"><\/i> Institute Official Website<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"cards-grid\" style=\"grid-template-columns: 1fr 1fr; margin-top: 0.5rem;\">\n <div>\n <h2 class=\"section-title\" style=\"margin-top:0;\"><i class=\"fas fa-check-double\"><\/i> Key Responsibilities<\/h2>\n <div class=\"contact-detail-card\" data-tilt>\n <div class=\"contact-item\"><i class=\"fas fa-calendar-week\"><\/i><span>Directly supervise meetings with the University President and the Dean as per directives.<\/span><\/div>\n <div class=\"contact-item\"><i class=\"fas fa-share-alt\"><\/i><span>Direct contact with the University’s Citizens Affairs Division for matters related to the University President.<\/span><\/div>\n <div class=\"contact-item\"><i class=\"fas fa-newspaper\"><\/i><span>Follow the university\u2019s official Citizens Affairs group for official notifications and expedited mail handling.<\/span><\/div>\n <div class=\"contact-item\"><i class=\"fas fa-inbox\"><\/i><span>Receive all requests addressed to the Dean and present them for a decision.<\/span><\/div>\n <\/div>\n <\/div>\n <div>\n <h2 class=\"section-title\" style=\"margin-top:0;\"><i class=\"fas fa-hand-sparkles\"><\/i> Institutional Values<\/h2>\n <div class=\"mission-vision\" data-tilt style=\"border-left-color: var(--accent2); background: #ffffffdd;\">\n <p>Our unit is committed to <strong>transparency, humanity, and quality<\/strong> in delivering services. We ensure that citizens\u2019 voices reach decision\u2011makers while respecting legal timelines and ethical standards. Prompt response builds institutional trust and fosters community development.<\/p>\n <hr>\n <p><i class=\"fas fa-clock\"><\/i> We welcome your suggestions and feedback to improve our services.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"data-card\" data-tilt style=\"margin-top: 1rem;\">\n <div class=\"card-header\"><i class=\"fas fa-address-card\"><\/i><h3>Quick Contact Information<\/h3><\/div>\n <div class=\"card-body\">\n <div style=\"display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: space-between;\">\n <div><i class=\"fas fa-phone-alt\" style=\"color:var(--accent2);\"><\/i> <strong>Unit Phone:<\/strong> 07832083014<\/div>\n <div><i class=\"fas fa-location-dot\"><\/i> <strong>Location:<\/strong> Deanery Building \u2013 near the complaints box<\/div>\n <div><i class=\"fas fa-clock\"><\/i> <strong>Official Hours:<\/strong> Sunday to Thursday, 8:30 AM \u2013 2:30 PM<\/div>\n <\/div>\n <hr style=\"margin: 1rem 0;\">\n <div style=\"text-align: center;\"><i class=\"fas fa-envelope\"><\/i> Requests and suggestions can be sent via the unit’s dedicated email (contact the unit by phone to obtain the address) or by filling out the form and dropping it in the designated box.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer-note\">\n <i class=\"fas fa-users-between\"><\/i> \u00a9 2026 Al-Furat Al-Awsat Technical University \u2013 Al-Samawah Technical Institute | Citizens Affairs Unit .. A Bridge of Civilized Communication\n <\/div>\n<\/div>\n\n<script>\n (function(){\n const colors = ['#8faac8','#a2b9d6','#bfcfdf'];\n for(let i = 0; i < 18; i++){\n const el = document.createElement('div');\n el.className = 'particle';\n const s = Math.random() * 4 + 2;\n el.style.cssText = `width:${s}px;height:${s}px;background:${colors[i%3]};left:${Math.random()*100}vw;animation-duration:${Math.random()*12+8}s;animation-delay:${Math.random()*10}s;`;\n document.body.appendChild(el);\n }\n })();\n\n document.querySelectorAll('[data-tilt]').forEach(card => {\n card.addEventListener('mousemove', e => {\n const r = card.getBoundingClientRect();\n const x = e.clientX - r.left;\n const y = e.clientY - r.top;\n const cx = r.width \/ 2;\n const cy = r.height \/ 2;\n const rX = ((y - cy) \/ cy) * 3;\n const rY = ((x - cx) \/ cx) * -3;\n card.style.transition = 'transform 0.08s ease, box-shadow 0.08s ease';\n card.style.transform = `perspective(1000px) rotateX(${rX}deg) rotateY(${rY}deg) scale(1.015) translateY(-4px)`;\n card.style.boxShadow = `0 16px 32px -10px rgba(26,77,140,0.2)`;\n card.style.borderColor = 'rgba(255,179,71,0.4)';\n });\n card.addEventListener('mouseleave', () => {\n card.style.transition = 'transform 0.45s cubic-bezier(.2,.9,.4,1), box-shadow 0.45s ease';\n card.style.transform = '';\n card.style.boxShadow = '';\n card.style.borderColor = '';\n });\n });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Citizens Affairs Unit – Al-Samawah Technical Institute Citizens Affairs Unit Al-Samawah Technical Institute \u2013 Office of the Dean | Established: May 3, 2017 Serving Students, Staff & External Visitors Transparency & Respect Ibtisam Abu Al-Shon Ali Assistant Statistician \u2013 Head of Citizens Affairs Unit An administrative unit under the Dean’s Office, established on May 3, … <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=22326&lang=en\">Continued<\/a><\/p>\n","protected":false},"author":99900,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22326","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/users\/99900"}],"replies":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22326"}],"version-history":[{"count":1,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22326\/revisions"}],"predecessor-version":[{"id":22327,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22326\/revisions\/22327"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":22326,"date":"2026-04-27T10:27:28","date_gmt":"2026-04-27T07:27:28","guid":{"rendered":"https:\/\/isa.atu.edu.iq\/?page_id=22326"},"modified":"2026-04-27T10:27:35","modified_gmt":"2026-04-27T07:27:35","slug":"citizens-affairs-unit","status":"publish","type":"page","link":"https:\/\/isa.atu.edu.iq\/?page_id=22326&lang=en","title":{"rendered":"Citizens Affairs Unit"},"content":{"rendered":"\n\n\n\n\n\nCitizens Affairs Unit – Al-Samawah Technical Institute<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n<style>\n:root {\n --bg: #f0f4fa;\n --surface: rgba(255,255,255,0.97);\n --border: rgba(30,80,140,0.10);\n --accent: #1A4D8C;\n --accent2: #2e7fc0;\n --text: #1a2c3e;\n --muted: #6b8aab;\n --pill-bg: rgba(230,243,255,0.85);\n --pill-bdr: #bcd5ee;\n --radius: 1.6rem;\n --orange: #ffb347;\n}\n*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\nhtml { scroll-behavior: smooth; }\nbody {\n background: var(--bg);\n font-family: 'Sora', 'Inter', system-ui, sans-serif;\n color: var(--text);\n min-height: 100vh;\n overflow-x: hidden;\n line-height: 1.6;\n text-align: left;\n}\n.bg-scene { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }\n.bg-grid {\n position: absolute; inset: 0;\n background-image: linear-gradient(rgba(26,77,140,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(26,77,140,.05) 1px, transparent 1px);\n background-size: 56px 56px;\n animation: gridScroll 22s linear infinite;\n}\n@keyframes gridScroll {\n from { transform: perspective(700px) rotateX(28deg) translateY(0); }\n to { transform: perspective(700px) rotateX(28deg) translateY(56px); }\n}\n.bg-orb { position: absolute; border-radius: 50%; filter: blur(90px); animation: orbFloat 9s ease-in-out infinite alternate; }\n.orb1 { width:520px;height:520px;background:rgba(180,200,230,.38);top:-170px;right:-130px; }\n.orb2 { width:360px;height:360px;background:rgba(155,185,220,.28);bottom:8%;left:3%;animation-delay:-4s; }\n.orb3 { width:260px;height:260px;background:rgba(255,179,71,.15);top:40%;right:20%;animation-delay:-7s; }\n@keyframes orbFloat {\n from { transform: translate(0,0) scale(1); }\n to { transform: translate(28px,28px) scale(1.09); }\n}\n.logo-watermark { position: absolute; pointer-events: none; z-index: 0; }\n.logo-center { top:50%; left:50%; transform:translate(-50%,-50%); }\n.logo-top-left { top:4%; left:2%; }\n.logo-bottom-right { bottom:4%; right:2%; }\n.logo-3d-wrapper { width:360px; height:360px; animation: spin3D 25s linear infinite; transform-style: preserve-3d; perspective: 800px; }\n.logo-3d-wrapper.logo-small { width:130px; height:130px; }\n.logo-3d-wrapper.logo-slow { animation-duration:35s; animation-direction:reverse; }\n@keyframes spin3D {\n 0% { transform: rotateY(0deg) rotateX(8deg); }\n 25% { transform: rotateY(90deg) rotateX(14deg) rotateZ(3deg); }\n 50% { transform: rotateY(180deg) rotateX(8deg); }\n 75% { transform: rotateY(270deg) rotateX(14deg) rotateZ(-3deg); }\n 100% { transform: rotateY(360deg) rotateX(8deg); }\n}\n.logo-3d-img { width:100%; height:100%; object-fit:contain; opacity:.06; mix-blend-mode:screen; filter: saturate(.8) brightness(.85); border-radius: 50%; animation: logoPulse 4.5s ease-in-out infinite alternate; }\n@keyframes logoPulse { from{opacity:.04} to{opacity:.12} }\n.particle { position: fixed; border-radius:50%; pointer-events:none; z-index:0; animation: floatP linear infinite; opacity:0; }\n@keyframes floatP {\n 0% { transform:translateY(100vh) rotate(0deg); opacity:0; }\n 10% { opacity:.55; }\n 90% { opacity:.55; }\n 100% { transform:translateY(-120px) rotate(360deg); opacity:0; }\n}\n.page-wrap { position: relative; z-index:2; padding: 2.5rem 1.5rem 4rem; max-width: 1350px; margin: 0 auto; }\n.control-bar {\n display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;\n gap: 1rem; background: var(--surface); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 1.2rem 1.5rem; margin-bottom: 2.5rem;\n box-shadow: 0 4px 24px rgba(0,0,0,.08); backdrop-filter: blur(8px);\n}\n.bar-left { display: flex; align-items: center; gap: 1rem; }\n.bar-icon { width: 50px; height: 50px; background: linear-gradient(135deg, #1A4D8C, #2e7fc0); border-radius: 14px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.3rem; box-shadow: 0 4px 12px rgba(26,77,140,.3); flex-shrink: 0; }\n.bar-title { font-size: 1.2rem; font-weight: 800; color: var(--accent); line-height: 1.2; }\n.bar-subtitle { font-size: 0.85rem; color: var(--muted); font-weight: 600; margin-top: 4px; }\n.badge-count { background: var(--pill-bg); border: 1px solid var(--pill-bdr); padding: 0.4rem 1.2rem; border-radius: 60px; font-size: 0.85rem; font-weight: 700; color: var(--accent); display: flex; align-items: center; gap: 6px; }\n.section-title {\n font-size: 1.6rem; font-weight: 800; color: #0a2b44;\n margin: 2.5rem 0 1.5rem; position: relative; display: inline-block; padding-left: 15px;\n}\n.section-title:after { content: \"\"; position: absolute; left: 0; bottom: -8px; width: 60px; height: 4px; background: var(--orange); border-radius: 4px; }\n.cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.8rem; }\n.data-card {\n background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);\n overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,.06);\n transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative;\n}\n.card-header { background: linear-gradient(120deg, rgba(235,243,252,.98), rgba(240,246,255,.98)); padding: 1.2rem 1.4rem; border-bottom: 1.5px solid rgba(26,77,140,.10); display: flex; align-items: center; gap: 12px; }\n.card-header i { font-size: 1.8rem; color: var(--accent2); }\n.card-header h3 { font-size: 1.3rem; font-weight: 700; color: #1f4e79; }\n.card-body { padding: 1.5rem; }\n.dept-list { list-style: none; }\n.dept-list li { padding: 0.6rem 0; border-bottom: 1px dashed rgba(26,77,140,.15); display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 0.95rem; color: var(--text); transition: color 0.2s; }\n.dept-list li:last-child { border-bottom: none; }\n.dept-list li i { color: var(--orange); font-size: 0.9rem; width: 20px; text-align: center; }\n.mission-vision {\n background: linear-gradient(110deg, rgba(255,255,255,0.9) 0%, rgba(248,250,252,0.9) 100%);\n border-radius: var(--radius); padding: 2rem; border-left: 6px solid var(--orange);\n box-shadow: 0 8px 32px rgba(0,0,0,.05); font-size: 1.05rem; font-weight: 500;\n}\n.mission-vision hr { border: 0; height: 1px; background: linear-gradient(to left, transparent, rgba(30,80,140,0.2), transparent); margin: 20px 0; }\n.goal-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.2rem; }\n.goal-item {\n background: var(--surface); padding: 1.2rem; border-radius: 20px;\n display: flex; align-items: flex-start; gap: 12px; border: 1px solid var(--border);\n box-shadow: 0 4px 12px rgba(0,0,0,0.03);\n}\n.goal-item i { font-size: 1.5rem; color: var(--orange); margin-top: 2px; }\n.goal-item strong { color: var(--accent); display: block; margin-bottom: 4px; font-size: 1.05rem; }\n.goal-item span { font-size: 0.9rem; color: #5a738e; }\n.profile-card { display: flex; flex-wrap: wrap; gap: 2rem; align-items: center; background: var(--surface); border-radius: var(--radius); padding: 1.8rem; border: 1px solid var(--border); margin-bottom: 1.8rem; }\n.profile-img { flex-shrink: 0; width: 160px; height: 160px; border-radius: 50%; object-fit: cover; border: 4px solid var(--orange); box-shadow: 0 12px 24px rgba(0,0,0,0.1); }\n.profile-info h2 { color: var(--accent); font-size: 1.8rem; margin-bottom: 0.4rem; }\n.profile-info .role { display: inline-block; background: var(--pill-bg); border-radius: 40px; padding: 0.25rem 1rem; font-size: 0.9rem; font-weight: 700; color: var(--accent2); margin-top: 0.5rem; }\n.contact-detail-card { background: linear-gradient(135deg, #ffffff, #f8fafd); border-radius: var(--radius); padding: 1.5rem; border: 1px solid var(--border); margin-top: 1rem; }\n.contact-item { display: flex; align-items: center; gap: 15px; padding: 0.8rem 0; border-bottom: 1px dashed rgba(0,0,0,0.05);}\n.contact-item i { width: 32px; font-size: 1.4rem; color: var(--accent2);}\n.contact-item a { color: var(--accent); text-decoration: none; font-weight: 600; }\n.btn-link { display: inline-flex; align-items: center; gap: 8px; background: var(--accent); color: white; padding: 0.7rem 1.5rem; border-radius: 40px; text-decoration: none; font-weight: 600; transition: 0.2s; margin-top: 1rem; }\n.btn-link:hover { background: #0f3d6b; transform: translateY(-2px); }\n.footer-note {\n margin-top: 3.5rem; text-align: center; background: var(--surface);\n border: 1px solid var(--border); border-radius: 60px; padding: 1rem 2rem;\n width: fit-content; margin-left: auto; margin-right: auto; font-size: 0.9rem;\n font-weight: 600; color: var(--muted); box-shadow: 0 4px 16px rgba(0,0,0,.05);\n}\n@media (max-width: 768px) {\n .page-wrap { padding: 1.5rem 1rem; }\n .control-bar { flex-direction: column; align-items: flex-start; }\n .profile-card { flex-direction: column; text-align: center; }\n .profile-img { margin: 0 auto; }\n .section-title:after { left: 50%; transform: translateX(-50%); width: 60px; }\n .section-title { display: block; text-align: center; padding-left: 0; }\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"bg-scene\">\n <div class=\"bg-grid\"><\/div>\n <div class=\"bg-orb orb1\"><\/div>\n <div class=\"bg-orb orb2\"><\/div>\n <div class=\"bg-orb orb3\"><\/div>\n <div class=\"logo-watermark logo-center\"><div class=\"logo-3d-wrapper\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"Institute Logo\"><\/div><\/div>\n <div class=\"logo-watermark logo-top-left\"><div class=\"logo-3d-wrapper logo-small\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"Institute Logo\"><\/div><\/div>\n <div class=\"logo-watermark logo-bottom-right\"><div class=\"logo-3d-wrapper logo-small logo-slow\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"Institute Logo\"><\/div><\/div>\n<\/div>\n\n<div class=\"page-wrap\">\n \n <div class=\"control-bar\">\n <div class=\"bar-left\">\n <div class=\"bar-icon\"><i class=\"fas fa-users\"><\/i><\/div>\n <div>\n <div class=\"bar-title\">Citizens Affairs Unit<\/div>\n <div class=\"bar-subtitle\"><i class=\"fas fa-building\" style=\"color:var(--orange);\"><\/i> Al-Samawah Technical Institute \u2013 Office of the Dean | Established: May 3, 2017<\/div>\n <\/div>\n <\/div>\n <div class=\"bar-right\">\n <div class=\"badge-count\"><i class=\"fas fa-user-check\"><\/i> Serving Students, Staff & External Visitors<\/div>\n <div class=\"badge-count badge-orange\"><i class=\"fas fa-handshake\"><\/i> Transparency & Respect<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"profile-card\" data-tilt>\n <img decoding=\"async\" class=\"profile-img\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-20-113902.png\" alt=\"Unit Head\" onerror=\"this.src='https:\/\/placehold.co\/160x160?text=Photo'\">\n <div class=\"profile-info\">\n <h2>Ibtisam Abu Al-Shon Ali<\/h2>\n <div class=\"role\"><i class=\"fas fa-chart-simple\"><\/i> Assistant Statistician \u2013 Head of Citizens Affairs Unit<\/div>\n <p style=\"margin-top: 1rem; color: var(--muted);\">An administrative unit under the Dean’s Office, established on May 3, 2017. It handles all citizen-related matters (students, institute staff, and external visitors), acting as a vital link to resolve issues, provide fast services, and promote transparency.<\/p>\n <\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-info-circle\" style=\"margin-right:8px;\"><\/i> About the Unit<\/h2>\n <div class=\"mission-vision\" data-tilt>\n <p>The Citizens Affairs Unit receives requests, problems, suggestions, and inquiries from citizens related to the institute and processes them through relevant departments. “Citizens” here refers to <strong>students, institute employees, and external visitors<\/strong>. The unit plays a crucial role in delivering services, solving problems, and meeting needs as quickly as possible.<\/p>\n <hr>\n <p>This unit reflects a civilized approach in modern societies and institutional states, enhancing the relationship between citizens and the institute within a framework of transparency and mutual respect.<\/p>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-bullseye\" style=\"color:var(--orange); margin-right:8px;\"><\/i> Objectives of the Citizens Affairs Unit<\/h2>\n <div class=\"goal-list\">\n <div class=\"goal-item\" data-tilt><i class=\"fas fa-landmark\"><\/i><div><strong>Frontline of the Institute & Dean<\/strong><span>The primary reference for all citizen affairs.<\/span><\/div><\/div>\n <div class=\"goal-item\" data-tilt><i class=\"fas fa-concierge-bell\"><\/i><div><strong>Provide Facilities<\/strong><span>Remove obstacles and complete transactions within set timelines.<\/span><\/div><\/div>\n <div class=\"goal-item\" data-tilt><i class=\"fas fa-calendar-alt\"><\/i><div><strong>Organize Meetings<\/strong><span>Arrange meetings with the University President and the Dean.<\/span><\/div><\/div>\n <div class=\"goal-item\" data-tilt><i class=\"fas fa-question-circle\"><\/i><div><strong>Guidance & Response<\/strong><span>Answer inquiries and direct visitors to the appropriate departments.<\/span><\/div><\/div>\n <div class=\"goal-item\" data-tilt><i class=\"fas fa-balance-scale\"><\/i><div><strong>Transparency & Respect<\/strong><span>Build a civilized relationship based on trust.<\/span><\/div><\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-gears\" style=\"margin-right:8px;\"><\/i> Workflow & Procedures<\/h2>\n <div class=\"cards-grid\">\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-clipboard-list\"><\/i><h3>Processing Steps<\/h3><\/div>\n <div class=\"card-body\">\n <ul class=\"dept-list\">\n <li><i class=\"fas fa-microphone-alt\"><\/i> Receive citizens, listen to complaints, and direct them to the correct channel.<\/li>\n <li><i class=\"fas fa-reply-all\"><\/i> Respond to inquiries in accordance with the law.<\/li>\n <li><i class=\"fas fa-envelope-open-text\"><\/i> Address assistant deans, scientific and administrative departments for opinions.<\/li>\n <li><i class=\"fas fa-file-signature\"><\/i> Write the request exclusively using the unit’s official form.<\/li>\n <li><i class=\"fas fa-inbox\"><\/i> Receive all requests addressed to the Dean and present them for decision.<\/li>\n <li><i class=\"fas fa-chalkboard-user\"><\/i> Coordinate with the University’s Citizens Affairs Division for meetings with the University President.<\/li>\n <li><i class=\"fas fa-box-open\"><\/i> Daily follow\u2011up of the citizen complaints box and the official university group.<\/li>\n <li><i class=\"fas fa-envelope\"><\/i> Accept requests via the unit’s official email.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-phone-volume\"><\/i><h3>Ways to Contact the Unit<\/h3><\/div>\n <div class=\"card-body\">\n <ul class=\"dept-list\">\n <li><i class=\"fas fa-building\"><\/i> Visit the unit office in person \u2013 Deanery Building.<\/li>\n <li><i class=\"fas fa-phone-alt\"><\/i> Call: <strong>07832083014<\/strong> (inside the institute or externally).<\/li>\n <li><i class=\"fas fa-box\"><\/i> Drop complaint in the <strong>Citizens Complaints Box<\/strong> near the unit (name must be written).<\/li>\n <li><i class=\"fas fa-envelope\"><\/i> Email: requests received via the unit’s official email address (contact the unit to get the address).<\/li>\n <\/ul>\n <div style=\"margin-top: 1rem; background: #eef3fc; padding: 0.8rem; border-radius: 20px;\">\n <i class=\"fas fa-info-circle\"><\/i> Note: Official email is managed through the university system; direct visits are also welcome.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-link\" style=\"margin-right:8px;\"><\/i> Important Links & Application Form<\/h2>\n <div class=\"cards-grid\" style=\"grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\">\n <div class=\"data-card\" data-tilt>\n <div class=\"card-body\" style=\"text-align: center;\">\n <i class=\"fas fa-file-pdf\" style=\"font-size: 3rem; color: #e25555;\"><\/i>\n <h3 style=\"margin: 1rem 0;\">Citizen Interview Form<\/h3>\n <p>The official form for submitting requests and scheduling interviews.<\/p>\n <a href=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2022\/01\/%D8%A7%D8%B3%D8%AA%D9%85%D8%A7%D8%B1%D8%A9-%D8%B4%D8%A4%D9%88%D9%86-%D8%A7%D9%84%D9%85%D9%88%D8%A7%D8%B7%D9%86%D9%8A%D9%86.pdf\" target=\"_blank\" class=\"btn-link\"><i class=\"fas fa-download\"><\/i> Download Form<\/a>\n <\/div>\n <\/div>\n <div class=\"data-card\" data-tilt>\n <div class=\"card-body\" style=\"text-align: center;\">\n <i class=\"fas fa-university\" style=\"font-size: 3rem; color: var(--accent);\"><\/i>\n <h3 style=\"margin: 1rem 0;\">University Communication<\/h3>\n <p>Follow Citizens Affairs through the official channels of Al-Samawah Technical Institute.<\/p>\n <a href=\"https:\/\/isa.atu.edu.iq\" target=\"_blank\" class=\"btn-link\" style=\"background: #ffb347;\"><i class=\"fas fa-globe\"><\/i> Institute Official Website<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"cards-grid\" style=\"grid-template-columns: 1fr 1fr; margin-top: 0.5rem;\">\n <div>\n <h2 class=\"section-title\" style=\"margin-top:0;\"><i class=\"fas fa-check-double\"><\/i> Key Responsibilities<\/h2>\n <div class=\"contact-detail-card\" data-tilt>\n <div class=\"contact-item\"><i class=\"fas fa-calendar-week\"><\/i><span>Directly supervise meetings with the University President and the Dean as per directives.<\/span><\/div>\n <div class=\"contact-item\"><i class=\"fas fa-share-alt\"><\/i><span>Direct contact with the University’s Citizens Affairs Division for matters related to the University President.<\/span><\/div>\n <div class=\"contact-item\"><i class=\"fas fa-newspaper\"><\/i><span>Follow the university\u2019s official Citizens Affairs group for official notifications and expedited mail handling.<\/span><\/div>\n <div class=\"contact-item\"><i class=\"fas fa-inbox\"><\/i><span>Receive all requests addressed to the Dean and present them for a decision.<\/span><\/div>\n <\/div>\n <\/div>\n <div>\n <h2 class=\"section-title\" style=\"margin-top:0;\"><i class=\"fas fa-hand-sparkles\"><\/i> Institutional Values<\/h2>\n <div class=\"mission-vision\" data-tilt style=\"border-left-color: var(--accent2); background: #ffffffdd;\">\n <p>Our unit is committed to <strong>transparency, humanity, and quality<\/strong> in delivering services. We ensure that citizens\u2019 voices reach decision\u2011makers while respecting legal timelines and ethical standards. Prompt response builds institutional trust and fosters community development.<\/p>\n <hr>\n <p><i class=\"fas fa-clock\"><\/i> We welcome your suggestions and feedback to improve our services.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"data-card\" data-tilt style=\"margin-top: 1rem;\">\n <div class=\"card-header\"><i class=\"fas fa-address-card\"><\/i><h3>Quick Contact Information<\/h3><\/div>\n <div class=\"card-body\">\n <div style=\"display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: space-between;\">\n <div><i class=\"fas fa-phone-alt\" style=\"color:var(--accent2);\"><\/i> <strong>Unit Phone:<\/strong> 07832083014<\/div>\n <div><i class=\"fas fa-location-dot\"><\/i> <strong>Location:<\/strong> Deanery Building \u2013 near the complaints box<\/div>\n <div><i class=\"fas fa-clock\"><\/i> <strong>Official Hours:<\/strong> Sunday to Thursday, 8:30 AM \u2013 2:30 PM<\/div>\n <\/div>\n <hr style=\"margin: 1rem 0;\">\n <div style=\"text-align: center;\"><i class=\"fas fa-envelope\"><\/i> Requests and suggestions can be sent via the unit’s dedicated email (contact the unit by phone to obtain the address) or by filling out the form and dropping it in the designated box.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer-note\">\n <i class=\"fas fa-users-between\"><\/i> \u00a9 2026 Al-Furat Al-Awsat Technical University \u2013 Al-Samawah Technical Institute | Citizens Affairs Unit .. A Bridge of Civilized Communication\n <\/div>\n<\/div>\n\n<script>\n (function(){\n const colors = ['#8faac8','#a2b9d6','#bfcfdf'];\n for(let i = 0; i < 18; i++){\n const el = document.createElement('div');\n el.className = 'particle';\n const s = Math.random() * 4 + 2;\n el.style.cssText = `width:${s}px;height:${s}px;background:${colors[i%3]};left:${Math.random()*100}vw;animation-duration:${Math.random()*12+8}s;animation-delay:${Math.random()*10}s;`;\n document.body.appendChild(el);\n }\n })();\n\n document.querySelectorAll('[data-tilt]').forEach(card => {\n card.addEventListener('mousemove', e => {\n const r = card.getBoundingClientRect();\n const x = e.clientX - r.left;\n const y = e.clientY - r.top;\n const cx = r.width \/ 2;\n const cy = r.height \/ 2;\n const rX = ((y - cy) \/ cy) * 3;\n const rY = ((x - cx) \/ cx) * -3;\n card.style.transition = 'transform 0.08s ease, box-shadow 0.08s ease';\n card.style.transform = `perspective(1000px) rotateX(${rX}deg) rotateY(${rY}deg) scale(1.015) translateY(-4px)`;\n card.style.boxShadow = `0 16px 32px -10px rgba(26,77,140,0.2)`;\n card.style.borderColor = 'rgba(255,179,71,0.4)';\n });\n card.addEventListener('mouseleave', () => {\n card.style.transition = 'transform 0.45s cubic-bezier(.2,.9,.4,1), box-shadow 0.45s ease';\n card.style.transform = '';\n card.style.boxShadow = '';\n card.style.borderColor = '';\n });\n });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Citizens Affairs Unit – Al-Samawah Technical Institute Citizens Affairs Unit Al-Samawah Technical Institute \u2013 Office of the Dean | Established: May 3, 2017 Serving Students, Staff & External Visitors Transparency & Respect Ibtisam Abu Al-Shon Ali Assistant Statistician \u2013 Head of Citizens Affairs Unit An administrative unit under the Dean’s Office, established on May 3, … <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=22326&lang=en\">Continued<\/a><\/p>\n","protected":false},"author":99900,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22326","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/users\/99900"}],"replies":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22326"}],"version-history":[{"count":1,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22326\/revisions"}],"predecessor-version":[{"id":22327,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22326\/revisions\/22327"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}