{"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-04-27T20:05:58","modified_gmt":"2026-04-27T20:05:58","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<!DOCTYPE html>\n<html lang=\"en\" dir=\"ltr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Citizens Affairs Unit | Kufa Technical Institute<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;800&#038;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-gradient: linear-gradient(to bottom, #f9f295 0%, #e0aa3e 25%, #e0aa3e 50%, #b8860b 100%);\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        }\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        \/* Royal Golden Gradient Title *\/\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        }\n\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            margin-bottom: 40px;\n            border-left: 8px solid var(--secondary-color); \/* Switched for LTR *\/\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; \/* Switched for LTR *\/\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; \/* Switched for LTR *\/\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: 768px) {\n            .hero-section h1 { font-size: 2.2rem; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"hero-section\">\n        <h1>Citizens Affairs Unit<\/h1>\n        <p>The primary portal for receiving complaints, suggestions, and strengthening trust<\/p>\n    <\/section>\n\n    <div class=\"container\">\n        <div class=\"about-card\">\n            <h2 style=\"color: var(--primary-color);\"><i class=\"fas fa-university\"><\/i> Administrative Link &#038; Tasks<\/h2>\n            <p>The unit is administratively linked to the Dean&#8217;s Office. It is responsible for all matters related to requests and complaints from citizens (visitors \u2013 students \u2013 faculty \u2013 staff) and adopts the principle of cooperation to overcome difficulties that citizens may face during their visits.<\/p>\n        <\/div>\n\n        <div class=\"info-grid\">\n            <div class=\"feature-box\">\n                <h3><i class=\"fas fa-briefcase\"><\/i> Key Responsibilities<\/h3>\n                <ul class=\"list-items\">\n                    <li>Receiving citizens, listening to their complaints, and guiding them.<\/li>\n                    <li>Receiving all requests addressed to the Dean and presenting them for review.<\/li>\n                    <li>Direct supervision of organizing interviews for the Deanship.<\/li>\n                    <li>Entering requests through the Citizen Government Electronic System.<\/li>\n                    <li>Notifying citizens of actions taken via phone or email.<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"feature-box\">\n                <h3><i class=\"fas fa-star\"><\/i> Unit Objectives<\/h3>\n                <ul class=\"list-items\">\n                    <li>Representing the institute&#8217;s official face 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 modern 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 Mechanism<\/h2>\n            <div class=\"step-container\">\n                <div class=\"step-card\">\n                    <p><strong>Clarity of Request:<\/strong> Write the request clearly, specifying the subject and address accurately.<\/p>\n                <\/div>\n                <div class=\"step-card\">\n                    <p><strong>Personal Data:<\/strong> Include full name, phone number, and official email address.<\/p>\n                <\/div>\n                <div class=\"step-card\">\n                    <p><strong>Work Entity:<\/strong> Specify the scientific department or relevant office to ensure a quick 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 Request Form\n            <\/a>\n            <p style=\"margin-top: 25px;\">For direct contact via phone:<\/p>\n            <a href=\"tel:07809270003\" class=\"phone-link\">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; Citizens Affairs Unit &copy; 2026\n    <\/footer>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Citizens Affairs Unit | Kufa Technical Institute Citizens Affairs Unit The primary portal for receiving complaints, suggestions, and strengthening trust Administrative Link &#038; Tasks The unit is administratively linked to the Dean&#8217;s Office. It is responsible for all matters related to requests and complaints from citizens (visitors \u2013 students \u2013 faculty \u2013 staff) and adopts &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":2,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/41627\/revisions"}],"predecessor-version":[{"id":41629,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/41627\/revisions\/41629"}],"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}]}}