{"id":20706,"date":"2024-10-16T10:17:11","date_gmt":"2024-10-16T07:17:11","guid":{"rendered":"https:\/\/bti.stu.edu.iq\/department-of-chemical-industry-technologies\/"},"modified":"2026-06-20T23:12:20","modified_gmt":"2026-06-20T20:12:20","slug":"department-of-chemical-industry-technologies","status":"publish","type":"page","link":"https:\/\/bti.stu.edu.iq\/en\/department-of-chemical-industry-technologies\/","title":{"rendered":"Department of Chemical Industry Technologies"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20706\" class=\"elementor elementor-20706 elementor-18337\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5694df4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5694df4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-12c8a2d\" data-id=\"12c8a2d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c0aa350 elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-image\" data-id=\"c0aa350\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"525\" height=\"263\" src=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/\u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a-\u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629-\u0641\u064a-\u062a\u0631\u0643\u064a\u0627.jpg\" class=\"attachment-large size-large wp-image-18493\" alt=\"\" srcset=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/\u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a-\u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629-\u0641\u064a-\u062a\u0631\u0643\u064a\u0627.jpg 1600w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/\u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a-\u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629-\u0641\u064a-\u062a\u0631\u0643\u064a\u0627-300x150.jpg 300w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/\u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a-\u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629-\u0641\u064a-\u062a\u0631\u0643\u064a\u0627-768x384.jpg 768w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/\u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a-\u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629-\u0641\u064a-\u062a\u0631\u0643\u064a\u0627-100x50.jpg 100w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/\u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a-\u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629-\u0641\u064a-\u062a\u0631\u0643\u064a\u0627-1536x768.jpg 1536w\" sizes=\"(max-width: 525px) 100vw, 525px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-67587d6\" data-id=\"67587d6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5a099df animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"5a099df\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;_animation_delay&quot;:1000}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Department of Chemical Industry Technologies<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ecbd83a animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"ecbd83a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:1000}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h5><strong>The Chemical Industries Department aims to prepare students to work in the field of chemical manufacturing by teaching them the fundamentals of chemical processes, analysis, and material handling. The department emphasizes safety and quality applications in various stages of chemical production.  <\/strong><\/h5>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e3dabf8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e3dabf8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f0dffdb\" data-id=\"f0dffdb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-11db2c0 elementor-widget elementor-widget-eael-adv-tabs\" data-id=\"11db2c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-adv-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div data-scroll-on-click=\"no\" data-scroll-speed=\"300\" id=\"eael-advance-tabs-11db2c0\" class=\"eael-advance-tabs eael-tabs-horizontal eael-tab-auto-active \" data-tabid=\"11db2c0\">\n            <div class=\"eael-tabs-nav \">\n                <ul class=\"eael-tab-inline-icon\" role=\"tablist\">\n                                            <li id=\"vision\" class=\"inactive eael-tab-item-trigger eael-tab-nav-item\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"vision-tab\" aria-expanded=\"false\">\n                            \n                                                                <i class=\"fas fa-home\"><\/i>                                                            \n                                                            <span class=\"eael-tab-title title-after-icon\" >Vision<\/span>                            \n                                                    <\/li>\n                                            <li id=\"goals\" class=\"inactive eael-tab-item-trigger eael-tab-nav-item\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"goals-tab\" aria-expanded=\"false\">\n                            \n                                                                <i class=\"fas fa-home\"><\/i>                                                            \n                                                            <span class=\"eael-tab-title title-after-icon\" >Goals<\/span>                            \n                                                    <\/li>\n                                            <li id=\"message\" class=\"inactive eael-tab-item-trigger eael-tab-nav-item\" aria-selected=\"false\" data-tab=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"message-tab\" aria-expanded=\"false\">\n                            \n                                                                <i class=\"fas fa-home\"><\/i>                                                            \n                                                            <span class=\"eael-tab-title title-after-icon\" >Message<\/span>                            \n                                                    <\/li>\n                    \n                                  <\/ul>\n            <\/div>\n            \n            <div class=\"eael-tabs-content\">\n\t\t        \n                    <div id=\"vision-tab\" class=\"clearfix eael-tab-content-item inactive\" data-title-link=\"vision-tab\">\n\t\t\t\t        <p>  Building a technical educational system with an applied and practical academic framework, taking into account the scientific developments and development in the chemical industries, based on the quality system and development in performance based on the needs of the labor market.<\/p>\n                    <\/div>\n\t\t        \n                    <div id=\"goals-tab\" class=\"clearfix eael-tab-content-item inactive\" data-title-link=\"goals-tab\">\n\t\t\t\t        <p>The specialization aims to graduate qualified technical staff to carry out the work of operating the devices and equipment of units in chemical and petrochemical factories and oil refineries and conducting chemical and physical laboratory tests of raw materials and products so that they conform to international standards. They are qualified to carry out preventive and periodic maintenance of industrial units and control their operation while taking into account safety at work. In order to achieve the best production at the lowest costs.  <\/p>\n                    <\/div>\n\t\t        \n                    <div id=\"message-tab\" class=\"clearfix eael-tab-content-item inactive\" data-title-link=\"message-tab\">\n\t\t\t\t        <p>  Students hold a diploma in Chemical Industries \/ Industrial Unit Operation Branch after providing them with all scientific information (theoretical, applied and practical) in the field of operating industrial units and controlling operational conditions, information in the field of maintenance of these units and maintaining their safety and the safety of workers, as well as information on laboratory tests for raw materials and products, through lectures using modern means, taking into account the scientific development in this specialization<strong>.<\/strong>   <\/p>\n                    <\/div>\n\t\t                    <\/div>\n        <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f02e4e0 elementor-widget elementor-widget-html\" data-id=\"f02e4e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Department Services Hub -->\n<section class=\"bti-dept-hub\" aria-label=\"Department Services\" dir=\"ltr\" lang=\"en\">\n  <!-- Fonts & Icons -->\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n  <style>\n    \/* =========================\n       Scoped Styles\n    ========================== *\/\n    .bti-dept-hub {\n      --bti-teal: #2f8f9b;\n      --bti-teal-2: #3aa7b4;\n      --bti-maroon: #9b2b2f;\n      --bti-maroon-2: #b23a40;\n      --bti-ink: #0f172a;\n      --bti-muted: #5b677a;\n      --bti-surface: #ffffff;\n      --bti-surface-2: #f6f8fb;\n      --bti-border: rgba(47, 143, 155, .16);\n\n      direction: ltr;\n      font-family: \"Inter\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n      box-sizing: border-box;\n      width: 100%;\n      margin: 0;\n      padding: 20px 0;\n      position: relative;\n      overflow: hidden;\n      isolation: isolate;\n      background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n      min-height: 100vh;\n    }\n\n    .bti-dept-hub *,\n    .bti-dept-hub *::before,\n    .bti-dept-hub *::after {\n      box-sizing: border-box;\n    }\n\n    .bti-dept-hub .bti-wrap {\n      width: 100%;\n      max-width: 1600px;\n      margin: 0 auto;\n      padding: 0 30px;\n    }\n\n    \/* Header *\/\n    .bti-dept-hub .bti-head {\n      position: relative;\n      background: linear-gradient(135deg, rgba(47, 143, 155, .10), rgba(155, 43, 47, .08));\n      padding: 30px 40px;\n      border-radius: 20px;\n      box-shadow: 0 4px 20px rgba(2, 12, 27, .08);\n      margin-bottom: 40px;\n      overflow: hidden;\n      text-align: center;\n    }\n\n    .bti-dept-hub .bti-head::before {\n      content: \"\";\n      position: absolute;\n      inset: -2px;\n      background:\n        radial-gradient(circle at 18% 25%, rgba(47, 143, 155, .22) 0%, transparent 45%),\n        radial-gradient(circle at 82% 70%, rgba(155, 43, 47, .18) 0%, transparent 46%);\n      pointer-events: none;\n      border-radius: 20px;\n    }\n\n    .bti-dept-hub .bti-title-row {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 15px;\n    }\n\n    .bti-dept-hub .bti-title {\n      margin: 0;\n      font-size: 2.5rem;\n      font-weight: 900;\n      color: var(--bti-ink);\n      letter-spacing: .2px;\n    }\n\n    .bti-dept-hub .bti-badge {\n      flex-shrink: 0;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      background: rgba(255, 255, 255, .72);\n      border: 1px solid rgba(47, 143, 155, .20);\n      border-radius: 999px;\n      padding: 10px 12px;\n      box-shadow: 0 10px 20px rgba(2, 12, 27, .06);\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n    }\n\n    .bti-dept-hub .bti-dot {\n      width: 9px;\n      height: 9px;\n      border-radius: 50%;\n      background: linear-gradient(135deg, var(--bti-teal), var(--bti-maroon));\n      box-shadow: 0 0 0 4px rgba(47, 143, 155, .12);\n    }\n\n    \/* Two Column Layout *\/\n    .bti-dept-hub .bti-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 30px;\n    }\n\n    @media (min-width: 968px) {\n      .bti-dept-hub .bti-grid {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n\n    \/* Section *\/\n    .bti-dept-hub .bti-section {\n      background: var(--bti-surface);\n      border-radius: 20px;\n      box-shadow: 0 4px 20px rgba(2, 12, 27, .08);\n      overflow: hidden;\n      border: 1px solid rgba(47, 143, 155, .1);\n    }\n\n    .bti-dept-hub .bti-sec-head {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 10px;\n      padding: 24px 28px;\n      background: linear-gradient(135deg, rgba(47, 143, 155, .08), rgba(155, 43, 47, .06));\n      border-bottom: 2px solid rgba(47, 143, 155, .1);\n    }\n\n    .bti-dept-hub .bti-sec-title {\n      margin: 0;\n      font-size: 1.4rem;\n      font-weight: 800;\n      color: var(--bti-ink);\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .bti-dept-hub .bti-sec-title i {\n      color: var(--bti-teal);\n      font-size: 1.3rem;\n    }\n\n    .bti-dept-hub .bti-sec-note {\n      font-size: .9rem;\n      color: var(--bti-muted);\n      margin: 8px 0 0;\n      line-height: 1.6;\n    }\n\n    \/* Tiles *\/\n    .bti-dept-hub .bti-tiles {\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n      background: var(--bti-surface);\n    }\n\n    .bti-dept-hub .bti-tile {\n      background: linear-gradient(180deg, var(--bti-surface), var(--bti-surface-2));\n      border-bottom: 1px solid rgba(15, 23, 42, .06);\n      padding: 20px 28px;\n      display: flex;\n      align-items: flex-start;\n      justify-content: space-between;\n      gap: 20px;\n      position: relative;\n      overflow: hidden;\n      transition: all .2s ease;\n    }\n\n    .bti-dept-hub .bti-tile:last-child {\n      border-bottom: none;\n    }\n\n    .bti-dept-hub .bti-tile::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      right: 0;\n      left: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--bti-teal), var(--bti-maroon));\n      opacity: 0;\n      transition: opacity .2s ease;\n    }\n\n    .bti-dept-hub .bti-tile:hover {\n      background: linear-gradient(180deg, rgba(47, 143, 155, .04), rgba(155, 43, 47, .02));\n      transform: translateX(5px);\n    }\n\n    .bti-dept-hub .bti-tile:hover::before {\n      opacity: 1;\n    }\n\n    .bti-dept-hub .bti-tile-left {\n      display: flex;\n      align-items: flex-start;\n      gap: 16px;\n      min-width: 0;\n      flex: 1;\n    }\n\n    .bti-dept-hub .bti-ico {\n      width: 50px;\n      height: 50px;\n      border-radius: 14px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      background: linear-gradient(135deg, rgba(47, 143, 155, .16), rgba(155, 43, 47, .12));\n      border: 1px solid rgba(47, 143, 155, .18);\n      transition: transform .2s ease;\n    }\n\n    .bti-dept-hub .bti-tile:hover .bti-ico {\n      transform: scale(1.1) rotate(5deg);\n    }\n\n    .bti-dept-hub .bti-ico i {\n      font-size: 1.2rem;\n      color: var(--bti-teal);\n      opacity: .95;\n    }\n\n    .bti-dept-hub .bti-txt {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .bti-dept-hub .bti-name {\n      margin: 0;\n      font-size: 1.05rem;\n      font-weight: 800;\n      color: var(--bti-ink);\n      line-height: 1.4;\n    }\n\n    .bti-dept-hub .bti-desc {\n      margin: 8px 0 0;\n      font-size: .95rem;\n      color: var(--bti-muted);\n      line-height: 1.7;\n    }\n\n    .bti-dept-hub .bti-act {\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding-top: 2px;\n    }\n\n    .bti-dept-hub .bti-link {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      text-decoration: none;\n      font-weight: 800;\n      font-size: .9rem;\n      padding: 12px 16px;\n      border-radius: 12px;\n      border: 1px solid rgba(47, 143, 155, .22);\n      background: rgba(47, 143, 155, .06);\n      color: var(--bti-ink);\n      white-space: nowrap;\n      line-height: 1.35;\n      transition: all .2s ease;\n    }\n\n    .bti-dept-hub .bti-link i {\n      color: var(--bti-teal);\n      font-size: .85rem;\n    }\n\n    .bti-dept-hub .bti-link:hover {\n      transform: translateY(-2px);\n      border-color: rgba(47, 143, 155, .35);\n      background: rgba(47, 143, 155, .12);\n      box-shadow: 0 4px 12px rgba(47, 143, 155, .15);\n    }\n\n    .bti-dept-hub .bti-link[data-empty=\"true\"] {\n      border-style: dashed;\n      border-color: rgba(155, 43, 47, .35);\n      background: rgba(155, 43, 47, .06);\n      cursor: not-allowed;\n    }\n\n    .bti-dept-hub .bti-link[data-empty=\"true\"]:hover {\n      transform: none;\n      box-shadow: none;\n    }\n\n    .bti-dept-hub .bti-link[data-empty=\"true\"] .bti-hint {\n      color: var(--bti-maroon);\n      font-weight: 900;\n    }\n\n    .bti-dept-hub .bti-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      cursor: pointer;\n      border: 0;\n      padding: 12px 18px;\n      border-radius: 12px;\n      font-weight: 900;\n      font-size: .9rem;\n      background: linear-gradient(135deg, var(--bti-teal), var(--bti-maroon));\n      color: #fff;\n      box-shadow: 0 10px 18px rgba(47, 143, 155, .18);\n      transition: all .2s ease;\n      white-space: nowrap;\n      font-family: \"Inter\", system-ui;\n      line-height: 1.35;\n    }\n\n    .bti-dept-hub .bti-btn:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 14px 24px rgba(155, 43, 47, .25);\n      filter: saturate(1.06);\n    }\n\n    \/* Mobile Responsive *\/\n    @media (max-width: 768px) {\n      .bti-dept-hub .bti-wrap {\n        padding: 0 20px;\n      }\n\n      .bti-dept-hub .bti-head {\n        padding: 24px 20px;\n      }\n\n      .bti-dept-hub .bti-title {\n        font-size: 1.8rem;\n      }\n\n      .bti-dept-hub .bti-title-row {\n        flex-direction: column;\n        gap: 12px;\n      }\n\n      .bti-dept-hub .bti-sec-head {\n        padding: 20px;\n        flex-direction: column;\n        align-items: flex-start;\n      }\n\n      .bti-dept-hub .bti-sec-title {\n        font-size: 1.2rem;\n      }\n\n      .bti-dept-hub .bti-tile {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 15px;\n        padding: 18px 20px;\n      }\n\n      .bti-dept-hub .bti-act {\n        width: 100%;\n        justify-content: flex-start;\n        padding-top: 0;\n      }\n\n      .bti-dept-hub .bti-link,\n      .bti-dept-hub .bti-btn {\n        width: 100%;\n        justify-content: center;\n      }\n\n      .bti-dept-hub .bti-link {\n        white-space: normal;\n        text-align: center;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .bti-dept-hub * {\n        transition: none !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"bti-wrap\">\n    <!-- Header -->\n    <div class=\"bti-head\">\n      <div class=\"bti-title-row\">\n        <h2 class=\"bti-title\">Department Services &amp; Content<\/h2>\n        <div class=\"bti-badge\" aria-label=\"General indicator\">\n          <span class=\"bti-dot\" aria-hidden=\"true\"><\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"bti-grid\">\n      <!-- Section 1: Academic Services -->\n      <div class=\"bti-section\">\n        <div class=\"bti-sec-head\">\n          <div>\n            <h3 class=\"bti-sec-title\">\n              <i class=\"fa-solid fa-graduation-cap\" aria-hidden=\"true\"><\/i>\n              Academic Services\n            <\/h3>\n            <p class=\"bti-sec-note\">Links for curriculum, lectures, and schedules.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"bti-tiles\">\n          <div class=\"bti-tile\">\n            <div class=\"bti-tile-left\">\n              <div class=\"bti-ico\"><i class=\"fa-solid fa-book-open-reader\" aria-hidden=\"true\"><\/i><\/div>\n              <div class=\"bti-txt\">\n                <p class=\"bti-name\">Academic Description<\/p>\n                <p class=\"bti-desc\">View courses, skills, and learning objectives<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"bti-act\">\n              <a class=\"bti-link\" href=\"https:\/\/bti.stu.edu.iq\/%d8%a7%d9%84%d9%88%d8%b5%d9%81-%d8%a7%d9%84%d8%a7%d9%83%d8%a7%d8%af%d9%8a%d9%85%d9%8a-%d9%84%d9%82%d8%b3%d9%85-%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d8%b5%d9%86%d8%a7%d8%b9%d8%a7%d8%aa\/\">\n                View Details <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"bti-tile\">\n            <div class=\"bti-tile-left\">\n              <div class=\"bti-ico\"><i class=\"fa-solid fa-list-check\" aria-hidden=\"true\"><\/i><\/div>\n              <div class=\"bti-txt\">\n                <p class=\"bti-name\">Course Descriptions<\/p>\n                <p class=\"bti-desc\">Course details (syllabus, outcomes, and prerequisites)<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"bti-act\">\n              <a class=\"bti-link\" href=\"#\" data-empty=\"true\" title=\"Coming Soon\">\n                <span class=\"bti-hint\">Coming Soon<\/span> <i class=\"fa-solid fa-link\" aria-hidden=\"true\"><\/i>\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"bti-tile\">\n            <div class=\"bti-tile-left\">\n              <div class=\"bti-ico\"><i class=\"fa-solid fa-chalkboard-user\" aria-hidden=\"true\"><\/i><\/div>\n              <div class=\"bti-txt\">\n                <p class=\"bti-name\">Lectures<\/p>\n                <p class=\"bti-desc\">Instructional lessons delivered by faculty<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"bti-act\">\n              <a class=\"bti-link\" href=\"https:\/\/bti.stu.edu.iq\/%d9%82%d8%b3%d9%85-%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d8%b5%d9%86%d8%a7%d8%b9%d8%a7%d8%aa-%d8%a7%d9%84%d9%83%d9%8a%d9%85%d9%8a%d8%a7%d9%88%d9%8a%d8%a9-2\/\">\n                View Lectures <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"bti-tile\">\n            <div class=\"bti-tile-left\">\n              <div class=\"bti-ico\"><i class=\"fa-solid fa-calendar-days\" aria-hidden=\"true\"><\/i><\/div>\n              <div class=\"bti-txt\">\n                <p class=\"bti-name\">Lecture &amp; Exam Schedules<\/p>\n                <p class=\"bti-desc\">Lecture and exam timings<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"bti-act\">\n              <a class=\"bti-link\" href=\"https:\/\/bti.stu.edu.iq\/%d9%85%d8%ad%d8%a7%d8%b6%d8%b1%d8%a7%d8%aa-%d8%b5%d9%86%d8%a7%d8%b9%d8%a7%d8%aa\/\">\n                View Schedules <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"bti-tile\">\n            <div class=\"bti-tile-left\">\n              <div class=\"bti-ico\"><i class=\"fa-solid fa-briefcase\" aria-hidden=\"true\"><\/i><\/div>\n              <div class=\"bti-txt\">\n                <p class=\"bti-name\">Educational Portfolio<\/p>\n                <p class=\"bti-desc\">Materials and activities supporting the learning process<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"bti-act\">\n              <a class=\"bti-link\" href=\"https:\/\/bti.stu.edu.iq\/%d8%ad%d9%82%d9%8a%d8%a8%d8%a9-%d8%aa%d8%b9%d9%84%d9%8a%d9%85%d9%8a%d8%a9-%d8%a7%d9%84%d8%b5%d9%86%d8%a7%d8%b9%d8%a7%d8%aa-%d8%a7%d9%84%d9%83%d9%8a%d9%85%d9%8a%d8%a7%d9%88%d9%8a%d8%a9\/\">\n                View Portfolio <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Section 2: Department Content & Documentation -->\n      <div class=\"bti-section\">\n        <div class=\"bti-sec-head\">\n          <div>\n            <h3 class=\"bti-sec-title\">\n              <i class=\"fa-solid fa-layer-group\" aria-hidden=\"true\"><\/i>\n              Department Content &amp; Documentation\n            <\/h3>\n            <p class=\"bti-sec-note\">Research, laboratories, projects, and organizational structure.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"bti-tiles\">\n          <div class=\"bti-tile\">\n            <div class=\"bti-tile-left\">\n              <div class=\"bti-ico\"><i class=\"fa-solid fa-flask\" aria-hidden=\"true\"><\/i><\/div>\n              <div class=\"bti-txt\">\n                <p class=\"bti-name\">Scientific Research<\/p>\n                <p class=\"bti-desc\">Organized research to advance academic knowledge<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"bti-act\">\n              <a class=\"bti-link\" href=\"https:\/\/bti.stu.edu.iq\/%d8%a7%d9%84%d8%a8%d8%ad%d9%88%d8%ab-%d8%a7%d9%84%d8%b9%d9%84%d9%85%d9%8a%d8%a9-%d9%84%d9%82%d8%b3%d9%85-%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d8%b5%d9%86%d8%a7%d8%b9%d8%a7%d8%aa-%d8%a7\/\">\n                View Research <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"bti-tile\">\n            <div class=\"bti-tile-left\">\n              <div class=\"bti-ico\"><i class=\"fa-solid fa-microscope\" aria-hidden=\"true\"><\/i><\/div>\n              <div class=\"bti-txt\">\n                <p class=\"bti-name\">Laboratories<\/p>\n                <p class=\"bti-desc\">Brief overview of laboratories and equipment<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"bti-act\">\n              <a class=\"bti-link\" href=\"#\" data-empty=\"true\" title=\"Coming Soon\">\n                <span class=\"bti-hint\">Coming Soon<\/span> <i class=\"fa-solid fa-link\" aria-hidden=\"true\"><\/i>\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"bti-tile\">\n            <div class=\"bti-tile-left\">\n              <div class=\"bti-ico\"><i class=\"fa-solid fa-diagram-project\" aria-hidden=\"true\"><\/i><\/div>\n              <div class=\"bti-txt\">\n                <p class=\"bti-name\">Student Projects<\/p>\n                <p class=\"bti-desc\">Sample student projects<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"bti-act\">\n              <a class=\"bti-link\" href=\"#\" data-empty=\"true\" title=\"Coming Soon\">\n                <span class=\"bti-hint\">Coming Soon<\/span> <i class=\"fa-solid fa-link\" aria-hidden=\"true\"><\/i>\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"bti-tile\">\n            <div class=\"bti-tile-left\">\n              <div class=\"bti-ico\"><i class=\"fa-solid fa-clipboard-check\" aria-hidden=\"true\"><\/i><\/div>\n              <div class=\"bti-txt\">\n                <p class=\"bti-name\">Self-Assessment<\/p>\n                <p class=\"bti-desc\">Self-assessment documents and quality standards<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"bti-act\">\n              <a class=\"bti-link\" href=\"#\" data-empty=\"true\" title=\"Coming Soon\">\n                <span class=\"bti-hint\">Coming Soon<\/span> <i class=\"fa-solid fa-link\" aria-hidden=\"true\"><\/i>\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"bti-tile\">\n            <div class=\"bti-tile-left\">\n              <div class=\"bti-ico\"><i class=\"fa-solid fa-sitemap\" aria-hidden=\"true\"><\/i><\/div>\n              <div class=\"bti-txt\">\n                <p class=\"bti-name\">Organizational Structure<\/p>\n                <p class=\"bti-desc\">Department structure, positions, and committees<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"bti-act\">\n              <a class=\"bti-link\" href=\"https:\/\/bti.stu.edu.iq\/%d9%87%d9%8a%d9%83%d9%84-%d8%a7%d9%84%d8%b5%d9%86%d8%a7%d8%b9%d8%a7%d8%aa\/\">\n                View Structure <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"bti-tile\">\n            <div class=\"bti-tile-left\">\n              <div class=\"bti-ico\"><i class=\"fa-solid fa-user-graduate\" aria-hidden=\"true\"><\/i><\/div>\n              <div class=\"bti-txt\">\n                <p class=\"bti-name\">Graduate Profile<\/p>\n                <p class=\"bti-desc\">Qualities and skills acquired by graduates<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"bti-act\">\n              <a class=\"bti-link\" href=\"#\">\n                View Details <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\n              <\/a>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n  (function(){\n    'use strict';\n\n    var hub = document.querySelector('.bti-dept-hub');\n    if(!hub) return;\n\n    var emptyLinks = hub.querySelectorAll('.bti-link[data-empty=\"true\"]');\n    emptyLinks.forEach(function(a){\n      a.addEventListener('click', function(e){ e.preventDefault(); });\n    });\n  })();\n  <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-ad56d0f e-flex e-con-boxed e-con e-parent\" data-id=\"ad56d0f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-96d88f8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"96d88f8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-45cc0b2\" data-id=\"45cc0b2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d603440 elementor-widget elementor-widget-spacer\" data-id=\"d603440\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1963f83 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1963f83\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4219c3a\" data-id=\"4219c3a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2f6806e elementor-widget elementor-widget-html\" data-id=\"2f6806e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"custom-section bti-staff-modern\" dir=\"ltr\" lang=\"en\" aria-label=\"Teaching Staff\">\n\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700;800;900&display=swap\" rel=\"stylesheet\">\n\n  <style>\n    .custom-section.bti-staff-modern{\n      font-family: Inter, system-ui, -apple-system, \"Segoe UI\", sans-serif;\n      --maroon:#8B1E2D;\n      --maroon2:#A32536;\n      --sky:#2C8C97;\n      --sky2:#3AA6B1;\n      --ink:#0f172a;\n      --muted:#475569;\n      --card: rgba(255,255,255,.78);\n      --stroke: rgba(15,23,42,.10);\n      --shadow: 0 16px 50px rgba(2,6,23,.10);\n      --shadow2: 0 22px 70px rgba(2,6,23,.16);\n      --radius:18px;\n      --radius2:24px;\n      --gap:14px;\n\n      width:100%;\n      box-sizing:border-box;\n      padding:18px;\n      margin:0;\n      isolation:isolate;\n      contain:content;\n    }\n\n    .custom-section.bti-staff-modern *{box-sizing:border-box}\n\n    .custom-section.bti-staff-modern .staff-shell{\n      max-width:1100px;\n      margin:0 auto;\n      padding:18px;\n      border-radius:var(--radius2);\n      background:\n        radial-gradient(900px 300px at 20% -10%, rgba(44,140,151,.18) 0%, transparent 60%),\n        radial-gradient(700px 280px at 90% 10%, rgba(139,30,45,.16) 0%, transparent 55%),\n        linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.58));\n      border:1px solid rgba(255,255,255,.7);\n      box-shadow: var(--shadow);\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n      position:relative;\n      overflow:hidden;\n    }\n\n    .custom-section.bti-staff-modern .staff-shell::before{\n      content:\"\";\n      position:absolute; inset:0;\n      background: linear-gradient(135deg, rgba(139,30,45,.10), rgba(44,140,151,.10));\n      pointer-events:none;\n      opacity:.7;\n    }\n\n    .custom-section.bti-staff-modern .staff-head{\n      position:relative;\n      display:flex;\n      flex-wrap:wrap;\n      gap:12px;\n      align-items:flex-end;\n      justify-content:space-between;\n      padding:10px 10px 14px;\n      border-bottom:1px solid rgba(15,23,42,.08);\n    }\n\n    .custom-section.bti-staff-modern .title-wrap{\n      display:flex;\n      flex-direction:column;\n      gap:6px;\n      min-width:240px;\n    }\n\n    .custom-section.bti-staff-modern .staff-title{\n      margin:0;\n      font-size:20px;\n      font-weight:800;\n      color:var(--ink);\n      letter-spacing:.2px;\n      display:flex;\n      align-items:center;\n      gap:10px;\n    }\n\n    .custom-section.bti-staff-modern .staff-badge{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      padding:4px 10px;\n      border-radius:999px;\n      font-size:12px;\n      font-weight:800;\n      color:#fff;\n      background: linear-gradient(135deg, var(--maroon), var(--sky));\n      box-shadow: 0 10px 24px rgba(2,6,23,.10);\n      transform: translateY(-1px);\n      white-space:nowrap;\n    }\n\n    .custom-section.bti-staff-modern .staff-sub{\n      margin:0;\n      font-size:13px;\n      color:var(--muted);\n      line-height:1.6;\n      max-width:560px;\n    }\n\n    .custom-section.bti-staff-modern .controls{\n      display:flex;\n      flex-wrap:wrap;\n      gap:10px;\n      align-items:center;\n      justify-content:flex-end;\n      min-width:260px;\n    }\n\n    .custom-section.bti-staff-modern .search{\n      position:relative;\n      flex: 1 1 240px;\n      min-width:220px;\n    }\n\n    .custom-section.bti-staff-modern .search input{\n      width:100%;\n      padding:12px 12px 12px 40px;\n      border-radius:14px;\n      border:1px solid rgba(15,23,42,.12);\n      background: rgba(255,255,255,.70);\n      outline:none;\n      font-weight:600;\n      color:var(--ink);\n      transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease;\n    }\n\n    .custom-section.bti-staff-modern .search input:focus{\n      border-color: rgba(44,140,151,.55);\n      box-shadow: 0 0 0 4px rgba(44,140,151,.14);\n      transform: translateY(-1px);\n    }\n\n    .custom-section.bti-staff-modern .search .icon{\n      position:absolute;\n      left:12px;\n      right:auto;\n      top:50%;\n      transform: translateY(-50%);\n      width:18px;height:18px;\n      opacity:.85;\n      pointer-events:none;\n      color: var(--sky);\n    }\n\n    .custom-section.bti-staff-modern .view-toggle{\n      display:flex;\n      gap:6px;\n      padding:6px;\n      border-radius:14px;\n      background: rgba(255,255,255,.62);\n      border:1px solid rgba(15,23,42,.10);\n      box-shadow: 0 10px 24px rgba(2,6,23,.06);\n    }\n\n    .custom-section.bti-staff-modern .vt-btn{\n      border:0;\n      cursor:pointer;\n      padding:10px 12px;\n      border-radius:12px;\n      background: transparent;\n      color: var(--ink);\n      font-weight:800;\n      font-size:12px;\n      transition: transform .18s ease, background .18s ease, color .18s ease;\n      user-select:none;\n      display:inline-flex;\n      align-items:center;\n      gap:8px;\n    }\n\n    .custom-section.bti-staff-modern .vt-btn[aria-pressed=\"true\"]{\n      background: linear-gradient(135deg, rgba(139,30,45,.16), rgba(44,140,151,.16));\n      color: var(--ink);\n    }\n\n    .custom-section.bti-staff-modern .vt-btn:active{transform: scale(.98)}\n\n    .custom-section.bti-staff-modern .staff-body{\n      position:relative;\n      padding:14px 10px 10px;\n    }\n\n    .custom-section.bti-staff-modern .grid{\n      display:grid;\n      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n      gap: var(--gap);\n    }\n\n    .custom-section.bti-staff-modern .card{\n      position:relative;\n      border-radius: var(--radius);\n      padding:14px 14px 12px;\n      background: var(--card);\n      border: 1px solid var(--stroke);\n      box-shadow: 0 10px 26px rgba(2,6,23,.06);\n      overflow:hidden;\n      transform: translateY(8px);\n      opacity:0;\n      animation: btiIn .55s ease forwards;\n    }\n\n    .custom-section.bti-staff-modern .card::before{\n      content:\"\";\n      position:absolute;\n      top:0; left:0; right:0;\n      height:3px;\n      background: linear-gradient(90deg, var(--maroon), var(--sky), var(--maroon2));\n      opacity:.95;\n    }\n\n    .custom-section.bti-staff-modern .card::after{\n      content:\"\";\n      position:absolute;\n      inset:-60px auto auto -60px;\n      width:140px;height:140px;\n      background: radial-gradient(circle, rgba(44,140,151,.18), transparent 60%);\n      transform: rotate(15deg);\n      pointer-events:none;\n    }\n\n    .custom-section.bti-staff-modern .card:hover{\n      transform: translateY(-4px);\n      box-shadow: var(--shadow2);\n      border-color: rgba(44,140,151,.25);\n      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n    }\n\n    .custom-section.bti-staff-modern .row{\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap:12px;\n    }\n\n    .custom-section.bti-staff-modern .person{\n      display:flex;\n      align-items:center;\n      gap:12px;\n      min-width:0;\n    }\n\n    .custom-section.bti-staff-modern .avatar{\n      width:42px;height:42px;\n      border-radius:14px;\n      background: linear-gradient(135deg, rgba(139,30,45,.22), rgba(44,140,151,.22));\n      border:1px solid rgba(15,23,42,.10);\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      flex:0 0 auto;\n      box-shadow: 0 10px 22px rgba(2,6,23,.06);\n    }\n\n    .custom-section.bti-staff-modern .avatar svg{\n      width:20px;height:20px;\n      color: var(--ink);\n      opacity:.9;\n    }\n\n    .custom-section.bti-staff-modern .name{\n      margin:0;\n      font-size:14px;\n      font-weight:900;\n      color: var(--ink);\n      line-height:1.35;\n      white-space:nowrap;\n      overflow:hidden;\n      text-overflow:ellipsis;\n      max-width: 100%;\n    }\n\n    .custom-section.bti-staff-modern .meta{\n      margin:4px 0 0;\n      font-size:12px;\n      color: var(--muted);\n    }\n\n    .custom-section.bti-staff-modern .go{\n      display:inline-flex;\n      align-items:center;\n      gap:8px;\n      padding:10px 12px;\n      border-radius:14px;\n      text-decoration:none;\n      font-weight:900;\n      font-size:12px;\n      color:#fff;\n      background: linear-gradient(135deg, var(--maroon), var(--sky));\n      box-shadow: 0 12px 26px rgba(2,6,23,.10);\n      border:1px solid rgba(255,255,255,.35);\n      white-space:nowrap;\n      flex:0 0 auto;\n      transition: transform .18s ease, filter .18s ease;\n    }\n\n    .custom-section.bti-staff-modern .go:hover{filter: brightness(1.03)}\n    .custom-section.bti-staff-modern .go:active{transform: scale(.98)}\n    .custom-section.bti-staff-modern .go svg{width:16px;height:16px}\n\n    .custom-section.bti-staff-modern .list{\n      display:none;\n      flex-direction:column;\n      gap:10px;\n    }\n\n    .custom-section.bti-staff-modern .list .line{\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap:12px;\n      padding:12px 12px;\n      border-radius: 16px;\n      background: rgba(255,255,255,.66);\n      border: 1px solid rgba(15,23,42,.10);\n      box-shadow: 0 10px 26px rgba(2,6,23,.05);\n      transform: translateY(8px);\n      opacity:0;\n      animation: btiIn .55s ease forwards;\n    }\n\n    .custom-section.bti-staff-modern .list .line:hover{\n      box-shadow: 0 20px 50px rgba(2,6,23,.10);\n      border-color: rgba(139,30,45,.22);\n      transform: translateY(-2px);\n      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n    }\n\n    .custom-section.bti-staff-modern .list .lname{\n      font-weight:900;\n      color: var(--ink);\n      overflow:hidden;\n      text-overflow:ellipsis;\n      white-space:nowrap;\n    }\n\n    .custom-section.bti-staff-modern .empty{\n      display:none;\n      text-align:center;\n      padding:22px 12px;\n      color: var(--muted);\n      font-weight:800;\n    }\n\n    @keyframes btiIn{to{opacity:1; transform: translateY(0)}}\n\n    .custom-section.bti-staff-modern .sr-only{\n      position:absolute!important;\n      width:1px;height:1px;\n      padding:0;margin:-1px;\n      overflow:hidden;clip:rect(0,0,0,0);\n      white-space:nowrap;border:0;\n    }\n\n    @media (max-width:520px){\n      .custom-section.bti-staff-modern{padding:12px}\n      .custom-section.bti-staff-modern .staff-shell{padding:14px}\n      .custom-section.bti-staff-modern .go{padding:10px 10px}\n      .custom-section.bti-staff-modern .grid{grid-template-columns: 1fr;}\n      .custom-section.bti-staff-modern .row{flex-wrap:wrap; align-items:flex-start;}\n      .custom-section.bti-staff-modern .name{\n        white-space:normal;\n        overflow:visible;\n        text-overflow:unset;\n        line-height:1.6;\n      }\n      .custom-section.bti-staff-modern .go{\n        width:100%;\n        justify-content:center;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      .custom-section.bti-staff-modern .card,\n      .custom-section.bti-staff-modern .list .line{animation:none; opacity:1; transform:none}\n      .custom-section.bti-staff-modern .card:hover,\n      .custom-section.bti-staff-modern .list .line:hover{transform:none}\n    }\n  <\/style>\n\n  <div class=\"staff-shell\">\n    <div class=\"staff-head\">\n      <div class=\"title-wrap\">\n        <h2 class=\"staff-title\">\n          Teaching Staff\n          <span class=\"staff-badge\" id=\"btiCount\">10<\/span>\n        <\/h2>\n        <p class=\"staff-sub\">List of department faculty members with links to each instructor's profile, for reviewing academic biography, qualifications, and experience.<\/p>\n      <\/div>\n\n      <div class=\"controls\" role=\"group\" aria-label=\"Display tools\">\n        <div class=\"search\">\n          <span class=\"sr-only\" id=\"btiSearchLabel\">Search<\/span>\n          <input id=\"btiSearch\" type=\"search\" aria-labelledby=\"btiSearchLabel\" placeholder=\"Search by name...\">\n          <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M21 21l-4.35-4.35\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n          <\/svg>\n        <\/div>\n\n        <div class=\"view-toggle\" aria-label=\"Toggle view\">\n          <button class=\"vt-btn\" type=\"button\" id=\"btiGridBtn\" aria-pressed=\"true\" title=\"Grid view\">\n            <span>Grid<\/span>\n          <\/button>\n          <button class=\"vt-btn\" type=\"button\" id=\"btiListBtn\" aria-pressed=\"false\" title=\"List view\">\n            <span>List<\/span>\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"staff-body\">\n      <div class=\"grid\" id=\"btiGrid\" aria-live=\"polite\">\n\n        <article class=\"card\" data-name=\"Najat Laibi Ghani\">\n          <div class=\"row\">\n            <div class=\"person\">\n              <div class=\"avatar\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                  <circle cx=\"12\" cy=\"7\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                <\/svg>\n              <\/div>\n              <div style=\"min-width:0\">\n                <p class=\"name\">Najat Laibi Ghani<\/p>\n                <p class=\"meta\">Faculty Profile<\/p>\n              <\/div>\n            <\/div>\n            <a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=540\" target=\"_blank\" rel=\"noopener\">\n              View\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M14 3h7v7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M10 14L21 3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M21 14v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n            <\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"card\" data-name=\"Wasan Abdallah Fadil Zahid\">\n          <div class=\"row\">\n            <div class=\"person\">\n              <div class=\"avatar\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                  <circle cx=\"12\" cy=\"7\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                <\/svg>\n              <\/div>\n              <div style=\"min-width:0\">\n                <p class=\"name\">Wasan Abdallah Fadil Zahid<\/p>\n                <p class=\"meta\">Faculty Profile<\/p>\n              <\/div>\n            <\/div>\n            <a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=607\" target=\"_blank\" rel=\"noopener\">\n              View\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M14 3h7v7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M10 14L21 3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M21 14v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n            <\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"card\" data-name=\"Marwa Kifah Badr Abdallah\">\n          <div class=\"row\">\n            <div class=\"person\">\n              <div class=\"avatar\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                  <circle cx=\"12\" cy=\"7\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                <\/svg>\n              <\/div>\n              <div style=\"min-width:0\">\n                <p class=\"name\">Marwa Kifah Badr Abdallah<\/p>\n                <p class=\"meta\">Faculty Profile<\/p>\n              <\/div>\n            <\/div>\n            <a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=697\" target=\"_blank\" rel=\"noopener\">\n              View\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M14 3h7v7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M10 14L21 3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M21 14v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n            <\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"card\" data-name=\"Fatna Hamid Yunus Yaquob Abada\">\n          <div class=\"row\">\n            <div class=\"person\">\n              <div class=\"avatar\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                  <circle cx=\"12\" cy=\"7\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                <\/svg>\n              <\/div>\n              <div style=\"min-width:0\">\n                <p class=\"name\">Fatna Hamid Yunus Yaquob Abada<\/p>\n                <p class=\"meta\">Faculty Profile<\/p>\n              <\/div>\n            <\/div>\n            <a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=523\" target=\"_blank\" rel=\"noopener\">\n              View\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M14 3h7v7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M10 14L21 3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M21 14v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n            <\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"card\" data-name=\"Hala Kazim Muhsin Sudaij\">\n          <div class=\"row\">\n            <div class=\"person\">\n              <div class=\"avatar\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                  <circle cx=\"12\" cy=\"7\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                <\/svg>\n              <\/div>\n              <div style=\"min-width:0\">\n                <p class=\"name\">Hala Kazim Muhsin Sudaij<\/p>\n                <p class=\"meta\">Faculty Profile<\/p>\n              <\/div>\n            <\/div>\n            <a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=603\" target=\"_blank\" rel=\"noopener\">\n              View\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M14 3h7v7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M10 14L21 3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M21 14v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n            <\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"card\" data-name=\"Batoul Khairallah Hashim Hatim\">\n          <div class=\"row\">\n            <div class=\"person\">\n              <div class=\"avatar\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                  <circle cx=\"12\" cy=\"7\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                <\/svg>\n              <\/div>\n              <div style=\"min-width:0\">\n                <p class=\"name\">Batoul Khairallah Hashim Hatim<\/p>\n                <p class=\"meta\">Faculty Profile<\/p>\n              <\/div>\n            <\/div>\n            <a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=692\" target=\"_blank\" rel=\"noopener\">\n              View\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M14 3h7v7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M10 14L21 3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M21 14v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n            <\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"card\" data-name=\"Amna Majeed Hasan Abd Al-Zahra\">\n          <div class=\"row\">\n            <div class=\"person\">\n              <div class=\"avatar\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                  <circle cx=\"12\" cy=\"7\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                <\/svg>\n              <\/div>\n              <div style=\"min-width:0\">\n                <p class=\"name\">Amna Majeed Hasan Abd Al-Zahra<\/p>\n                <p class=\"meta\">Faculty Profile<\/p>\n              <\/div>\n            <\/div>\n            <a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=700\" target=\"_blank\" rel=\"noopener\">\n              View\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M14 3h7v7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M10 14L21 3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M21 14v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n            <\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"card\" data-name=\"Mitham Yasin Atshan Azra\">\n          <div class=\"row\">\n            <div class=\"person\">\n              <div class=\"avatar\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                  <circle cx=\"12\" cy=\"7\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                <\/svg>\n              <\/div>\n              <div style=\"min-width:0\">\n                <p class=\"name\">Mitham Yasin Atshan Azra<\/p>\n                <p class=\"meta\">Faculty Profile<\/p>\n              <\/div>\n            <\/div>\n            <a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=605\" target=\"_blank\" rel=\"noopener\">\n              View\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M14 3h7v7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M10 14L21 3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M21 14v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n            <\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"card\" data-name=\"Ahmad Hamid Ibrahim Najm Al-Dinin\">\n          <div class=\"row\">\n            <div class=\"person\">\n              <div class=\"avatar\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                  <circle cx=\"12\" cy=\"7\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                <\/svg>\n              <\/div>\n              <div style=\"min-width:0\">\n                <p class=\"name\">Ahmad Hamid Ibrahim Najm Al-Dinin<\/p>\n                <p class=\"meta\">Faculty Profile<\/p>\n              <\/div>\n            <\/div>\n            <a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=193\" target=\"_blank\" rel=\"noopener\">\n              View\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M14 3h7v7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M10 14L21 3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M21 14v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n            <\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"card\" data-name=\"Husayn Ali Jaber\">\n          <div class=\"row\">\n            <div class=\"person\">\n              <div class=\"avatar\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                  <circle cx=\"12\" cy=\"7\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                <\/svg>\n              <\/div>\n              <div style=\"min-width:0\">\n                <p class=\"name\">Husayn Ali Jaber<\/p>\n                <p class=\"meta\">Faculty Profile<\/p>\n              <\/div>\n            <\/div>\n            <a class=\"go\" href=\"#\" aria-disabled=\"true\" tabindex=\"-1\" style=\"opacity:.55; pointer-events:none;\">\n              View\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M14 3h7v7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M10 14L21 3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M21 14v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n            <\/a>\n          <\/div>\n        <\/article>\n\n      <\/div>\n\n      <div class=\"list\" id=\"btiList\" aria-live=\"polite\">\n        <div class=\"line\" data-name=\"Najat Laibi Ghani\"><div class=\"lname\">Najat Laibi Ghani<\/div><a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=540\" target=\"_blank\" rel=\"noopener\">View<\/a><\/div>\n        <div class=\"line\" data-name=\"Wasan Abdallah Fadil Zahid\"><div class=\"lname\">Wasan Abdallah Fadil Zahid<\/div><a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=607\" target=\"_blank\" rel=\"noopener\">View<\/a><\/div>\n        <div class=\"line\" data-name=\"Marwa Kifah Badr Abdallah\"><div class=\"lname\">Marwa Kifah Badr Abdallah<\/div><a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=697\" target=\"_blank\" rel=\"noopener\">View<\/a><\/div>\n        <div class=\"line\" data-name=\"Fatna Hamid Yunus Yaquob Abada\"><div class=\"lname\">Fatna Hamid Yunus Yaquob Abada<\/div><a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=523\" target=\"_blank\" rel=\"noopener\">View<\/a><\/div>\n        <div class=\"line\" data-name=\"Hala Kazim Muhsin Sudaij\"><div class=\"lname\">Hala Kazim Muhsin Sudaij<\/div><a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=603\" target=\"_blank\" rel=\"noopener\">View<\/a><\/div>\n        <div class=\"line\" data-name=\"Batoul Khairallah Hashim Hatim\"><div class=\"lname\">Batoul Khairallah Hashim Hatim<\/div><a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=692\" target=\"_blank\" rel=\"noopener\">View<\/a><\/div>\n        <div class=\"line\" data-name=\"Amna Majeed Hasan Abd Al-Zahra\"><div class=\"lname\">Amna Majeed Hasan Abd Al-Zahra<\/div><a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=700\" target=\"_blank\" rel=\"noopener\">View<\/a><\/div>\n        <div class=\"line\" data-name=\"Mitham Yasin Atshan Azra\"><div class=\"lname\">Mitham Yasin Atshan Azra<\/div><a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=605\" target=\"_blank\" rel=\"noopener\">View<\/a><\/div>\n        <div class=\"line\" data-name=\"Ahmad Hamid Ibrahim Najm Al-Dinin\"><div class=\"lname\">Ahmad Hamid Ibrahim Najm Al-Dinin<\/div><a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=193\" target=\"_blank\" rel=\"noopener\">View<\/a><\/div>\n        <div class=\"line\" data-name=\"Husayn Ali Jaber\"><div class=\"lname\">Husayn Ali Jaber<\/div><a class=\"go\" href=\"#\" aria-disabled=\"true\" tabindex=\"-1\" style=\"opacity:.55; pointer-events:none;\">View<\/a><\/div>\n      <\/div>\n\n      <div class=\"empty\" id=\"btiEmpty\">No matching names found.<\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      'use strict';\n      var root = document.querySelector('.custom-section.bti-staff-modern');\n      if(!root) return;\n\n      var search = root.querySelector('#btiSearch');\n      var gridBtn = root.querySelector('#btiGridBtn');\n      var listBtn = root.querySelector('#btiListBtn');\n      var grid = root.querySelector('#btiGrid');\n      var list = root.querySelector('#btiList');\n      var empty = root.querySelector('#btiEmpty');\n      var count = root.querySelector('#btiCount');\n\n      function setView(view){\n        var isGrid = view === 'grid';\n        grid.style.display = isGrid ? 'grid' : 'none';\n        list.style.display = isGrid ? 'none' : 'flex';\n        gridBtn.setAttribute('aria-pressed', isGrid ? 'true' : 'false');\n        listBtn.setAttribute('aria-pressed', isGrid ? 'false' : 'true');\n        filter();\n      }\n\n      function norm(s){\n        return (s || '')\n          .toString()\n          .trim()\n          .toLowerCase()\n          .replace(\/\\s+\/g,' ');\n      }\n\n      function getItems(container, sel){\n        return Array.prototype.slice.call(container.querySelectorAll(sel));\n      }\n\n      function filter(){\n        var q = norm(search.value);\n        var gridItems = getItems(grid, '.card');\n        var listItems = getItems(list, '.line');\n        var visible = 0;\n\n        function apply(items){\n          items.forEach(function(it){\n            var name = norm(it.getAttribute('data-name') || it.textContent);\n            var ok = !q || name.indexOf(q) !== -1;\n            it.style.display = ok ? '' : 'none';\n            if(ok) visible++;\n          });\n        }\n\n        visible = 0;\n        if(grid.style.display !== 'none') apply(gridItems);\n        else apply(listItems);\n\n        empty.style.display = visible ? 'none' : 'block';\n        count.textContent = String(visible);\n      }\n\n      gridBtn.addEventListener('click', function(){ setView('grid'); });\n      listBtn.addEventListener('click', function(){ setView('list'); });\n      search.addEventListener('input', filter);\n\n      setView('grid');\n      filter();\n    })();\n  <\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8223fdd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8223fdd\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-df463e3\" data-id=\"df463e3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-85309db elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"85309db\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-eb04d96\" data-id=\"eb04d96\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c1de735 elementor-widget elementor-widget-elementskit-heading\" data-id=\"c1de735\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h4 class=\"elementskit-section-subtitle  \">\n\t\t\t\t\t\tDepartment outputs\n\t\t\t\t\t<\/h4><h2 class=\"ekit-heading--title elementskit-section-title \">Hands-on education in chemical industry technologies<\/h2>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p>Hands-on education in chemical industry technologies<br \/>cutting-edge educational programs with comprehensive hands-on training in chemical industry technologies to ensure you are ready for the job market<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-062d3e5 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"062d3e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <a href=\"#\" class=\"ekit_global_links\">\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text- text-left icon-lef-right-aligin elementor-animation- media  \">\n                            <div class=\"elementskit-box-header\">\n                <div class=\"elementskit-info-box-icon text-center\">\n                    <img decoding=\"async\" width=\"43\" height=\"38\" src=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/about-us.icon_.png\" class=\"attachment- size-\" alt=\"\" \/>                <\/div>\n          <\/div>\n                <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    Modern Chemical Manufacturing Technologies                <\/h3>\n                        \t\t  \t<p>Gain the skills to operate and analyze chemical processes used in advanced manufacturing and chemical industries  <\/p>\n                                <\/div>\n        \n        \n                <\/div>\n                <\/a>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53d2b72 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"53d2b72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <a href=\"#\" class=\"ekit_global_links\">\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text- text-left icon-lef-right-aligin elementor-animation- media  \">\n                            <div class=\"elementskit-box-header\">\n                <div class=\"elementskit-info-box-icon text-center\">\n                    <img decoding=\"async\" width=\"46\" height=\"44\" src=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/about-us.icon-2-1.png\" class=\"attachment- size-\" alt=\"\" \/>                <\/div>\n          <\/div>\n                <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    A Secure Future with Sustainable Chemical Technology                <\/h3>\n                        \t\t  \t<p>Learn how to develop safe and sustainable chemical processes to contribute to preserving the environment and ensuring production quality in chemical plants  <\/p>\n                                <\/div>\n        \n        \n                <\/div>\n                <\/a>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-ccdccb3\" data-id=\"ccdccb3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-810af03 elementor-widget elementor-widget-image\" data-id=\"810af03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"525\" height=\"393\" src=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/\u0645\u0627-\u0647\u064a-\u0627\u0644\u0647\u0646\u062f\u0633\u0629-\u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629-\u0627\u0639\u0631\u0641-\u0623\u0643\u062b\u0631.jpg\" class=\"attachment-large size-large wp-image-18503\" alt=\"\" srcset=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/\u0645\u0627-\u0647\u064a-\u0627\u0644\u0647\u0646\u062f\u0633\u0629-\u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629-\u0627\u0639\u0631\u0641-\u0623\u0643\u062b\u0631.jpg 710w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/\u0645\u0627-\u0647\u064a-\u0627\u0644\u0647\u0646\u062f\u0633\u0629-\u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629-\u0627\u0639\u0631\u0641-\u0623\u0643\u062b\u0631-300x225.jpg 300w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/\u0645\u0627-\u0647\u064a-\u0627\u0644\u0647\u0646\u062f\u0633\u0629-\u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629-\u0627\u0639\u0631\u0641-\u0623\u0643\u062b\u0631-100x75.jpg 100w\" sizes=\"(max-width: 525px) 100vw, 525px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-30b78c4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"30b78c4\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d5bc06e\" data-id=\"d5bc06e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a94fd09 elementor-widget elementor-widget-spacer\" data-id=\"a94fd09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1b084d1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1b084d1\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c013cac\" data-id=\"c013cac\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-293f343 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"293f343\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0ae3a37\" data-id=\"0ae3a37\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-5cc752f elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5cc752f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-ede5953\" data-id=\"ede5953\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-be57485 elementor-widget elementor-widget-elementskit-heading\" data-id=\"be57485\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-\"><div class=\"ekit_heading_separetor_wraper ekit_heading_elementskit-border-divider ekit-dotted\"><div class=\"elementskit-border-divider ekit-dotted\"><\/div><\/div><h2 class=\"ekit-heading--title elementskit-section-title \">An integrated platform for managing and delivering online lectures<\/h2>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p>In line with ongoing educational and technological advancement, an integrated electronic platform supports faculty members and students in delivering and accessing online lectures in an interactive and effective manner. It provides the full range of tools required for developing and managing instructional content, thereby enabling the achievement of optimal learning outcomes.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3c063e elementor-align-center elementor-widget elementor-widget-button\" data-id=\"d3c063e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-bounce-in\" href=\"https:\/\/gadmission.stu.edu.iq\/OER\/table\/examples\/dep_table.php?id=0702&#038;collage=%D8%A7%D9%84%D9%85%D8%B9%D9%87%D8%AF%20%D8%A7%D9%84%D8%AA%D9%82%D9%86%D9%8A%20\/%D8%A7%D9%84%D8%A8%D8%B5%D8%B1%D8%A9\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-b3e99f3\" data-id=\"b3e99f3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3452eb2 elementor-widget elementor-widget-image\" data-id=\"3452eb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2025\/03\/1a0d9a8f-f594-42e8-abac-1f48b390ff4d.webp\" title=\"1a0d9a8f-f594-42e8-abac-1f48b390ff4d\" alt=\"1a0d9a8f-f594-42e8-abac-1f48b390ff4d\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-e0f7814 e-flex e-con-boxed e-con e-parent\" data-id=\"e0f7814\" 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-fb8b0fe elementor-widget elementor-widget-html\" data-id=\"fb8b0fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Contact Email Block | BTI -->\n<section class=\"bti-email-contact\" dir=\"rtl\" lang=\"ar\" aria-label=\"\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\n\n  <style>\n    .bti-email-contact {\n      --bti-red: #9B2B2C;\n      --bti-teal: #308C94;\n      --bti-ink: #333333;\n      --bti-muted: #64748b;\n\n      font-family: \"Tajawal\", system-ui, sans-serif;\n      max-width: 640px;\n      margin: 20px auto;\n      padding: 0 12px;\n      box-sizing: border-box;\n    }\n\n    .bti-email-contact *,\n    .bti-email-contact *::before,\n    .bti-email-contact *::after {\n      box-sizing: border-box;\n    }\n\n    .bti-email-contact .email-card {\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: 18px;\n      padding: 22px 24px;\n      border-radius: 18px;\n      background:\n        linear-gradient(135deg, rgba(48, 140, 148, 0.08), rgba(155, 43, 44, 0.06)),\n        #ffffff;\n      border: 1px solid rgba(48, 140, 148, 0.18);\n      box-shadow: 0 14px 40px rgba(15, 23, 42, 0.08);\n      overflow: hidden;\n      transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n    }\n\n    .bti-email-contact .email-card::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      right: 0;\n      left: 0;\n      height: 4px;\n      background: linear-gradient(90deg, var(--bti-teal), var(--bti-red));\n    }\n\n    .bti-email-contact .email-card:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 20px 50px rgba(48, 140, 148, 0.16);\n      border-color: rgba(48, 140, 148, 0.32);\n    }\n\n    .bti-email-contact .email-icon {\n      flex-shrink: 0;\n      width: 58px;\n      height: 58px;\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, var(--bti-teal), var(--bti-red));\n      color: #fff;\n      box-shadow: 0 10px 24px rgba(48, 140, 148, 0.28);\n    }\n\n    .bti-email-contact .email-icon svg {\n      width: 28px;\n      height: 28px;\n    }\n\n    .bti-email-contact .email-content {\n      min-width: 0;\n      flex: 1;\n    }\n\n    .bti-email-contact .email-label {\n      margin: 0 0 8px;\n      font-size: 15px;\n      font-weight: 700;\n      color: var(--bti-ink);\n      line-height: 1.5;\n    }\n\n    .bti-email-contact .email-link {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 14px;\n      border-radius: 12px;\n      background: rgba(48, 140, 148, 0.08);\n      border: 1px solid rgba(48, 140, 148, 0.16);\n      text-decoration: none;\n      transition: background 0.2s ease, border-color 0.2s ease;\n    }\n\n    .bti-email-contact .email-link:hover {\n      background: rgba(48, 140, 148, 0.14);\n      border-color: rgba(48, 140, 148, 0.28);\n    }\n\n    .bti-email-contact .email-address {\n      font-size: 17px;\n      font-weight: 800;\n      color: var(--bti-teal);\n      direction: ltr;\n      unicode-bidi: bidi-override;\n      letter-spacing: 0.2px;\n      font-family: \"Segoe UI\", Tahoma, sans-serif;\n      word-break: break-all;\n    }\n\n    .bti-email-contact .email-link:hover .email-address {\n      color: var(--bti-red);\n    }\n\n    .bti-email-contact .copy-hint {\n      margin: 10px 0 0;\n      font-size: 12px;\n      color: var(--bti-muted);\n      line-height: 1.6;\n    }\n\n    @media (max-width: 560px) {\n      .bti-email-contact .email-card {\n        flex-direction: column;\n        align-items: flex-start;\n        text-align: right;\n        padding: 20px 18px;\n      }\n\n      .bti-email-contact .email-link {\n        width: 100%;\n        justify-content: center;\n      }\n    }\n  <\/style>\n\n  <div class=\"email-card\">\n    <div class=\"email-icon\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n        <path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\n      <\/svg>\n    <\/div>\n\n    <div class=\"email-content\">\n      <p class=\"email-label\">\u0644\u0644\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/p>\n\n      <a class=\"email-link\" href=\"mailto:chemicals.bti@stu.edu.iq\">\n        <span class=\"email-address\">chemicals.bti@stu.edu.iq<\/span>\n      <\/a>\n\n      <p class=\"copy-hint\">\u0627\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0628\u0631\u064a\u062f \u0644\u0641\u062a\u062d \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0645\u0631\u0627\u0633\u0644\u0629 \u0645\u0628\u0627\u0634\u0631\u0629<\/p>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Department of Chemical Industry Technologies The Chemical Industries Department aims to prepare students to work in the field of chemical manufacturing by teaching them the fundamentals of chemical processes, analysis, and material handling. The department emphasizes safety and quality applications in various stages of chemical [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-20706","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages\/20706","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/comments?post=20706"}],"version-history":[{"count":9,"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages\/20706\/revisions"}],"predecessor-version":[{"id":38602,"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages\/20706\/revisions\/38602"}],"wp:attachment":[{"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/media?parent=20706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}