{"id":15322,"date":"2020-05-19T11:12:10","date_gmt":"2020-05-19T08:12:10","guid":{"rendered":"https:\/\/bti.stu.edu.iq\/home-v7\/"},"modified":"2026-09-22T09:17:07","modified_gmt":"2026-09-22T06:17:07","slug":"home-v7","status":"publish","type":"page","link":"https:\/\/bti.stu.edu.iq\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15322\" class=\"elementor elementor-15322 elementor-5353\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b576f5e elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"b576f5e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&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-361226c\" data-id=\"361226c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f24114a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f24114a\" 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-3886d73\" data-id=\"3886d73\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f8f8905 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f8f8905\" 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-e34ceef\" data-id=\"e34ceef\" 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-9b71256 elementor-absolute animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"9b71256\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u062c\u064a\u0629<\/h3>\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-ec07a6c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ec07a6c\" 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-8c07b5f\" data-id=\"8c07b5f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-54c85a6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"54c85a6\" 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-b09dec1\" data-id=\"b09dec1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d57de0a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d57de0a\" 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-e643720\" data-id=\"e643720\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1d8ae6d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1d8ae6d\" 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-da7f213\" data-id=\"da7f213\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ecc35a9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ecc35a9\" 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-0536d4c\" data-id=\"0536d4c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-eb560b0 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"eb560b0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&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-783e37c\" data-id=\"783e37c\" 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-29635a8 elementor-widget elementor-widget-image\" data-id=\"29635a8\" 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 fetchpriority=\"high\" decoding=\"async\" width=\"1599\" height=\"583\" src=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2026\/09\/32026119-2e32-4f78-8995-71845dd4aa09.jpg\" class=\"attachment-full size-full wp-image-42122\" alt=\"\" srcset=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2026\/09\/32026119-2e32-4f78-8995-71845dd4aa09.jpg 1599w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2026\/09\/32026119-2e32-4f78-8995-71845dd4aa09-300x109.jpg 300w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2026\/09\/32026119-2e32-4f78-8995-71845dd4aa09-768x280.jpg 768w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2026\/09\/32026119-2e32-4f78-8995-71845dd4aa09-100x36.jpg 100w, https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2026\/09\/32026119-2e32-4f78-8995-71845dd4aa09-1536x560.jpg 1536w\" sizes=\"(max-width: 1599px) 100vw, 1599px\" \/>\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<div class=\"elementor-element elementor-element-70265c8 e-flex e-con-boxed e-con e-parent\" data-id=\"70265c8\" 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-2cd347a elementor-widget elementor-widget-html\" data-id=\"2cd347a\" 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<!-- BTI Latest News - \u0639\u0631\u0636 \u0622\u062e\u0631 \u0627\u0644\u0623\u062e\u0628\u0627\u0631 (\u0644\u0644\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629) -->\r\n<section class=\"bti-latest-news\" dir=\"ltr\" aria-label=\"Latest News\">\r\n  <style>\r\n    .bti-latest-news {\r\n      --bti-red: #9b2b2c;\r\n      --bti-red-dark: #7a2223;\r\n      --bti-red-glow: rgba(155, 43, 44, 0.45);\r\n      --bti-gold: #d4a24e;\r\n      --bti-gold-glow: rgba(212, 162, 78, 0.35);\r\n      --bti-bg: #14151c;\r\n      --bti-bg-soft: #1c1d28;\r\n      --bti-text: #f4f6f8;\r\n      --bti-text-muted: #b0b8c4;\r\n      --bti-card: rgba(28, 29, 40, 0.92);\r\n      --bti-border: rgba(255, 255, 255, 0.08);\r\n      --bti-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);\r\n      --bti-radius: 16px;\r\n      --bti-gap: 1.2rem;\r\n\r\n      max-width: 1440px;\r\n      margin: 2rem auto;\r\n      padding: 2rem 1.5rem;\r\n      background: var(--bti-bg);\r\n      border-radius: var(--bti-radius);\r\n      border: 1px solid var(--bti-border);\r\n      font-family: \"Segoe UI\", \"Tajawal\", sans-serif;\r\n      color: #fff;\r\n      position: relative;\r\n      isolation: isolate;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .bti-latest-news::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -1;\r\n      background:\r\n        radial-gradient(ellipse 65% 50% at 0% 0%, var(--bti-red-glow), transparent 55%),\r\n        radial-gradient(ellipse 60% 45% at 100% 100%, var(--bti-gold-glow), transparent 50%),\r\n        linear-gradient(155deg, var(--bti-bg) 0%, var(--bti-bg-soft) 50%, #101118 100%);\r\n      border-radius: var(--bti-radius);\r\n    }\r\n\r\n    .bti-latest-news .bti-ln-header {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      margin-bottom: 1.8rem;\r\n      padding-bottom: 0.8rem;\r\n      border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n    }\r\n\r\n    .bti-latest-news .bti-ln-title {\r\n      font-size: 1.5rem;\r\n      font-weight: 800;\r\n      color: #fff;\r\n      margin: 0;\r\n    }\r\n    .bti-latest-news .bti-ln-title span {\r\n      color: #fff;\r\n    }\r\n\r\n    .bti-latest-news .bti-ln-view-all {\r\n      color: #fff;\r\n      text-decoration: none;\r\n      font-weight: 600;\r\n      font-size: 0.9rem;\r\n      transition: opacity 0.2s;\r\n    }\r\n    .bti-latest-news .bti-ln-view-all:hover {\r\n      opacity: 0.7;\r\n    }\r\n\r\n    .bti-latest-news .bti-ln-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n      gap: var(--bti-gap);\r\n    }\r\n\r\n    .bti-latest-news .bti-ln-item {\r\n      background: var(--bti-card);\r\n      border: 1px solid var(--bti-border);\r\n      border-radius: 12px;\r\n      overflow: hidden;\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n      text-decoration: none;\r\n      color: #fff !important;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .bti-latest-news .bti-ln-item:hover {\r\n      transform: translateY(-6px);\r\n      box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);\r\n      border-color: rgba(255, 255, 255, 0.15);\r\n    }\r\n\r\n    .bti-latest-news .bti-ln-thumb {\r\n      width: 100%;\r\n      height: 160px;\r\n      object-fit: cover;\r\n      background: var(--bti-bg-soft);\r\n      display: block;\r\n    }\r\n\r\n    .bti-latest-news .bti-ln-content {\r\n      padding: 1.1rem 1.2rem 1.2rem;\r\n      flex: 1;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .bti-latest-news .bti-ln-cats {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 0.4rem;\r\n      margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .bti-latest-news .bti-ln-cat {\r\n      background: rgba(255, 255, 255, 0.1);\r\n      color: #fff;\r\n      font-size: 0.65rem;\r\n      font-weight: 700;\r\n      padding: 0.2rem 0.7rem;\r\n      border-radius: 999px;\r\n      border: 1px solid rgba(255, 255, 255, 0.15);\r\n      letter-spacing: 0.02em;\r\n    }\r\n\r\n    .bti-latest-news .bti-ln-item h3 {\r\n      margin: 0 0 0.4rem;\r\n      font-size: 1.05rem;\r\n      font-weight: 700;\r\n      line-height: 1.4;\r\n      color: #fff;\r\n      display: -webkit-box;\r\n      -webkit-line-clamp: 2;\r\n      -webkit-box-orient: vertical;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .bti-latest-news .bti-ln-excerpt {\r\n      font-size: 0.85rem;\r\n      color: #fff;\r\n      line-height: 1.6;\r\n      margin: 0 0 0.8rem;\r\n      flex: 1;\r\n      display: -webkit-box;\r\n      -webkit-line-clamp: 3;\r\n      -webkit-box-orient: vertical;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .bti-latest-news .bti-ln-meta {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      font-size: 0.75rem;\r\n      color: #fff;\r\n      border-top: 1px solid var(--bti-border);\r\n      padding-top: 0.6rem;\r\n      margin-top: auto;\r\n    }\r\n\r\n    .bti-latest-news .bti-ln-date {\r\n      direction: ltr;\r\n      unicode-bidi: plaintext;\r\n      color: #fff;\r\n    }\r\n\r\n    .bti-latest-news .bti-ln-loading,\r\n    .bti-latest-news .bti-ln-error {\r\n      text-align: center;\r\n      padding: 2rem;\r\n      color: #fff;\r\n      font-size: 1rem;\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      .bti-latest-news { padding: 1rem; }\r\n      .bti-latest-news .bti-ln-grid { grid-template-columns: 1fr; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"bti-ln-header\">\r\n    <h2 class=\"bti-ln-title\">\ud83d\udcf0 Latest <span>News<\/span><\/h2>\r\n    <a href=\"\/category\/news\/\" class=\"bti-ln-view-all\">View All \u2192<\/a>\r\n  <\/div>\r\n\r\n  <div id=\"bti-ln-container\" class=\"bti-ln-grid\">\r\n    <div class=\"bti-ln-loading\">Loading news...<\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      \"use strict\";\r\n\r\n      \/\/ \u26a0\ufe0f Change this to your English category ID (e.g., 111) \r\n      \/\/ or leave it empty [] to fetch all English posts\r\n      var categoryIds = [111]; \r\n      var postsPerPage = 4;\r\n      var container = document.getElementById(\"bti-ln-container\");\r\n\r\n      if (!container) return;\r\n\r\n      \/\/ \u2705 Force English language for the API request\r\n      var currentLang = 'en';\r\n\r\n      \/\/ Build the API URL with language filter\r\n      var apiUrl = \"\/wp-json\/wp\/v2\/posts?_embed&per_page=\" + postsPerPage + \r\n                   \"&status=publish&orderby=date&order=desc&lang=\" + currentLang;\r\n      \r\n      if (categoryIds.length > 0) {\r\n        apiUrl += \"&categories=\" + categoryIds.join(\",\");\r\n      }\r\n\r\n      \/\/ Format date in English (e.g., \"September 8, 2026\")\r\n      function formatDate(dateStr) {\r\n        try {\r\n          var d = new Date(dateStr);\r\n          return d.toLocaleDateString('en-US', {\r\n            year: 'numeric',\r\n            month: 'long',\r\n            day: 'numeric'\r\n          });\r\n        } catch (e) {\r\n          return dateStr;\r\n        }\r\n      }\r\n\r\n      function stripHtml(html) {\r\n        var tmp = document.createElement(\"div\");\r\n        tmp.innerHTML = html;\r\n        return tmp.textContent || tmp.innerText || \"\";\r\n      }\r\n\r\n      function truncate(text, len) {\r\n        if (text.length <= len) return text;\r\n        return text.slice(0, len) + \"\u2026\";\r\n      }\r\n\r\n      function renderPosts(posts) {\r\n        if (!posts || posts.length === 0) {\r\n          container.innerHTML = '<div class=\"bti-ln-error\">\u26a0\ufe0f No English news available at the moment.<\/div>';\r\n          return;\r\n        }\r\n\r\n        var html = \"\";\r\n        posts.forEach(function (post) {\r\n          var thumbnail = \"\";\r\n          if (post._embedded && post._embedded[\"wp:featuredmedia\"]) {\r\n            var media = post._embedded[\"wp:featuredmedia\"][0];\r\n            if (media && media.media_details && media.media_details.sizes) {\r\n              var sizes = media.media_details.sizes;\r\n              thumbnail = sizes.medium_large ? sizes.medium_large.source_url :\r\n                sizes.medium ? sizes.medium.source_url :\r\n                sizes.thumbnail ? sizes.thumbnail.source_url :\r\n                media.source_url;\r\n            } else if (media) {\r\n              thumbnail = media.source_url;\r\n            }\r\n          }\r\n          if (!thumbnail) {\r\n            thumbnail = \"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='400' height='160' viewBox='0 0 400 160'%3E%3Crect width='400' height='160' fill='%231c1d28'\/%3E%3Ctext x='200' y='90' font-family='sans-serif' font-size='14' fill='%23555' text-anchor='middle'%3ENo Image%3C\/text%3E%3C\/svg%3E\";\r\n          }\r\n\r\n          var catsHtml = \"\";\r\n          if (post._embedded && post._embedded[\"wp:term\"]) {\r\n            var terms = post._embedded[\"wp:term\"];\r\n            for (var i = 0; i < terms.length; i++) {\r\n              if (terms[i][0] && terms[i][0].taxonomy === \"category\") {\r\n                terms[i].forEach(function (cat) {\r\n                  catsHtml += '<span class=\"bti-ln-cat\">' + cat.name + '<\/span>';\r\n                });\r\n                break;\r\n              }\r\n            }\r\n          }\r\n\r\n          var excerpt = post.excerpt && post.excerpt.rendered ? stripHtml(post.excerpt.rendered) : \"\";\r\n          excerpt = truncate(excerpt, 120);\r\n\r\n          var title = post.title && post.title.rendered ? stripHtml(post.title.rendered) : \"Untitled\";\r\n          var date = formatDate(post.date);\r\n          var link = post.link || \"#\";\r\n\r\n          html += `\r\n            <a href=\"${link}\" class=\"bti-ln-item\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              <img decoding=\"async\" class=\"bti-ln-thumb\" src=\"${thumbnail}\" alt=\"${title}\" loading=\"lazy\">\r\n              <div class=\"bti-ln-content\">\r\n                <div class=\"bti-ln-cats\">${catsHtml}<\/div>\r\n                <h3>${title}<\/h3>\r\n                <p class=\"bti-ln-excerpt\">${excerpt}<\/p>\r\n                <div class=\"bti-ln-meta\">\r\n                  <span>\ud83d\udcc5 <span class=\"bti-ln-date\">${date}<\/span><\/span>\r\n                  <span>\ud83d\udd17 Read More<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/a>\r\n          `;\r\n        });\r\n\r\n        container.innerHTML = html;\r\n      }\r\n\r\n      function fetchNews() {\r\n        fetch(apiUrl)\r\n          .then(function (res) {\r\n            if (!res.ok) throw new Error(\"Response error: \" + res.status);\r\n            return res.json();\r\n          })\r\n          .then(function (data) {\r\n            renderPosts(data);\r\n          })\r\n          .catch(function (err) {\r\n            console.error(\"BTI News Error:\", err);\r\n            container.innerHTML = '<div class=\"bti-ln-error\">\u26a0\ufe0f Error loading news. Please refresh the page.<\/div>';\r\n          });\r\n      }\r\n\r\n      fetchNews();\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n<!-- \/BTI Latest News (English) -->\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<div class=\"elementor-element elementor-element-8f75851 e-con-full e-flex e-con e-parent\" data-id=\"8f75851\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2f7edaa e-con-full e-flex e-con e-child\" data-id=\"2f7edaa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-518209e elementor-widget elementor-widget-html\" data-id=\"518209e\" 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=\"institute-divider\">\r\n    <div class=\"divider-content\">\r\n        <span class=\"main-title\">Basra Technical Institute of Technology<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    .institute-divider {\r\n        width: 100%;\r\n        max-width: 100%;\r\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        direction: ltr;\r\n        box-sizing: border-box;\r\n        padding: 0 10px;\r\n    }\r\n\r\n    .divider-content {\r\n        background: linear-gradient(145deg, #6B1111, #3F0505);\r\n        color: #ffffff;\r\n        text-align: center;\r\n        padding: 20px 15px;\r\n        border-radius: 12px;\r\n        box-shadow: 0 4px 15px rgba(63, 5, 5, 0.6);\r\n        border-left: 6px solid #46919a;\r\n        transition: 0.3s ease;\r\n    }\r\n\r\n    .main-title {\r\n        display: block;\r\n        font-size: 2rem;\r\n        font-weight: 800;\r\n        letter-spacing: 1px;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .divider-content {\r\n            padding: 15px 12px;\r\n            border-left-width: 4px;\r\n        }\r\n\r\n        .main-title {\r\n            font-size: 1.5rem;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-982ca1a e-con-full e-flex e-con e-parent\" data-id=\"982ca1a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08867c6 hfe-nav-menu__align-center hfe-submenu-icon-arrow hfe-submenu-animation-none hfe-link-redirect-child hfe-nav-menu__breakpoint-tablet elementor-widget elementor-widget-navigation-menu\" data-id=\"08867c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;padding_horizontal_menu_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:24,&quot;sizes&quot;:[]},&quot;menu_space_between&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:16,&quot;sizes&quot;:[]},&quot;menu_row_space&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;dropdown_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;20&quot;,&quot;right&quot;:&quot;20&quot;,&quot;bottom&quot;:&quot;20&quot;,&quot;left&quot;:&quot;20&quot;,&quot;isLinked&quot;:true},&quot;dropdown_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;0&quot;,&quot;right&quot;:&quot;0&quot;,&quot;bottom&quot;:&quot;0&quot;,&quot;left&quot;:&quot;0&quot;,&quot;isLinked&quot;:true},&quot;width_dropdown_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:350,&quot;sizes&quot;:[]},&quot;width_dropdown_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:131,&quot;sizes&quot;:[]},&quot;padding_horizontal_dropdown_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:17,&quot;sizes&quot;:[]},&quot;padding_horizontal_menu_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;menu_space_between_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;padding_vertical_menu_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;padding_horizontal_menu_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_menu_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;padding_vertical_menu_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_space_between_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_row_space_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_row_space_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;dropdown_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;width_dropdown_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_horizontal_dropdown_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_horizontal_dropdown_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_dropdown_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;padding_vertical_dropdown_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_dropdown_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;distance_from_menu&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;distance_from_menu_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;distance_from_menu_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_size&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_size_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_size_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"navigation-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"hfe-nav-menu hfe-layout-horizontal hfe-nav-menu-layout horizontal hfe-pointer__double-line hfe-animation__grow\" data-layout=\"horizontal\">\n\t\t\t\t<div role=\"button\" class=\"hfe-nav-menu__toggle elementor-clickable\" tabindex=\"0\" aria-label=\"Menu Toggle\">\n\t\t\t\t\t<span class=\"screen-reader-text\">Menu<\/span>\n\t\t\t\t\t<div class=\"hfe-nav-menu-icon\">\n\t\t\t\t\t\t<i aria-hidden=\"true\"  class=\"fas fa-align-justify\"><\/i>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<nav itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/SiteNavigationElement\" class=\"hfe-nav-menu__layout-horizontal hfe-nav-menu__submenu-arrow\" data-toggle-icon=\"&lt;i aria-hidden=&quot;true&quot; tabindex=&quot;0&quot; class=&quot;fas fa-align-justify&quot;&gt;&lt;\/i&gt;\" data-close-icon=\"&lt;i aria-hidden=&quot;true&quot; tabindex=&quot;0&quot; class=&quot;far fa-window-close&quot;&gt;&lt;\/i&gt;\" data-full-width=\"yes\">\n\t\t\t\t\t<ul id=\"menu-1-08867c6\" class=\"hfe-nav-menu\"><li id=\"menu-item-41711\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom parent hfe-creative-menu\"><a href=\"https:\/\/bti.stu.edu.iq\/\" itemprop=\"url\" class = \"hfe-menu-item\">Home<\/a><\/li>\n<li id=\"menu-item-41712\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children parent hfe-has-submenu hfe-creative-menu\"><div class=\"hfe-has-submenu-container\" tabindex=\"0\" role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\"><a href=\"#\" itemprop=\"url\" class = \"hfe-menu-item\">Deanship of the College<span class='hfe-menu-toggle sub-arrow hfe-menu-child-0'><i class='fa'><\/i><\/span><\/a><\/div>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-41713\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/bti.stu.edu.iq\/en\/gentlemen-deans-3\/\" itemprop=\"url\" class = \"hfe-sub-menu-item\">Gentlemen Deans<\/a><\/li>\n\t<li id=\"menu-item-41944\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/www.stu.edu.iq\/stafftable\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\" target=\"_blank\" rel=\"noopener\">Faculty Directory<\/a><\/li>\n\t<li id=\"menu-item-41714\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-20-at-12.55.14-PM.jpeg\" itemprop=\"url\" class=\"hfe-sub-menu-item\">College Council Sec.<\/a><\/li>\n\t<li id=\"menu-item-41715\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/www.stu.edu.iq\/wp-content\/uploads\/2025\/05\/Red-and-Yellow-Simple-Vision-and-Mission-Poster.pdf\" itemprop=\"url\" class=\"hfe-sub-menu-item\" target=\"_blank\" rel=\"noopener\">Honor Code<\/a><\/li>\n\t<li id=\"menu-item-41716\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/www.stu.edu.iq\/libraries\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\" target=\"_blank\" rel=\"noopener\">Library<\/a><\/li>\n\t<li id=\"menu-item-41717\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/bti.stu.edu.iq\/en\/%d8%b4%d8%b9%d8%a8%d8%a9-%d8%b6%d9%85%d8%a7%d9%86-%d8%a7%d9%84%d8%ac%d9%88%d8%af%d8%a9-%d9%88%d8%a7%d9%84%d8%a7%d8%af%d8%a7%d8%a1\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\">Quality Assurance Section<\/a><\/li>\n\t<li id=\"menu-item-41718\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/www.stu.edu.iq\/stafftable\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\" target=\"_blank\" rel=\"noopener\">Faculty Info. System<\/a><\/li>\n\t<li id=\"menu-item-41719\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2026\/04\/%D8%AF%D9%84%D9%8A%D9%84-%D8%A7%D9%84%D9%85%D8%AC%D9%84%D8%B3-%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D8%B4%D8%A7%D8%B1%D9%8A-%D8%A7%D9%84%D8%B5%D9%86%D8%A7%D8%B9%D9%8A-2.pdf\" itemprop=\"url\" class=\"hfe-sub-menu-item\">Industrial Adv. Council<\/a><\/li>\n\t<li id=\"menu-item-41720\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/bti.stu.edu.iq\/en\/consultation-office\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\">Consultancy Office<\/a><\/li>\n\t<li id=\"menu-item-41721\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/bti.stu.edu.iq\/%d8%b4%d8%a4%d9%88%d9%86-%d8%a7%d9%84%d8%b7%d9%84%d8%a8%d8%a9-%d9%88%d8%a7%d9%84%d8%ae%d8%b1%d9%8a%d8%ac%d9%8a%d9%86\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\">Student &#038; Alumni Affairs<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-41722\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children parent hfe-has-submenu hfe-creative-menu\"><div class=\"hfe-has-submenu-container\" tabindex=\"0\" role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\"><a href=\"#\" itemprop=\"url\" class = \"hfe-menu-item\">Departments<span class='hfe-menu-toggle sub-arrow hfe-menu-child-0'><i class='fa'><\/i><\/span><\/a><\/div>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-41723\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/bti.stu.edu.iq\/en\/electrical-electronics-eng\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\">Dep of Electrical and Electronic Engineering Techniques<\/a><\/li>\n\t<li id=\"menu-item-41724\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/bti.stu.edu.iq\/en\/chemical-petroleum-eng\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\">Dep of Chemical and Petroleum<\/a><\/li>\n\t<li id=\"menu-item-41725\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/bti.stu.edu.iq\/en\/chemical-petroleum-eng\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\">Dep of Computer and AI Engineering Techniques<\/a><\/li>\n\t<li id=\"menu-item-41726\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/bti.stu.edu.iq\/en\/mechanical-engineering-technology\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\">Dep of Mechanical Engineering Techniques<\/a><\/li>\n\t<li id=\"menu-item-41727\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/bti.stu.edu.iq\/en\/surveying-engineering\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\">Dep of Surveying Engineering Techniques<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-41728\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children parent hfe-has-submenu hfe-creative-menu\"><div class=\"hfe-has-submenu-container\" tabindex=\"0\" role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\"><a href=\"#\" itemprop=\"url\" class = \"hfe-menu-item\">Scientific Activities<span class='hfe-menu-toggle sub-arrow hfe-menu-child-0'><i class='fa'><\/i><\/span><\/a><\/div>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-41729\" itemprop=\"name\" class=\"menu-item menu-item-type-taxonomy menu-item-object-category hfe-creative-menu\"><a href=\"https:\/\/bti.stu.edu.iq\/en\/category\/scientific-activities\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\">Scientific activities<\/a><\/li>\n\t<li id=\"menu-item-41730\" itemprop=\"name\" class=\"menu-item menu-item-type-taxonomy menu-item-object-category hfe-creative-menu\"><a href=\"https:\/\/bti.stu.edu.iq\/en\/category\/news\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\">News<\/a><\/li>\n\t<li id=\"menu-item-41731\" itemprop=\"name\" class=\"menu-item menu-item-type-taxonomy menu-item-object-category hfe-creative-menu\"><a href=\"https:\/\/bti.stu.edu.iq\/en\/category\/community-service\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\">Community Service<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-41732\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children parent hfe-has-submenu hfe-creative-menu\"><div class=\"hfe-has-submenu-container\" tabindex=\"0\" role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\"><a href=\"#\" itemprop=\"url\" class = \"hfe-menu-item\">E-Services<span class='hfe-menu-toggle sub-arrow hfe-menu-child-0'><i class='fa'><\/i><\/span><\/a><\/div>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-41976\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/gadmission.stu.edu.iq\/digital%20repository\/examples\/teach\/repository.php\" itemprop=\"url\" class=\"hfe-sub-menu-item\" target=\"_blank\" rel=\"noopener\">Institutional Repository<\/a><\/li>\n\t<li id=\"menu-item-41978\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/es.stu.edu.iq\/support_ticket\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\" target=\"_blank\" rel=\"noopener\">IT Support<\/a><\/li>\n\t<li id=\"menu-item-41733\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/ur.gov.iq\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\" target=\"_blank\" rel=\"noopener\">UR Portal<\/a><\/li>\n\t<li id=\"menu-item-41734\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/bti.stu.edu.iq\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\">Contact Us<\/a><\/li>\n\t<li id=\"menu-item-41735\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/maps.app.goo.gl\/dfHHeWpd8ya3a7hW8\" itemprop=\"url\" class=\"hfe-sub-menu-item\" target=\"_blank\" rel=\"noopener\">Location<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-41736\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children parent hfe-has-submenu hfe-creative-menu\"><div class=\"hfe-has-submenu-container\" tabindex=\"0\" role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\"><a href=\"#\" itemprop=\"url\" class = \"hfe-menu-item\">About University<span class='hfe-menu-toggle sub-arrow hfe-menu-child-0'><i class='fa'><\/i><\/span><\/a><\/div>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-41737\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/www.stu.edu.iq\/en\/about-the-university\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\" target=\"_blank\" rel=\"noopener\">About STU<\/a><\/li>\n\t<li id=\"menu-item-41738\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/www.stu.edu.iq\/en\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\" target=\"_blank\" rel=\"noopener\">Academics<\/a><\/li>\n\t<li id=\"menu-item-41739\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/www.stu.edu.iq\/en\/university-guide\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\" target=\"_blank\" rel=\"noopener\">University Guide<\/a><\/li>\n\t<li id=\"menu-item-41740\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/www.stu.edu.iq\/en\/courses-guide\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\" target=\"_blank\" rel=\"noopener\">Course Catalog<\/a><\/li>\n\t<li id=\"menu-item-41741\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/www.stu.edu.iq\/%d8%a7%d9%84%d9%85%d9%86%d8%ad-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d9%8a%d8%a9-%d9%84%d9%84%d8%b7%d9%84%d8%a8%d8%a9-%d8%a7%d9%84%d8%a3%d8%ac%d8%a7%d9%86%d8%a8\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\" target=\"_blank\" rel=\"noopener\">Study in Iraq for International Students<\/a><\/li>\n\t<li id=\"menu-item-41742\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/www.stu.edu.iq\/en\/student-affairs-procedures-guide-ar\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\" target=\"_blank\" rel=\"noopener\">Student Affairs Procedures Guide<\/a><\/li>\n\t<li id=\"menu-item-41743\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/www.stu.edu.iq\/en\/scientific-promotions\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\" target=\"_blank\" rel=\"noopener\">Academic Promotions<\/a><\/li>\n\t<li id=\"menu-item-41744\" itemprop=\"name\" class=\"menu-item menu-item-type-custom menu-item-object-custom hfe-creative-menu\"><a href=\"https:\/\/www.stu.edu.iq\/en\/student-affairs-procedures-guide-ar\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\" target=\"_blank\" rel=\"noopener\">Admission &#038; Registration Requirements<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-wpml-ls-165-en\" itemprop=\"name\" class=\"menu-item wpml-ls-slot-165 wpml-ls-item wpml-ls-item-en wpml-ls-current-language wpml-ls-menu-item wpml-ls-last-item menu-item-type-wpml_ls_menu_item menu-item-object-wpml_ls_menu_item menu-item-has-children parent hfe-has-submenu hfe-creative-menu\"><div class=\"hfe-has-submenu-container\" tabindex=\"0\" role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\"><a title=\"English\" href=\"https:\/\/bti.stu.edu.iq\/en\/\" itemprop=\"url\" class=\"hfe-menu-item\"><img decoding=\"async\"\n            class=\"wpml-ls-flag\"\n            src=\"https:\/\/bti.stu.edu.iq\/wp-content\/plugins\/sitepress-multilingual-cms\/res\/flags\/en.svg\"\n            alt=\"\"\n            \n            \n    \/><span class=\"wpml-ls-native\" lang=\"en\">English<\/span><span class='hfe-menu-toggle sub-arrow hfe-menu-child-0'><i class='fa'><\/i><\/span><\/a><\/div>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-wpml-ls-165-ar\" itemprop=\"name\" class=\"menu-item wpml-ls-slot-165 wpml-ls-item wpml-ls-item-ar wpml-ls-menu-item wpml-ls-first-item menu-item-type-wpml_ls_menu_item menu-item-object-wpml_ls_menu_item hfe-creative-menu\"><a title=\"\u0627\u0644\u0639\u0631\u0628\u064a\u0629\" href=\"https:\/\/bti.stu.edu.iq\/\" itemprop=\"url\" class=\"hfe-sub-menu-item\"><img decoding=\"async\"\n            class=\"wpml-ls-flag\"\n            src=\"https:\/\/bti.stu.edu.iq\/wp-content\/plugins\/sitepress-multilingual-cms\/res\/flags\/ar.svg\"\n            alt=\"\"\n            \n            \n    \/><span class=\"wpml-ls-native\" lang=\"ar\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/span><\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul> \n\t\t\t\t<\/nav>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d5afa3c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d5afa3c\" 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-8804f1f\" data-id=\"8804f1f\" 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-cd7d8c9 elementor-widget elementor-widget-html\" data-id=\"cd7d8c9\" 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<!-- WordPress HTML Block \u2014 BTI Visitors Stats (Brand Colors \u2014 Hero Style) -->\n<section class=\"bti-visitors-stats\" dir=\"ltr\" lang=\"en\" aria-label=\"Visitor Statistics\">\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\n  <style>\n    body.wp-theme-edubin .bti-visitors-stats,\n    .bti-visitors-stats {\n      --bti-red: #9b2b2c;\n      --bti-red-dark: #7a2223;\n      --bti-red-glow: rgba(155, 43, 44, 0.4);\n      --bti-teal: #308c94;\n      --bti-teal-dark: #256b72;\n      --bti-teal-glow: rgba(48, 140, 148, 0.4);\n      --bti-bg: #14151c;\n      --bti-bg-soft: #1c1d28;\n      --bti-text: #f4f6f8;\n      --bti-text-muted: #b8c0c8;\n      --bti-card: rgba(28, 29, 40, 0.88);\n      --bti-border: rgba(255, 255, 255, 0.1);\n      --bti-gradient: linear-gradient(135deg, var(--bti-red) 0%, #c43a3b 45%, var(--bti-teal) 100%);\n      --bti-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);\n      --bti-radius: 18px;\n      --bti-gap: 1.15rem;\n\n      direction: ltr;\n      position: relative;\n      width: 100%;\n      max-width: 1440px;\n      margin: 0 auto !important;\n      padding: clamp(1.75rem, 4vw, 2.75rem) clamp(1rem, 3vw, 2rem);\n      box-sizing: border-box;\n      isolation: isolate;\n      overflow: hidden;\n      font-family: \"Inter\", \"Segoe UI\", Tahoma, sans-serif;\n      color: var(--bti-text);\n    }\n\n    body.wp-theme-edubin .bti-visitors-stats .bti-v-bg,\n    .bti-visitors-stats .bti-v-bg {\n      position: absolute;\n      inset: 0;\n      z-index: 0;\n      border-radius: var(--bti-radius);\n      border: 1px solid var(--bti-border);\n      background:\n        radial-gradient(ellipse 65% 50% at 0% 0%, var(--bti-red-glow), transparent 55%),\n        radial-gradient(ellipse 60% 45% at 100% 100%, var(--bti-teal-glow), transparent 50%),\n        linear-gradient(155deg, var(--bti-bg) 0%, var(--bti-bg-soft) 50%, #101118 100%);\n      box-shadow: var(--bti-shadow);\n      pointer-events: none;\n    }\n\n    body.wp-theme-edubin .bti-visitors-stats .bti-v-bg::after,\n    .bti-visitors-stats .bti-v-bg::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      border-radius: inherit;\n      opacity: 0.3;\n      background-image:\n        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);\n      background-size: 44px 44px;\n    }\n\n    body.wp-theme-edubin .bti-visitors-stats .bti-v-glow,\n    .bti-visitors-stats .bti-v-glow {\n      position: absolute;\n      width: 320px;\n      height: 320px;\n      border-radius: 50%;\n      filter: blur(70px);\n      opacity: 0.3;\n      pointer-events: none;\n      z-index: 0;\n    }\n    body.wp-theme-edubin .bti-visitors-stats .bti-v-glow--red,\n    .bti-visitors-stats .bti-v-glow--red {\n      top: -80px;\n      left: -60px;\n      background: var(--bti-red);\n    }\n    body.wp-theme-edubin .bti-visitors-stats .bti-v-glow--teal,\n    .bti-visitors-stats .bti-v-glow--teal {\n      bottom: -100px;\n      right: -70px;\n      background: var(--bti-teal);\n    }\n\n    body.wp-theme-edubin .bti-visitors-stats .bti-v-stats-grid,\n    .bti-visitors-stats .bti-v-stats-grid {\n      position: relative;\n      z-index: 2;\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: var(--bti-gap);\n      width: 100%;\n    }\n\n    body.wp-theme-edubin .bti-visitors-stats .bti-v-stat-card,\n    .bti-visitors-stats .bti-v-stat-card {\n      position: relative;\n      text-align: center;\n      padding: 1.35rem 1rem 1.2rem;\n      background: var(--bti-card);\n      border: 1px solid var(--bti-border);\n      border-radius: 14px;\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n      box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25);\n      overflow: hidden;\n      opacity: 1 !important;\n      visibility: visible !important;\n      display: block !important;\n      transform: translateY(0);\n      animation: btiVFadeUp 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;\n      transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n    }\n\n    body.wp-theme-edubin .bti-visitors-stats .bti-v-stat-card:nth-child(1),\n    .bti-visitors-stats .bti-v-stat-card:nth-child(1) { animation-delay: 0.05s; --bti-card-accent: var(--bti-red); --bti-card-accent-2: #c43a3b; }\n    body.wp-theme-edubin .bti-visitors-stats .bti-v-stat-card:nth-child(2),\n    .bti-visitors-stats .bti-v-stat-card:nth-child(2) { animation-delay: 0.12s; --bti-card-accent: var(--bti-teal); --bti-card-accent-2: #3aa3ab; }\n    body.wp-theme-edubin .bti-visitors-stats .bti-v-stat-card:nth-child(3),\n    .bti-visitors-stats .bti-v-stat-card:nth-child(3) { animation-delay: 0.19s; --bti-card-accent: var(--bti-teal-dark); --bti-card-accent-2: var(--bti-teal); }\n    body.wp-theme-edubin .bti-visitors-stats .bti-v-stat-card:nth-child(4),\n    .bti-visitors-stats .bti-v-stat-card:nth-child(4) { animation-delay: 0.26s; --bti-card-accent: var(--bti-red-dark); --bti-card-accent-2: var(--bti-red); }\n\n    @keyframes btiVFadeUp {\n      from { opacity: 0; transform: translateY(16px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    body.wp-theme-edubin .bti-visitors-stats .bti-v-stat-card::before,\n    .bti-visitors-stats .bti-v-stat-card::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--bti-card-accent), var(--bti-card-accent-2));\n      opacity: 0.9;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n      body.wp-theme-edubin .bti-visitors-stats .bti-v-stat-card:hover,\n      .bti-visitors-stats .bti-v-stat-card:hover {\n        transform: translateY(-6px);\n        border-color: rgba(48, 140, 148, 0.45);\n        box-shadow: 0 16px 36px rgba(48, 140, 148, 0.18), 0 6px 20px rgba(155, 43, 44, 0.12);\n      }\n    }\n\n    body.wp-theme-edubin .bti-visitors-stats .bti-v-icon-wrap,\n    .bti-visitors-stats .bti-v-icon-wrap {\n      width: 44px;\n      height: 44px;\n      margin: 0 auto 0.85rem;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      background: rgba(48, 140, 148, 0.15);\n      border: 2px solid var(--bti-card-accent, var(--bti-teal));\n      box-shadow: 0 0 0 1px rgba(155, 43, 44, 0.25);\n      transition: transform 0.3s ease;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n      body.wp-theme-edubin .bti-visitors-stats .bti-v-stat-card:hover .bti-v-icon-wrap,\n      .bti-visitors-stats .bti-v-stat-card:hover .bti-v-icon-wrap {\n        transform: scale(1.06);\n      }\n    }\n\n    body.wp-theme-edubin .bti-visitors-stats .bti-v-icon,\n    .bti-visitors-stats .bti-v-icon {\n      font-size: 1.35rem;\n      line-height: 1;\n      display: block !important;\n      opacity: 1 !important;\n      visibility: visible !important;\n    }\n\n    body.wp-theme-edubin .bti-visitors-stats .bti-v-stat-number,\n    .bti-visitors-stats .bti-v-stat-number {\n      margin: 0.25rem 0;\n      font-size: clamp(1.5rem, 2.5vw, 2.1rem);\n      font-weight: 800;\n      line-height: 1.2;\n      color: #fff !important;\n      -webkit-text-fill-color: #fff !important;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 0.15rem;\n      min-height: 2.4rem;\n      direction: ltr;\n      unicode-bidi: plaintext;\n    }\n\n    body.wp-theme-edubin .bti-visitors-stats .bti-v-counter,\n    .bti-visitors-stats .bti-v-counter {\n      display: inline-block;\n      color: #fff !important;\n      opacity: 1 !important;\n      visibility: visible !important;\n    }\n\n    body.wp-theme-edubin .bti-visitors-stats .bti-v-plus,\n    .bti-visitors-stats .bti-v-plus {\n      font-size: 0.65em;\n      color: var(--bti-teal) !important;\n      opacity: 0.95;\n    }\n\n    body.wp-theme-edubin .bti-visitors-stats .bti-v-stat-label,\n    .bti-visitors-stats .bti-v-stat-label {\n      margin-top: 0.35rem;\n      font-size: 0.92rem;\n      font-weight: 600;\n      color: var(--bti-text-muted) !important;\n      opacity: 1 !important;\n      visibility: visible !important;\n    }\n\n    @media (max-width: 992px) {\n      body.wp-theme-edubin .bti-visitors-stats,\n      .bti-visitors-stats {\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n      }\n      body.wp-theme-edubin .bti-visitors-stats .bti-v-stats-grid,\n      .bti-visitors-stats .bti-v-stats-grid {\n        grid-template-columns: repeat(4, minmax(155px, 1fr));\n        min-width: 680px;\n      }\n      body.wp-theme-edubin .bti-visitors-stats .bti-v-stat-card,\n      .bti-visitors-stats .bti-v-stat-card {\n        padding: 1.1rem 0.75rem;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      body.wp-theme-edubin .bti-visitors-stats .bti-v-stat-card,\n      .bti-visitors-stats .bti-v-stat-card {\n        animation: none !important;\n        transform: none !important;\n      }\n    }\n\n    .elementor-widget-html .bti-visitors-stats .bti-v-stats-grid,\n    .elementor .bti-visitors-stats .bti-v-stats-grid {\n      position: relative;\n      z-index: 2;\n    }\n    .elementor-widget-html .bti-visitors-stats .bti-v-stat-card,\n    .elementor .bti-visitors-stats .bti-v-stat-card {\n      display: block !important;\n      opacity: 1 !important;\n      visibility: visible !important;\n    }\n  <\/style>\n\n  <div class=\"bti-v-bg\" aria-hidden=\"true\"><\/div>\n  <span class=\"bti-v-glow bti-v-glow--red\" aria-hidden=\"true\"><\/span>\n  <span class=\"bti-v-glow bti-v-glow--teal\" aria-hidden=\"true\"><\/span>\n\n  <div class=\"bti-v-stats-grid\" role=\"list\" aria-live=\"polite\">\n\n    <div class=\"bti-v-stat-card\" role=\"listitem\">\n      <div class=\"bti-v-icon-wrap\">\n        <span class=\"bti-v-icon\" aria-hidden=\"true\">\ud83d\udc41\ufe0f<\/span>\n      <\/div>\n      <div class=\"bti-v-stat-number\">\n        <span class=\"bti-v-counter\" data-target=\"12458\">12,458<\/span>\n        <span class=\"bti-v-plus\" aria-hidden=\"true\">+<\/span>\n      <\/div>\n      <div class=\"bti-v-stat-label\">Total Visits<\/div>\n    <\/div>\n\n    <div class=\"bti-v-stat-card\" role=\"listitem\">\n      <div class=\"bti-v-icon-wrap\">\n        <span class=\"bti-v-icon\" aria-hidden=\"true\">\ud83c\udf0d<\/span>\n      <\/div>\n      <div class=\"bti-v-stat-number\">\n        <span class=\"bti-v-counter\" data-target=\"8742\">8,742<\/span>\n        <span class=\"bti-v-plus\" aria-hidden=\"true\">+<\/span>\n      <\/div>\n      <div class=\"bti-v-stat-label\">Total Visitors<\/div>\n    <\/div>\n\n    <div class=\"bti-v-stat-card\" role=\"listitem\">\n      <div class=\"bti-v-icon-wrap\">\n        <span class=\"bti-v-icon\" aria-hidden=\"true\">\ud83d\udcc8<\/span>\n      <\/div>\n      <div class=\"bti-v-stat-number\">\n        <span class=\"bti-v-counter\" data-target=\"2345\">2,345<\/span>\n        <span class=\"bti-v-plus\" aria-hidden=\"true\">+<\/span>\n      <\/div>\n      <div class=\"bti-v-stat-label\">Visitors This Month<\/div>\n    <\/div>\n\n    <div class=\"bti-v-stat-card\" role=\"listitem\">\n      <div class=\"bti-v-icon-wrap\">\n        <span class=\"bti-v-icon\" aria-hidden=\"true\">\ud83d\udc65<\/span>\n      <\/div>\n      <div class=\"bti-v-stat-number\">\n        <span class=\"bti-v-counter\" data-target=\"187\">187<\/span>\n        <span class=\"bti-v-plus\" aria-hidden=\"true\">+<\/span>\n      <\/div>\n      <div class=\"bti-v-stat-label\">Visitors Yesterday<\/div>\n    <\/div>\n\n  <\/div>\n\n  <script>\n    (function () {\n      \"use strict\";\n      var root = document.querySelector(\".bti-visitors-stats\");\n      if (!root) return;\n\n      function formatNum(n) {\n        try { return n.toLocaleString(\"en-US\"); }\n        catch (e) { return n.toLocaleString(); }\n      }\n\n      function animateCounter(el, target) {\n        var dur = 1800;\n        var t0 = performance.now();\n        function ease(t) { return t * (2 - t); }\n        function tick(now) {\n          var p = Math.min((now - t0) \/ dur, 1);\n          el.textContent = formatNum(Math.floor(target * ease(p)));\n          if (p < 1) requestAnimationFrame(tick);\n          else el.textContent = formatNum(target);\n        }\n        el.textContent = formatNum(0);\n        requestAnimationFrame(tick);\n      }\n\n      function run() {\n        root.querySelectorAll(\".bti-v-counter\").forEach(function (el) {\n          var n = parseInt(el.getAttribute(\"data-target\") || \"0\", 10);\n          if (!isNaN(n) && n > 0) animateCounter(el, n);\n        });\n      }\n\n      if (\"IntersectionObserver\" in window) {\n        var done = false;\n        var io = new IntersectionObserver(function (entries) {\n          entries.forEach(function (e) {\n            if (e.isIntersecting && !done) {\n              done = true;\n              run();\n              io.disconnect();\n            }\n          });\n        }, { threshold: 0.15 });\n        io.observe(root);\n      } else {\n        run();\n      }\n    })();\n  <\/script>\n<\/section>\n<!-- \/BTI Visitors Stats -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ff5071 elementor-widget elementor-widget-html\" data-id=\"9ff5071\" 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<!-- WordPress HTML Block \u2014 BTI Hero (English Academic Version) -->\r\n<section class=\"bti-hero\" aria-label=\"Institute Featured Links\" dir=\"ltr\" lang=\"en\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    body.wp-theme-edubin .bti-hero {\r\n      --bti-red: #9b2b2c;\r\n      --bti-red-dark: #7a2223;\r\n      --bti-red-glow: rgba(155, 43, 44, 0.45);\r\n      --bti-teal: #308c94;\r\n      --bti-teal-dark: #256b72;\r\n      --bti-teal-glow: rgba(48, 140, 148, 0.45);\r\n      --bti-ink: #333333;\r\n      --bti-bg: #14151c;\r\n      --bti-bg-soft: #1c1d28;\r\n      --bti-text: #f4f6f8;\r\n      --bti-text-muted: #b8c0c8;\r\n      --bti-card: rgba(28, 29, 40, 0.82);\r\n      --bti-card-hover: rgba(38, 40, 56, 0.92);\r\n      --bti-border: rgba(255, 255, 255, 0.09);\r\n      --bti-gradient: linear-gradient(135deg, var(--bti-red) 0%, #c43a3b 42%, var(--bti-teal) 100%);\r\n      --bti-gradient-soft: linear-gradient(120deg, rgba(155, 43, 44, 0.22), rgba(48, 140, 148, 0.18));\r\n      --bti-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);\r\n      --bti-shadow-hover: 0 20px 50px rgba(48, 140, 148, 0.22), 0 8px 24px rgba(155, 43, 44, 0.18);\r\n      --bti-radius: 16px;\r\n      --bti-gap: 1.35rem;\r\n\r\n      direction: ltr;\r\n      position: relative;\r\n      width: 100%;\r\n      padding: clamp(2rem, 5vw, 3.25rem) 0;\r\n      margin: 0 !important;\r\n      box-sizing: border-box;\r\n      isolation: isolate;\r\n      overflow: hidden;\r\n      font-family: \"Inter\", \"Segoe UI\", Tahoma, sans-serif;\r\n    }\r\n\r\n    body.wp-theme-edubin .bti-hero::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -3;\r\n      background:\r\n        radial-gradient(ellipse 70% 55% at 0% 0%, var(--bti-red-glow), transparent 55%),\r\n        radial-gradient(ellipse 65% 50% at 100% 100%, var(--bti-teal-glow), transparent 50%),\r\n        linear-gradient(165deg, var(--bti-bg) 0%, var(--bti-bg-soft) 48%, #12131a 100%);\r\n    }\r\n\r\n    body.wp-theme-edubin .bti-hero::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -2;\r\n      opacity: 0.35;\r\n      background-image:\r\n        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\r\n      background-size: 48px 48px;\r\n      mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, #000 20%, transparent 75%);\r\n    }\r\n\r\n    body.wp-theme-edubin .bti-hero .bti-hero-glow {\r\n      position: absolute;\r\n      width: 420px;\r\n      height: 420px;\r\n      border-radius: 50%;\r\n      filter: blur(80px);\r\n      opacity: 0.35;\r\n      pointer-events: none;\r\n      z-index: -1;\r\n    }\r\n    body.wp-theme-edubin .bti-hero .bti-hero-glow--red {\r\n      top: -120px;\r\n      left: -80px;\r\n      background: var(--bti-red);\r\n    }\r\n    body.wp-theme-edubin .bti-hero .bti-hero-glow--teal {\r\n      bottom: -140px;\r\n      right: -100px;\r\n      background: var(--bti-teal);\r\n    }\r\n\r\n    body.wp-theme-edubin .bti-hero .bti-cards-container {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 100%;\r\n      max-width: 1440px;\r\n      margin: 0 auto;\r\n      padding: 0 clamp(1rem, 3vw, 2rem);\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    body.wp-theme-edubin .bti-hero .bti-cards {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: var(--bti-gap);\r\n      grid-auto-rows: 1fr;\r\n      box-sizing: border-box;\r\n      width: 100%;\r\n    }\r\n\r\n    body.wp-theme-edubin .bti-hero .bti-card {\r\n      position: relative;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      text-align: center;\r\n      min-width: 0;\r\n      height: 100%;\r\n      padding: 1.65rem 1.35rem 1.5rem;\r\n      text-decoration: none;\r\n      color: var(--bti-text);\r\n      background: var(--bti-card);\r\n      border: 1px solid var(--bti-border);\r\n      border-radius: var(--bti-radius);\r\n      backdrop-filter: blur(14px);\r\n      -webkit-backdrop-filter: blur(14px);\r\n      box-shadow: var(--bti-shadow);\r\n      overflow: hidden;\r\n      transition:\r\n        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),\r\n        box-shadow 0.35s ease,\r\n        border-color 0.35s ease,\r\n        background 0.35s ease;\r\n      opacity: 1 !important;\r\n      visibility: visible !important;\r\n      display: flex !important;\r\n      transform: translateY(0);\r\n      animation: btiFadeUp 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;\r\n    }\r\n\r\n    body.wp-theme-edubin .bti-hero .bti-card:nth-child(1) { animation-delay: 0.04s; }\r\n    body.wp-theme-edubin .bti-hero .bti-card:nth-child(2) { animation-delay: 0.1s; }\r\n    body.wp-theme-edubin .bti-hero .bti-card:nth-child(3) { animation-delay: 0.16s; }\r\n    body.wp-theme-edubin .bti-hero .bti-card:nth-child(4) { animation-delay: 0.22s; }\r\n    body.wp-theme-edubin .bti-hero .bti-card:nth-child(5) { animation-delay: 0.28s; }\r\n    body.wp-theme-edubin .bti-hero .bti-card:nth-child(6) { animation-delay: 0.34s; }\r\n\r\n    body.wp-theme-edubin .bti-hero .bti-card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 3px;\r\n      background: var(--bti-gradient);\r\n      opacity: 0.85;\r\n      transition: height 0.3s ease, opacity 0.3s ease;\r\n    }\r\n\r\n    body.wp-theme-edubin .bti-hero .bti-card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: var(--bti-gradient-soft);\r\n      opacity: 0;\r\n      transition: opacity 0.35s ease;\r\n      pointer-events: none;\r\n    }\r\n\r\n    @keyframes btiFadeUp {\r\n      from { opacity: 0; transform: translateY(18px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @media (hover: hover) and (pointer: fine) {\r\n      body.wp-theme-edubin .bti-hero .bti-card:hover {\r\n        transform: translateY(-8px) scale(1.02);\r\n        border-color: rgba(48, 140, 148, 0.55);\r\n        background: var(--bti-card-hover);\r\n        box-shadow: var(--bti-shadow-hover);\r\n      }\r\n      body.wp-theme-edubin .bti-hero .bti-card:hover::before {\r\n        height: 5px;\r\n        opacity: 1;\r\n      }\r\n      body.wp-theme-edubin .bti-hero .bti-card:hover::after {\r\n        opacity: 1;\r\n      }\r\n      body.wp-theme-edubin .bti-hero .bti-card:hover .bti-icon {\r\n        transform: scale(1.05);\r\n        border-color: var(--bti-red);\r\n      }\r\n    }\r\n\r\n    @media (hover: none) and (pointer: coarse) {\r\n      body.wp-theme-edubin .bti-hero .bti-card:active {\r\n        transform: scale(0.98);\r\n        border-color: var(--bti-teal);\r\n      }\r\n    }\r\n\r\n    body.wp-theme-edubin .bti-hero .bti-card:focus-visible {\r\n      outline: 2px solid var(--bti-teal);\r\n      outline-offset: 4px;\r\n    }\r\n\r\n    body.wp-theme-edubin .bti-hero .bti-icon {\r\n      width: 40px;\r\n      height: 40px;\r\n      margin-bottom: 0.75rem;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-shrink: 0;\r\n      background: rgba(48, 140, 148, 0.18);\r\n      border: 2px solid var(--bti-teal);\r\n      box-shadow: 0 0 0 1px rgba(155, 43, 44, 0.35);\r\n      transition: transform 0.3s ease, border-color 0.3s ease;\r\n    }\r\n\r\n    body.wp-theme-edubin .bti-hero .bti-icon svg {\r\n      display: block !important;\r\n      width: 20px !important;\r\n      height: 20px !important;\r\n      max-width: none !important;\r\n      flex-shrink: 0;\r\n      fill: none !important;\r\n      stroke: #f4f6f8 !important;\r\n      color: #f4f6f8 !important;\r\n      visibility: visible !important;\r\n      opacity: 1 !important;\r\n    }\r\n\r\n    body.wp-theme-edubin .bti-hero .bti-icon svg path,\r\n    body.wp-theme-edubin .bti-hero .bti-icon svg circle,\r\n    body.wp-theme-edubin .bti-hero .bti-icon svg line,\r\n    body.wp-theme-edubin .bti-hero .bti-icon svg polyline,\r\n    body.wp-theme-edubin .bti-hero .bti-icon svg rect {\r\n      stroke: #f4f6f8 !important;\r\n      fill: none !important;\r\n    }\r\n\r\n    body.wp-theme-edubin .bti-hero .bti-card h3 {\r\n      position: relative;\r\n      z-index: 1;\r\n      margin: 0 0 0.55rem;\r\n      font-size: 1.12rem;\r\n      font-weight: 800;\r\n      line-height: 1.35;\r\n      color: #fff !important;\r\n      -webkit-text-fill-color: #fff !important;\r\n      background: none !important;\r\n    }\r\n\r\n    body.wp-theme-edubin .bti-hero .bti-card p {\r\n      position: relative;\r\n      z-index: 1;\r\n      margin: 0;\r\n      font-size: 0.88rem;\r\n      line-height: 1.65;\r\n      color: var(--bti-text-muted) !important;\r\n      opacity: 1 !important;\r\n      visibility: visible !important;\r\n    }\r\n\r\n    body.wp-theme-edubin .bti-hero .bti-card-badge {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 0.35rem;\r\n      margin-top: 0.85rem;\r\n      padding: 0.35rem 0.75rem;\r\n      font-size: 0.72rem;\r\n      font-weight: 700;\r\n      color: var(--bti-teal);\r\n      background: rgba(48, 140, 148, 0.12);\r\n      border: 1px solid rgba(48, 140, 148, 0.28);\r\n      border-radius: 999px;\r\n      transition: background 0.3s, color 0.3s;\r\n    }\r\n\r\n    body.wp-theme-edubin .bti-hero .bti-card:hover .bti-card-badge {\r\n      color: #fff;\r\n      background: linear-gradient(135deg, var(--bti-red), var(--bti-teal));\r\n      border-color: transparent;\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n      body.wp-theme-edubin .bti-hero .bti-cards {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n      body.wp-theme-edubin .bti-hero .bti-card {\r\n        padding: 1.15rem 0.85rem 1.1rem;\r\n      }\r\n      body.wp-theme-edubin .bti-hero .bti-card h3 { font-size: 0.95rem; }\r\n      body.wp-theme-edubin .bti-hero .bti-card p { font-size: 0.8rem; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      body.wp-theme-edubin .bti-hero .bti-cards {\r\n        grid-template-columns: 1fr;\r\n      }\r\n      body.wp-theme-edubin .bti-hero .bti-card {\r\n        padding: 1.2rem 0.9rem 1rem;\r\n      }\r\n      body.wp-theme-edubin .bti-hero .bti-card h3 { font-size: 1rem; }\r\n      body.wp-theme-edubin .bti-hero .bti-card p { font-size: 0.8rem; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      body.wp-theme-edubin .bti-hero .bti-card {\r\n        transition: none !important;\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n        animation: none !important;\r\n      }\r\n    }\r\n\r\n    .elementor-widget-html .bti-hero .bti-cards-container,\r\n    .elementor .bti-hero .bti-cards-container {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n    .elementor-widget-html .bti-hero .bti-card,\r\n    .elementor .bti-hero .bti-card {\r\n      display: flex !important;\r\n      opacity: 1 !important;\r\n      visibility: visible !important;\r\n      pointer-events: auto !important;\r\n    }\r\n    .elementor-widget-html .bti-hero .bti-card h3,\r\n    .elementor-widget-html .bti-hero .bti-card p,\r\n    .elementor .bti-hero .bti-card h3,\r\n    .elementor .bti-hero .bti-card p {\r\n      opacity: 1 !important;\r\n      visibility: visible !important;\r\n    }\r\n  <\/style>\r\n\r\n  <span class=\"bti-hero-glow bti-hero-glow--red\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"bti-hero-glow bti-hero-glow--teal\" aria-hidden=\"true\"><\/span>\r\n\r\n  <div class=\"bti-cards-container\">\r\n    <div class=\"bti-cards\">\r\n\r\n      <!-- Dean's Message -->\r\n      <a href=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2026\/09\/%D9%83%D9%84%D9%85%D8%A9-%D8%A7%D9%84%D8%B3%D9%8A%D8%AF-eng.pdf\" class=\"bti-card\" aria-label=\"Dean&#039;s Message\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n        <div class=\"bti-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\r\n            <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Dean's Message<\/h3>\r\n        <p>A welcome message from the Dean of Basra Technical Institute of Technology<\/p>\r\n        <span class=\"bti-card-badge\">View<\/span>\r\n      <\/a>\r\n\r\n      <!-- Vision & Mission -->\r\n      <a href=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2026\/09\/%D8%B1%D8%A4%D9%8A%D8%A9-%D9%88%D8%B1%D8%B3%D8%A7%D9%84%D8%A9-eng.pdf\" class=\"bti-card\" aria-label=\"Vision and Mission\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n        <div class=\"bti-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\r\n            <line x1=\"8\" y1=\"10\" x2=\"16\" y2=\"10\"><\/line>\r\n            <line x1=\"8\" y1=\"14\" x2=\"14\" y2=\"14\"><\/line>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Vision &amp; Mission<\/h3>\r\n        <p>Learn about our vision and mission for academic and research excellence<\/p>\r\n        <span class=\"bti-card-badge\">View<\/span>\r\n      <\/a>\r\n\r\n      <!-- Our Values & Honor Code -->\r\n      <a href=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2026\/09\/%D9%85%D9%8A%D8%AB%D8%A7%D9%82-%D8%A7%D9%84%D8%B4%D8%B1%D9%81.pdf\" class=\"bti-card\" aria-label=\"Our Values and Honor Code\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n        <div class=\"bti-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <circle cx=\"12\" cy=\"8\" r=\"7\"><\/circle>\r\n            <polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.89\"><\/polyline>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Our Values &amp; Honor Code<\/h3>\r\n        <p>The ethical and professional values we uphold in our academic journey<\/p>\r\n        <span class=\"bti-card-badge\">View<\/span>\r\n      <\/a>\r\n\r\n      <!-- Strategic Plan -->\r\n      <a href=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2026\/09\/Strategic-plan-English-version-.pdf\" class=\"bti-card\" aria-label=\"Strategic Plan\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n        <div class=\"bti-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\r\n            <polyline points=\"14 2 14 8 20 8\"><\/polyline>\r\n            <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\r\n            <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Strategic Plan<\/h3>\r\n        <p>The institute's future vision and strategic objectives<\/p>\r\n        <span class=\"bti-card-badge\">View<\/span>\r\n      <\/a>\r\n\r\n      <!-- About the Institute -->\r\n      <a href=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2026\/09\/12.pdf\" class=\"bti-card\" aria-label=\"About the Institute\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n        <div class=\"bti-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"><\/path>\r\n            <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"><\/path>\r\n            <line x1=\"8\" y1=\"7\" x2=\"16\" y2=\"7\"><\/line>\r\n            <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>About the Institute<\/h3>\r\n        <p>An overview of Basra Technical Institute of Technology \u2014 Academic Year 2023\u20132024<\/p>\r\n        <span class=\"bti-card-badge\">View<\/span>\r\n      <\/a>\r\n\r\n      <!-- Organizational Structure -->\r\n      <a href=\"https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2026\/09\/%D9%87%D9%8A%D9%83%D9%84-%D8%A7%D9%86%D9%83%D9%84%D9%8A%D8%B2%D9%8A.pdf\" class=\"bti-card\" aria-label=\"Organizational Structure\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n        <div class=\"bti-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <rect x=\"9\" y=\"2\" width=\"6\" height=\"4\" rx=\"1\"><\/rect>\r\n            <rect x=\"3\" y=\"16\" width=\"6\" height=\"4\" rx=\"1\"><\/rect>\r\n            <rect x=\"15\" y=\"16\" width=\"6\" height=\"4\" rx=\"1\"><\/rect>\r\n            <path d=\"M12 6v4\"><\/path>\r\n            <path d=\"M6 10h12\"><\/path>\r\n            <path d=\"M6 10v6\"><\/path>\r\n            <path d=\"M18 10v6\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Organizational Structure<\/h3>\r\n        <p>The organizational chart of Basra Technical Institute of Technology<\/p>\r\n        <span class=\"bti-card-badge\">View<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n<!-- \/BTI Hero -->\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-7113648 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"7113648\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8a38697\" data-id=\"8a38697\" 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-f7cb721 elementor-widget elementor-widget-eael-image-accordion\" data-id=\"f7cb721\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-image-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"eael-img-accordion accordion-direction-horizontal eael-img-accordion-horizontal-align-center eael-img-accordion-vertical-align-center\" id=\"eael-img-accordion-f7cb721\" data-img-accordion-id=\"f7cb721\" data-img-accordion-type=\"on-hover\">\n                    \n            <div class=\"eael-image-accordion-hover eael-image-accordion-item\" style=\"background-image: url(https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2025\/05\/2-1.jpg);\"  tabindex=\"0\">\n                <div class=\"overlay\">\n                                        <div class=\"overlay-inner \">\n                        <h2 class=\"img-accordion-title\">\u0627\u062e\u0631 \u0627\u0644\u0627\u062e\u0628\u0627\u0631<\/h2>\n                                            <\/div>\n                <\/div>\n            <\/div>\n                    \n            <div class=\"eael-image-accordion-hover eael-image-accordion-item\" style=\"background-image: url(https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2025\/05\/495000480_699641885917196_701011272182088256_n-1.jpg);\"  tabindex=\"0\">\n                <div class=\"overlay\">\n                                        <div class=\"overlay-inner \">\n                        <h2 class=\"img-accordion-title\">\u0627\u062e\u0631 \u0627\u0644\u0627\u062e\u0628\u0627\u0631 <\/h2>\n                                            <\/div>\n                <\/div>\n            <\/div>\n                    \n            <div class=\"eael-image-accordion-hover eael-image-accordion-item\" style=\"background-image: url(https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2025\/05\/123.jpg);\"  tabindex=\"0\">\n                <div class=\"overlay\">\n                                        <div class=\"overlay-inner \">\n                        <h2 class=\"img-accordion-title\">\u0627\u0647\u0645 \u0627\u0644\u0646\u0634\u0627\u0637\u0627\u062a \u0627\u0644\u0639\u0644\u0645\u064a\u0629<\/h2>\n                                            <\/div>\n                <\/div>\n            <\/div>\n                    \n            <div class=\"eael-image-accordion-hover eael-image-accordion-item\" style=\"background-image: url(https:\/\/bti.stu.edu.iq\/wp-content\/uploads\/2025\/05\/495059359_699664892581562_7821587031408544684_n.jpg);\"  tabindex=\"0\">\n                <div class=\"overlay\">\n                                        <div class=\"overlay-inner \">\n                        <h2 class=\"img-accordion-title\">\u0627\u062e\u0631 \u0627\u0644\u0627\u062e\u0628\u0627\u0631<\/h2>                            <p><p>\u0627\u0637\u0644\u0639 \u0639\u0644\u0649 \u0627\u062e\u0631 \u0627\u062e\u0628\u0627\u0631 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a<\/p><\/p>\n                        \n                                            <\/div>\n                <\/div>\n            <\/div>\n                <\/div>\n        <style typr=\"text\/css\">\n                    #eael-img-accordion-f7cb721 .eael-image-accordion-hover:hover {\n                        flex: 3 1 0% !important;\n                    }\n                    #eael-img-accordion-f7cb721 .eael-image-accordion-hover:hover:hover .overlay-inner * {\n                        opacity: 1;\n                        visibility: visible;\n                        transform: none;\n                        transition: all .3s .3s;\n                    }\n                <\/style>\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-547329b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"547329b\" 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-69c9942\" data-id=\"69c9942\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c38c746 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c38c746\" 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-70e2e19\" data-id=\"70e2e19\" 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-d0d9e85 elementor-widget elementor-widget-html\" data-id=\"d0d9e85\" 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<!-- BTI Stats \u2013 Modern Circles (English) -->\r\n<section class=\"bti-stats-modern\" aria-label=\"Institute Statistics\">\r\n  <style>\r\n    .bti-stats-modern{\r\n      --bti-primary: #0d1b2a;\r\n      --bti-secondary: #1b2838;\r\n      --bti-ac1: #2f8f98;\r\n      --bti-ac2: #4ca1aa;\r\n      --bti-ac3: #a82c3a;\r\n      --bti-muted: #64748b;\r\n      --bti-bg-light: #f8fafc;\r\n\r\n      direction: ltr;\r\n      position: relative;\r\n      width: 100%;\r\n      box-sizing: border-box;\r\n      padding: 1.5rem 0 2rem;\r\n      margin: 0;\r\n      background: transparent;\r\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n    }\r\n    .bti-stats-modern *{ box-sizing: border-box; }\r\n\r\n    .bti-stats-modern .bti-wrap{\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      padding: 0 1.5rem;\r\n    }\r\n\r\n    \/* Header *\/\r\n    .bti-stats-modern .bti-header{\r\n      text-align: center;\r\n      margin-bottom: 1.5rem;\r\n    }\r\n    .bti-stats-modern .bti-header h2{\r\n      margin: 0;\r\n      font-size: 1.25rem;\r\n      font-weight: 900;\r\n      color: var(--bti-primary);\r\n      letter-spacing: 0.5px;\r\n    }\r\n    .bti-stats-modern .bti-header p{\r\n      margin: 0.25rem 0 0;\r\n      font-size: 0.9rem;\r\n      color: var(--bti-muted);\r\n      max-width: 60ch;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n    .bti-stats-modern .bti-divider{\r\n      height: 2px;\r\n      width: 100%;\r\n      background: linear-gradient(90deg, transparent, var(--bti-ac1), var(--bti-ac3), transparent);\r\n      border-radius: 999px;\r\n      margin: 0.5rem 0 1.25rem;\r\n      opacity: 0.4;\r\n    }\r\n\r\n    \/* Groups *\/\r\n    .bti-stats-modern .bti-group{\r\n      margin-bottom: 2.2rem;\r\n    }\r\n    .bti-stats-modern .bti-group:last-child{ margin-bottom: 0; }\r\n\r\n    .bti-stats-modern .bti-group-head{\r\n      text-align: center;\r\n      margin-bottom: 1rem;\r\n    }\r\n    .bti-stats-modern .bti-group-head h3{\r\n      margin: 0;\r\n      font-size: 1.05rem;\r\n      font-weight: 800;\r\n      color: var(--bti-secondary);\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 0.5rem;\r\n    }\r\n    .bti-stats-modern .bti-group-head h3::before{\r\n      content: \"\";\r\n      display: inline-block;\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 50%;\r\n      background: linear-gradient(135deg, var(--bti-ac1), var(--bti-ac2));\r\n      box-shadow: 0 0 12px rgba(47,143,152,0.3);\r\n    }\r\n    .bti-stats-modern .bti-group-head p{\r\n      margin: 0.15rem 0 0;\r\n      font-size: 0.8rem;\r\n      color: var(--bti-muted);\r\n    }\r\n\r\n    \/* Grid \u2013 modern circles *\/\r\n    .bti-stats-modern .bti-grid{\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: center;\r\n      align-items: flex-start;\r\n      gap: 2rem 2.5rem;\r\n    }\r\n\r\n    .bti-stats-modern .bti-item{\r\n      flex: 0 0 120px;\r\n      text-align: center;\r\n      position: relative;\r\n    }\r\n\r\n    \/* The circle \u2013 gradient backgrounds, no icon *\/\r\n    .bti-stats-modern .bti-circle{\r\n      width: 95px;\r\n      height: 95px;\r\n      margin: 0 auto 0.5rem;\r\n      border-radius: 999px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      position: relative;\r\n      z-index: 1;\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n      background: linear-gradient(145deg, #ffffff, #f0f4f8);\r\n      box-shadow: 0 8px 24px rgba(15,23,42,0.08), inset 0 1px 0 rgba(255,255,255,0.8);\r\n      border: 1px solid rgba(255,255,255,0.6);\r\n    }\r\n\r\n    \/* Spinning outer ring *\/\r\n    .bti-stats-modern .bti-circle::after{\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: -6px;\r\n      border-radius: 999px;\r\n      background: conic-gradient(from 200deg,\r\n        rgba(47,143,152,0.25),\r\n        rgba(168,44,58,0.15),\r\n        rgba(47,143,152,0.25)\r\n      );\r\n      z-index: -1;\r\n      animation: btiSpin 7s linear infinite;\r\n      opacity: 0.7;\r\n    }\r\n\r\n    \/* Soft pulse *\/\r\n    .bti-stats-modern .bti-circle::before{\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: -3px;\r\n      border-radius: 999px;\r\n      box-shadow: 0 0 0 0 rgba(47,143,152,0.12);\r\n      animation: btiPulse 3.2s ease-in-out infinite;\r\n      opacity: 0.8;\r\n    }\r\n\r\n    \/* Number inside the circle *\/\r\n    .bti-stats-modern .bti-circle .bti-num{\r\n      font-size: 1.9rem;\r\n      font-weight: 900;\r\n      color: var(--bti-primary);\r\n      font-variant-numeric: tabular-nums;\r\n      line-height: 1;\r\n      letter-spacing: -0.5px;\r\n      position: relative;\r\n      z-index: 2;\r\n      text-shadow: 0 1px 2px rgba(255,255,255,0.3);\r\n    }\r\n\r\n    \/* Label below the circle *\/\r\n    .bti-stats-modern .bti-label{\r\n      font-size: 0.85rem;\r\n      font-weight: 700;\r\n      color: var(--bti-muted);\r\n      line-height: 1.3;\r\n      margin-top: 0.15rem;\r\n    }\r\n\r\n    \/* Total items highlight *\/\r\n    .bti-stats-modern .bti-item.is-total .bti-circle{\r\n      background: linear-gradient(145deg, rgba(168,44,58,0.15), rgba(47,143,152,0.2));\r\n      border-color: rgba(47,143,152,0.3);\r\n      box-shadow: 0 8px 28px rgba(47,143,152,0.15), inset 0 1px 0 rgba(255,255,255,0.6);\r\n    }\r\n    .bti-stats-modern .bti-item.is-total .bti-circle .bti-num{\r\n      color: var(--bti-ac3);\r\n    }\r\n    .bti-stats-modern .bti-item.is-total .bti-label{\r\n      color: var(--bti-primary);\r\n      font-weight: 900;\r\n    }\r\n\r\n    \/* Hover *\/\r\n    @media (hover: hover) and (pointer: fine){\r\n      .bti-stats-modern .bti-item:hover .bti-circle{\r\n        transform: translateY(-6px) scale(1.04);\r\n        box-shadow: 0 16px 40px rgba(47,143,152,0.2), inset 0 1px 0 rgba(255,255,255,0.8);\r\n      }\r\n      .bti-stats-modern .bti-item.is-total:hover .bti-circle{\r\n        box-shadow: 0 16px 40px rgba(168,44,58,0.25), inset 0 1px 0 rgba(255,255,255,0.8);\r\n      }\r\n    }\r\n\r\n    \/* Animations *\/\r\n    @keyframes btiSpin{\r\n      0%{ transform: rotate(0deg); }\r\n      100%{ transform: rotate(360deg); }\r\n    }\r\n    @keyframes btiPulse{\r\n      0%{ box-shadow: 0 0 0 0 rgba(47,143,152,0.15); }\r\n      60%{ box-shadow: 0 0 0 14px rgba(47,143,152,0); }\r\n      100%{ box-shadow: 0 0 0 0 rgba(47,143,152,0); }\r\n    }\r\n\r\n    \/* Reveal on scroll *\/\r\n    .bti-stats-modern .bti-reveal{\r\n      opacity: 0;\r\n      transform: translateY(16px);\r\n      transition: opacity 0.7s cubic-bezier(0.4,0,0.2,1), transform 0.7s cubic-bezier(0.4,0,0.2,1);\r\n    }\r\n    .bti-stats-modern .bti-reveal.bti-in{\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 768px){\r\n      .bti-stats-modern .bti-grid{ gap: 1.5rem; }\r\n      .bti-stats-modern .bti-item{ flex: 0 0 100px; }\r\n      .bti-stats-modern .bti-circle{ width: 80px; height: 80px; }\r\n      .bti-stats-modern .bti-circle .bti-num{ font-size: 1.6rem; }\r\n    }\r\n    @media (max-width: 480px){\r\n      .bti-stats-modern .bti-grid{ gap: 1.2rem; }\r\n      .bti-stats-modern .bti-item{ flex: 0 0 140px; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce){\r\n      .bti-stats-modern .bti-reveal{ opacity: 1; transform: none; transition: none; }\r\n      .bti-stats-modern .bti-circle::after,\r\n      .bti-stats-modern .bti-circle::before{ animation: none; }\r\n      .bti-stats-modern .bti-circle{ transition: none; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"bti-wrap\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"bti-header bti-reveal\">\r\n      <h2>Institute Staff<\/h2>\r\n      <p>Staff and faculty distribution across various classifications.<\/p>\r\n      <div class=\"bti-divider\" aria-hidden=\"true\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- ============================================================== -->\r\n    <!-- GROUP 1 \u2013 Academic Degrees (Total 328) -->\r\n    <!-- ============================================================== -->\r\n    <div class=\"bti-group\">\r\n      <div class=\"bti-group-head bti-reveal\">\r\n        <h3>Academic Degrees<\/h3>\r\n        <p>Staff distribution by academic degree<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bti-grid\">\r\n        <!-- PhD -->\r\n        <div class=\"bti-item bti-reveal\">\r\n          <div class=\"bti-circle\" style=\"background:linear-gradient(145deg, #e8f0f2, #d4e2e6);\">\r\n            <span class=\"bti-num\" data-target=\"22\">0<\/span>\r\n          <\/div>\r\n          <div class=\"bti-label\">PhD<\/div>\r\n        <\/div>\r\n\r\n        <!-- Master's -->\r\n        <div class=\"bti-item bti-reveal\">\r\n          <div class=\"bti-circle\" style=\"background:linear-gradient(145deg, #e6edf5, #d1dce8);\">\r\n            <span class=\"bti-num\" data-target=\"66\">0<\/span>\r\n          <\/div>\r\n          <div class=\"bti-label\">Master's<\/div>\r\n        <\/div>\r\n\r\n        <!-- Higher Diploma -->\r\n        <div class=\"bti-item bti-reveal\">\r\n          <div class=\"bti-circle\" style=\"background:linear-gradient(145deg, #f0ece6, #e3dbd1);\">\r\n            <span class=\"bti-num\" data-target=\"1\">0<\/span>\r\n          <\/div>\r\n          <div class=\"bti-label\">Higher Diploma<\/div>\r\n        <\/div>\r\n\r\n        <!-- Bachelor's -->\r\n        <div class=\"bti-item bti-reveal\">\r\n          <div class=\"bti-circle\" style=\"background:linear-gradient(145deg, #eaf0e8, #d6dfd4);\">\r\n            <span class=\"bti-num\" data-target=\"110\">0<\/span>\r\n          <\/div>\r\n          <div class=\"bti-label\">Bachelor's<\/div>\r\n        <\/div>\r\n\r\n        <!-- Diploma -->\r\n        <div class=\"bti-item bti-reveal\">\r\n          <div class=\"bti-circle\" style=\"background:linear-gradient(145deg, #f5ede8, #e8dbd4);\">\r\n            <span class=\"bti-num\" data-target=\"105\">0<\/span>\r\n          <\/div>\r\n          <div class=\"bti-label\">Diploma<\/div>\r\n        <\/div>\r\n\r\n        <!-- Secondary -->\r\n        <div class=\"bti-item bti-reveal\">\r\n          <div class=\"bti-circle\" style=\"background:linear-gradient(145deg, #f2f0e8, #e3dfd1);\">\r\n            <span class=\"bti-num\" data-target=\"2\">0<\/span>\r\n          <\/div>\r\n          <div class=\"bti-label\">Secondary<\/div>\r\n        <\/div>\r\n\r\n        <!-- Middle School -->\r\n        <div class=\"bti-item bti-reveal\">\r\n          <div class=\"bti-circle\" style=\"background:linear-gradient(145deg, #f0ede8, #e0dbd1);\">\r\n            <span class=\"bti-num\" data-target=\"3\">0<\/span>\r\n          <\/div>\r\n          <div class=\"bti-label\">Middle School<\/div>\r\n        <\/div>\r\n\r\n        <!-- Primary -->\r\n        <div class=\"bti-item bti-reveal\">\r\n          <div class=\"bti-circle\" style=\"background:linear-gradient(145deg, #f5f0e8, #e8e0d4);\">\r\n            <span class=\"bti-num\" data-target=\"11\">0<\/span>\r\n          <\/div>\r\n          <div class=\"bti-label\">Primary<\/div>\r\n        <\/div>\r\n\r\n        <!-- Read & Write -->\r\n        <div class=\"bti-item bti-reveal\">\r\n          <div class=\"bti-circle\" style=\"background:linear-gradient(145deg, #f2ede8, #e3dbd1);\">\r\n            <span class=\"bti-num\" data-target=\"6\">0<\/span>\r\n          <\/div>\r\n          <div class=\"bti-label\">Read &amp; Write<\/div>\r\n        <\/div>\r\n\r\n        <!-- No Degree -->\r\n        <div class=\"bti-item bti-reveal\">\r\n          <div class=\"bti-circle\" style=\"background:linear-gradient(145deg, #f0ece6, #e0d8ce);\">\r\n            <span class=\"bti-num\" data-target=\"2\">0<\/span>\r\n          <\/div>\r\n          <div class=\"bti-label\">No Degree<\/div>\r\n        <\/div>\r\n\r\n        <!-- Total -->\r\n        <div class=\"bti-item bti-reveal is-total\">\r\n          <div class=\"bti-circle\" style=\"background:linear-gradient(145deg, rgba(168,44,58,0.12), rgba(47,143,152,0.15));\">\r\n            <span class=\"bti-num\" data-target=\"328\">0<\/span>\r\n          <\/div>\r\n          <div class=\"bti-label\">Total<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ============================================================== -->\r\n    <!-- GROUP 2 \u2013 Academic Title (Total 90) -->\r\n    <!-- ============================================================== -->\r\n    <div class=\"bti-group\">\r\n      <div class=\"bti-group-head bti-reveal\">\r\n        <h3>Academic Titles<\/h3>\r\n        <p>Faculty distribution by academic title<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bti-grid\">\r\n        <!-- PhD -->\r\n        <div class=\"bti-item bti-reveal\">\r\n          <div class=\"bti-circle\" style=\"background:linear-gradient(145deg, #e8f0f2, #d4e2e6);\">\r\n            <span class=\"bti-num\" data-target=\"22\">0<\/span>\r\n          <\/div>\r\n          <div class=\"bti-label\">PhD<\/div>\r\n        <\/div>\r\n\r\n        <!-- Master's -->\r\n        <div class=\"bti-item bti-reveal\">\r\n          <div class=\"bti-circle\" style=\"background:linear-gradient(145deg, #e6edf5, #d1dce8);\">\r\n            <span class=\"bti-num\" data-target=\"66\">0<\/span>\r\n          <\/div>\r\n          <div class=\"bti-label\">Master's<\/div>\r\n        <\/div>\r\n\r\n        <!-- Higher Diploma -->\r\n        <div class=\"bti-item bti-reveal\">\r\n          <div class=\"bti-circle\" style=\"background:linear-gradient(145deg, #f0ece6, #e3dbd1);\">\r\n            <span class=\"bti-num\" data-target=\"0\">0<\/span>\r\n          <\/div>\r\n          <div class=\"bti-label\">Higher Diploma<\/div>\r\n        <\/div>\r\n\r\n        <!-- Bachelor's -->\r\n        <div class=\"bti-item bti-reveal\">\r\n          <div class=\"bti-circle\" style=\"background:linear-gradient(145deg, #eaf0e8, #d6dfd4);\">\r\n            <span class=\"bti-num\" data-target=\"2\">0<\/span>\r\n          <\/div>\r\n          <div class=\"bti-label\">Bachelor's<\/div>\r\n        <\/div>\r\n\r\n        <!-- Total -->\r\n        <div class=\"bti-item bti-reveal is-total\">\r\n          <div class=\"bti-circle\" style=\"background:linear-gradient(145deg, rgba(47,143,152,0.12), rgba(168,44,58,0.15));\">\r\n            <span class=\"bti-num\" data-target=\"90\">0<\/span>\r\n          <\/div>\r\n          <div class=\"bti-label\">Total<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ============================================================== -->\r\n    <!-- GROUP 3 \u2013 Job Classification (Total 328) -->\r\n    <!-- ============================================================== -->\r\n    <div class=\"bti-group\">\r\n      <div class=\"bti-group-head bti-reveal\">\r\n        <h3>Job Classification<\/h3>\r\n        <p>Staff distribution by job category<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bti-grid\">\r\n        <!-- Faculty -->\r\n        <div class=\"bti-item bti-reveal\">\r\n          <div class=\"bti-circle\" style=\"background:linear-gradient(145deg, #e8f0f2, #d4e2e6);\">\r\n            <span class=\"bti-num\" data-target=\"90\">0<\/span>\r\n          <\/div>\r\n          <div class=\"bti-label\">Faculty<\/div>\r\n        <\/div>\r\n\r\n        <!-- Technicians -->\r\n        <div class=\"bti-item bti-reveal\">\r\n          <div class=\"bti-circle\" style=\"background:linear-gradient(145deg, #e6edf5, #d1dce8);\">\r\n            <span class=\"bti-num\" data-target=\"197\">0<\/span>\r\n          <\/div>\r\n          <div class=\"bti-label\">Technicians<\/div>\r\n        <\/div>\r\n\r\n        <!-- Administrators -->\r\n        <div class=\"bti-item bti-reveal\">\r\n          <div class=\"bti-circle\" style=\"background:linear-gradient(145deg, #f5ede8, #e8dbd4);\">\r\n            <span class=\"bti-num\" data-target=\"41\">0<\/span>\r\n          <\/div>\r\n          <div class=\"bti-label\">Administrators<\/div>\r\n        <\/div>\r\n\r\n        <!-- Transport -->\r\n        <div class=\"bti-item bti-reveal\">\r\n          <div class=\"bti-circle\" style=\"background:linear-gradient(145deg, #f2f0e8, #e3dfd1);\">\r\n            <span class=\"bti-num\" data-target=\"1\">0<\/span>\r\n          <\/div>\r\n          <div class=\"bti-label\">Transport<\/div>\r\n        <\/div>\r\n\r\n        <!-- Retired -->\r\n        <div class=\"bti-item bti-reveal\">\r\n          <div class=\"bti-circle\" style=\"background:linear-gradient(145deg, #f0ece6, #e0d8ce);\">\r\n            <span class=\"bti-num\" data-target=\"3\">0<\/span>\r\n          <\/div>\r\n          <div class=\"bti-label\">Retired<\/div>\r\n        <\/div>\r\n\r\n        <!-- Resigned -->\r\n        <div class=\"bti-item bti-reveal\">\r\n          <div class=\"bti-circle\" style=\"background:linear-gradient(145deg, #f5f0e8, #e8e0d4);\">\r\n            <span class=\"bti-num\" data-target=\"1\">0<\/span>\r\n          <\/div>\r\n          <div class=\"bti-label\">Resigned<\/div>\r\n        <\/div>\r\n\r\n        <!-- Total -->\r\n        <div class=\"bti-item bti-reveal is-total\">\r\n          <div class=\"bti-circle\" style=\"background:linear-gradient(145deg, rgba(168,44,58,0.12), rgba(47,143,152,0.15));\">\r\n            <span class=\"bti-num\" data-target=\"328\">0<\/span>\r\n          <\/div>\r\n          <div class=\"bti-label\">Total<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div><!-- \/bti-wrap -->\r\n\r\n  <!-- ============================================================== -->\r\n  <!-- JavaScript \u2013 Counter animation on scroll -->\r\n  <!-- ============================================================== -->\r\n  <script>\r\n    (function(){\r\n      'use strict';\r\n      var root = document.querySelector('.bti-stats-modern');\r\n      if(!root) return;\r\n\r\n      function animateNum(el, target, duration){\r\n        var start = 0;\r\n        var steps = Math.max(1, Math.floor(duration \/ 16));\r\n        var inc = target \/ steps;\r\n        var cur = start;\r\n        var timer = setInterval(function(){\r\n          cur += inc;\r\n          if(cur >= target){\r\n            el.textContent = String(target);\r\n            clearInterval(timer);\r\n          }else{\r\n            el.textContent = String(Math.floor(cur));\r\n          }\r\n        }, 16);\r\n      }\r\n\r\n      var numEls = root.querySelectorAll('.bti-num');\r\n      var revealEls = root.querySelectorAll('.bti-reveal');\r\n\r\n      if(!('IntersectionObserver' in window)){\r\n        revealEls.forEach(function(el){ el.classList.add('bti-in'); });\r\n        numEls.forEach(function(el){\r\n          var target = parseInt(el.getAttribute('data-target'), 10) || 0;\r\n          el.textContent = String(target);\r\n        });\r\n        return;\r\n      }\r\n\r\n      \/\/ Observer for reveal (fade-in)\r\n      var ioReveal = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(e){\r\n          if(e.isIntersecting){\r\n            e.target.classList.add('bti-in');\r\n            ioReveal.unobserve(e.target);\r\n          }\r\n        });\r\n      }, { threshold: 0.15 });\r\n\r\n      revealEls.forEach(function(el){ ioReveal.observe(el); });\r\n\r\n      \/\/ Observer specifically for numbers (start counting)\r\n      var ioNum = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(e){\r\n          if(e.isIntersecting){\r\n            var el = e.target;\r\n            var target = parseInt(el.getAttribute('data-target'), 10) || 0;\r\n            animateNum(el, target, 1200);\r\n            ioNum.unobserve(el);\r\n          }\r\n        });\r\n      }, { threshold: 0.25 });\r\n\r\n      numEls.forEach(function(el){ ioNum.observe(el); });\r\n    })();\r\n  <\/script>\r\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u062c\u064a\u0629 \ud83d\udcf0 Latest News View All \u2192 Loading news&#8230; Basra Technical Institute of Technology Menu Home Deanship of the College Gentlemen Deans Faculty Directory College Council Sec. Honor Code Library QA Division Faculty Info. System Industrial Adv. Council Consultancy Office Student &#038; Alumni Affairs [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":17371,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-15322","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages\/15322","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=15322"}],"version-history":[{"count":277,"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages\/15322\/revisions"}],"predecessor-version":[{"id":42364,"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages\/15322\/revisions\/42364"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/media\/17371"}],"wp:attachment":[{"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/media?parent=15322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}