{"id":41627,"date":"2026-04-27T19:57:57","date_gmt":"2026-04-27T19:57:57","guid":{"rendered":"https:\/\/iku.atu.edu.iq\/?page_id=41627"},"modified":"2026-06-28T08:18:30","modified_gmt":"2026-06-28T08:18:30","slug":"41627-2","status":"publish","type":"page","link":"https:\/\/iku.atu.edu.iq\/?page_id=41627&lang=en","title":{"rendered":"Citizens Affairs Unit"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Citizen Affairs Unit | Kufa Technical Institute<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;800;900&amp;family=Amiri:wght=700&amp;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        :root {\n            --primary-color: #0a1931; \n            --secondary-color: #d4af37; \n            --gold-solid: #b38728;\n            --gold-gradient: linear-gradient(to bottom, #f9f295 0%, #e0aa3e 25%, #e0aa3e 50%, #b8860b 100%);\n            --royal-gold: linear-gradient(45deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);\n            --white: #ffffff;\n            --bg-light: #f8f9fa;\n            --transition: all 0.3s ease;\n        }\n\n        body {\n            font-family: 'Cairo', sans-serif;\n            background-color: var(--bg-light);\n            margin: 0; padding: 0;\n            line-height: 1.8;\n            color: #333;\n            overflow-x: hidden;\n        }\n\n        \/* Hero Section *\/\n        .hero-section {\n            background: linear-gradient(135deg, #0a1931 0%, #1a3a5f 100%);\n            color: var(--white);\n            padding: 100px 20px;\n            text-align: center;\n            border-bottom: 5px solid var(--secondary-color);\n            position: relative;\n        }\n\n        \/* Title in royal gold gradient *\/\n        .hero-section h1 {\n            font-size: 3.5rem;\n            font-weight: 900;\n            margin-bottom: 15px;\n            background: var(--gold-gradient); \n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.5)); \n            display: inline-block;\n        }\n\n        .hero-section p {\n            font-size: 1.3rem;\n            color: #f1f1f1;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: -50px auto 50px;\n            padding: 0 20px;\n            position: relative;\n            box-sizing: border-box;\n        }\n\n        \/* Top Layout Geometric Design *\/\n        .top-layout {\n            display: grid;\n            grid-template-columns: 350px 1fr;\n            gap: 25px;\n            margin-bottom: 40px;\n            align-items: stretch;\n        }\n\n        \/* Unit Leader Royal Card *\/\n        .leader-luxury-card {\n            background: var(--white);\n            border-radius: 20px;\n            padding: 35px 20px;\n            text-align: center;\n            box-sizing: border-box;\n            box-shadow: 0 15px 35px rgba(10, 25, 71, 0.12);\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            \n            border: 5px solid transparent;\n            background-image: linear-gradient(var(--white), var(--white)), var(--royal-gold);\n            background-origin: border-box;\n            background-clip: padding-box, border-box;\n        }\n\n        .leader-tag {\n            background: var(--primary-color);\n            color: var(--white);\n            font-weight: 700;\n            font-size: 0.85rem;\n            padding: 5px 16px;\n            border-radius: 30px;\n            display: inline-block;\n            margin: 0 auto 15px;\n            width: fit-content;\n        }\n\n        \/* Leader Avatar Container *\/\n        .leader-avatar-container {\n            width: 130px;\n            height: 130px;\n            margin: 0 auto 15px;\n            border-radius: 50%;\n            overflow: hidden; \n            box-shadow: 0 6px 20px rgba(10, 25, 47, 0.2);\n            box-sizing: border-box;\n            border: 4px solid var(--secondary-color);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .leader-avatar-container img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover; \n            object-position: center;\n        }\n\n        .leader-luxury-card h3 {\n            color: var(--primary-color);\n            font-weight: 800;\n            font-size: 1.6rem;\n            margin: 5px 0 2px 0;\n        }\n\n        .leader-luxury-card .leader-title {\n            color: var(--gold-solid);\n            font-weight: 700;\n            font-size: 1.05rem;\n            margin: 0 0 12px 0;\n        }\n\n        .leader-luxury-card p.leader-bio {\n            color: #555;\n            font-size: 0.95rem;\n            line-height: 1.7;\n            text-align: center;\n            margin: 0;\n            border-top: 1px dashed rgba(179, 135, 40, 0.2);\n            padding-top: 12px;\n        }\n\n        \/* Left Block: Administrative Affiliation and Duties *\/\n        .about-card {\n            background: var(--white);\n            border-radius: 20px;\n            padding: 40px;\n            box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n            border-left: 8px solid var(--secondary-color);\n            box-sizing: border-box;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        .info-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n            gap: 30px;\n        }\n\n        .feature-box {\n            background: var(--white);\n            border-radius: 15px;\n            padding: 30px;\n            box-shadow: 0 10px 25px rgba(0,0,0,0.05);\n            transition: var(--transition);\n        }\n\n        .feature-box:hover { transform: translateY(-10px); }\n\n        .feature-box h3 {\n            color: var(--primary-color);\n            border-bottom: 2px solid #eee;\n            padding-bottom: 10px;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .list-items { list-style: none; padding: 0; }\n        .list-items li {\n            position: relative;\n            padding-left: 30px;\n            margin-bottom: 12px;\n        }\n        .list-items li::before {\n            content: '\\f058';\n            font-family: 'Font Awesome 6 Free';\n            font-weight: 900;\n            position: absolute;\n            left: 0;\n            color: var(--secondary-color);\n        }\n\n        .mechanism-section {\n            background: #edf2f7;\n            border-radius: 20px;\n            padding: 40px;\n            margin-top: 40px;\n        }\n\n        .step-container { display: flex; gap: 20px; flex-wrap: wrap; }\n        .step-card {\n            flex: 1; min-width: 250px;\n            background: var(--white);\n            padding: 25px;\n            border-radius: 12px;\n            text-align: center;\n            border-top: 4px solid var(--primary-color);\n        }\n\n        .contact-bar {\n            background: var(--primary-color);\n            color: var(--white);\n            padding: 40px;\n            border-radius: 20px;\n            text-align: center;\n            margin-top: 50px;\n        }\n\n        .btn-action {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            background: var(--secondary-color);\n            color: var(--primary-color);\n            padding: 15px 40px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-weight: 800;\n            transition: var(--transition);\n        }\n\n        .btn-action:hover { transform: scale(1.05); background: #f1c40f; }\n\n        .phone-link {\n            color: var(--secondary-color);\n            font-size: 1.8rem;\n            display: block;\n            margin-top: 10px;\n            text-decoration: none;\n            font-weight: 700;\n        }\n\n        @media (max-width: 992px) {\n            .top-layout { grid-template-columns: 1fr; }\n            .container { margin-top: 20px; }\n        }\n\n        @media (max-width: 768px) {\n            .hero-section h1 { font-size: 2.2rem; }\n        }\n    <\/style>\n\n\n\n    <section class=\"hero-section\">\n        <h1>Citizen Affairs Unit<\/h1>\n        <p>The main outlet for receiving complaints and suggestions, and building bridges of trust<\/p>\n    <\/section>\n\n    <div class=\"container\">\n        \n        <div class=\"top-layout\">\n            \n            <div class=\"leader-luxury-card\">\n                <span class=\"leader-tag\"><i class=\"fas fa-id-card-alt\" style=\"margin-right: 6px;\"><\/i>Unit Management<\/span>\n                \n                <div class=\"leader-avatar-container\">\n                    <img decoding=\"async\" src=\"https:\/\/iku.atu.edu.iq\/wp-content\/uploads\/2026\/05\/700870520_1450107927136301_1161357026963543098_n.jpg\" alt=\"Mrs. Ruqaya Majid Zghair\">\n                <\/div>\n                \n                <h3>Ruqaya Majid Zghair<\/h3>\n                <div class=\"leader-title\">Head of Citizen Affairs Unit<\/div>\n                <p class=\"leader-bio\">In the Citizen Affairs Unit, we are committed to opening direct communication channels based on speed and complete transparency to convey your voice, follow up on your requests, and resolve administrative obstacles with efficiency and responsibility.<\/p>\n            <\/div>\n\n            <div class=\"about-card\">\n                <h2 style=\"color: var(--primary-color); margin-top: 0;\"><i class=\"fas fa-university\"><\/i> Administrative Affiliation and Duties<\/h2>\n                <p style=\"margin-bottom: 0;\">The unit is administratively linked to the Dean&#8217;s Office. It is responsible for handling everything related to the requests and complaints of citizens (visitors, students, faculty, and staff), adopting the principle of cooperation to overcome any difficulties citizens may encounter during their visits.<\/p>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"info-grid\">\n            <div class=\"feature-box\">\n                <h3><i class=\"fas fa-briefcase\"><\/i> Key Responsibilities of the Unit<\/h3>\n                <ul class=\"list-items\">\n                    <li>Receiving citizens, listening to their complaints, and guiding them.<\/li>\n                    <li>Receiving all applications addressed to the Dean and presenting them to him.<\/li>\n                    <li>Direct supervision over organizing interviews with the Dean&#8217;s office.<\/li>\n                    <li>Entering requests through the Citizen Government Electronic System.<\/li>\n                    <li>Notifying citizens of actions taken via telephone or email.<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"feature-box\">\n                <h3><i class=\"fas fa-star\"><\/i> Objectives of the Unit<\/h3>\n                <ul class=\"list-items\">\n                    <li>Representing the institute&#8217;s official interface in a civilized manner.<\/li>\n                    <li>Providing the best possible services to all visitors.<\/li>\n                    <li>Ensuring continuous communication with all relevant authorities.<\/li>\n                    <li>Promoting the concept of institutional state and civilized societies.<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"mechanism-section\">\n            <h2 style=\"text-align: center; color: var(--primary-color);\"><i class=\"fas fa-info-circle\"><\/i> Application Procedure<\/h2>\n            <div class=\"step-container\">\n                <div class=\"step-card\">\n                    <p><strong>Clarity of the Request:<\/strong> Writing the request clearly while specifying the subject and address accurately.<\/p>\n                <\/div>\n                <div class=\"step-card\">\n                    <p><strong>Personal Details:<\/strong> Stating the full triple name, phone number, and official email address.<\/p>\n                <\/div>\n                <div class=\"step-card\">\n                    <p><strong>Workplace\/Target Entity:<\/strong> Specifying the scientific department or concerned office to ensure a prompt response.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"contact-bar\">\n            <h2>Contact Us Now<\/h2>\n            <a href=\"#\" class=\"btn-action\">\n                <i class=\"fas fa-file-alt\"><\/i> Online Application Form\n            <\/a>\n            <p style=\"margin-top: 25px;\">For direct communication via phone:<\/p>\n            <a href=\"tel:07809270003\" class=\"phone-link\" dir=\"ltr\">0780 927 0003<\/a>\n        <\/div>\n    <\/div>\n\n    <footer style=\"text-align: center; padding-bottom: 30px; color: #888;\">\n        Kufa Technical Institute &#8211; Citizen Affairs Unit \u00a9 2026\n    <\/footer>\n","protected":false},"excerpt":{"rendered":"<p>Citizen Affairs Unit | Kufa Technical Institute Citizen Affairs Unit The main outlet for receiving complaints and suggestions, and building bridges of trust Unit Management Ruqaya Majid Zghair Head of Citizen Affairs Unit In the Citizen Affairs Unit, we are committed to opening direct communication channels based on speed and complete transparency to convey your &hellip; <a href=\"https:\/\/iku.atu.edu.iq\/?page_id=41627&#038;lang=en\">Continued<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-41627","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/41627","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=41627"}],"version-history":[{"count":3,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/41627\/revisions"}],"predecessor-version":[{"id":42763,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/41627\/revisions\/42763"}],"wp:attachment":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=41627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}