{"id":15,"date":"2026-05-22T11:11:56","date_gmt":"2026-05-22T11:11:56","guid":{"rendered":"https:\/\/demowebsite.ir\/bht\/?page_id=15"},"modified":"2026-08-11T11:33:10","modified_gmt":"2026-08-11T11:33:10","slug":"home","status":"publish","type":"page","link":"https:\/\/demowebsite.ir\/bht\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b226ec e-con-full e-flex e-con e-parent\" data-id=\"6b226ec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-faaa88c elementor-widget elementor-widget-html\" data-id=\"faaa88c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  BHT \u2014 MERGED header + body (hero\/divisions) + footer\n  ======================================================\n  Paste this whole block into a single Elementor \"HTML\" widget.\n\n  THIS REVISION\n  --------------\n  1. THEME TOGGLE MOVED TO A STICKY FLOATING BUTTON: the sun\/moon toggle\n     that previously lived inline in the header is now a round button\n     fixed to the bottom-right of the viewport (`.bht-theme-fab`),\n     staying visible while the visitor scrolls. Same dark\/light logic\n     as before (data-theme attribute on #bht-page, persisted in\n     localStorage as \"bhtTheme\", defaults to OS preference).\n\n  2. NAV VERTICALLY CENTERED ON THE LOGO: previously the nav sat inside\n     a two-row stack (nav + utility row) that was taller than the logo,\n     so the *pair* got centered against the logo rather than the nav\n     itself. With the theme toggle gone, the language switch is now\n     taken out of normal flow (position:absolute) and anchored under\n     the nav, so the nav is once again the only thing determining that\n     column's height \u2014 meaning `align-items:center` on the header row\n     now centers the nav's own vertical midpoint against the logo's,\n     not some taller stacked block.\n\n  3. LANGUAGE SWITCH SITS LOWER: on desktop it's absolutely positioned\n     directly beneath the nav row, right-aligned under it (still lands\n     under \"IT & Cybersecurity\", the last nav item), with more vertical\n     gap than before so it reads as a deliberately separate, lower row\n     rather than crowding the nav. On mobile it drops back into normal\n     document flow inside the slide-down nav panel, same as before.\n\n  LANGUAGE SWITCHER (EN \/ DE)\n  -----------------------------\n  Unchanged in behavior: hand-written German translations swapped via\n  data-i18n attributes, remembered in localStorage.\n-->\n<meta name=\"theme-color\" content=\"#131D2E\">\n<div id=\"bht-page\" style=\"--bht-max:1320px; --bht-pad-inline: clamp(20px, 4vw, 64px);\">\n\n<header class=\"bht-header-wrap\">\n  <div class=\"bht-header-bg\"><\/div>\n\n  <div class=\"bht-header-inner\">\n    <a href=\"https:\/\/demowebsite.ir\/bht\/\" class=\"bht-header-logo\">\n      <img decoding=\"async\" src=\"https:\/\/demowebsite.ir\/bht\/wp-content\/uploads\/2026\/05\/BHT-Logo-300-w.png\" alt=\"BHT Logo\">\n    <\/a>\n\n    <div class=\"bht-header-right\">\n      <nav class=\"bht-header-nav\">\n        <a href=\"https:\/\/demowebsite.ir\/bht\/industrial-supply\/\" data-i18n=\"nav_industrial\">Industrial supply<\/a>\n        <a href=\"https:\/\/demowebsite.ir\/bht\/engineering-manufacturing\/\" data-i18n=\"nav_engineering\">Engineering &amp; Manufacturing<\/a>\n        <a href=\"https:\/\/demowebsite.ir\/bht\/renewable-clean-energy\/\" data-i18n=\"nav_renewable\">Renewable &amp; Clean Energy<\/a>\n        <a href=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/\" data-i18n=\"nav_raw\">Raw Materials supply<\/a>\n        <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/\" data-i18n=\"nav_it\">IT &amp; Cybersecurity<\/a>\n      <\/nav>\n\n      <!-- Desktop: absolutely positioned under the nav (doesn't affect\n           the nav's own height, so the nav stays centered on the logo).\n           Mobile: drops back into normal flow inside the slide-down\n           panel \u2014 see the max-width:1100px block below. -->\n      <div class=\"bht-lang-switch\" role=\"group\" aria-label=\"Language selector\">\n        <svg class=\"bht-lang-globe\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" aria-hidden=\"true\" focusable=\"false\">\n          <circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><\/circle>\n          <path d=\"M3 12h18M12 3c2.5 2.6 3.8 5.7 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.7-3.8-9s1.3-6.4 3.8-9z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><\/path>\n        <\/svg>\n        <button type=\"button\" class=\"bht-lang-btn is-active\" data-lang=\"en\" aria-pressed=\"true\" aria-label=\"Switch to English\">\n          <span class=\"bht-lang-flag\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 60 40\" width=\"18\" height=\"12\"><rect width=\"60\" height=\"40\" fill=\"#00247d\"\/><path d=\"M0,0 60,40M60,0 0,40\" stroke=\"#fff\" stroke-width=\"8\"\/><path d=\"M0,0 60,40M60,0 0,40\" stroke=\"#cf142b\" stroke-width=\"4\"\/><path d=\"M30,0V40M0,20H60\" stroke=\"#fff\" stroke-width=\"12\"\/><path d=\"M30,0V40M0,20H60\" stroke=\"#cf142b\" stroke-width=\"7\"\/><\/svg>\n          <\/span>\n          <span>EN<\/span>\n        <\/button>\n        <button type=\"button\" class=\"bht-lang-btn\" data-lang=\"de\" aria-pressed=\"false\" aria-label=\"Auf Deutsch umschalten\">\n          <span class=\"bht-lang-flag\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 60 40\" width=\"18\" height=\"12\"><rect width=\"60\" height=\"13.3\" y=\"0\" fill=\"#000\"\/><rect width=\"60\" height=\"13.3\" y=\"13.3\" fill=\"#dd0000\"\/><rect width=\"60\" height=\"13.4\" y=\"26.6\" fill=\"#ffce00\"\/><\/svg>\n          <\/span>\n          <span>DE<\/span>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <button class=\"bht-header-toggle\" aria-label=\"Toggle navigation\" aria-expanded=\"false\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/button>\n  <\/div>\n<\/header>\n\n<!-- Sticky floating theme toggle \u2014 fixed to the viewport, stays put while\n     scrolling, independent of the header entirely. -->\n<button type=\"button\" class=\"bht-theme-fab\" aria-label=\"Toggle dark \/ light theme\" aria-pressed=\"false\">\n  <svg class=\"bht-theme-icon bht-theme-icon-sun\" viewBox=\"0 0 24 24\" width=\"21\" height=\"21\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"4.4\"><\/circle>\n    <path d=\"M12 2.5v2.6M12 18.9v2.6M4.1 4.1l1.85 1.85M18.05 18.05l1.85 1.85M2.5 12h2.6M18.9 12h2.6M4.1 19.9l1.85-1.85M18.05 5.95l1.85-1.85\"><\/path>\n  <\/svg>\n  <svg class=\"bht-theme-icon bht-theme-icon-moon\" viewBox=\"0 0 24 24\" width=\"21\" height=\"21\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n    <path d=\"M20.5 14.2A8.5 8.5 0 1 1 9.8 3.5a6.7 6.7 0 0 0 10.7 10.7z\"><\/path>\n  <\/svg>\n<\/button>\n\n<div id=\"bhtl-root\">\n\n  <section class=\"bhtl-hero\" aria-label=\"Hero introduction\">\n\n    <!-- Video plays on larger screens \/ normal-data connections -->\n    <video\n      class=\"bhtl-hero-video\"\n      autoplay muted loop playsinline\n      preload=\"metadata\"\n      disablePictureInPicture\n      disableRemotePlayback\n      aria-hidden=\"true\"\n      width=\"1920\" height=\"1080\"\n      poster=\"REPLACE-WITH-YOUR-POSTER-IMAGE.jpg\">\n      <source src=\"https:\/\/demowebsite.ir\/bht\/wp-content\/uploads\/2026\/07\/536886-fumes-smoke-sky-pollution-by-videophilia-artlist-hd_6YhAWBG83.mp4\" type=\"video\/mp4\">\n    <\/video>\n\n    <!-- Static fallback: shown instead of video on small screens \/ prefers-reduced-data,\n         also gives crawlers real, indexable image content for this section -->\n    <img fetchpriority=\"high\"\n      class=\"bhtl-hero-fallback-img\"\n      src=\"REPLACE-WITH-YOUR-POSTER-IMAGE.jpg\"\n      alt=\"Industrial plant skyline with smoke stacks, representing BHT's industrial and engineering operations\"\n      width=\"1920\" height=\"1080\"\n      fetchpriority=\"high\"\n      decoding=\"async\"\n      loading=\"eager\">\n\n    <div class=\"bhtl-hero-overlay\"><\/div>\n\n    <div class=\"bhtl-hero-content\">\n      <h1 class=\"bhtl-hero-title\">\n        <span data-i18n=\"hero_title_1\">Where Engineering Meets<\/span><br>\n        <span class=\"bhtl-hero-accent\" data-i18n=\"hero_title_2\">Industrial Excellence<\/span>\n      <\/h1>\n      <p class=\"bhtl-hero-sub\" data-i18n=\"hero_sub\">\n        Delivering integrated solutions across industry, engineering, technology, renewable energy, and raw materials to shape a stronger future.\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <section class=\"bhtl-divisions-section\" aria-labelledby=\"bhtl-divisions-heading\">\n    <div class=\"bhtl-container\">\n\n      <div class=\"bhtl-divisions-heading-wrap\">\n        <h2\n          id=\"bhtl-divisions-heading\"\n          class=\"bhtl-divisions-title\"\n          tabindex=\"0\"\n          role=\"button\"\n          aria-label=\"Our Divisions \u2014 jump to list\"\n          data-i18n=\"divisions_heading\"\n          onclick=\"document.getElementById('bhtl-cards-section').scrollIntoView({behavior:'smooth', block:'start'});\"\n          onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault(); this.click();}\">\n          Our Divisions\n        <\/h2>\n      <\/div>\n\n      <div id=\"bhtl-cards-section\">\n\n        <ul class=\"bhtl-card-grid\" role=\"list\">\n\n          <li class=\"bhtl-card\">\n            <article>\n              <img loading=\"lazy\" class=\"bhtl-card-img\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"1000\"\n                   src=\"https:\/\/demowebsite.ir\/bht\/wp-content\/uploads\/2026\/06\/Montage-einer-Gasturbine.png\"\n                   alt=\"Technicians assembling an industrial gas turbine on the factory floor\">\n              <div class=\"bhtl-card-overlay\"><\/div>\n              <div class=\"bhtl-card-content\">\n                <h3 class=\"bhtl-card-title\" data-i18n=\"card1_title\">Industrial Sector<\/h3>\n                <p class=\"bhtl-card-slogan\" data-i18n=\"card1_slogan\">Your reliable industry partner<\/p>\n                <a href=\"https:\/\/demowebsite.ir\/bht\/industrial-supply\/\" class=\"bhtl-btn-primary\" data-i18n=\"cta_solutions\"\n                   aria-label=\"View Industrial Sector integrated solutions\">Our Integrated Solutions<\/a>\n              <\/div>\n            <\/article>\n          <\/li>\n\n          <li class=\"bhtl-card\">\n            <article>\n              <img loading=\"lazy\" class=\"bhtl-card-img\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"1000\"\n                   src=\"https:\/\/demowebsite.ir\/bht\/wp-content\/uploads\/2026\/06\/CNC-gefraster-Ventilkorper.jpg\"\n                   alt=\"Precision CNC-milled valve body used in engineering and manufacturing\">\n              <div class=\"bhtl-card-overlay\"><\/div>\n              <div class=\"bhtl-card-content\">\n                <h3 class=\"bhtl-card-title\" data-i18n=\"card2_title\">Engineering &amp; Manufacturing<\/h3>\n                <p class=\"bhtl-card-slogan\" data-i18n=\"card2_slogan\">Fine mechanic and electronics<\/p>\n                <a href=\"https:\/\/demowebsite.ir\/bht\/engineering-manufacturing\/\" class=\"bhtl-btn-primary\" data-i18n=\"cta_solutions\"\n                   aria-label=\"View Engineering and Manufacturing integrated solutions\">Our Integrated Solutions<\/a>\n              <\/div>\n            <\/article>\n          <\/li>\n\n          <li class=\"bhtl-card\">\n            <article>\n              <img loading=\"lazy\" class=\"bhtl-card-img\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"1000\"\n                   src=\"https:\/\/demowebsite.ir\/bht\/wp-content\/uploads\/2026\/06\/Sonnenkollektoren-von-oben.jpeg\"\n                   alt=\"Aerial view of solar panel arrays used for renewable and clean energy projects\">\n              <div class=\"bhtl-card-overlay\"><\/div>\n              <div class=\"bhtl-card-content\">\n                <h3 class=\"bhtl-card-title\" data-i18n=\"card3_title\">Renewable &amp; Clean Energy<\/h3>\n                <p class=\"bhtl-card-slogan\" data-i18n=\"card3_slogan\">EPCC Services in Clean energy sector<\/p>\n                <a href=\"https:\/\/demowebsite.ir\/bht\/renewable-clean-energy\/\" class=\"bhtl-btn-primary\" data-i18n=\"cta_solutions\"\n                   aria-label=\"View Renewable and Clean Energy integrated solutions\">Our Integrated Solutions<\/a>\n              <\/div>\n            <\/article>\n          <\/li>\n\n          <li class=\"bhtl-card\">\n            <article>\n              <img loading=\"lazy\" class=\"bhtl-card-img\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"1000\"\n                   src=\"https:\/\/demowebsite.ir\/bht\/wp-content\/uploads\/2026\/06\/blaue-Halitkristalle.jpeg\"\n                   alt=\"Blue halite raw mineral crystals supplied for industrial raw materials\">\n              <div class=\"bhtl-card-overlay\"><\/div>\n              <div class=\"bhtl-card-content\">\n                <h3 class=\"bhtl-card-title\" data-i18n=\"card4_title\">Raw Materials Supply<\/h3>\n                <p class=\"bhtl-card-slogan\" data-i18n=\"card4_slogan\">Reliable supplier of raw materials for industries<\/p>\n                <a href=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/\" class=\"bhtl-btn-primary\" data-i18n=\"cta_solutions\"\n                   aria-label=\"View Raw Materials Supply integrated solutions\">Our Integrated Solutions<\/a>\n              <\/div>\n            <\/article>\n          <\/li>\n\n        <\/ul>\n\n        <ul class=\"bhtl-card-grid-single\" role=\"list\">\n\n          <li class=\"bhtl-card bhtl-card-wide\">\n            <article>\n              <img loading=\"lazy\" class=\"bhtl-card-img\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"700\"\n                   src=\"https:\/\/demowebsite.ir\/bht\/wp-content\/uploads\/2026\/06\/Entwicklung-von-Software.jpeg\"\n                   alt=\"Software developers writing code for secure IT and cybersecurity services\">\n              <div class=\"bhtl-card-overlay\"><\/div>\n              <div class=\"bhtl-card-content\">\n                <h3 class=\"bhtl-card-title\" data-i18n=\"card5_title\">IT &amp; Software Services<\/h3>\n                <p class=\"bhtl-card-slogan\" data-i18n=\"card5_slogan\">Secure, Scalable IT Solutions You Can Trust<\/p>\n                <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/\" class=\"bhtl-btn-primary\" data-i18n=\"cta_solutions\"\n                   aria-label=\"View IT and Software Services integrated solutions\">Our Integrated Solutions<\/a>\n              <\/div>\n            <\/article>\n          <\/li>\n\n        <\/ul>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<!-- SEO: structured data describing the organization and its divisions -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Organization\",\n  \"name\": \"BHT\",\n  \"url\": \"https:\/\/demowebsite.ir\/bht\/\",\n  \"logo\": \"https:\/\/demowebsite.ir\/bht\/industrial-supply\/wp-content\/uploads\/sites\/2\/2026\/05\/BHT-Logo-300-w-1.png\",\n  \"description\": \"BHT delivers integrated solutions across industry, engineering, technology, renewable energy, and raw materials.\",\n  \"makesOffer\": [\n    { \"@type\": \"Offer\", \"itemOffered\": { \"@type\": \"Service\", \"name\": \"Industrial Sector\", \"url\": \"https:\/\/demowebsite.ir\/bht\/industrial-supply\/\" } },\n    { \"@type\": \"Offer\", \"itemOffered\": { \"@type\": \"Service\", \"name\": \"Engineering & Manufacturing\", \"url\": \"https:\/\/demowebsite.ir\/bht\/engineering-manufacturing\/\" } },\n    { \"@type\": \"Offer\", \"itemOffered\": { \"@type\": \"Service\", \"name\": \"Renewable & Clean Energy\", \"url\": \"https:\/\/demowebsite.ir\/bht\/renewable-clean-energy\/\" } },\n    { \"@type\": \"Offer\", \"itemOffered\": { \"@type\": \"Service\", \"name\": \"Raw Materials Supply\", \"url\": \"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/\" } },\n    { \"@type\": \"Offer\", \"itemOffered\": { \"@type\": \"Service\", \"name\": \"IT & Software Services\", \"url\": \"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/\" } }\n  ]\n}\n<\/script>\n\n<div id=\"bht-loader\" style=\"display:none\" role=\"status\" aria-live=\"polite\" aria-label=\"Page loading\">\n\n  <div id=\"bht-rig\">\n    <div id=\"bht-logo-wrap\">\n      <div id=\"bht-scan\"><\/div>\n      <img src=\"https:\/\/demowebsite.ir\/bht\/industrial-supply\/wp-content\/uploads\/sites\/2\/2026\/05\/BHT-Logo-300-w-1.png\"\n           width=\"300\" height=\"70\" alt=\"BHT\" decoding=\"async\">\n    <\/div>\n\n    <div id=\"bht-status\">\n      <div id=\"bht-status-row\">\n        <span id=\"bht-status-label\" data-i18n-loader=\"init\">Initializing<span class=\"bht-cursor\">_<\/span><\/span>\n        <span id=\"bht-status-pct\">00%<\/span>\n      <\/div>\n      <div id=\"bht-track\"><div id=\"bht-fill\"><\/div><\/div>\n      <div id=\"bht-ticks\">\n        <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<footer class=\"bht-footer-wrap\">\n  <div class=\"bht-footer-inner\">\n    <div class=\"bht-footer-brand\">\n      <a href=\"https:\/\/demowebsite.ir\/bht\/\" class=\"bht-footer-logo\">\n        <img decoding=\"async\" src=\"https:\/\/demowebsite.ir\/bht\/wp-content\/uploads\/2026\/05\/BHT-Logo-300-w.png\" alt=\"BHT Logo\">\n      <\/a>\n\n      <div class=\"bht-footer-social\">\n        <a href=\"https:\/\/de.linkedin.com\/company\/bht-electric-control-mechanic-gmbh-&-co.-kg\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"BHT on LinkedIn\">\n          <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\">\n            <path d=\"M20.45 20.45h-3.55v-5.57c0-1.33-.02-3.03-1.85-3.03-1.85 0-2.14 1.45-2.14 2.94v5.66H9.36V9h3.41v1.56h.05c.48-.9 1.63-1.85 3.36-1.85 3.6 0 4.27 2.37 4.27 5.45v6.29zM5.34 7.43a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12zM7.12 20.45H3.56V9h3.56v11.45z\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"bht-footer-column\">\n      <h4 data-i18n=\"footer_contact_heading\">Contact us<\/h4>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/contact-us\/\" data-i18n=\"footer_contact_link\">Contact BHT<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/terms-of-use\/\" data-i18n=\"footer_terms_link\">Terms &amp; Conditions<\/a>\n    <\/div>\n\n    <div class=\"bht-footer-column\">\n      <h4 data-i18n=\"footer_about_heading\">About us<\/h4>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/about-us\/\" data-i18n=\"footer_about_link\">About BHT<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/licenses\/\" data-i18n=\"footer_licenses_link\">Licenses<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/privacy-policy-2\/\" data-i18n=\"footer_privacy_link\">Privacy &amp; Policy<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"bht-footer-bottom\">\n    <p>&copy; <span class=\"bht-footer-year\"><\/span> <span data-i18n=\"footer_rights\">BHT Electric Control Mechanic. All rights reserved.<\/span><\/p>\n  <\/div>\n<\/footer>\n\n<\/div><!-- \/#bht-page -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@700&family=Oswald:wght@500;700&display=swap');\n\n#bht-page, #bht-page * { box-sizing: border-box; }\n#bht-page a { text-decoration: none; }\n\n\/* ============================================================\n   SHARED ALIGNMENT CONTAINER\n============================================================ *\/\n#bht-page .bht-align,\n.bht-header-inner,\n.bhtl-hero-content,\n.bhtl-container {\n  max-width: var(--bht-max);\n  margin-inline: auto;\n  width: 100%;\n  padding-inline: var(--bht-pad-inline);\n  box-sizing: border-box;\n}\n\n.bht-footer-inner {\n  max-width: var(--bht-max);\n  margin-inline: auto;\n  width: 100%;\n  padding-left: 0;\n  padding-right: var(--bht-pad-inline);\n  box-sizing: border-box;\n}\n\n\/* ============ HEADER ============ *\/\n.bht-header-wrap {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  width: 100%;\n  z-index: 999;\n  isolation: isolate;\n  padding-block: 40px;\n  background: rgba(255, 255, 255, 0.08);\n  backdrop-filter: blur(5px) saturate(160%);\n  -webkit-backdrop-filter: blur(10px) saturate(160%);\n  border: none;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.25);\n  box-shadow:\n    0 8px 32px rgba(0, 0, 0, 0.25),\n    inset 0 1px 0 rgba(255, 255, 255, 0.3),\n    inset 0 -1px 0 rgba(0, 0, 0, 0.1);\n  transition: box-shadow 0.6s ease;\n}\n\n.bht-header-wrap:hover {\n  box-shadow:\n    0 12px 40px rgba(0, 0, 0, 0.3),\n    inset 0 1px 0 rgba(255, 255, 255, 0.4),\n    inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n}\n\n.bht-header-bg {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: -1;\n  overflow: hidden;\n  pointer-events: none;\n}\n\n.bht-header-bg::before {\n  content: '';\n  position: absolute;\n  top: -30%;\n  left: -20%;\n  width: 160%;\n  height: 160%;\n  background: radial-gradient(circle at 30% 30%, rgba(120, 200, 255, 0.35), transparent 60%),\n              radial-gradient(circle at 70% 70%, rgba(255, 150, 220, 0.3), transparent 60%);\n  filter: blur(40px);\n  animation: bht-liquid-morph 12s ease-in-out infinite;\n}\n\n@keyframes bht-liquid-morph {\n  0%, 100% {\n    border-radius: 42% 58% 63% 37% \/ 41% 44% 56% 59%;\n    transform: rotate(0deg) scale(1);\n  }\n  33% {\n    border-radius: 63% 37% 41% 59% \/ 51% 62% 38% 49%;\n    transform: rotate(8deg) scale(1.05);\n  }\n  66% {\n    border-radius: 37% 63% 55% 45% \/ 60% 40% 60% 40%;\n    transform: rotate(-6deg) scale(0.97);\n  }\n}\n\n.bht-header-inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.bht-header-logo {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n}\n\n.bht-header-logo img {\n  height: 64px;\n  width: auto;\n  display: block;\n}\n\n\/* Right side of the header. On desktop this wraps ONLY the nav in normal\n   flow \u2014 the language switch is pulled out with position:absolute below\n   it, so it can't add extra height here. That means this element's height\n   equals the nav's height, and `align-items:center` on .bht-header-inner\n   centers that (short) box against the logo's 64px box \u2014 i.e. the nav\n   itself ends up vertically centered on the logo, not some taller stack. *\/\n.bht-header-right {\n  position: relative;\n}\n\n.bht-header-nav {\n  display: flex;\n  align-items: center;\n  gap: clamp(20px, 2.6vw, 40px);\n  flex-wrap: nowrap;\n}\n\n.bht-header-nav a {\n  position: relative;\n  color: #ffffff;\n  text-decoration: none;\n  font-family: 'Archivo', sans-serif;\n  font-size: 0.7rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n  white-space: nowrap;\n  opacity: 0.9;\n  padding-bottom: 8px;\n  transition: opacity 0.6s ease, color 0.6s ease;\n}\n\n.bht-header-nav a::after {\n  content: '';\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: 2px;\n  background: #F68D1E;\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.6s ease;\n}\n\n.bht-header-nav a:hover {\n  opacity: 1;\n  color: #F68D1E;\n}\n\n.bht-header-nav a:hover::after {\n  transform: scaleX(1);\n}\n\n\/* ============ LANGUAGE SWITCH ============\n   Desktop: pulled out of flow, anchored under the nav (right-aligned,\n   so it lands under \"IT & Cybersecurity\"), with real breathing room\n   above it so it reads as its own lower row. *\/\n.bht-lang-switch {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  position: absolute;\n  top: calc(100% + 20px);\n  right: 0;\n}\n\n.bht-lang-globe {\n  color: rgba(255, 255, 255, 0.65);\n  flex-shrink: 0;\n}\n\n.bht-lang-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: rgba(255, 255, 255, 0.06);\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 20px;\n  padding: 5px 10px 5px 6px;\n  color: rgba(255, 255, 255, 0.75);\n  font-family: 'Archivo', sans-serif;\n  font-size: 0.65rem;\n  font-weight: 700;\n  letter-spacing: 0.03em;\n  cursor: pointer;\n  transition: background .2s ease, border-color .2s ease, color .2s ease;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.bht-lang-btn:hover {\n  border-color: rgba(246, 141, 30, 0.6);\n  color: #ffffff;\n}\n\n.bht-lang-btn.is-active {\n  background: rgba(246, 141, 30, 0.18);\n  border-color: #F68D1E;\n  color: #ffffff;\n}\n\n.bht-lang-flag {\n  display: inline-flex;\n  align-items: center;\n  border-radius: 2px;\n  overflow: hidden;\n  line-height: 0;\n}\n\n.bht-lang-flag svg {\n  display: block;\n}\n\n.bht-header-toggle {\n  display: none;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  width: 32px;\n  height: 32px;\n  background: transparent;\n  border: none;\n  outline: none;\n  cursor: pointer;\n  padding: 0;\n  flex-shrink: 0;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n.bht-header-toggle:focus,\n.bht-header-toggle:active {\n  outline: none;\n  background: transparent;\n}\n\n.bht-header-toggle span {\n  display: block;\n  width: 26px;\n  height: 2px;\n  background: #ffffff;\n  border-radius: 2px;\n  transition: transform 0.6s ease, opacity 0.6s ease;\n}\n\n.bht-header-toggle.is-active span:nth-child(1) {\n  transform: translateY(7px) rotate(45deg);\n}\n\n.bht-header-toggle.is-active span:nth-child(2) {\n  opacity: 0;\n}\n\n.bht-header-toggle.is-active span:nth-child(3) {\n  transform: translateY(-7px) rotate(-45deg);\n}\n\n@media (max-width: 1100px) {\n  .bht-header-wrap {\n    padding-block: 18px;\n  }\n\n  .bht-header-logo img {\n    height: 50px;\n  }\n\n  \/* On mobile, .bht-header-right becomes the slide-down panel and holds\n     both the nav and the language switch in normal document flow again\n     (the desktop absolute-positioning trick is desktop-only). *\/\n  .bht-header-right {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    right: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 4px;\n    padding-inline: var(--bht-pad-inline);\n    background: rgba(20, 20, 25, 0.55);\n    backdrop-filter: blur(12px) saturate(160%);\n    -webkit-backdrop-filter: blur(12px) saturate(160%);\n    border-top: 1px solid rgba(255, 255, 255, 0.2);\n    max-height: 0;\n    overflow: hidden;\n    opacity: 0;\n    pointer-events: none;\n    transition: max-height 0.6s ease, opacity 0.6s ease, padding 0.6s ease;\n  }\n\n  .bht-header-right.is-open {\n    max-height: 460px;\n    opacity: 1;\n    pointer-events: auto;\n    padding-block: 16px;\n  }\n\n  .bht-header-nav {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n    width: 100%;\n  }\n\n  .bht-header-nav a {\n    width: 100%;\n    padding: 10px 4px;\n    font-size: 0.85rem;\n  }\n\n  .bht-lang-switch {\n    position: static;\n    width: 100%;\n    margin-top: 6px;\n    padding-block: 10px 4px;\n    border-top: 1px solid rgba(255, 255, 255, 0.15);\n  }\n\n  .bht-header-toggle {\n    display: flex;\n  }\n}\n\n@media (max-width: 480px) {\n  .bht-header-wrap {\n    padding-block: 14px;\n  }\n\n  .bht-header-logo img {\n    height: 40px;\n  }\n}\n\n\/* ============ STICKY THEME TOGGLE (bottom-right FAB) ============ *\/\n.bht-theme-fab {\n  position: fixed;\n  right: clamp(16px, 4vw, 28px);\n  bottom: clamp(16px, 4vw, 28px);\n  z-index: 950;\n  width: 52px;\n  height: 52px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #131D2E;\n  border: 1px solid rgba(255, 255, 255, 0.18);\n  color: #F2ECE4;\n  cursor: pointer;\n  padding: 0;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.25);\n  transition: transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.bht-theme-fab:hover {\n  transform: translateY(-3px);\n  border-color: #F68D1E;\n  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.45), 0 0 0 4px rgba(246, 141, 30, 0.15);\n}\n\n.bht-theme-fab:active {\n  transform: translateY(-1px) scale(0.96);\n}\n\n.bht-theme-icon { display: none; }\n#bht-page:not([data-theme=\"light\"]) ~ .bht-theme-fab .bht-theme-icon-sun,\n.bht-theme-fab .bht-theme-icon-sun { display: block; }\n#bht-page[data-theme=\"light\"] ~ .bht-theme-fab .bht-theme-icon-sun { display: none; }\n#bht-page[data-theme=\"light\"] ~ .bht-theme-fab .bht-theme-icon-moon { display: block; }\n\n\/* Recolor the FAB itself in light mode so it doesn't look like a leftover\n   dark-mode element sitting on an otherwise light page. *\/\n#bht-page[data-theme=\"light\"] ~ .bht-theme-fab {\n  background: #F6F5F2;\n  color: #1C1A18;\n  border-color: rgba(28, 26, 24, 0.15);\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n#bht-page[data-theme=\"light\"] ~ .bht-theme-fab:hover {\n  border-color: #B5590F;\n  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.16), 0 0 0 4px rgba(181, 89, 15, 0.12);\n}\n\n@media (max-width: 480px) {\n  .bht-theme-fab { width: 46px; height: 46px; }\n}\n\n\/* ============ HERO ============ *\/\n#bhtl-root {\n  position: relative;\n  z-index: 0;\n  isolation: isolate;\n  background: #1C1A18;\n  overflow: clip;\n  --bhtl-pad-block-sm: clamp(28px, 5vw, 56px);\n  --bhtl-pad-block-lg: clamp(48px, 9vw, 120px);\n}\n\n.bhtl-hero {\n  position: relative;\n  overflow: clip;\n  height: clamp(340px, 70dvh, 820px);\n}\n@supports not (height: 1dvh) {\n  .bhtl-hero { height: clamp(340px, 70vh, 820px); }\n}\n\n.bhtl-hero-video,\n.bhtl-hero-fallback-img {\n  position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n  object-fit: cover; object-position: center -2%; z-index: 0;\n}\n.bhtl-hero-fallback-img { display: block; }\n\n\n@media (min-width: 600px) {\n  .bhtl-hero-video { display: block; }\n  .bhtl-hero-fallback-img { display: none; }\n}\n@media (prefers-reduced-motion: reduce), (prefers-reduced-data: reduce) {\n\n  .bhtl-hero-fallback-img { display: block !important; }\n}\n\n.bhtl-hero-overlay {\n  position: absolute; inset: 0; z-index: 1;\n  background: linear-gradient(180deg, rgba(28,26,24,0.55) 0%, rgba(28,26,24,0.35) 45%, rgba(28,26,24,0.65) 100%);\n}\n\n.bhtl-hero-content {\n  position: relative; z-index: 2; height: 100%;\n  display: flex; flex-direction: column;\n  align-items: flex-start; justify-content: center; text-align: left;\n}\n.bhtl-hero-title {\n  font-size: clamp(26px, 4.6vw, 50px); line-height: 1.15; font-weight: 800; color: #F2ECE4; margin: 0;\n}\n.bhtl-hero-accent { color: #E8711A; }\n.bhtl-hero-sub {\n  font-size: clamp(13.5px, 1.4vw, 17px); line-height: 1.6; color: #D8CFC3;\n  max-width: 640px; margin: 20px 0 0 0;\n}\n\n@media (max-height: 420px) and (orientation: landscape) {\n  .bhtl-hero { height: clamp(260px, 92dvh, 420px); }\n  .bhtl-hero-sub { display: none; }\n}\n\n\/* ============ DIVISIONS SECTION ============ *\/\n.bhtl-divisions-section {\n  padding-block: var(--bhtl-pad-block-sm) var(--bhtl-pad-block-lg);\n  background: linear-gradient(180deg, #131D2E 0%, #18253B 90%);\n  transition: background .4s ease;\n}\n.bhtl-divisions-heading-wrap {\n  max-width: 640px; margin: 0 auto 40px auto; text-align: center;\n}\n.bhtl-divisions-title {\n  font-family: 'Oswald', 'Segoe UI', sans-serif;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  font-size: clamp(24px, 3.4vw, 38px); color: #F2ECE4; font-weight: 700; margin: 10px 0 0 0;\n  cursor: pointer; display: inline-block; transition: color .15s ease;\n}\n.bhtl-divisions-title:focus-visible {\n  outline: 2px solid #E8711A; outline-offset: 6px; border-radius: 4px;\n}\n\n.bhtl-btn-primary {\n  display: inline-block; padding: 12px 26px; background: rgba(28,26,24,0.35);\n  border: 1px solid rgba(139,141,255,0.5); border-radius: 6px; font-size: 14px;\n  color: #8B8DFF; font-weight: 700;\n  text-shadow: 0 0 4px rgba(139,141,255,0.4), 0 0 8px rgba(139,141,255,0.4), 0 0 16px rgba(139,141,255,0.3);\n  letter-spacing: 0.3px;\n  transition: text-shadow 0.3s ease-in-out, border-color .15s ease, transform .2s ease, background .15s ease, box-shadow .2s ease;\n  align-self: flex-start; transform-origin: left center;\n}\n.bhtl-btn-primary:hover,\n.bhtl-btn-primary:focus-visible {\n  border-color: #8B8DFF; background: rgba(28,26,24,0.6);\n  box-shadow: 0 8px 22px rgba(139,141,255,0.35);\n  text-shadow: 0 0 6px rgba(139,141,255,0.5), 0 0 12px rgba(139,141,255,0.5), 0 0 22px rgba(139,141,255,0.4);\n}\n.bhtl-card:hover .bhtl-btn-primary,\n.bhtl-card:focus-within .bhtl-btn-primary { transform: scale(1.08); }\n\n.bhtl-card-grid {\n  list-style: none; display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));\n  gap: clamp(14px, 2.5vw, 22px); width: 100%; margin: 0; padding: 0;\n}\n.bhtl-card-grid-single {\n  list-style: none; width: 100%; margin: 22px 0 0 0; padding: 0;\n}\n\n.bhtl-card {\n  position: relative; border-radius: 10px; overflow: clip;\n  display: flex; border: 1px solid rgba(232,113,26,0.3);\n  box-shadow: 0 14px 34px rgba(0,0,0,0.35);\n  transition: box-shadow .2s ease;\n  aspect-ratio: 16 \/ 14.45;\n  content-visibility: auto;\n  contain-intrinsic-size: 260px 260px;\n}\n.bhtl-card article {\n  position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end;\n}\n.bhtl-card:hover,\n.bhtl-card:focus-within { box-shadow: 0 20px 46px rgba(0,0,0,0.5); }\n.bhtl-card-wide { aspect-ratio: 16 \/ 5.0575; }\n\n.bhtl-card-img {\n  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;\n  transition: transform .5s ease; z-index: 0;\n}\n.bhtl-card:hover .bhtl-card-img,\n.bhtl-card:focus-within .bhtl-card-img { transform: scale(1.06); }\n\n.bhtl-card-overlay {\n  position: absolute; inset: 0; z-index: 1;\n  background: linear-gradient(180deg, rgba(28,26,24,0.1) 0%, rgba(28,26,24,0.25) 45%, rgba(28,26,24,0.88) 100%);\n}\n\n.bhtl-card-content {\n  position: relative; z-index: 2; margin-top: auto; padding: clamp(16px,3vw,24px) clamp(16px,3vw,26px);\n  display: flex; flex-direction: column; gap: 8px;\n}\n.bhtl-card-title {\n  font-size: clamp(18px, 2vw, 21px); font-weight: 800; color: #F2ECE4; margin: 0;\n  transform: scale(1); transform-origin: left center; transition: transform .3s ease;\n}\n.bhtl-card-slogan {\n  font-size: clamp(13px, 1.4vw, 14.5px); color: #D8CFC3; margin: 0 0 10px 0; line-height: 1.5;\n  transform: scale(1); transform-origin: left center; transition: transform .8s ease;\n}\n.bhtl-card:hover .bhtl-card-title,\n.bhtl-card:hover .bhtl-card-slogan,\n.bhtl-card:focus-within .bhtl-card-title,\n.bhtl-card:focus-within .bhtl-card-slogan { transform: scale(1.06); }\n\n@media (max-width: 359px) {\n  .bhtl-hero-title { font-size: 22px; }\n  .bhtl-card { aspect-ratio: 3 \/ 2.89; }\n}\n\n@media (max-width: 599px) {\n  .bhtl-card-grid { grid-template-columns: 1fr; }\n  .bhtl-card-wide { aspect-ratio: 16 \/ 14.45; }\n}\n\n@media (min-width: 600px) and (max-width: 767px) {\n  .bhtl-card-grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {\n  .bhtl-card-grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (min-width: 1024px) and (max-width: 1279px) {\n  .bhtl-card-grid { grid-template-columns: repeat(3, 1fr); }\n}\n\n@media (min-width: 1280px) and (max-width: 1599px) {\n  .bhtl-card-grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (min-width: 1600px) and (orientation: landscape) {\n  .bhtl-card-grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (min-width: 900px) and (orientation: portrait) {\n  .bhtl-card-grid { grid-template-columns: repeat(2, 1fr); }\n  .bhtl-hero { height: clamp(340px, 45dvh, 700px); }\n}\n\n@media (min-width: 2560px) {\n  .bhtl-card-grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .bhtl-card-img { transition: none; }\n  .bhtl-card-title,\n  .bhtl-card-slogan { transition: none; }\n}\n\n\/* ============ LOADER ============ *\/\n#bht-loader, #bht-loader * { box-sizing: border-box; margin: 0; padding: 0; }\n#bht-loader { font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Arial,sans-serif; }\n\n:root {\n  --navy:#0a1830; --navy-deep:#060f22; --orange:#e8711a; --orange-bright:#F68628;\n  --violet:#8B8DFF; --ink:#e8ecf3; --ink-dim:#7f8ba3;\n}\n#bht-loader {\n  position: fixed; inset: 0;\n  background: linear-gradient(160deg, var(--navy) 0%, var(--navy-deep) 100%);\n  display: flex; align-items: center; justify-content: center;\n  z-index: 9999; transition: opacity 1s ease, filter 1s ease;\n}\n#bht-loader.is-hidden { opacity: 0; filter: blur(6px); pointer-events: none; }\n\n#bht-loader::before {\n  content: \"\"; position: absolute; inset: 0; pointer-events: none;\n  background: repeating-linear-gradient(180deg, rgba(255,255,255,0.018) 0px, rgba(255,255,255,0.018) 1px, transparent 1px, transparent 3px);\n  mix-blend-mode: overlay;\n}\n#bht-loader::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 0 160px rgba(0,0,0,0.75); }\n\n#bht-rig { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 34px; transform: translateY(4px); }\n\n#bht-logo-wrap {\n  position: relative; width: min(46vw, 340px); opacity: 0; transform: scale(.86);\n  animation: bht-logo-enter 1.4s cubic-bezier(.2,.8,.2,1) .25s forwards;\n}\n.bhtl-card-img{\nheight:100%!important;\n}\n#bht-logo-wrap img {\n  display: block; width: 100%; height: auto;\n  filter: drop-shadow(0 0 0 rgba(232,113,26,0));\n  -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0);\n  animation: bht-clip-reveal 2.17s cubic-bezier(.65,0,.35,1) .875s forwards;\n}\n#bht-logo-wrap.is-settled img {\n  animation: bht-clip-reveal 2.17s cubic-bezier(.65,0,.35,1) .875s forwards,\n             bht-glow-pulse 2.6s ease-in-out 2s infinite;\n}\n\n#bht-scan {\n  position: absolute; top: -6%; bottom: -6%; left: -6%; width: 10%;\n  background: linear-gradient(90deg, rgba(246,134,40,0) 0%, rgba(246,134,40,0.85) 45%, rgba(255,255,255,0.95) 50%, rgba(246,134,40,0.85) 55%, rgba(246,134,40,0) 100%);\n  filter: blur(2px); opacity: 0;\n  animation: bht-scan-move 2.17s cubic-bezier(.65,0,.35,1) .875s forwards;\n  pointer-events: none;\n}\n\n@keyframes bht-logo-enter { to { opacity: 1; transform: scale(1); } }\n@keyframes bht-clip-reveal {\n  0% { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); }\n  100% { -webkit-clip-path: inset(0 0% 0 0); clip-path: inset(0 0% 0 0); }\n}\n@keyframes bht-scan-move {\n  0% { opacity: 0; left: -6%; }\n  8% { opacity: 1; }\n  92% { opacity: 1; }\n  100% { opacity: 0; left: 100%; }\n}\n@keyframes bht-glow-pulse {\n  0%,100% { filter: drop-shadow(0 0 0px rgba(232,113,26,0)); }\n  50% { filter: drop-shadow(0 0 18px rgba(232,113,26,0.45)); }\n}\n\n#bht-status { display: flex; flex-direction: column; align-items: center; gap: 14px; width: min(46vw, 340px); }\n#bht-status-row {\n  width: 100%; display: flex; align-items: baseline; justify-content: space-between;\n  font-family: 'Courier New', monospace; font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase;\n  color: var(--ink-dim);\n}\n#bht-status-label { color: var(--orange); font-weight: 700; }\n#bht-status-label .bht-cursor { display: inline-block; width: 6px; margin-left: 2px; animation: bht-blink 1s steps(1) infinite; }\n@keyframes bht-blink { 0%,49% { opacity: 1; } 50%,100% { opacity: 0; } }\n#bht-status-pct { color: var(--ink); font-weight: 700; font-variant-numeric: tabular-nums; }\n\n#bht-track { position: relative; width: 100%; height: 2px; background: rgba(255,255,255,0.08); border-radius: 2px; overflow: hidden; }\n#bht-fill {\n  position: absolute; top: 0; left: 0; height: 100%; width: 0%;\n  background: linear-gradient(90deg, var(--orange) 0%, var(--orange-bright) 100%);\n  box-shadow: 0 0 10px rgba(246,134,40,0.7), 0 0 22px rgba(246,134,40,0.35);\n  border-radius: 2px;\n}\n\n#bht-ticks { display: flex; gap: 5px; }\n#bht-ticks span { width: 3px; height: 3px; border-radius: 50%; background: rgba(139,141,255,0.35); transition: background .25s ease, box-shadow .25s ease; }\n#bht-ticks span.is-lit { background: var(--violet); box-shadow: 0 0 6px rgba(139,141,255,0.8); }\n\n@media (max-width: 600px) { #bht-logo-wrap, #bht-status { width: 72vw; } }\n\n@media (prefers-reduced-motion: reduce) {\n  #bht-logo-wrap { opacity: 1; transform: none; animation: none; }\n  #bht-logo-wrap img { -webkit-clip-path: none; clip-path: none; animation: none; }\n  #bht-scan { display: none; }\n  #bht-fill { transition: width .3s linear; }\n}\n\n\/* ============ FOOTER ============ *\/\n.bht-footer-wrap {\n  background: linear-gradient(180deg, #131D2E 0%, #18253B 100%);\n  overflow: hidden;\n  padding-block-start: 60px;\n  font-family: 'Inter', sans-serif;\n  transition: background .4s ease;\n}\n\n.bht-footer-inner {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 48px;\n  padding-top: 3vh;\n}\n\n.bht-footer-brand {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  flex-shrink: 0;\n  padding: 0;\n  margin: 0;\n}\n\n.bht-footer-logo {\n  display: flex;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n}\n\n.bht-footer-logo img {\n  height: 56px;\n  width: auto;\n  display: block;\n}\n\n.bht-footer-social {\n  display: flex;\n  gap: 10px;\n}\n\n.bht-footer-social a {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 34px;\n  height: 34px;\n  border-radius: 6px;\n  background: rgba(255, 255, 255, 0.08);\n  color: #ffffff;\n  transition: background 0.6s ease, color 0.6s ease;\n}\n\n.bht-footer-social a:hover {\n  background: #F68D1E;\n  color: #131D2E;\n}\n\n.bht-footer-column {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  min-width: 140px;\n}\n\n.bht-footer-column h4 {\n  margin: 0;\n  color: #ffffff;\n  font-family: 'Archivo', sans-serif;\n  font-weight: 700;\n  font-size: 1.05rem;\n  transition: color .3s ease;\n}\n\n.bht-footer-column a {\n  color: rgba(255, 255, 255, 0.55);\n  text-decoration: none;\n  font-size: 0.95rem;\n  transition: color 0.6s ease;\n}\n\n.bht-footer-column a:hover {\n  color: #F68D1E;\n}\n\n.bht-footer-bottom {\n  max-width: var(--bht-max);\n  margin: 0 auto;\n  margin-top: 60px;\n  padding: 24px var(--bht-pad-inline) 24px 0;\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\n  transition: border-color .3s ease;\n}\n\n.bht-footer-bottom p {\n  margin: 0;\n  color: rgba(255, 255, 255, 0.4);\n  font-size: 0.8rem;\n  text-align: center;\n  transition: color .3s ease;\n}\n\n@media (max-width: 1100px) {\n  .bht-footer-wrap {\n    padding-block-start: 48px;\n  }\n\n  .bht-footer-inner {\n    padding-top: 2vh;\n    gap: 40px;\n  }\n}\n\n@media (max-width: 800px) {\n  .bht-footer-inner {\n    flex-direction: column;\n    flex-wrap: nowrap;\n    align-items: center;\n    text-align: center;\n    gap: 40px;\n  }\n\n  .bht-footer-brand,\n  .bht-footer-column {\n    width: 100%;\n    align-items: center;\n  }\n\n  .bht-footer-social {\n    justify-content: center;\n  }\n}\n\n@media (max-width: 600px) {\n  .bht-footer-wrap {\n    padding-block-start: 40px;\n  }\n\n  .bht-footer-bottom {\n    margin-top: 40px;\n  }\n}\n\n@media (max-width: 480px) {\n  .bht-footer-inner {\n    padding-top: 1.5vh;\n  }\n\n  .bht-footer-logo img {\n    height: 44px;\n  }\n}\n\n\/* ============================================================\n   DARK \/ LIGHT MODE\n   Scoped deliberately to the divisions section and footer only.\n   The header and hero always sit on top of the (permanently dark)\n   background video, so their white text\/icons stay constant in both\n   themes \u2014 recoloring them would make nav links unreadable against\n   the video whenever light mode is active.\n============================================================ *\/\n#bht-page[data-theme=\"light\"] .bhtl-divisions-section {\n  background: linear-gradient(180deg, #F6F5F2 0%, #ECEAE4 90%);\n}\n#bht-page[data-theme=\"light\"] .bhtl-divisions-title {\n  color: #1C1A18;\n}\n#bht-page[data-theme=\"light\"] .bhtl-divisions-title:hover {\n  color: #B5590F;\n}\n\n#bht-page[data-theme=\"light\"] .bht-footer-wrap {\n  background: linear-gradient(180deg, #F6F5F2 0%, #ECEAE4 100%);\n}\n#bht-page[data-theme=\"light\"] .bht-footer-column h4 {\n  color: #1C1A18;\n}\n#bht-page[data-theme=\"light\"] .bht-footer-column a {\n  color: rgba(28, 26, 24, 0.62);\n}\n#bht-page[data-theme=\"light\"] .bht-footer-column a:hover {\n  color: #B5590F;\n}\n#bht-page[data-theme=\"light\"] .bht-footer-social a {\n  background: rgba(28, 26, 24, 0.08);\n  color: #1C1A18;\n}\n#bht-page[data-theme=\"light\"] .bht-footer-social a:hover {\n  background: #F68D1E;\n  color: #ffffff;\n}\n#bht-page[data-theme=\"light\"] .bht-footer-bottom {\n  border-top-color: rgba(28, 26, 24, 0.12);\n}\n#bht-page[data-theme=\"light\"] .bht-footer-bottom p {\n  color: rgba(28, 26, 24, 0.5);\n}\n<\/style>\n\n<script>\n(function() {\n  var toggle = document.querySelector('.bht-header-toggle');\n  var panel = document.querySelector('.bht-header-right');\n\n  if (!toggle || !panel) return;\n\n  toggle.addEventListener('click', function() {\n    var isOpen = panel.classList.toggle('is-open');\n    toggle.classList.toggle('is-active', isOpen);\n    toggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n  });\n\n  document.addEventListener('click', function(e) {\n    if (!panel.contains(e.target) && !toggle.contains(e.target)) {\n      panel.classList.remove('is-open');\n      toggle.classList.remove('is-active');\n      toggle.setAttribute('aria-expanded', 'false');\n    }\n  });\n\n  window.addEventListener('resize', function() {\n    if (window.innerWidth > 1100) {\n      panel.classList.remove('is-open');\n      toggle.classList.remove('is-active');\n      toggle.setAttribute('aria-expanded', 'false');\n    }\n  });\n})();\n<\/script>\n\n<script>\n(function(){\n  var SEEN_KEY = 'bhtLoaderShown';\n  var loaderEl = document.getElementById('bht-loader');\n\n  if (sessionStorage.getItem(SEEN_KEY)) {\n    if (loaderEl) loaderEl.style.display = 'none';\n  } else {\n    sessionStorage.setItem(SEEN_KEY, '1');\n    loaderEl.style.display = 'flex';\n\n    var __bhtPrevOverflow = document.documentElement.style.overflow;\n    var __bhtPrevBodyOverflow = document.body.style.overflow;\n    document.documentElement.style.overflow = 'hidden';\n    document.body.style.overflow = 'hidden';\n\n    var fill = document.getElementById('bht-fill');\n    var pctEl = document.getElementById('bht-status-pct');\n    var labelEl = document.getElementById('bht-status-label');\n    var logoWrap = document.getElementById('bht-logo-wrap');\n    var loader = document.getElementById('bht-loader');\n    var ticks = document.querySelectorAll('#bht-ticks span');\n\n    var phases = [\n      { at:0,  text:'Initializing' },\n      { at:22, text:'Loading divisions' },\n      { at:55, text:'Calibrating systems' },\n      { at:85, text:'Finalizing' },\n      { at:100,text:'Ready' }\n    ];\n\n    var phasesDe = {\n      'Initializing':'Wird initialisiert',\n      'Loading divisions':'Bereiche werden geladen',\n      'Calibrating systems':'Systeme werden kalibriert',\n      'Finalizing':'Wird abgeschlossen',\n      'Ready':'Bereit'\n    };\n\n    var setLabel = function(pct){\n      var current = phases[0].text;\n      for(var i=0;i<phases.length;i++){ if(pct >= phases[i].at) current = phases[i].text; }\n      var lang = (document.documentElement.getAttribute('lang') === 'de') ? 'de' : 'en';\n      var display = (lang === 'de' && phasesDe[current]) ? phasesDe[current] : current;\n      if(labelEl.firstChild.nodeValue !== display + ' '){\n        labelEl.firstChild.nodeValue = display + ' ';\n      }\n    };\n\n    var easeOutCubic = function(x){ return 1 - Math.pow(1-x, 3); };\n\n    var DURATION = 3000;\n    var start = null;\n\n    var tick = function(ts){\n      if(!start) start = ts;\n      var elapsed = ts - start;\n      var raw = Math.min(elapsed \/ DURATION, 1);\n      var pct = Math.round(easeOutCubic(raw) * 100);\n\n      fill.style.width = pct + '%';\n      pctEl.textContent = (pct < 10 ? '0' : '') + pct + '%';\n      setLabel(pct);\n\n      var litCount = Math.round((pct\/100) * ticks.length);\n      ticks.forEach(function(t, idx){ t.classList.toggle('is-lit', idx < litCount); });\n\n      if(raw < 1){\n        requestAnimationFrame(tick);\n      }else{\n        logoWrap.classList.add('is-settled');\n        setTimeout(finish, 1050);\n      }\n    };\n\n    var finish = function(){\n      loader.classList.add('is-hidden');\n      document.documentElement.style.overflow = __bhtPrevOverflow;\n      document.body.style.overflow = __bhtPrevBodyOverflow;\n      setTimeout(function(){\n        loader.style.display = 'none';\n      }, 750);\n    };\n\n    window.BHTLoader = { finish: finish };\n\n    requestAnimationFrame(tick);\n  }\n\n  var heroVideo = document.querySelector('#bhtl-root .bhtl-hero-video');\n  if (heroVideo && 'IntersectionObserver' in window) {\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if (entry.isIntersecting) {\n          heroVideo.play().catch(function(){});\n        } else {\n          heroVideo.pause();\n        }\n      });\n    }, { threshold: 0.1 });\n    io.observe(heroVideo);\n  }\n})();\n<\/script>\n\n<script>\ndocument.querySelector('.bht-footer-year').textContent = new Date().getFullYear();\n<\/script>\n\n<!-- ============ LANGUAGE SWITCHER (EN \/ DE) ============\n     Hand-written translations (no Google Translate \/ third-party\n     translation service). Every visible string with a data-i18n\n     attribute is looked up here and swapped on click. -->\n<script>\n(function(){\n  var TRANSLATIONS = {\n    nav_industrial:   { en: 'Industrial supply',              de: 'Industrielle Zulieferung' },\n    nav_engineering:  { en: 'Engineering & Manufacturing',     de: 'Ingenieurwesen & Fertigung' },\n    nav_renewable:    { en: 'Renewable & Clean Energy',        de: 'Erneuerbare & Saubere Energie' },\n    nav_raw:          { en: 'Raw Materials supply',            de: 'Rohstoffversorgung' },\n    nav_it:           { en: 'IT & Cybersecurity',               de: 'IT & Cybersicherheit' },\n\n    hero_title_1:     { en: 'Where Engineering Meets',          de: 'Wo Technik auf' },\n    hero_title_2:     { en: 'Industrial Excellence',            de: 'industrielle Exzellenz trifft' },\n    hero_sub:         { en: 'Delivering integrated solutions across industry, engineering, technology, renewable energy, and raw materials to shape a stronger future.',\n                         de: 'Wir liefern integrierte L\u00f6sungen f\u00fcr Industrie, Ingenieurwesen, Technologie, erneuerbare Energien und Rohstoffe, um eine st\u00e4rkere Zukunft zu gestalten.' },\n\n    divisions_heading:{ en: 'Our Divisions',                    de: 'Unsere Gesch\u00e4ftsbereiche' },\n\n    card1_title:      { en: 'Industrial Sector',                de: 'Industriesektor' },\n    card1_slogan:     { en: 'Your reliable industry partner',   de: 'Ihr zuverl\u00e4ssiger Industriepartner' },\n\n    card2_title:      { en: 'Engineering & Manufacturing',      de: 'Ingenieurwesen & Fertigung' },\n    card2_slogan:     { en: 'Fine mechanic and electronics',    de: 'Feinmechanik und Elektronik' },\n\n    card3_title:      { en: 'Renewable & Clean Energy',         de: 'Erneuerbare & Saubere Energie' },\n    card3_slogan:     { en: 'EPCC Services in Clean energy sector', de: 'EPCC-Dienstleistungen im Bereich saubere Energie' },\n\n    card4_title:      { en: 'Raw Materials Supply',             de: 'Rohstoffversorgung' },\n    card4_slogan:     { en: 'Reliable supplier of raw materials for industries', de: 'Zuverl\u00e4ssiger Lieferant von Rohstoffen f\u00fcr die Industrie' },\n\n    card5_title:      { en: 'IT & Software Services',           de: 'IT- & Softwaredienstleistungen' },\n    card5_slogan:     { en: 'Secure, Scalable IT Solutions You Can Trust', de: 'Sichere, skalierbare IT-L\u00f6sungen, denen Sie vertrauen k\u00f6nnen' },\n\n    cta_solutions:    { en: 'Our Integrated Solutions',         de: 'Unsere integrierten L\u00f6sungen' },\n\n    footer_contact_heading: { en: 'Contact us',                 de: 'Kontakt' },\n    footer_contact_link:    { en: 'Contact BHT',                de: 'BHT kontaktieren' },\n    footer_terms_link:      { en: 'Terms & Conditions',         de: 'Allgemeine Gesch\u00e4ftsbedingungen' },\n    footer_about_heading:   { en: 'About us',                   de: '\u00dcber uns' },\n    footer_about_link:      { en: 'About BHT',                  de: '\u00dcber BHT' },\n    footer_licenses_link:   { en: 'Licenses',                   de: 'Lizenzen' },\n    footer_privacy_link:    { en: 'Privacy & Policy',           de: 'Datenschutz' },\n    footer_rights:           { en: 'BHT Electric Control Mechanic. All rights reserved.',\n                                de: 'BHT Electric Control Mechanic. Alle Rechte vorbehalten.' }\n  };\n\n  var STORAGE_KEY = 'bhtLang';\n\n  function getSavedLang(){\n    try {\n      var v = window.localStorage.getItem(STORAGE_KEY);\n      return (v === 'de' || v === 'en') ? v : null;\n    } catch(e){ return null; }\n  }\n\n  function saveLang(lang){\n    try { window.localStorage.setItem(STORAGE_KEY, lang); } catch(e){ \/* storage unavailable, ignore *\/ }\n  }\n\n  function applyLanguage(lang){\n    var nodes = document.querySelectorAll('[data-i18n]');\n    nodes.forEach(function(node){\n      var key = node.getAttribute('data-i18n');\n      var entry = TRANSLATIONS[key];\n      if (!entry) return;\n      node.textContent = entry[lang] || entry.en;\n    });\n\n    document.documentElement.setAttribute('lang', lang);\n\n    var buttons = document.querySelectorAll('.bht-lang-btn');\n    buttons.forEach(function(btn){\n      var isActive = btn.getAttribute('data-lang') === lang;\n      btn.classList.toggle('is-active', isActive);\n      btn.setAttribute('aria-pressed', isActive ? 'true' : 'false');\n    });\n\n    saveLang(lang);\n  }\n\n  function initLanguage(){\n    var saved = getSavedLang();\n    var browserLang = (navigator.language || '').toLowerCase().indexOf('de') === 0 ? 'de' : 'en';\n    applyLanguage(saved || browserLang);\n  }\n\n  document.addEventListener('click', function(e){\n    var btn = e.target.closest ? e.target.closest('.bht-lang-btn') : null;\n    if (!btn) return;\n    var lang = btn.getAttribute('data-lang');\n    if (lang === 'de' || lang === 'en') applyLanguage(lang);\n  });\n\n  initLanguage();\n})();\n<\/script>\n\n<!-- ============ DARK \/ LIGHT MODE (sticky FAB) ============\n     Flips a data-theme attribute on #bht-page, persisted in\n     localStorage (\"bhtTheme\"). Defaults to the visitor's OS\n     preference (prefers-color-scheme) if they haven't chosen yet. -->\n<script>\n(function(){\n  var THEME_KEY = 'bhtTheme';\n  var page = document.getElementById('bht-page');\n  var fab = document.querySelector('.bht-theme-fab');\n\n  function getSavedTheme(){\n    try {\n      var v = window.localStorage.getItem(THEME_KEY);\n      return (v === 'light' || v === 'dark') ? v : null;\n    } catch(e){ return null; }\n  }\n\n  function saveTheme(t){\n    try { window.localStorage.setItem(THEME_KEY, t); } catch(e){ \/* storage unavailable, ignore *\/ }\n  }\n\n  function applyTheme(theme){\n    if (!page) return;\n    page.setAttribute('data-theme', theme);\n    if (fab) fab.setAttribute('aria-pressed', theme === 'light' ? 'true' : 'false');\n    saveTheme(theme);\n  }\n\n  function initTheme(){\n    var saved = getSavedTheme();\n    var systemPrefersLight = window.matchMedia && window.matchMedia('(prefers-color-scheme: light)').matches;\n    applyTheme(saved || (systemPrefersLight ? 'light' : 'dark'));\n  }\n\n  if (fab) {\n    fab.addEventListener('click', function(){\n      var current = page.getAttribute('data-theme') === 'light' ? 'light' : 'dark';\n      applyTheme(current === 'light' ? 'dark' : 'light');\n    });\n  }\n\n  initTheme();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Industrial supply Engineering &amp; Manufacturing Renewable &amp; Clean Energy Raw Materials supply IT &amp; Cybersecurity EN DE Where Engineering Meets Industrial Excellence Delivering integrated solutions across industry, engineering, technology, renewable energy, and raw materials to shape a stronger future. Our Divisions Industrial Sector Your reliable industry partner Our Integrated Solutions Engineering &amp; Manufacturing Fine mechanic [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebsite.ir\/bht\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demowebsite.ir\/bht\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demowebsite.ir\/bht\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demowebsite.ir\/bht\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebsite.ir\/bht\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":487,"href":"https:\/\/demowebsite.ir\/bht\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":1569,"href":"https:\/\/demowebsite.ir\/bht\/wp-json\/wp\/v2\/pages\/15\/revisions\/1569"}],"wp:attachment":[{"href":"https:\/\/demowebsite.ir\/bht\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}