{"id":18218,"date":"2024-10-10T11:46:19","date_gmt":"2024-10-10T08:46:19","guid":{"rendered":"https:\/\/bti.stu.edu.iq\/electrical-technology-department\/"},"modified":"2026-06-20T23:06:50","modified_gmt":"2026-06-20T20:06:50","slug":"electrical-technology-department__trashed","status":"publish","type":"page","link":"https:\/\/bti.stu.edu.iq\/en\/electrical-technology-department__trashed\/","title":{"rendered":"Electrical Technology Department"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18218\" class=\"elementor elementor-18218 elementor-17905\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f822035 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f822035\" 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-2e6ca2e\" data-id=\"2e6ca2e\" 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-3358328 elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-image\" data-id=\"3358328\" 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=\"300\" src=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/13.jpg\" class=\"attachment-large size-large wp-image-18071\" alt=\"\" srcset=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/13.jpg 1600w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/13-300x171.jpg 300w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/13-768x439.jpg 768w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/13-100x57.jpg 100w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/13-1536x877.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-8948467\" data-id=\"8948467\" 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-f2a5b36 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"f2a5b36\" 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\">Electrical Technology Department<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c63d8ae animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"c63d8ae\" 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<h6>It aims to provide students with the knowledge and skills needed to work in the fields of electricity and electrical energy. The department deals with practical and theoretical applications related to the generation, distribution, and maintenance of electrical systems in the industrial and commercial fields  <\/h6>\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-0f55e14 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0f55e14\" 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-9f72793\" data-id=\"9f72793\" 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-7302e8a elementor-widget elementor-widget-eael-adv-tabs\" data-id=\"7302e8a\" 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-7302e8a\" class=\"eael-advance-tabs eael-tabs-horizontal eael-tab-auto-active \" data-tabid=\"7302e8a\">\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>The Department of Electrical Technologies was established in 1979 to prepare technical cadres in the specialization of power and networks that qualify them to work in the public and private sectors. Establishing the Department of Electrical Technologies to serve as a scientific, cultural and intellectual radiation center in community institutions and includes specialized branches (electrical power and electrical networks) that promote higher education requirements <\/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>Preparing specialized and scientifically and practically qualified cadres at a technical level consistent with the requirements of scientific and technological development in the Department of Electrical Technologies (Electrical Power and Electricity Networks)<\/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>Creating electrical technical cadres responsible for managing the work of electrical machinery, methods of generating electrical energy from electrical networks and transmission and distribution lines, promoted with academic knowledge and scientific skills<\/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\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-60977963 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"60977963\" 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-619aeafa\" data-id=\"619aeafa\" 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-3a56f8c1 elementor-widget elementor-widget-spacer\" data-id=\"3a56f8c1\" 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<div class=\"elementor-element elementor-element-53e14aa e-con-full e-flex e-con e-parent\" data-id=\"53e14aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf9aacd elementor-widget elementor-widget-html\" data-id=\"cf9aacd\" 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%d9%83%d9%87%d8%b1%d8%a8%d8%a7%d8%a1\/\">\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\">Courses<\/p>\n                <p class=\"bti-desc\">Electrical Technologies Department courses<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"bti-act\">\n              <a class=\"bti-link\" href=\"https:\/\/bti.stu.edu.iq\/%d9%85%d9%82%d8%b1%d8%b1%d8%a7%d8%aa-%d9%82%d8%b3%d9%83-%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d9%83%d9%87%d8%b1%d8%a8%d8%a7%d8%a6%d9%8a%d8%a9\/\">\n                View Courses <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-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%85%d8%ad%d8%a7%d8%b6%d8%b1%d8%a7%d8%aa-%d9%82%d8%b3%d9%85-%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d9%83%d9%87%d8%b1%d8%a8%d8%a7%d8%a1\/\">\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\/%d8%ac%d8%af%d9%88%d9%84-%d9%85%d8%ad%d8%a7%d8%b6%d8%b1%d8%a7%d8%aa-%d9%88%d8%a7%d9%85%d8%aa%d8%ad%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%83%d9%87%d8%b1%d8%a8%d8%a7%d8%a6%d9%8a%d8%a9\/\">\n                View Schedule <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%a7%d9%84%d8%ad%d9%82%d9%8a%d8%a8%d8%a9-%d8%a7%d9%84%d8%aa%d8%b9%d9%84%d9%8a%d9%85%d9%8a%d8%a9-%d8%a7%d9%84%d9%83%d9%87%d8%b1%d8%a8%d8%a7%d8%a1\/\">\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%d9%83%d9%87%d8%b1%d8%a8%d8%a7%d8%a1\/\">\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=\"https:\/\/bti.stu.edu.iq\/%d9%85%d8%ae%d8%aa%d8%a8%d8%b1%d8%a7%d8%aa-%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d9%83%d9%87%d8%b1%d8%a8%d8%a7%d8%a6%d9%8a%d8%a9\/\">\n                View Laboratories <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-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-%d9%83%d9%87%d8%b1%d8%a8%d8%a7%d8%a1\/\">\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<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6fc2368 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6fc2368\" 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-9b0c1d8\" data-id=\"9b0c1d8\" 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\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-6ffcd08 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6ffcd08\" 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-2615c2c\" data-id=\"2615c2c\" 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-31c77704 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"31c77704\" 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-8951e3\" data-id=\"8951e3\" 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-362a36e2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"362a36e2\" 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-4c304a0f\" data-id=\"4c304a0f\" 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-5394af1f elementor-widget elementor-widget-elementskit-heading\" data-id=\"5394af1f\" 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 electrical technologies<\/h2>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p>Cutting-edge educational programs with comprehensive hands-on training in electrical 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-33f199b0 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"33f199b0\" 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                    Electricity technologies in smart buildings                <\/h3>\n                        \t\t  \t<p>Gain the skills needed to maintain and operate advanced electrical systems in modern buildings and infrastructure<\/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-135fbd30 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"135fbd30\" 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 bright future with renewable energy                <\/h3>\n                        \t\t  \t<p>Learn how to install and maintain sustainable electrical systems such as solar panels and renewable energy and contribute to building a green future.<\/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-2dfdc426\" data-id=\"2dfdc426\" 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-6f74baf3 elementor-widget elementor-widget-image\" data-id=\"6f74baf3\" 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=\"430\" src=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/1212121.jpg\" class=\"attachment-large size-large wp-image-18410\" alt=\"\" srcset=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/1212121.jpg 718w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/1212121-300x246.jpg 300w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/1212121-100x82.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-79efb826 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"79efb826\" 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-8971cb0\" data-id=\"8971cb0\" 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-9b8bf7a elementor-widget elementor-widget-spacer\" data-id=\"9b8bf7a\" 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-d9557e3 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"d9557e3\" 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-03baa6f\" data-id=\"03baa6f\" 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-9969bdd elementor-widget elementor-widget-html\" data-id=\"9969bdd\" 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\">11<\/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=\"Huda Naim Abd Al-Rida Manshad\">\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\">Huda Naim Abd Al-Rida Manshad<\/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=234\" 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=\"Aqeel Yusuf Hashim Shuheil\">\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\">Aqeel Yusuf Hashim Shuheil<\/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=54\" 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 Khalaf Muhsin Hayyik\">\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 Khalaf Muhsin Hayyik<\/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=947\" 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=\"Mayada Mared Abd Al-Hussein Jaafar\">\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\">Mayada Mared Abd Al-Hussein Jaafar<\/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=967\" 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=\"Mawfiq Jamil Salih\">\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\">Mawfiq Jamil Salih<\/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=966\" 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=\"Muad Nasser Hussein\">\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\">Muad Nasser Hussein<\/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        <article class=\"card\" data-name=\"Wasan Luay Jasim\">\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 Luay Jasim<\/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=974\" 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=\"Ali Hadi Abd Al-Wahid\">\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\">Ali Hadi Abd Al-Wahid<\/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=957\" 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=\"Arkan Yaquob Yusuf\">\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\">Arkan Yaquob Yusuf<\/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=288\" 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 Habat Shnut Hasan Al-Hamidi\">\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 Habat Shnut Hasan Al-Hamidi<\/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=534\" 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=\"Dhia Kamel Shari Sanisil Al-Thamer\">\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\">Dhia Kamel Shari Sanisil Al-Thamer<\/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=343\" 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      <\/div>\n\n      <div class=\"list\" id=\"btiList\" aria-live=\"polite\">\n        <div class=\"line\" data-name=\"Huda Naim Abd Al-Rida Manshad\"><div class=\"lname\">Huda Naim Abd Al-Rida Manshad<\/div><a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=234\" target=\"_blank\" rel=\"noopener\">View<\/a><\/div>\n        <div class=\"line\" data-name=\"Aqeel Yusuf Hashim Shuheil\"><div class=\"lname\">Aqeel Yusuf Hashim Shuheil<\/div><a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=54\" target=\"_blank\" rel=\"noopener\">View<\/a><\/div>\n        <div class=\"line\" data-name=\"Ahmad Khalaf Muhsin Hayyik\"><div class=\"lname\">Ahmad Khalaf Muhsin Hayyik<\/div><a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=947\" target=\"_blank\" rel=\"noopener\">View<\/a><\/div>\n        <div class=\"line\" data-name=\"Mayada Mared Abd Al-Hussein Jaafar\"><div class=\"lname\">Mayada Mared Abd Al-Hussein Jaafar<\/div><a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=967\" target=\"_blank\" rel=\"noopener\">View<\/a><\/div>\n        <div class=\"line\" data-name=\"Mawfiq Jamil Salih\"><div class=\"lname\">Mawfiq Jamil Salih<\/div><a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=966\" target=\"_blank\" rel=\"noopener\">View<\/a><\/div>\n        <div class=\"line\" data-name=\"Muad Nasser Hussein\"><div class=\"lname\">Muad Nasser Hussein<\/div><a class=\"go\" href=\"#\" aria-disabled=\"true\" tabindex=\"-1\" style=\"opacity:.55; pointer-events:none;\">View<\/a><\/div>\n        <div class=\"line\" data-name=\"Wasan Luay Jasim\"><div class=\"lname\">Wasan Luay Jasim<\/div><a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=974\" target=\"_blank\" rel=\"noopener\">View<\/a><\/div>\n        <div class=\"line\" data-name=\"Ali Hadi Abd Al-Wahid\"><div class=\"lname\">Ali Hadi Abd Al-Wahid<\/div><a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=957\" target=\"_blank\" rel=\"noopener\">View<\/a><\/div>\n        <div class=\"line\" data-name=\"Arkan Yaquob Yusuf\"><div class=\"lname\">Arkan Yaquob Yusuf<\/div><a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=288\" target=\"_blank\" rel=\"noopener\">View<\/a><\/div>\n        <div class=\"line\" data-name=\"Mitham Habat Shnut Hasan Al-Hamidi\"><div class=\"lname\">Mitham Habat Shnut Hasan Al-Hamidi<\/div><a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=534\" target=\"_blank\" rel=\"noopener\">View<\/a><\/div>\n        <div class=\"line\" data-name=\"Dhia Kamel Shari Sanisil Al-Thamer\"><div class=\"lname\">Dhia Kamel Shari Sanisil Al-Thamer<\/div><a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=343\" target=\"_blank\" rel=\"noopener\">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-1d66689 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1d66689\" 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-dcfc624\" data-id=\"dcfc624\" 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-1e91543 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1e91543\" 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-49103de\" data-id=\"49103de\" 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-a2562cc elementor-widget elementor-widget-elementskit-heading\" data-id=\"a2562cc\" 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-438a7c1 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"438a7c1\" 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=0701&#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-b6823fe\" data-id=\"b6823fe\" 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-c10b629 elementor-widget elementor-widget-image\" data-id=\"c10b629\" 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-e54fa2e e-flex e-con-boxed e-con e-parent\" data-id=\"e54fa2e\" 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-861ecc7 elementor-widget elementor-widget-html\" data-id=\"861ecc7\" 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:Electric.bti@stu.edu.iq\">\n        <span class=\"email-address\">Electric.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>Electrical Technology Department It aims to provide students with the knowledge and skills needed to work in the fields of electricity and electrical energy. The department deals with practical and theoretical applications related to the generation, distribution, and maintenance of electrical systems in the industrial [&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-18218","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages\/18218","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=18218"}],"version-history":[{"count":42,"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages\/18218\/revisions"}],"predecessor-version":[{"id":38595,"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages\/18218\/revisions\/38595"}],"wp:attachment":[{"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/media?parent=18218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}