{"id":20704,"date":"2024-10-16T10:19:45","date_gmt":"2024-10-16T07:19:45","guid":{"rendered":"https:\/\/bti.stu.edu.iq\/department-of-power-mechanical-technologies\/"},"modified":"2026-06-20T22:26:33","modified_gmt":"2026-06-20T19:26:33","slug":"department-of-power-mechanical-technologies","status":"publish","type":"page","link":"https:\/\/bti.stu.edu.iq\/en\/department-of-power-mechanical-technologies\/","title":{"rendered":"Department of Power Mechanical Technologies"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20704\" class=\"elementor elementor-20704 elementor-18341\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5a3393b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5a3393b\" 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-5ca1999\" data-id=\"5ca1999\" 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-fb0b93f elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-image\" data-id=\"fb0b93f\" 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=\"295\" src=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/11\/article-E0Ydd_I0osAP.jpg_729x410.jpg\" class=\"attachment-large size-large wp-image-18877\" alt=\"\" srcset=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/11\/article-E0Ydd_I0osAP.jpg_729x410.jpg 729w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/11\/article-E0Ydd_I0osAP.jpg_729x410-300x169.jpg 300w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/11\/article-E0Ydd_I0osAP.jpg_729x410-100x56.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<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-e8621a9\" data-id=\"e8621a9\" 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-20da570 animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"20da570\" 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 Department of Power Mechanics aims to provide students with the knowledge and skills needed to understand and operate mechanical power generation and transmission systems. The department focuses on the study of engines, turbines, power systems, and maintenance fundamentals, with an emphasis on improving the efficiency and sustainability of mechanical systems.    <\/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-4152d913 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4152d913\" data-element_type=\"section\" data-e-type=\"section\" id=\"xs_tab_9\" 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-3e6243ae\" data-id=\"3e6243ae\" 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-790e4cc6 elementor-widget elementor-widget-elementskit-heading\" data-id=\"790e4cc6\" 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 center   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title \">Vision, mission and goals: The foundation of our leadership and our path to a bright future <\/h2><div class=\"ekit_heading_separetor_wraper ekit_heading_elementskit-border-divider ekit-dotted\"><div class=\"elementskit-border-divider ekit-dotted\"><\/div><\/div>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p><strong>Vision, Mission and Objectives: To promote excellence in education and scientific research, build a sustainable environment for creativity and innovation, focus on preparing generations of distinguished leaders capable of facing future challenges, and actively contribute to serving the local and international community by achieving the highest standards of academic quality and fruitful cooperation with partners and international institutions    <\/strong><\/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<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-2dee7af2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2dee7af2\" 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-inner-column elementor-element elementor-element-4521ea28\" data-id=\"4521ea28\" 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-1f94158a elementor-widget elementor-widget-elementskit-simple-tab\" data-id=\"1f94158a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-simple-tab.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"elementkit-tab-wraper   elementskit-fitcontent-tab \">\n            <ul class=\"nav nav-tabs elementkit-tab-nav  elementskit_tooltip_style elementskit_tooltip_style\">\n                                    <li class=\"elementkit-nav-item elementor-repeater-item-e7fb3c4\">\n                        <a class=\"elementkit-nav-link  active show left-pos\" id=\"content-e7fb3c46a40e22598bd5-tab\" data-ekit-handler-id=\"vision\" data-ekit-toggle=\"tab\" data-target=\"#content-e7fb3c46a40e22598bd5\" href=\"#Content-e7fb3c46a40e22598bd5\"\n                            data-ekit-toggle-trigger=\"click\"\n                            aria-describedby=\"Content-e7fb3c46a40e22598bd5\">\n                            <span class=\"elementskit-tab-icon\"><i class=\"icon icon-edit1\"><\/i><\/span>                            <span class=\"elementskit-tab-title\">Vision<\/span>\n                        <\/a>\n                    <\/li>\n                                        <li class=\"elementkit-nav-item elementor-repeater-item-9077dfd\">\n                        <a class=\"elementkit-nav-link  left-pos\" id=\"content-9077dfd6a40e22598bd5-tab\" data-ekit-handler-id=\"-message\" data-ekit-toggle=\"tab\" data-target=\"#content-9077dfd6a40e22598bd5\" href=\"#Content-9077dfd6a40e22598bd5\"\n                            data-ekit-toggle-trigger=\"click\"\n                            aria-describedby=\"Content-9077dfd6a40e22598bd5\">\n                            <span class=\"elementskit-tab-icon\"><i class=\"icon icon-envelope3\"><\/i><\/span>                            <span class=\"elementskit-tab-title\">  Message<\/span>\n                        <\/a>\n                    <\/li>\n                                        <li class=\"elementkit-nav-item elementor-repeater-item-00f52ae\">\n                        <a class=\"elementkit-nav-link  left-pos\" id=\"content-00f52ae6a40e22598bd5-tab\" data-ekit-handler-id=\"goals\" data-ekit-toggle=\"tab\" data-target=\"#content-00f52ae6a40e22598bd5\" href=\"#Content-00f52ae6a40e22598bd5\"\n                            data-ekit-toggle-trigger=\"click\"\n                            aria-describedby=\"Content-00f52ae6a40e22598bd5\">\n                            <span class=\"elementskit-tab-icon\"><i class=\"icon icon-alarm-clock1\"><\/i><\/span>                            <span class=\"elementskit-tab-title\">Goals<\/span>\n                        <\/a>\n                    <\/li>\n                                <\/ul>\n\n            <div class=\"tab-content elementkit-tab-content\">\n                                    <div class=\"tab-pane elementkit-tab-pane elementor-repeater-item-e7fb3c4  active show\" id=\"content-e7fb3c46a40e22598bd5\" role=\"tabpanel\"\n                         aria-labelledby=\"content-e7fb3c46a40e22598bd5-tab\">\n                        <div class=\"animated fadeIn\">\n                            <p style=\"text-align: center;\">The Department of Power Mechanical Technologies is one of the main technological departments at the Technical Institute in Basra and is moving towards expanding the base of technical education and its modern applications to be a leader in providing technical services based on the spirit of competition and cooperation with the community.<\/p>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"tab-pane elementkit-tab-pane elementor-repeater-item-9077dfd \" id=\"content-9077dfd6a40e22598bd5\" role=\"tabpanel\"\n                         aria-labelledby=\"content-9077dfd6a40e22598bd5-tab\">\n                        <div class=\"animated fadeIn\">\n                            <p>The Department of Power Mechanical Technologies adopts a general mission based in its general form on the framework of technical education in Iraq. A mission that seeks to achieve every year to highlight the face of excellence for the department. The general objectives are centered on graduating national technical cadres at a high level of education and training that are able to absorb technology systems and support the process of rapid global technical developments and the general mission includes the following:<\/p>\n<p>&#8212; Use of computer and Internet technologies in education and training.<\/p>\n<p>&#8212; Activating the relationship with the private sector in the areas of training.<\/p>\n<p>&#8212; Follow up on the development of training plan curricula and modernization of laboratories and workshops.<\/p>\n<p>&#8212; Interaction with the labor market and the needs of the community in rehabilitation and training.<\/p>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"tab-pane elementkit-tab-pane elementor-repeater-item-00f52ae \" id=\"content-00f52ae6a40e22598bd5\" role=\"tabpanel\"\n                         aria-labelledby=\"content-00f52ae6a40e22598bd5-tab\">\n                        <div class=\"animated fadeIn\">\n                            <p>The department aims to prepare technical cadres that are a link between the specialist and the skilled worker, and the scientific branch prepares and prepares the graduate and provides him with theoretical, applied and practical information to be able to carry out the work assigned to him.<\/p>\n<p><strong> <\/strong><\/p>\n<p><strong>Refrigeration and Air Conditioning Branch<\/strong><strong> :<\/strong><\/p>\n<ul>\n<li>Contribute to the preparation and reading of mechanical and electrical maps for installation, operation and maintenance purposes.<\/li>\n<li>Contribute to the installation and operation of refrigeration and air conditioning systems.<\/li>\n<li>Contribute to the completion of calculations and mapping for the preliminary and final engineering of refrigeration equipment.<\/li>\n<li>Daily programmed monitoring of the performance of refrigeration and air-conditioning equipment and performing maintenance and repairs.<\/li>\n<\/ul>\n<p>  Graduates are awarded a technical diploma in Power Mechanics\/Refrigeration and Air Conditioning Techniques<\/p>\n<p><strong> <\/strong><\/p>\n<p><strong>Automotive branch:<\/strong><\/p>\n<ul>\n<li>Ability to identify mechanical and electrical failures of automobiles by modern methods.<\/li>\n<li>Carrying out regular maintenance work on gasoline and diesel cars.<\/li>\n<li>Ability to manage and operate service and maintenance stations.<\/li>\n<\/ul>\n<p>Graduates are awarded a technical diploma in power\/automotive mechanic technologies  <\/p>\n                        <\/div>\n                    <\/div>\n                                \n            <\/div>\n                    <\/div>\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\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-6afdf07 e-con-full e-flex e-con e-parent\" data-id=\"6afdf07\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-757582c elementor-widget elementor-widget-html\" data-id=\"757582c\" 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\">\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;600;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 & 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 related to the 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\">Overview of courses, competencies, 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-%d9%85%d9%8a%d9%83%d8%a7%d9%86%d9%8a%d9%83-%d9%82\/\">\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 (content, learning 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 materials delivered by faculty members<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"bti-act\">\n              <a class=\"bti-link\" href=\"https:\/\/bti.stu.edu.iq\/?page_id=19531&preview=true\">\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 & Examination Schedules<\/p>\n                <p class=\"bti-desc\">Timetables for lectures and examinations<\/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%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%82%d8%af%d8%b1%d8%a9-%d8%b3%d9%8a%d8%a7%d8%b1%d8%a7%d8%aa-%d8%aa%d8%8a%d8%b1%d9%8a%d8%af\/\">\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-%d9%85%d9%8a%d9%83%d8%a7%d9%86%d9%8a%d9%83-%d8%a7%d9%84%d9%82%d8%af%d8%b1%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 & 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\">Structured research initiatives 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-%d9%85%d9%8a%d9%83%d8%a7%d9%86%d9%8a%d9%83-%d8%a7%d9%84\/\">\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 project outputs<\/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 documentation and quality assurance 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=\"#\" 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-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\">Attributes and competencies 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-6c37a69 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6c37a69\" 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-5cd65f7\" data-id=\"5cd65f7\" 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-63cbc6a elementor-widget elementor-widget-spacer\" data-id=\"63cbc6a\" 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-f1f9b2b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f1f9b2b\" 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-16b4fb7\" data-id=\"16b4fb7\" 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-7187572 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7187572\" 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-9d22b5f\" data-id=\"9d22b5f\" 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-d3e9ae7 elementor-widget elementor-widget-elementskit-heading\" data-id=\"d3e9ae7\" 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 learning in power mechanics<\/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 power mechanics 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-c4eaef1 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"c4eaef1\" 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 power system technologies                <\/h3>\n                        \t\t  \t<p>Gain the skills needed to operate and maintain power systems and motors used in the industrial and engineering sectors\n<\/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-4d7d08b ekit-equal-height-disable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"4d7d08b\" 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                    High efficiency with sustainable energy                <\/h3>\n                        \t\t  \t<p>Learn how to optimize the efficiency of power systems and develop eco-friendly solutions to support sustainability and reduce energy consumption in industrial projects\n<\/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-68698dc\" data-id=\"68698dc\" 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-8a10735 elementor-widget elementor-widget-image\" data-id=\"8a10735\" 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=\"295\" src=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/11\/mechanical-engineering-scaled-e1684103718530.webp\" class=\"attachment-large size-large wp-image-18879\" alt=\"\" srcset=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/11\/mechanical-engineering-scaled-e1684103718530.webp 640w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/11\/mechanical-engineering-scaled-e1684103718530-300x169.webp 300w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/11\/mechanical-engineering-scaled-e1684103718530-100x56.webp 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-9b748bb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9b748bb\" 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-6a19a3c\" data-id=\"6a19a3c\" 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-6016332 elementor-widget elementor-widget-elementskit-heading\" data-id=\"6016332\" 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-\"><h2 class=\"ekit-heading--title elementskit-section-title \">Check out the latest news from the institute<\/h2><\/div><\/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-6d3105b elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6d3105b\" 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-a8b3922\" data-id=\"a8b3922\" 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-8869c04 elementor-widget elementor-widget-html\" data-id=\"8869c04\" 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  <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:\n        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      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 -60px auto auto;\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\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{\n      to{opacity:1; transform: translateY(0)}\n    }\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    }\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\">7<\/span>\n        <\/h2>\n        <p class=\"staff-sub\">\n          A directory of faculty members in the department, with links to individual profiles for reviewing academic credentials, qualifications, and professional experience.\n        <\/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        <!-- 1 -->\n        <article class=\"card\" data-name=\"Dr. Duna Tariq Yasin Mahawdar\">\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\">Dr. Duna Tariq Yasin Mahawdar<\/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=291\" target=\"_blank\" rel=\"noopener noreferrer\">\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        <!-- 2 -->\n        <article class=\"card\" data-name=\"Dr. Alaa Mazlum Mahdi Miz'al Al-Mansouri\">\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\">Dr. Alaa Mazlum Mahdi Miz'al Al-Mansouri<\/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=519\" target=\"_blank\" rel=\"noopener noreferrer\">\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        <!-- 3 -->\n        <article class=\"card\" data-name=\"Lamaan Radi Sultan Ali Al-Amiri\">\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\">Lamaan Radi Sultan Ali Al-Amiri<\/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=526\" target=\"_blank\" rel=\"noopener noreferrer\">\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        <!-- 4 -->\n        <article class=\"card\" data-name=\"Amjad Abdullah Abdul Hussain Aboud\">\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\">Amjad Abdullah Abdul Hussain Aboud<\/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=290\" target=\"_blank\" rel=\"noopener noreferrer\">\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        <!-- 5 -->\n        <article class=\"card\" data-name=\"Mustafa Muayyad Hassan Hussain\">\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\">Mustafa Muayyad Hassan Hussain<\/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=531\" target=\"_blank\" rel=\"noopener noreferrer\">\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        <!-- 6 -->\n        <article class=\"card\" data-name=\"Safaa Jamil Dawood Salman Al-Kamil\">\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\">Safaa Jamil Dawood Salman Al-Kamil<\/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=544\" target=\"_blank\" rel=\"noopener noreferrer\">\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        <!-- 7 -->\n        <article class=\"card\" data-name=\"Zainab Mahmoud Nasser\">\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\">Zainab Mahmoud Nasser<\/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=952\" target=\"_blank\" rel=\"noopener noreferrer\">\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=\"Dr. Duna Tariq Yasin Mahawdar\">\n          <div class=\"lname\">Dr. Duna Tariq Yasin Mahawdar<\/div>\n          <a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=291\" target=\"_blank\" rel=\"noopener noreferrer\">View<\/a>\n        <\/div>\n        <div class=\"line\" data-name=\"Dr. Alaa Mazlum Mahdi Miz'al Al-Mansouri\">\n          <div class=\"lname\">Dr. Alaa Mazlum Mahdi Miz'al Al-Mansouri<\/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-119b29d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"119b29d\" 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-4a734a3\" data-id=\"4a734a3\" 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-ba3dd50 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ba3dd50\" 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-d245094\" data-id=\"d245094\" 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-c6e3572 elementor-widget elementor-widget-elementskit-heading\" data-id=\"c6e3572\" 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-7346f8f elementor-align-center elementor-widget elementor-widget-button\" data-id=\"7346f8f\" 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=0711&#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\">\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0628\u0631\u064a\u062f<\/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<div class=\"elementor-element elementor-element-898265c elementor-align-center elementor-widget elementor-widget-button\" data-id=\"898265c\" 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=0712&#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\">\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a<\/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-2b05fe1\" data-id=\"2b05fe1\" 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-d232985 elementor-widget elementor-widget-image\" data-id=\"d232985\" 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-1a543db e-flex e-con-boxed e-con e-parent\" data-id=\"1a543db\" 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-f53b1d5 elementor-widget elementor-widget-html\" data-id=\"f53b1d5\" 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<section class=\"bti-contact-mail\" dir=\"ltr\" lang=\"en\" aria-label=\"Email Contact\">\n  <style>\n    .bti-contact-mail {\n      --bti-red: #9b2b2c;\n      --bti-teal: #308c94;\n      --bti-ink: #1f2937;\n      --bti-muted: #64748b;\n      font-family: Inter, \"Segoe UI\", Tahoma, sans-serif;\n      width: 100%;\n      box-sizing: border-box;\n      padding: 8px 0;\n    }\n\n    .bti-contact-mail * { box-sizing: border-box; }\n\n    .bti-contact-mail__card {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      max-width: 520px;\n      margin: 0 auto;\n      padding: 18px 20px;\n      border-radius: 16px;\n      background: linear-gradient(135deg, rgba(48, 140, 148, 0.08), rgba(155, 43, 44, 0.06));\n      border: 1px solid rgba(48, 140, 148, 0.18);\n      box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);\n      transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n    }\n\n    .bti-contact-mail__card:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 16px 36px rgba(48, 140, 148, 0.12);\n      border-color: rgba(48, 140, 148, 0.32);\n    }\n\n    .bti-contact-mail__icon {\n      flex-shrink: 0;\n      width: 52px;\n      height: 52px;\n      border-radius: 14px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #fff;\n      background: linear-gradient(135deg, var(--bti-red), var(--bti-teal));\n      box-shadow: 0 8px 18px rgba(155, 43, 44, 0.22);\n    }\n\n    .bti-contact-mail__icon svg {\n      width: 24px;\n      height: 24px;\n    }\n\n    .bti-contact-mail__body {\n      min-width: 0;\n      flex: 1;\n    }\n\n    .bti-contact-mail__label {\n      margin: 0 0 6px;\n      font-size: 0.95rem;\n      font-weight: 700;\n      color: var(--bti-muted);\n    }\n\n    .bti-contact-mail__link {\n      display: inline-block;\n      font-size: 1.05rem;\n      font-weight: 800;\n      color: var(--bti-ink);\n      text-decoration: none;\n      word-break: break-all;\n      transition: color 0.2s ease;\n    }\n\n    .bti-contact-mail__link:hover {\n      color: var(--bti-teal);\n    }\n\n    @media (max-width: 520px) {\n      .bti-contact-mail__card {\n        flex-direction: column;\n        text-align: center;\n        padding: 20px 16px;\n      }\n\n      .bti-contact-mail__link {\n        font-size: 0.98rem;\n      }\n    }\n  <\/style>\n\n  <div class=\"bti-contact-mail__card\">\n    <div class=\"bti-contact-mail__icon\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/>\n        <path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/>\n      <\/svg>\n    <\/div>\n\n    <div class=\"bti-contact-mail__body\">\n      <p class=\"bti-contact-mail__label\">Contact us by email<\/p>\n      <a class=\"bti-contact-mail__link\" href=\"mailto:racdept.bti@stu.edu.iq\">racdept.bti@stu.edu.iq<\/a>\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>The Department of Power Mechanics aims to provide students with the knowledge and skills needed to understand and operate mechanical power generation and transmission systems. The department focuses on the study of engines, turbines, power systems, and maintenance fundamentals, with an emphasis on improving the [&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-20704","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages\/20704","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=20704"}],"version-history":[{"count":16,"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages\/20704\/revisions"}],"predecessor-version":[{"id":38569,"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages\/20704\/revisions\/38569"}],"wp:attachment":[{"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/media?parent=20704"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}