{"id":20692,"date":"2024-10-16T10:21:55","date_gmt":"2024-10-16T07:21:55","guid":{"rendered":"https:\/\/bti.stu.edu.iq\/surveying-technologies-department\/"},"modified":"2026-06-13T22:42:37","modified_gmt":"2026-06-13T19:42:37","slug":"surveying-technologies-department","status":"publish","type":"page","link":"https:\/\/bti.stu.edu.iq\/en\/surveying-technologies-department\/","title":{"rendered":"Surveying Technologies Department"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20692\" class=\"elementor elementor-20692 elementor-18345\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4ff08e7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4ff08e7\" 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-6f7a774\" data-id=\"6f7a774\" 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-6b97569 elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-image\" data-id=\"6b97569\" 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\/\u062a\u0642\u0646\u064a\u0627\u062a-\u0642\u064a\u0627\u0633-\u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a-1024x585-1.jpg\" class=\"attachment-large size-large wp-image-18451\" alt=\"\" srcset=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/\u062a\u0642\u0646\u064a\u0627\u062a-\u0642\u064a\u0627\u0633-\u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a-1024x585-1.jpg 1024w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/\u062a\u0642\u0646\u064a\u0627\u062a-\u0642\u064a\u0627\u0633-\u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a-1024x585-1-300x171.jpg 300w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/\u062a\u0642\u0646\u064a\u0627\u062a-\u0642\u064a\u0627\u0633-\u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a-1024x585-1-768x439.jpg 768w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/\u062a\u0642\u0646\u064a\u0627\u062a-\u0642\u064a\u0627\u0633-\u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a-1024x585-1-100x57.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-bcb89d7\" data-id=\"bcb89d7\" 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-7ca2655 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"7ca2655\" 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\">Surveying Technologies Department<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d554222 animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"d554222\" 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<h4><strong>The Department of Surveying Technology aims to equip students with the essential skills required for measuring and determining locations using advanced tools such as GPS devices and Geographic Information Systems (GIS). The department focuses on\u00a0 practical applications in cartography, topographic surveying, and urban planning, with a strong focus on precision in field operations.<\/strong><\/h4>\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-bab5ac7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bab5ac7\" 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-2e67449\" data-id=\"2e67449\" 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-9553680 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9553680\" 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-e143c39\" data-id=\"e143c39\" 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-f5fc016 elementor-widget elementor-widget-html\" data-id=\"f5fc016\" 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<!-- ====== Vision \/ Mission \/ Goals (LTR) ====== -->\n<section class=\"vmgo-scope\" dir=\"ltr\">\n  <style>\n    :root {\n      --primary-blue: #004680;\n      --light-blue: #ADD8E6;\n      --dark-red: #B22222;\n      --light-grey: #F0F0F0;\n      --background-dark: #1a1a2e;\n      --text-light: #ffffff;\n      --text-dark: #333333;\n    }\n    \n    .vmgo-scope *{box-sizing:border-box}\n    .vmgo-wrap{\n      max-width:1200px;margin:0 auto;padding:40px 20px;\n      font-family:'Cairo',system-ui,-apple-system,\"Segoe UI\",sans-serif;\n      background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n      border-radius: 25px;\n      box-shadow: 0 20px 60px rgba(0, 70, 128, 0.15);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .vmgo-wrap::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(173, 216, 230, 0.1) 0%, transparent 70%);\n      animation: float 15s ease-in-out infinite;\n      pointer-events: none;\n    }\n    \n    @keyframes float {\n      0%, 100% { transform: translate(0, 0) rotate(0deg); }\n      50% { transform: translate(-30px, -30px) rotate(180deg); }\n    }\n    \n    .vmgo-header{\n      text-align:center;margin-bottom:32px;position: relative;z-index: 2;\n    }\n    .vmgo-title{\n      font-size:clamp(1.6rem,3vw,2.2rem);\n      font-weight:900;letter-spacing:.3px;\n      background:linear-gradient(135deg, var(--primary-blue), var(--light-blue));\n      -webkit-background-clip:text;background-clip:text;color:transparent;\n      text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n      margin-bottom: 8px;\n    }\n    .vmgo-sub{color:var(--primary-blue);font-size:1rem;margin-top:8px;font-weight:500}\n\n    .vmgo-grid{\n      display:grid;gap:24px;\n      grid-template-columns:repeat(12,1fr);\n      position: relative;z-index: 2;\n    }\n    \n    \/* Vision + Mission cards *\/\n    .vmgo-card{\n      grid-column:span 6;\n      background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(240,240,240,.95));\n      border: 2px solid rgba(0, 70, 128, 0.15);\n      border-radius: 20px;padding:28px;position:relative;overflow:hidden;\n      transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n      box-shadow:0 12px 40px rgba(0, 70, 128, 0.12);\n      backdrop-filter: blur(10px);\n    }\n    \n    .vmgo-card:hover{\n      transform:translateY(-8px) scale(1.02);\n      box-shadow:0 20px 50px rgba(0, 70, 128, 0.2);\n      border-color: rgba(178, 34, 34, 0.3);\n    }\n    \n    .vmgo-card::before{\n      content:\"\";position:absolute;inset:0;pointer-events:none;\n      background:radial-gradient(1200px 200px at 100% 0, rgba(173, 216, 230, 0.12), transparent 60%);\n      transition: opacity 0.3s ease;\n    }\n    \n    .vmgo-card:hover::before {\n      opacity: 0.8;\n    }\n    \n    .vmgo-icon{\n      width:52px;height:52px;border-radius:16px;margin-bottom:16px;\n      display:flex;align-items:center;justify-content:center;\n      background:linear-gradient(135deg, var(--primary-blue), var(--light-blue));\n      color:#fff;\n      box-shadow:0 8px 25px rgba(0, 70, 128, 0.3);\n      font-size: 1.5rem;\n      transition: all 0.3s ease;\n    }\n    \n    .vmgo-card:hover .vmgo-icon {\n      transform: scale(1.1) rotate(5deg);\n      box-shadow:0 12px 30px rgba(178, 34, 34, 0.4);\n    }\n    \n    .vmgo-card h3{\n      margin:8px 0 16px;\n      font-size:1.3rem;\n      font-weight:900;\n      color:var(--primary-blue);\n      background: linear-gradient(45deg, var(--primary-blue), var(--dark-red));\n      -webkit-background-clip:text;\n      background-clip:text;\n      color:transparent;\n    }\n    \n    .vmgo-card p{\n      margin:0;\n      color:var(--text-dark);\n      line-height:1.9;\n      font-size: 1rem;\n      font-weight: 500;\n    }\n\n    \/* Goals list *\/\n    .vmgo-goals{\n      grid-column:span 12;\n      background:linear-gradient(145deg, rgba(0, 70, 128, 0.95), rgba(178, 34, 34, 0.85));\n      color:#fff;\n      border-radius: 20px;\n      padding:32px;\n      border: 2px solid rgba(173, 216, 230, 0.3);\n      box-shadow:0 15px 45px rgba(0, 70, 128, 0.25);\n      position: relative;\n      overflow: hidden;\n      backdrop-filter: blur(15px);\n    }\n    \n    .vmgo-goals::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--light-blue), var(--dark-red), var(--light-blue));\n      animation: shimmer 3s ease-in-out infinite;\n    }\n    \n    @keyframes shimmer {\n      0%, 100% { opacity: 0.5; }\n      50% { opacity: 1; }\n    }\n    \n    .vmgo-goals h3{\n      margin:0 0 20px;\n      font-size:1.3rem;\n      font-weight:900;\n      text-align: center;\n      background: linear-gradient(45deg, #fff, var(--light-blue));\n      -webkit-background-clip:text;\n      background-clip:text;\n      color:transparent;\n    }\n    \n    .vmgo-list{\n      list-style:none;\n      display:grid;gap:16px;\n      margin:0;padding:0;\n    }\n    \n    .vmgo-item{\n      display:grid;\n      grid-template-columns:auto 1fr;\n      gap:16px;\n      align-items:start;\n      background:rgba(173, 216, 230, 0.15);\n      border: 1px solid rgba(255, 255, 255, 0.2);\n      border-radius:16px;\n      padding:18px 20px;\n      transition: all 0.3s ease;\n      backdrop-filter: blur(5px);\n    }\n    \n    .vmgo-item:hover {\n      transform: translateX(8px);\n      background: rgba(255, 255, 255, 0.2);\n      border-color: rgba(173, 216, 230, 0.4);\n      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n    }\n    \n    .vmgo-badge{\n      width:36px;height:36px;border-radius:12px;\n      background:linear-gradient(135deg, var(--dark-red), var(--primary-blue));\n      display:flex;align-items:center;justify-content:center;\n      font-weight:900;\n      font-size: 1rem;\n      box-shadow: 0 4px 15px rgba(178, 34, 34, 0.3);\n      transition: all 0.3s ease;\n    }\n    \n    .vmgo-item:hover .vmgo-badge {\n      transform: scale(1.1) rotate(5deg);\n      box-shadow: 0 6px 20px rgba(178, 34, 34, 0.5);\n    }\n    \n    .vmgo-text{\n      line-height:1.9;\n      font-weight: 500;\n      font-size: 1rem;\n    }\n\n    @media (max-width:900px){\n      .vmgo-card{grid-column:span 12}\n      .vmgo-wrap{padding:30px 15px;}\n      .vmgo-goals{padding:24px 20px;}\n    }\n    \n    @media (max-width:600px){\n      .vmgo-wrap{padding:20px 10px;margin:10px;}\n      .vmgo-card{padding:20px;}\n      .vmgo-item{padding:14px 16px;gap:12px;}\n      .vmgo-badge{width:32px;height:32px;}\n    }\n  <\/style>\n\n  <div class=\"vmgo-wrap\">\n    <header class=\"vmgo-header\">\n      <h2 class=\"vmgo-title\">Vision \u2022 Mission \u2022 Objectives<\/h2>\n      <p class=\"vmgo-sub\">You may edit the text below without affecting the site's layout.<\/p>\n    <\/header>\n\n    <div class=\"vmgo-grid\">\n      <!-- Vision -->\n      <article class=\"vmgo-card\" aria-labelledby=\"v-title\">\n        <div class=\"vmgo-icon\" aria-hidden=\"true\">\ud83d\udc41\ufe0f<\/div>\n        <h3 id=\"v-title\">Vision<\/h3>\n        <p>\n          To establish an educational system aligned with the orientations and comprehensive requirements of the labor market, founded on the qualification of students and technical personnel to assume responsibility for meeting the needs of local employers and addressing the evolving (dynamic) demands of the labor market in accordance with required professional standards and specifications.\n        <\/p>\n      <\/article>\n\n      <!-- Mission -->\n      <article class=\"vmgo-card\" aria-labelledby=\"m-title\">\n        <div class=\"vmgo-icon\" aria-hidden=\"true\">\ud83c\udfaf<\/div>\n        <h3 id=\"m-title\">Mission<\/h3>\n        <p>\n          To provide high-quality, highly efficient technical education in the field of surveying science, uphold professional ethics in service of society and its evolving needs, keep pace with scientific and technological advancements and apply them within the educational process, and continuously update academic curricula to produce graduates whose competencies respond to the realities of a changing labor market.\n        <\/p>\n      <\/article>\n\n      <!-- Objectives -->\n      <section class=\"vmgo-goals\" aria-labelledby=\"g-title\">\n        <h3 id=\"g-title\">Objectives<\/h3>\n        <ol class=\"vmgo-list\">\n          <li class=\"vmgo-item\">\n            <span class=\"vmgo-badge\">1<\/span>\n            <span class=\"vmgo-text\">To prepare technical personnel at multiple educational levels, academically and professionally qualified, capable of applying surveying technologies, triangulation, traversing, and leveling for the establishment of ground control points using the requisite surveying instruments.<\/span>\n          <\/li>\n          <li class=\"vmgo-item\">\n            <span class=\"vmgo-badge\">2<\/span>\n            <span class=\"vmgo-text\">To keep pace with scientific and technological development and establish academic and cultural linkages with educational institutions and relevant departments in surveying technologies and civil engineering, in alignment with the department's vision and aspirations.<\/span>\n          <\/li>\n          <li class=\"vmgo-item\">\n            <span class=\"vmgo-badge\">3<\/span>\n            <span class=\"vmgo-text\">To meet labor market requirements through partnership and cooperation with the private sector in service of society.<\/span>\n          <\/li>\n          <li class=\"vmgo-item\">\n            <span class=\"vmgo-badge\">4<\/span>\n            <span class=\"vmgo-text\">To prepare technical personnel capable of undertaking all surveying operations, topographic surveys, and map projection work for project implementation and cartographic production in accordance with the Iraqi and international geodetic networks and the Geographic Information System (GIS).<\/span>\n          <\/li>\n        <\/ol>\n      <\/section>\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<\/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-833e130 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"833e130\" 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-8319c96\" data-id=\"8319c96\" 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-c17d218 elementor-widget elementor-widget-spacer\" data-id=\"c17d218\" 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-eee8a3a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"eee8a3a\" 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-1488980\" data-id=\"1488980\" 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-7cb40b4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7cb40b4\" 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-52bcadc\" data-id=\"52bcadc\" 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<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-482ed0c\" data-id=\"482ed0c\" 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-af73d70 elementor-widget elementor-widget-html\" data-id=\"af73d70\" 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>\n\n\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Wondo<\/title><style>\n        button {\n            background-color: blue;\n            color: white;\n            padding: 12px 24px;\n            font-size: 16px;\n            border: none;\n            border-radius: 5px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-weight: bold;\n        }\n\n        button:hover {\n            transform: scale(1.1);\n            color: white;\n        }\n\n        #popup {\n            display: none;\n            position: fixed;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 80%;\n            max-width: 600px;\n            background-color: #fff;\n            border: 1px solid #ccc;\n            box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n            padding: 20px;\n            z-index: 1000;\n        }\n\n        #overlay {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.5);\n            z-index: 999;\n        }\n\n        table {\n            width: 100%;\n            border-collapse: collapse;\n            text-align: center;\n            margin: 20px 0;\n            direction: rtl;\n        }\n\n        th, td {\n            border: 1px solid #ddd;\n            padding: 8px;\n        }\n\n        th {\n            background-color: #f2f2f2;\n            font-weight: bold;\n            text-align: center;\n        }\n\n        td {\n            font-weight: bold;\n            transition: background-color 0.3s ease, transform 0.3s ease;\n            color: black;\n        }\n\n        td:hover {\n            background-color: #dcdcdc;\n            transform: scale(1.05);\n        }\n\n        a {\n            color: black;\n            text-decoration: none;\n            transition: transform 0.3s ease;\n        }\n\n        a:hover {\n            transform: scale(1.1);\n        }\n\n        .close-btn {\n            background-color: red;\n            color: white;\n            padding: 5px 10px;\n            border: none;\n            cursor: pointer;\n            float: right;\n        }\n    <\/style><button onclick=\"openPopup()\">Names of teachers<\/button>\n\n    <div id=\"overlay\"><\/div>\n\n    <div id=\"popup\">\n        <button class=\"close-btn\" onclick=\"closePopup()\">X<\/button>\n        <h2>Teacher Names Table<\/h2>\n        <table>\n            <thead>\n                <tr>\n                    <th>Teacher's name<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody>\n                <tr><td><a href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=538\">Nemat Hamid Jassim Mohammed Alsakhn<\/a><\/td><\/tr>\n                <tr><td><a href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=532\">Manaf Hussein Odeh Salman Al-Danin<\/a><\/td><\/tr>\n                <tr><td><a href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=545\">Wadi Muhammad Wadi Khalifa<\/a><\/td><\/tr>\n                <tr><td><a href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=528\">Luay Mazahim Abdulkarim Issa<\/a><\/td><\/tr>\n            <\/tbody>\n        <\/table>\n    <\/div>\n\n    <script>\n        function openPopup() {\n            document.getElementById(\"popup\").style.display = \"block\";\n            document.getElementById(\"overlay\").style.display = \"block\";\n        }\n\n        function closePopup() {\n            document.getElementById(\"popup\").style.display = \"none\";\n            document.getElementById(\"overlay\").style.display = \"none\";\n        }\n    <\/script>\n\n\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\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-19e0714 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"19e0714\" 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-c1778dc\" data-id=\"c1778dc\" 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-1a4b1f9 elementor-widget elementor-widget-html\" data-id=\"1a4b1f9\" 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-%d8%a7%d9%84%d9%85%d8%b3%d8%a7%d8%ad%d8%a9\/\">\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\/%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%85%d8%b3%d8%a7%d8%ad%d8%a9\/\">\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-%d8%a7%d9%84%d9%85%d8%b3%d8%a7%d8%ad%d8%a9\/\">\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\/?page_id=28756&preview=true\">\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-%d8%a7%d9%84%d9%85%d8%b3%d8%a7%d8%ad%d8%a9\/\">\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-%d9%82%d8%b3%d9%85-%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d9%85%d8%b3%d8%a7%d8%ad%d8%a9\/\" target=\"_blank\" rel=\"noopener noreferrer\">\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 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=\"https:\/\/bti.stu.edu.iq\/%d9%87%d9%8a%d9%83%d9%84-%d8%aa%d9%86%d8%b8%d9%8a%d9%85%d9%8a-%d9%82%d8%b3%d9%85-%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d9%85%d8%b3%d8%a7%d8%ad%d8%a9\/\" target=\"_blank\" rel=\"noopener noreferrer\">\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\">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\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-d8e0907 e-flex e-con-boxed e-con e-parent\" data-id=\"d8e0907\" 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-9bbf655 elementor-widget elementor-widget-html\" data-id=\"9bbf655\" 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\">9<\/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=\"\u0646\u0639\u0645\u062a \u062d\u0645\u064a\u062f \u062c\u0627\u0633\u0645 \u0645\u062d\u0645\u062f \u0627\u0644\u0635\u0627\u062e\u0646\">\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\">\u0646\u0639\u0645\u062a \u062d\u0645\u064a\u062f \u062c\u0627\u0633\u0645 \u0645\u062d\u0645\u062f \u0627\u0644\u0635\u0627\u062e\u0646<\/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=538\" 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=\"\u0645\u0646\u0627\u0641 \u062d\u0633\u064a\u0646 \u0639\u0648\u062f\u0629 \u0633\u0644\u0645\u0627\u0646 \u0627\u0644\u062f\u0646\u064a\u0646\">\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\">\u0645\u0646\u0627\u0641 \u062d\u0633\u064a\u0646 \u0639\u0648\u062f\u0629 \u0633\u0644\u0645\u0627\u0646 \u0627\u0644\u062f\u0646\u064a\u0646<\/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=532\" 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=\"\u0648\u0627\u062f\u064a \u0645\u062d\u0645\u062f \u0648\u0627\u062f\u064a \u062d\u064a\u0627\u0644 \u0627\u0644\u062e\u0644\u064a\u0641\u0629\">\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\">\u0648\u0627\u062f\u064a \u0645\u062d\u0645\u062f \u0648\u0627\u062f\u064a \u062d\u064a\u0627\u0644 \u0627\u0644\u062e\u0644\u064a\u0641\u0629<\/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=545\" 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=\"\u0644\u0624\u064a \u0645\u0632\u0627\u062d\u0645 \u0639\u0628\u062f \u0627\u0644\u0643\u0631\u064a\u0645 \u0639\u064a\u0633\u0649\">\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\">\u0644\u0624\u064a \u0645\u0632\u0627\u062d\u0645 \u0639\u0628\u062f \u0627\u0644\u0643\u0631\u064a\u0645 \u0639\u064a\u0633\u0649<\/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=528\" 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=\"\u0641\u0627\u0637\u0645\u0629 \u0639\u0628\u062f \u0627\u0644\u0631\u0632\u0627\u0642 \u0645\u062d\u0645\u062f\">\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\">\u0641\u0627\u0637\u0645\u0629 \u0639\u0628\u062f \u0627\u0644\u0631\u0632\u0627\u0642 \u0645\u062d\u0645\u062f<\/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=976\" 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=\"\u0628\u0644\u0642\u064a\u0633 \u0628\u0631\u063a\u0634 \u062d\u0645\u0648\u062f \u0646\u0627\u0635\u0631\">\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\">\u0628\u0644\u0642\u064a\u0633 \u0628\u0631\u063a\u0634 \u062d\u0645\u0648\u062f \u0646\u0627\u0635\u0631<\/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=495\" 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=\"\u0639\u0642\u064a\u0644 \u0645\u062d\u0645\u062f \u062d\u0645\u0648\u062f \u0628\u062f\u0631\">\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\">\u0639\u0642\u064a\u0644 \u0645\u062d\u0645\u062f \u062d\u0645\u0648\u062f \u0628\u062f\u0631<\/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=281\" 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        <!-- 8 -->\n        <article class=\"card\" data-name=\"\u0645\u0646\u0649 \u0639\u0628\u062f \u0627\u0644\u0631\u0632\u0627\u0642 \u062d\u0645\u064a\u062f \u0645\u0647\u062f\u064a\">\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\">\u0645\u0646\u0649 \u0639\u0628\u062f \u0627\u0644\u0631\u0632\u0627\u0642 \u062d\u0645\u064a\u062f \u0645\u0647\u062f\u064a<\/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=292\" 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        <!-- 9 -->\n        <article class=\"card\" data-name=\"\u062d\u0645\u0632\u0629 \u0637\u0627\u0647\u0631 \u0637\u0639\u0645\u0629 \u0627\u0644\u0647\u0644\u0627\u0644\u064a\">\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\">\u062d\u0645\u0632\u0629 \u0637\u0627\u0647\u0631 \u0637\u0639\u0645\u0629 \u0627\u0644\u0647\u0644\u0627\u0644\u064a<\/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=500\" 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=\"\u0646\u0639\u0645\u062a \u062d\u0645\u064a\u062f \u062c\u0627\u0633\u0645 \u0645\u062d\u0645\u062f \u0627\u0644\u0635\u0627\u062e\u0646\">\n          <div class=\"lname\">\u0646\u0639\u0645\u062a \u062d\u0645\u064a\u062f \u062c\u0627\u0633\u0645 \u0645\u062d\u0645\u062f \u0627\u0644\u0635\u0627\u062e\u0646<\/div>\n          <a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=538\" target=\"_blank\" rel=\"noopener noreferrer\">View<\/a>\n        <\/div>\n        <div class=\"line\" data-name=\"\u0645\u0646\u0627\u0641 \u062d\u0633\u064a\u0646 \u0639\u0648\u062f\u0629 \u0633\u0644\u0645\u0627\u0646 \u0627\u0644\u062f\u0646\u064a\u0646\">\n          <div class=\"lname\">\u0645\u0646\u0627\u0641 \u062d\u0633\u064a\u0646 \u0639\u0648\u062f\u0629 \u0633\u0644\u0645\u0627\u0646 \u0627\u0644\u062f\u0646\u064a\u0646<\/div>\n          <a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=532\" target=\"_blank\" rel=\"noopener noreferrer\">View<\/a>\n        <\/div>\n        <div class=\"line\" data-name=\"\u0648\u0627\u062f\u064a \u0645\u062d\u0645\u062f \u0648\u0627\u062f\u064a \u062d\u064a\u0627\u0644 \u0627\u0644\u062e\u0644\u064a\u0641\u0629\">\n          <div class=\"lname\">\u0648\u0627\u062f\u064a \u0645\u062d\u0645\u062f \u0648\u0627\u062f\u064a \u062d\u064a\u0627\u0644 \u0627\u0644\u062e\u0644\u064a\u0641\u0629<\/div>\n          <a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=545\" target=\"_blank\" rel=\"noopener noreferrer\">View<\/a>\n        <\/div>\n        <div class=\"line\" data-name=\"\u0644\u0624\u064a \u0645\u0632\u0627\u062d\u0645 \u0639\u0628\u062f \u0627\u0644\u0643\u0631\u064a\u0645 \u0639\u064a\u0633\u0649\">\n          <div class=\"lname\">\u0644\u0624\u064a \u0645\u0632\u0627\u062d\u0645 \u0639\u0628\u062f \u0627\u0644\u0643\u0631\u064a\u0645 \u0639\u064a\u0633\u0649<\/div>\n          <a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=528\" target=\"_blank\" rel=\"noopener noreferrer\">View<\/a>\n        <\/div>\n        <div class=\"line\" data-name=\"\u0641\u0627\u0637\u0645\u0629 \u0639\u0628\u062f \u0627\u0644\u0631\u0632\u0627\u0642 \u0645\u062d\u0645\u062f\">\n          <div class=\"lname\">\u0641\u0627\u0637\u0645\u0629 \u0639\u0628\u062f \u0627\u0644\u0631\u0632\u0627\u0642 \u0645\u062d\u0645\u062f<\/div>\n          <a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=976\" target=\"_blank\" rel=\"noopener noreferrer\">View<\/a>\n        <\/div>\n        <div class=\"line\" data-name=\"\u0628\u0644\u0642\u064a\u0633 \u0628\u0631\u063a\u0634 \u062d\u0645\u0648\u062f \u0646\u0627\u0635\u0631\">\n          <div class=\"lname\">\u0628\u0644\u0642\u064a\u0633 \u0628\u0631\u063a\u0634 \u062d\u0645\u0648\u062f \u0646\u0627\u0635\u0631<\/div>\n          <a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=495\" target=\"_blank\" rel=\"noopener noreferrer\">View<\/a>\n        <\/div>\n        <div class=\"line\" data-name=\"\u0639\u0642\u064a\u0644 \u0645\u062d\u0645\u062f \u062d\u0645\u0648\u062f \u0628\u062f\u0631\">\n          <div class=\"lname\">\u0639\u0642\u064a\u0644 \u0645\u062d\u0645\u062f \u062d\u0645\u0648\u062f \u0628\u062f\u0631<\/div>\n          <a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=281\" target=\"_blank\" rel=\"noopener noreferrer\">View<\/a>\n        <\/div>\n        <div class=\"line\" data-name=\"\u0645\u0646\u0649 \u0639\u0628\u062f \u0627\u0644\u0631\u0632\u0627\u0642 \u062d\u0645\u064a\u062f \u0645\u0647\u062f\u064a\">\n          <div class=\"lname\">\u0645\u0646\u0649 \u0639\u0628\u062f \u0627\u0644\u0631\u0632\u0627\u0642 \u062d\u0645\u064a\u062f \u0645\u0647\u062f\u064a<\/div>\n          <a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=292\" target=\"_blank\" rel=\"noopener noreferrer\">View<\/a>\n        <\/div>\n        <div class=\"line\" data-name=\"\u062d\u0645\u0632\u0629 \u0637\u0627\u0647\u0631 \u0637\u0639\u0645\u0629 \u0627\u0644\u0647\u0644\u0627\u0644\u064a\">\n          <div class=\"lname\">\u062d\u0645\u0632\u0629 \u0637\u0627\u0647\u0631 \u0637\u0639\u0645\u0629 \u0627\u0644\u0647\u0644\u0627\u0644\u064a<\/div>\n          <a class=\"go\" href=\"https:\/\/gadmission.stu.edu.iq\/staff\/table\/examples\/teach\/profile.php?id=500\" target=\"_blank\" rel=\"noopener noreferrer\">View<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"empty\" id=\"btiEmpty\">No names match your search.<\/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\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7f64682 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7f64682\" 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-f15cbdf\" data-id=\"f15cbdf\" 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-97afa83 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"97afa83\" 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-610aa80\" data-id=\"610aa80\" 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-27bec7a elementor-widget elementor-widget-elementskit-heading\" data-id=\"27bec7a\" 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 surveying techniques<\/h2>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p>Hands-on education in surveying technologies<br \/>cutting-edge educational programs with comprehensive hands-on training in surveying 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-a41b19c ekit-equal-height-disable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"a41b19c\" 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                      Surveying techniques in modern projects                <\/h3>\n                        \t\t  \t<p>Gain the skills to use advanced surveying tools and techniques in construction and engineering projects<\/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-b218726 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"b218726\" 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 Precise Future with GeoMeasurement Technologies                <\/h3>\n                        \t\t  \t<p>Learn how to apply and utilize geographic information systems (GIS) and modern technologies to ensure the accuracy of geographic and cadastral data in major projects<\/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-759c74c\" data-id=\"759c74c\" 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-8d8ecc9 elementor-widget elementor-widget-image\" data-id=\"8d8ecc9\" 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=\"336\" src=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/\u0623\u0639\u0645\u0627\u0644-\u0627\u0644\u0645\u0633\u0627\u062d\u0629-\u0641\u064a-\u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a.jpg\" class=\"attachment-large size-large wp-image-18453\" alt=\"\" srcset=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/\u0623\u0639\u0645\u0627\u0644-\u0627\u0644\u0645\u0633\u0627\u062d\u0629-\u0641\u064a-\u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a.jpg 693w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/\u0623\u0639\u0645\u0627\u0644-\u0627\u0644\u0645\u0633\u0627\u062d\u0629-\u0641\u064a-\u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a-300x192.jpg 300w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2024\/10\/\u0623\u0639\u0645\u0627\u0644-\u0627\u0644\u0645\u0633\u0627\u062d\u0629-\u0641\u064a-\u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a-100x64.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-0fd62ef elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0fd62ef\" 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-a84d94b\" data-id=\"a84d94b\" 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-2a27691 elementor-widget elementor-widget-spacer\" data-id=\"2a27691\" 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-710eac7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"710eac7\" 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-d95e7ce\" data-id=\"d95e7ce\" 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-1af43d7 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1af43d7\" 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-d121ad5\" data-id=\"d121ad5\" 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-edee439 elementor-widget elementor-widget-elementskit-heading\" data-id=\"edee439\" 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 \">A comprehensive platform for managing and delivering electronic 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, the institute provides an integrated electronic platform designed to support faculty members and students in delivering and accessing online lectures in an interactive and effective manner. The platform offers the full range of tools required for developing and managing educational 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-c9f7643 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"c9f7643\" 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=0710&#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-eab05c1\" data-id=\"eab05c1\" 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-0cfc4ad elementor-widget elementor-widget-image\" data-id=\"0cfc4ad\" 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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Surveying Technologies Department The Department of Surveying Technology aims to equip students with the essential skills required for measuring and determining locations using advanced tools such as GPS devices and Geographic Information Systems (GIS). The department focuses on\u00a0 practical applications in cartography, topographic surveying, and [&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-20692","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages\/20692","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=20692"}],"version-history":[{"count":13,"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages\/20692\/revisions"}],"predecessor-version":[{"id":38516,"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages\/20692\/revisions\/38516"}],"wp:attachment":[{"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/media?parent=20692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}