{"id":357,"date":"2026-07-12T06:14:57","date_gmt":"2026-07-12T06:14:57","guid":{"rendered":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/?page_id=357"},"modified":"2026-08-17T09:39:28","modified_gmt":"2026-08-17T09:39:28","slug":"industrial-design-piping-engineering","status":"publish","type":"page","link":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/industrial-design-piping-engineering\/","title":{"rendered":"Industrial Design &amp; Piping Engineering"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"357\" class=\"elementor elementor-357\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4482a8d e-con-full e-flex e-con e-parent\" data-id=\"4482a8d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d8c424 elementor-widget elementor-widget-html\" data-id=\"2d8c424\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  BHT IT & CYBERSECURITY \u2014 merged header + body + footer\n  ====================================================\n  One Elementor \"HTML\" widget per page; page template = \"Elementor Canvas\".\n  EN\/DE covers the header, the page body and the footer. The English copy\n  is the source of truth and is never edited \u2014 German is swapped in at\n  runtime and swapped back out, so nothing is lost.\n-->\n<meta name=\"theme-color\" content=\"#0A0C18\">\n<div id=\"bhtit-page\" style=\"--bhtit-max:none; --bhtit-pad:11%;\">\n\n<header class=\"bhtit-hdr\">\n  <div class=\"bhtit-hdr-in\">\n    <a class=\"bhtit-logo\" href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/\"><img decoding=\"async\" src=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-content\/uploads\/sites\/4\/2026\/05\/BHT-Logo-300-w-1.png\" alt=\"BHT\"><\/a>\n    <button class=\"bhtit-burger\" aria-label=\"Toggle navigation\" aria-expanded=\"false\"><span><\/span><span><\/span><span><\/span><\/button>\n    <div class=\"bhtit-nav-wrap\">\n      <nav class=\"bhtit-nav\">\n        <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/\" data-i18n=\"nav_home\">Home<\/a>\n        <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/sample-page\/\" data-i18n=\"nav_about\">About us<\/a>\n        <div class=\"bhtit-has-mega\">\n          <button type=\"button\" class=\"bhtit-mega-btn\" aria-expanded=\"false\" aria-haspopup=\"true\">\n            <span data-i18n=\"nav_services\">Services<\/span>\n            <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\n          <\/button>\n          <div class=\"bhtit-mega\">\n            <div class=\"bhtit-mega-inner\">\n            <a class=\"bhtit-mega-all\" href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/services\/\" data-i18n=\"sv_all\">All services<\/a>\n            <div class=\"bhtit-mega-grid\">\n        <a class=\"bhtit-mega-card\" href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/website-design-development\/\">\n          <span class=\"bhtit-mega-thumb\"><img src=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-content\/uploads\/sites\/4\/2026\/06\/Entwicklung-von-Software.jpeg\" alt=\"\" loading=\"lazy\" decoding=\"async\"><\/span>\n          <span class=\"bhtit-mega-txt\">\n            <strong data-i18n=\"sv_web\">Website Design &amp; Development<\/strong>\n            <em data-i18n=\"sv_web_d\"><\/em>\n          <\/span>\n        <\/a>\n        <a class=\"bhtit-mega-card\" href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/cybersecurity-services\/\">\n          <span class=\"bhtit-mega-thumb\"><img src=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-content\/uploads\/sites\/4\/2026\/06\/die-Cybersicherheit.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\"><\/span>\n          <span class=\"bhtit-mega-txt\">\n            <strong data-i18n=\"sv_cyber\">Cybersecurity Services<\/strong>\n            <em data-i18n=\"sv_cyber_d\"><\/em>\n          <\/span>\n        <\/a>\n        <a class=\"bhtit-mega-card\" href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/industrial-design-piping-engineering\/\">\n          <span class=\"bhtit-mega-thumb\"><img src=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-content\/uploads\/sites\/4\/2026\/06\/Diagramm.jpeg\" alt=\"\" loading=\"lazy\" decoding=\"async\"><\/span>\n          <span class=\"bhtit-mega-txt\">\n            <strong data-i18n=\"sv_ind\">Industrial Design &amp; Piping Engineering<\/strong>\n            <em data-i18n=\"sv_ind_d\"><\/em>\n          <\/span>\n        <\/a>\n        <a class=\"bhtit-mega-card\" href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/it-support-network-security\/\">\n          <span class=\"bhtit-mega-thumb\"><img src=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-content\/uploads\/sites\/4\/2026\/06\/Technologie.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\"><\/span>\n          <span class=\"bhtit-mega-txt\">\n            <strong data-i18n=\"sv_it\">IT Support &amp; Network Security<\/strong>\n            <em data-i18n=\"sv_it_d\"><\/em>\n          <\/span>\n        <\/a>\n            <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/contact\/\" data-i18n=\"nav_contact\">Contact<\/a>\n\n        <div class=\"bhtit-lang\" role=\"group\" aria-label=\"Language selector\">\n          <button type=\"button\" class=\"bhtit-lang-b is-on\" data-lang=\"en\" aria-pressed=\"true\" aria-label=\"Switch to English\"><svg viewBox=\"0 0 60 40\" width=\"17\" height=\"11\" aria-hidden=\"true\"><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><span>EN<\/span><\/button>\n          <button type=\"button\" class=\"bhtit-lang-b\" data-lang=\"de\" aria-pressed=\"false\" aria-label=\"Auf Deutsch umschalten\"><svg viewBox=\"0 0 60 40\" width=\"17\" height=\"11\" aria-hidden=\"true\"><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><span>DE<\/span><\/button>\n        <\/div>\n      <\/nav>\n      <div class=\"bhtit-utils\">\n        <a class=\"bhtit-cta\" href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/project\/\" data-i18n=\"nav_project\">Start a Project<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/header>\n\n<div id=\"bhtit-body\">\n\n\n\n\n\n\n\n\n<div id=\"idpe-root\" style=\"background:#0a1830; overflow:hidden; --idpe-max:1200px; --idpe-hero-nudge:0px;\">\n\n  <!-- ============ HERO ============ -->\n  <section style=\"position:relative; padding:12vh 0 10vh 0;\">\n   <div class=\"idpe-container\" style=\"display:flex; flex-wrap:wrap; gap:90px; align-items:center;\">\n\n    <div style=\"flex:1 1 460px; min-width:280px; max-width:620px; z-index:2;\">\n      <div style=\"font-size:clamp(16px,2vw,20px); font-weight:700; color:#e8ecf3; letter-spacing:0.5px;\">Industrial Design &amp; Piping Engineering<\/div>\n      <div style=\"font-size:clamp(13px,1.3vw,15px); color:#8fa9c9; margin-top:4px; margin-bottom:clamp(24px,5vh,48px);\">Process Systems Built With Modern Technology<\/div>\n\n      <h1 style=\"font-size:clamp(32px,5vw,54px); line-height:1.12; font-weight:800; color:#e8ecf3; margin:0;\">\n        Designed to<br>\n        <span style=\"color:#e8711a;\">Hold Pressure.<\/span>\n      <\/h1>\n\n      <p style=\"font-size:clamp(15px,1.5vw,17px); line-height:1.65; color:#c9d3e0; max-width:480px; margin-top:clamp(20px,3vh,28px);\">\n        From P&amp;ID schematics to sensor-connected dashboards, we design and engineer piping systems that meet code, hold up under load, and give your team real-time visibility \u2014 not just blueprints on a shelf.\n      <\/p>\n\n      <div style=\"margin-top:36px; display:flex; gap:14px; flex-wrap:wrap;\">\n        <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/project\/\" class=\"idpe-btn-primary\">Start a Project<\/a>\n        <a href=\"#idpe-process\" class=\"idpe-btn-ghost\">See how we work<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Signature: live piping \/ sensor monitor, pure CSS\/SVG animation.\n         margin-left:auto pulls this flush to the container's right edge.\n         Nudge --idpe-hero-nudge (negative = further right, positive = pull back left)\n         on #idpe-root above to line it up exactly under \"Home\" in your nav. -->\n<div class=\"idpe-hero-visual\" style=\"flex:0 0 auto; width:min(38vw,540px); min-width:280px; margin-left:auto; margin-right:var(--idpe-hero-nudge, 0px); z-index:2;\">\n      <div class=\"idpe-monitor-frame\">\n        <div class=\"idpe-monitor-chrome\">\n          <span class=\"idpe-dot\" style=\"background:#e8711a;\"><\/span>\n          <span class=\"idpe-dot\" style=\"background:#1e4a7a;\"><\/span>\n          <span class=\"idpe-dot\" style=\"background:#1e4a7a;\"><\/span>\n          <span class=\"idpe-url\">line-3.plant.local<\/span>\n          <span class=\"idpe-status-label\">\n            <span class=\"idpe-st idpe-st-nom\">FLOW: NOMINAL<\/span><span class=\"idpe-st idpe-st-rise\">PRESSURE RISING<\/span><span class=\"idpe-st idpe-st-closed\">VALVE CLOSED<\/span><span class=\"idpe-st idpe-st-restored\">FLOW RESTORED<\/span>\n          <\/span>\n        <\/div>\n        <div class=\"idpe-monitor-shell\">\n          <svg viewBox=\"0 0 440 260\" class=\"idpe-pipe-svg\" role=\"img\" aria-label=\"Animated diagram of a piping line with a tank, valve, and pump, showing flow, a pressure spike, and a valve closing then reopening.\">\n\n            <rect x=\"20\" y=\"90\" width=\"50\" height=\"80\" rx=\"6\" class=\"idpe-tank\"\/>\n            <rect x=\"350\" y=\"90\" width=\"50\" height=\"80\" rx=\"6\" class=\"idpe-tank\"\/>\n\n            <line x1=\"70\" y1=\"130\" x2=\"350\" y2=\"130\" class=\"idpe-pipe-base\"\/>\n\n            <g class=\"idpe-valve\">\n              <polygon points=\"155,118 155,142 170,130\" class=\"idpe-valve-body\"\/>\n              <polygon points=\"185,118 185,142 170,130\" class=\"idpe-valve-body\"\/>\n              <line x1=\"170\" y1=\"130\" x2=\"170\" y2=\"102\" class=\"idpe-valve-handle\"\/>\n            <\/g>\n\n            <g class=\"idpe-pump\" transform=\"translate(270,130)\">\n              <circle cx=\"0\" cy=\"0\" r=\"22\" class=\"idpe-pump-body\"\/>\n              <g class=\"idpe-pump-blades\">\n                <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"-14\" class=\"idpe-blade\"\/>\n                <line x1=\"0\" y1=\"0\" x2=\"12\" y2=\"7\" class=\"idpe-blade\"\/>\n                <line x1=\"0\" y1=\"0\" x2=\"-12\" y2=\"7\" class=\"idpe-blade\"\/>\n              <\/g>\n            <\/g>\n\n            <line x1=\"70\" y1=\"130\" x2=\"350\" y2=\"130\" class=\"idpe-flow-dash\"\/>\n\n            <g class=\"idpe-gauge\" transform=\"translate(210,72)\">\n              <circle cx=\"0\" cy=\"0\" r=\"18\" class=\"idpe-gauge-body\"\/>\n              <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"-12\" class=\"idpe-gauge-needle\"\/>\n            <\/g>\n            <text x=\"210\" y=\"38\" text-anchor=\"middle\" class=\"idpe-reading idpe-reading-1\">42 PSI<\/text>\n            <text x=\"210\" y=\"38\" text-anchor=\"middle\" class=\"idpe-reading idpe-reading-2\">68 PSI<\/text>\n            <text x=\"210\" y=\"38\" text-anchor=\"middle\" class=\"idpe-reading idpe-reading-3\">81 PSI<\/text>\n            <text x=\"210\" y=\"38\" text-anchor=\"middle\" class=\"idpe-reading idpe-reading-4\">44 PSI<\/text>\n\n            <text x=\"45\" y=\"185\" text-anchor=\"middle\" class=\"idpe-node-label\">Tank A<\/text>\n            <text x=\"375\" y=\"185\" text-anchor=\"middle\" class=\"idpe-node-label\">Tank B<\/text>\n            <text x=\"270\" y=\"167\" text-anchor=\"middle\" class=\"idpe-node-label\">Pump<\/text>\n            <text x=\"170\" y=\"95\" text-anchor=\"middle\" class=\"idpe-node-label\">Valve<\/text>\n          <\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n   <\/div>\n  <\/section>\n\n  <!-- ============ CAPABILITIES ============ -->\n  <section style=\"background:#0d1b30; padding:9vh 0;\">\n   <div class=\"idpe-container\">\n    <div style=\"max-width:640px; margin:0 auto 48px auto; text-align:center;\">\n      <div style=\"font-size:13px; font-weight:700; color:#e8711a; letter-spacing:1.5px; text-transform:uppercase;\">What's included<\/div>\n      <h2 style=\"font-size:clamp(26px,3.4vw,38px); color:#e8ecf3; font-weight:800; margin:10px 0 0 0;\">Everything a modern process line needs, under one roof.<\/h2>\n    <\/div>\n\n    <div style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(280px,1fr)); gap:22px;\">\n\n      <div class=\"idpe-card\">\n        <span class=\"idpe-tag\">&lt;design\/&gt;<\/span>\n        <h3 class=\"idpe-card-title\">Process &amp; Piping Design<\/h3>\n        <p class=\"idpe-card-text\">P&amp;ID schematics and 3D layouts engineered to code, so rework gets caught on screen, not on site.<\/p>\n      <\/div>\n\n      <div class=\"idpe-card\">\n        <span class=\"idpe-tag\">&lt;fabrication&gt;<\/span>\n        <h3 class=\"idpe-card-title\">Fabrication &amp; Installation<\/h3>\n        <p class=\"idpe-card-text\">Precision-fabricated spools and supports, installed by crews who build to the drawings, not around them.<\/p>\n      <\/div>\n\n      <div class=\"idpe-card\">\n        <span class=\"idpe-tag\">&lt;iot\/&gt;<\/span>\n        <h3 class=\"idpe-card-title\">Smart Sensor Integration<\/h3>\n        <p class=\"idpe-card-text\">Pressure, flow, and temperature sensors wired into a live dashboard, not a clipboard someone checks once a shift.<\/p>\n      <\/div>\n\n      <div class=\"idpe-card\">\n        <span class=\"idpe-tag\">&lt;compliance&gt;<\/span>\n        <h3 class=\"idpe-card-title\">Code &amp; Compliance<\/h3>\n        <p class=\"idpe-card-text\">ASME, API, and local code requirements built into the design from day one, not patched in before inspection.<\/p>\n      <\/div>\n\n    <\/div>\n   <\/div>\n  <\/section>\n\n  <!-- ============ TOOLS & PLATFORMS ============ -->\n  <section style=\"padding:6vh 0; text-align:center;\">\n   <div class=\"idpe-container\">\n    <div style=\"font-size:12px; font-weight:700; color:#8fa9c9; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:20px;\">Engineered with tools that fit the job<\/div>\n    <div style=\"display:flex; flex-wrap:wrap; gap:12px; justify-content:center; max-width:820px; margin:0 auto;\">\n      <span class=\"idpe-pill\">AutoCAD Plant 3D<\/span>\n      <span class=\"idpe-pill\">SolidWorks<\/span>\n      <span class=\"idpe-pill\">SCADA<\/span>\n      <span class=\"idpe-pill\">PLC Systems<\/span>\n      <span class=\"idpe-pill\">IoT Sensors<\/span>\n      <span class=\"idpe-pill\">ASME B31.3<\/span>\n    <\/div>\n   <\/div>\n  <\/section>\n\n  <!-- ============ PROCESS ============ -->\n  <section id=\"idpe-process\" style=\"background:#0d1b30; padding:9vh 0;\">\n   <div class=\"idpe-container\">\n    <div style=\"max-width:640px; margin:0 auto 56px auto; text-align:center;\">\n      <div style=\"font-size:13px; font-weight:700; color:#e8711a; letter-spacing:1.5px; text-transform:uppercase;\">How we work<\/div>\n      <h2 style=\"font-size:clamp(26px,3.4vw,38px); color:#e8ecf3; font-weight:800; margin:10px 0 0 0;\">Five stages, one straight line to commissioning.<\/h2>\n    <\/div>\n\n    <div class=\"idpe-timeline\">\n      <div class=\"idpe-tl-step\">\n        <div class=\"idpe-tl-num\">01<\/div>\n        <h4 class=\"idpe-tl-title\">Survey<\/h4>\n        <p class=\"idpe-tl-text\">A site walkthrough and existing-system audit, so the design accounts for what's actually there.<\/p>\n      <\/div>\n      <div class=\"idpe-tl-step\">\n        <div class=\"idpe-tl-num\">02<\/div>\n        <h4 class=\"idpe-tl-title\">Design<\/h4>\n        <p class=\"idpe-tl-text\">P&amp;ID schematics and 3D layouts, reviewed with your team before a single spool gets cut.<\/p>\n      <\/div>\n      <div class=\"idpe-tl-step\">\n        <div class=\"idpe-tl-num\">03<\/div>\n        <h4 class=\"idpe-tl-title\">Fabricate<\/h4>\n        <p class=\"idpe-tl-text\">Piping, spools, and supports built to spec in the shop, not improvised in the field.<\/p>\n      <\/div>\n      <div class=\"idpe-tl-step\">\n        <div class=\"idpe-tl-num\">04<\/div>\n        <h4 class=\"idpe-tl-title\">Install<\/h4>\n        <p class=\"idpe-tl-text\">Scheduled installation with pressure testing and inspection sign-off at every milestone.<\/p>\n      <\/div>\n      <div class=\"idpe-tl-step\">\n        <div class=\"idpe-tl-num\">05<\/div>\n        <h4 class=\"idpe-tl-title\">Monitor<\/h4>\n        <p class=\"idpe-tl-text\">Sensors and dashboards go live, so pressure, flow, and temperature stay visible long after handoff.<\/p>\n      <\/div>\n    <\/div>\n   <\/div>\n  <\/section>\n\n  <!-- ============ CTA ============ -->\n  <section id=\"idpe-contact\" style=\"padding:11vh 0; text-align:center; position:relative;\">\n   <div class=\"idpe-container\">\n    <div class=\"idpe-cta-glow\"><\/div>\n    <h2 style=\"font-size:clamp(28px,4vw,44px); color:#e8ecf3; font-weight:800; margin:0 0 16px 0; position:relative; z-index:1;\">\n      Ready to build it right?\n    <\/h2>\n    <p style=\"color:#c9d3e0; font-size:16px; max-width:480px; margin:0 auto 32px auto; position:relative; z-index:1;\">\n      Tell us what you're running. We'll reply with a scope, not a sales pitch.\n    <\/p>\n    <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/project\/\" class=\"idpe-btn-primary\" style=\"position:relative; z-index:1;\">Request a Site Assessment<\/a>\n   <\/div>\n  <\/section>\n\n<\/div>\n\n<style>\n  #idpe-root, #idpe-root * { box-sizing: border-box; }\n  #idpe-root a { text-decoration: none; }\n\n  \/* ---- Shared container: keeps every section's edges aligned with the navbar ----\n     Adjust --idpe-max on #idpe-root above to match your theme's container width\n     (Elementor default is usually 1140px or 1200px \u2014 inspect your nav's container\n     in DevTools to get the exact number if this doesn't line up). *\/\n  #idpe-root .idpe-container {\n    padding: 2% 6% 2% 11%;\n    width: 100%;\n  }\n\n  \/* ---- Buttons ---- *\/\n  #idpe-root .idpe-btn-primary {\n    display:inline-block; padding:14px 30px; background:transparent;\n    border:1px solid rgba(139,141,255,0.5); border-radius:6px; font-size:15px;\n    color:#8B8DFF;\n    font-weight:700;\n    text-shadow:\n      0 0 4px rgba(92,93,232,0.4),\n      0 0 8px rgba(92,93,232,0.4),\n      0 0 16px rgba(92,93,232,0.3);\n    letter-spacing:0.3px;\n    transition:text-shadow 0.3s ease-in-out, border-color .15s ease, transform .15s ease;\n  }\n  #idpe-root .idpe-btn-primary:hover {\n    border-color:#8B8DFF; transform:translateY(-2px);\n    text-shadow:\n      0 0 6px rgba(92,93,232,0.55),\n      0 0 12px rgba(92,93,232,0.55),\n      0 0 22px rgba(92,93,232,0.4);\n  }\n\n  #idpe-root .idpe-btn-ghost {\n    display:inline-block; padding:14px 26px; color:#e8ecf3; font-weight:600; font-size:15px;\n    border:1px solid #2a4a72; border-radius:6px; transition:border-color .15s ease, color .15s ease;\n  }\n  #idpe-root .idpe-btn-ghost:hover { border-color:#e8711a; color:#e8711a; }\n\n  \/* ---- Capability cards ---- *\/\n  #idpe-root .idpe-card {\n    background:#132848; border-left:3px solid #e8711a; border-radius:6px; padding:26px 24px;\n    transition:transform .18s ease, box-shadow .18s ease;\n  }\n  #idpe-root .idpe-card:hover { transform:translateY(-4px); box-shadow:0 14px 30px rgba(0,0,0,0.28); }\n  #idpe-root .idpe-tag {\n    font-family:'Courier New', monospace; font-size:13px; color:#e8711a; letter-spacing:0.5px;\n  }\n  #idpe-root .idpe-card-title {\n    font-size:19px; margin:10px 0 8px 0;\n    color:#8B8DFF;\n    font-weight:700;\n    text-shadow:\n      0 0 4px rgba(92,93,232,0.4),\n      0 0 8px rgba(92,93,232,0.4),\n      0 0 16px rgba(92,93,232,0.3);\n    letter-spacing:0.3px;\n    transition:text-shadow 0.3s ease-in-out;\n  }\n  #idpe-root .idpe-card-text { color:#a9bcd6; font-size:14.5px; line-height:1.6; margin:0; }\n\n  \/* ---- Tool pills ---- *\/\n  #idpe-root .idpe-pill {\n    font-family:'Courier New', monospace; font-size:13.5px; background:#132848;\n    border:1px solid #1e4a7a; border-radius:20px; padding:8px 18px;\n    color:#8B8DFF;\n    font-weight:700;\n    text-shadow:\n      0 0 4px rgba(92,93,232,0.4),\n      0 0 8px rgba(92,93,232,0.4),\n      0 0 16px rgba(92,93,232,0.3);\n    letter-spacing:0.3px;\n    transition:text-shadow 0.3s ease-in-out;\n  }\n\n  \/* ---- Timeline ---- *\/\n  #idpe-root .idpe-timeline {\n    display:flex; flex-wrap:wrap; gap:0; max-width:1200px; margin:0 auto; position:relative;\n  }\n  #idpe-root .idpe-tl-step {\n    flex:1 1 200px; min-width:200px; padding:0 18px 20px 18px; position:relative;\n    border-top:2px solid #1e4a7a;\n  }\n  #idpe-root .idpe-tl-step::before {\n    content:''; position:absolute; top:-2px; left:18px; width:26px; height:2px; background:#e8711a;\n  }\n  #idpe-root .idpe-tl-num {\n    font-family:'Courier New', monospace; color:#e8711a; font-size:14px; font-weight:700; margin-top:18px;\n  }\n  #idpe-root .idpe-tl-title { color:#e8ecf3; font-size:18px; font-weight:700; margin:8px 0 8px 0; }\n  #idpe-root .idpe-tl-text { color:#a9bcd6; font-size:14px; line-height:1.6; margin:0; }\n\n  \/* ---- CTA glow ---- *\/\n  #idpe-root .idpe-cta-glow {\n    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);\n    width:520px; height:520px; border-radius:50%;\n    background:radial-gradient(circle, rgba(232,113,26,0.16), transparent 70%);\n    pointer-events:none; z-index:0;\n  }\n\n  \/* ================= Signature: live piping \/ sensor monitor ================= *\/\n  #idpe-root .idpe-monitor-frame {\n    background:#0d1b30; border:1px solid rgba(232,113,26,0.35); border-radius:10px;\n    box-shadow:0 20px 60px rgba(0,0,0,0.35); overflow:hidden;\n  }\n  #idpe-root .idpe-monitor-chrome {\n    display:flex; align-items:center; gap:8px; padding:10px 14px; background:#132848; position:relative;\n  }\n  #idpe-root .idpe-dot { width:10px; height:10px; border-radius:50%; display:inline-block; }\n  #idpe-root .idpe-url {\n    font-family:'Courier New', monospace; font-size:12px; color:#8fa9c9; margin-left:8px;\n  }\n  #idpe-root .idpe-status-label {\n    margin-left:auto; font-family:'Courier New', monospace; font-size:11px; font-weight:700;\n    position:relative; height:16px; min-width:120px;\n  }\n  #idpe-root .idpe-st { position:absolute; right:0; top:0; opacity:0; white-space:nowrap; animation-duration:8s; animation-iteration-count:infinite; }\n  #idpe-root .idpe-st-nom      { color:#8fa9c9; animation-name:idpe-lbl-nom; }\n  #idpe-root .idpe-st-rise     { color:#e8711a; animation-name:idpe-lbl-rise; }\n  #idpe-root .idpe-st-closed   { color:#ff4d4f; animation-name:idpe-lbl-closed; }\n  #idpe-root .idpe-st-restored { color:#2ecc71; animation-name:idpe-lbl-restored; }\n\n  #idpe-root .idpe-monitor-shell {\n    padding:20px; display:flex; justify-content:center; background:\n      repeating-linear-gradient(90deg, rgba(143,169,201,0.05) 0 1px, transparent 1px 24px);\n  }\n  #idpe-root .idpe-pipe-svg { width:100%; max-width:400px; height:auto; }\n  #idpe-root .idpe-monitor-frame:hover .idpe-pipe-svg * { animation-play-state:paused; }\n\n  #idpe-root .idpe-tank { fill:#132848; stroke:#1e4a7a; stroke-width:2; }\n  #idpe-root .idpe-pipe-base { stroke:#1e4a7a; stroke-width:6; stroke-linecap:round; }\n\n  #idpe-root .idpe-flow-dash {\n    stroke:#e8711a; stroke-width:3; stroke-linecap:round; fill:none;\n    stroke-dasharray:8 6;\n    animation: idpe-flow-move 1s linear infinite, idpe-flow-visibility 8s ease-in-out infinite;\n  }\n\n  #idpe-root .idpe-valve-body { fill:#1e4a7a; stroke:#8fa9c9; stroke-width:1.5; animation:idpe-valve-color 8s ease-in-out infinite; }\n  #idpe-root .idpe-valve-handle {\n    stroke:#e8711a; stroke-width:4; stroke-linecap:round;\n    transform-box:fill-box; transform-origin:center;\n    animation:idpe-valve-turn 8s ease-in-out infinite;\n  }\n\n  #idpe-root .idpe-pump-body { fill:#132848; stroke:#1e4a7a; stroke-width:2; }\n  #idpe-root .idpe-pump-blades { transform-box:fill-box; transform-origin:center; animation:idpe-rotate 3s linear infinite; }\n  #idpe-root .idpe-blade { stroke:#8fa9c9; stroke-width:2.5; stroke-linecap:round; }\n\n  #idpe-root .idpe-gauge-body { fill:#0a1830; stroke:#1e4a7a; stroke-width:2; }\n  #idpe-root .idpe-gauge-needle {\n    stroke:#e8711a; stroke-width:2; stroke-linecap:round;\n    transform-box:fill-box; transform-origin:center;\n    animation:idpe-needle-sweep 8s ease-in-out infinite;\n  }\n\n  #idpe-root .idpe-node-label { fill:#8fa9c9; font-family:'Courier New', monospace; font-size:10px; }\n\n  #idpe-root .idpe-reading { fill:#e8711a; font-family:'Courier New', monospace; font-size:12px; font-weight:700; opacity:0; }\n  #idpe-root .idpe-reading-1 { animation:idpe-lbl-nom 8s ease-in-out infinite; }\n  #idpe-root .idpe-reading-2 { animation:idpe-lbl-rise 8s ease-in-out infinite; }\n  #idpe-root .idpe-reading-3 { animation:idpe-lbl-closed 8s ease-in-out infinite; }\n  #idpe-root .idpe-reading-4 { animation:idpe-lbl-restored 8s ease-in-out infinite; }\n\n  @keyframes idpe-rotate { to { transform:rotate(360deg); } }\n\n  @keyframes idpe-flow-move { to { stroke-dashoffset:-28; } }\n  @keyframes idpe-flow-visibility {\n    0%,40%   { opacity:1; }\n    55%,70%  { opacity:0.12; }\n    85%,100% { opacity:1; }\n  }\n\n  @keyframes idpe-valve-color {\n    0%,52%   { fill:#1e4a7a; }\n    58%,68%  { fill:#ff4d4f; }\n    78%,100% { fill:#1e4a7a; }\n  }\n  @keyframes idpe-valve-turn {\n    0%,52%   { transform:rotate(0deg); }\n    62%,68%  { transform:rotate(90deg); }\n    78%,100% { transform:rotate(0deg); }\n  }\n\n  @keyframes idpe-needle-sweep {\n    0%,40%   { transform:rotate(-20deg); }\n    48%,54%  { transform:rotate(45deg); }\n    58%,70%  { transform:rotate(65deg); }\n    80%,100% { transform:rotate(-20deg); }\n  }\n\n  @keyframes idpe-lbl-nom      { 0%,40%  { opacity:1; } 46%,100% { opacity:0; } }\n  @keyframes idpe-lbl-rise     { 0%,40%  { opacity:0; } 46%,54%  { opacity:1; } 60%,100% { opacity:0; } }\n  @keyframes idpe-lbl-closed   { 0%,54%  { opacity:0; } 60%,76%  { opacity:1; } 82%,100% { opacity:0; } }\n  @keyframes idpe-lbl-restored { 0%,76%  { opacity:0; } 82%,96%  { opacity:1; } 100% { opacity:0; } }\n\n  \/* Respect reduced motion *\/\n  @media (prefers-reduced-motion: reduce) {\n    #idpe-root .idpe-flow-dash, #idpe-root .idpe-valve-body, #idpe-root .idpe-valve-handle,\n    #idpe-root .idpe-pump-blades, #idpe-root .idpe-gauge-needle, #idpe-root .idpe-reading,\n    #idpe-root .idpe-st {\n      animation:none !important;\n    }\n    #idpe-root .idpe-flow-dash { opacity:1; }\n    #idpe-root .idpe-st-nom, #idpe-root .idpe-reading-1 { opacity:1; }\n    #idpe-root .idpe-st-rise, #idpe-root .idpe-st-closed, #idpe-root .idpe-st-restored,\n    #idpe-root .idpe-reading-2, #idpe-root .idpe-reading-3, #idpe-root .idpe-reading-4 { opacity:0; }\n  }\n\n@media (max-width:1240px) {\n  #idpe-root .idpe-hero-visual { display:none; }\n}\n<\/style>\n\n\n\n\n\n\n\n\n<\/div><!-- \/#bhtit-body -->\n\n<footer class=\"bhtit-ftr\">\n  <div class=\"bhtit-ftr-in\">\n    <div class=\"bhtit-ftr-brand\">\n      <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/\"><img decoding=\"async\" src=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-content\/uploads\/sites\/4\/2026\/05\/BHT-Logo-300-w-1.png\" alt=\"BHT\"><\/a>\n      <div class=\"bhtit-social\">\n        <a href=\"https:\/\/de.linkedin.com\/company\/bht-electric-control-mechanic-gmbh-co-kg?trk=similar-pages\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"LinkedIn\"><svg viewBox=\"0 0 448 512\" width=\"16\" height=\"16\" fill=\"currentColor\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"\/><\/svg><\/a>\n      <\/div>\n    <\/div>\n    <div class=\"bhtit-ftr-col\">\n      <h4 data-i18n=\"f_pages\">Pages<\/h4>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/\" data-i18n=\"nav_home\">Home<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/sample-page\/\" data-i18n=\"nav_about\">About us<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/services\/\" data-i18n=\"nav_services\">Services<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/contact\/\" data-i18n=\"nav_contact\">Contact<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/project\/\" data-i18n=\"nav_project\">Start a Project<\/a>\n    <\/div>\n    <div class=\"bhtit-ftr-col\">\n      <h4 data-i18n=\"f_services\">Services<\/h4>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/website-design-development\/\" data-i18n=\"sv_web\">Website Design &amp; Development<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/cybersecurity-services\/\" data-i18n=\"sv_cyber\">Cybersecurity Services<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/industrial-design-piping-engineering\/\" data-i18n=\"sv_ind\">Industrial Design &amp; Piping Engineering<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/it-support-network-security\/\" data-i18n=\"sv_it\">IT Support &amp; Network Security<\/a>\n    <\/div>\n    <div class=\"bhtit-ftr-col\">\n      <h4 data-i18n=\"f_companies\">Companies<\/h4>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/industrial-supply\" data-i18n=\"c_ind\">Industrial supply<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/engineering-manufacturing\" data-i18n=\"c_eng\">Engineering &amp; Manufacturing<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/renewable-clean-energy\" data-i18n=\"c_ren\">Renewable &amp; Clean Energy<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\" data-i18n=\"c_raw\">Raw Materials supply<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\" class=\"is-cur\" data-i18n=\"c_it\">IT &amp; Cybersecurity<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"bhtit-ftr-btm\"><p data-i18n=\"f_rights\">BHT \u00a9 All rights reserved<\/p><p data-i18n=\"f_dev\">Website Developer: MME<\/p><\/div>\n<\/footer>\n\n<\/div><!-- \/#bhtit-page -->\n\n<style>\n\/* ============ BHT IT&CS CHROME ============ *\/\n#bhtit-page,#bhtit-page *,.bhtit-ftr,.bhtit-ftr *{box-sizing:border-box}\n#bhtit-page,.bhtit-ftr{font-family:Inter,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif}\n#bhtit-page a,.bhtit-ftr a{text-decoration:none}\n\/* header\/footer share the page body's own container so the logo lines up *\/\n.bhtit-hdr-in,.bhtit-ftr-in,.bhtit-ftr-btm{max-width:var(--bhtit-max);margin-inline:auto;width:100%;padding-inline:var(--bhtit-pad)}\n.bhtit-hdr{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0 54px;background:rgba(10,12,24,.38);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.10);transition:background .35s ease}\n.bhtit-hdr.is-stuck{background:rgba(10,12,24,.78)}\nbody.admin-bar .bhtit-hdr{top:32px}\n@media(max-width:782px){body.admin-bar .bhtit-hdr{top:46px}}\n.bhtit-hdr-in{display:flex;align-items:center;justify-content:space-between;gap:20px}\n.bhtit-logo{flex-shrink:0;display:flex;align-items:center}\n.bhtit-logo img{height:70px;width:auto;display:block}\n.bhtit-nav-wrap{display:flex;align-items:center;gap:clamp(14px,2vw,28px)}\n.bhtit-nav{position:relative;display:flex;align-items:center;gap:clamp(12px,1.8vw,26px)}\n\/* EN\/DE sits on its own row under the nav, right-aligned under \"Contact\" *\/\n.bhtit-lang{position:absolute;top:calc(100% + 14px);right:0;z-index:2}\n.bhtit-nav>a,.bhtit-mega-btn{position:relative;display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:6px 0;cursor:pointer;color:#E8ECF3;font-family:inherit;font-size:.86rem;font-weight:600;white-space:nowrap;opacity:.9;transition:opacity .25s}\n.bhtit-nav>a::after,.bhtit-mega-btn::after{content:\"\";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#5C5DE8;transform:scaleX(0);transform-origin:left;transition:transform .3s}\n.bhtit-nav>a:hover,.bhtit-mega-btn:hover{opacity:1}\n.bhtit-nav>a:hover::after,.bhtit-mega-btn:hover::after,.bhtit-nav>a.is-cur::after{transform:scaleX(1)}\n.bhtit-mega-btn svg{transition:transform .3s}\n.bhtit-has-mega:hover .bhtit-mega-btn svg,\n.bhtit-has-mega.is-open .bhtit-mega-btn svg{transform:rotate(180deg)}\n.bhtit-has-mega{position:relative}\n\/* mega stacking: panel must sit above the EN\/DE row it overlaps *\/\n.bhtit-has-mega.is-open ~ .bhtit-lang{pointer-events:none}\n.bhtit-mega{z-index:30;position:absolute;top:100%;left:50%;transform:translate(-50%,-8px);width:min(660px,92vw);padding-top:16px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,transform .25s,visibility .25s}\n.bhtit-mega-inner{padding:16px;background:rgba(13,17,34,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(92,93,232,.28);border-radius:16px;box-shadow:0 26px 60px rgba(0,0,0,.5)}\n\/* bridges the gap under \"Services\" so hover survives the trip down *\/\n.bhtit-has-mega:hover .bhtit-mega,\n.bhtit-has-mega:focus-within .bhtit-mega,\n.bhtit-has-mega.is-open .bhtit-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}\n.bhtit-mega-all{display:inline-block;margin:0 0 12px 6px;color:#9496FF;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}\n.bhtit-mega-all:hover{color:#C9CAFF}\n.bhtit-mega-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}\n.bhtit-mega-card{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;border:1px solid transparent;transition:background .22s,border-color .22s,transform .22s}\n.bhtit-mega-card:hover{background:rgba(92,93,232,.14);border-color:rgba(92,93,232,.45);transform:translateY(-2px)}\n.bhtit-mega-thumb{flex:0 0 62px;width:62px;height:52px;border-radius:9px;overflow:hidden;display:block;background:#0A0C18}\n.bhtit-mega-thumb img{width:100%;height:100%;object-fit:cover;display:block}\n.bhtit-mega-txt{display:flex;flex-direction:column;gap:3px;min-width:0}\n.bhtit-mega-txt strong{color:#EDEFFA;font-size:.82rem;font-weight:700;line-height:1.25}\n.bhtit-mega-txt em{color:#B4B8D9;font-size:.72rem;font-style:normal;line-height:1.4}\n.bhtit-utils{display:flex;align-items:center;gap:12px}\n.bhtit-lang{display:flex;align-items:center;gap:5px}\n.bhtit-lang-b{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:4px 9px 4px 6px;color:rgba(232,236,243,.8);font-family:inherit;font-size:.62rem;font-weight:700;cursor:pointer;transition:.2s}\n.bhtit-lang-b:hover{border-color:rgba(92,93,232,.7);color:#fff}\n.bhtit-lang-b.is-on{background:rgba(92,93,232,.22);border-color:#5C5DE8;color:#fff}\n.bhtit-lang-b svg{border-radius:2px;display:block}\n.bhtit-cta{display:inline-block;padding:9px 18px;border-radius:9px;background:#5C5DE8;color:#fff;font-size:.8rem;font-weight:700;white-space:nowrap;transition:.22s}\n.bhtit-cta:hover{background:#4B4DD6;transform:translateY(-2px);box-shadow:0 10px 24px rgba(92,93,232,.4)}\n.bhtit-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:30px;height:30px;background:none;border:0;cursor:pointer;padding:0;flex-shrink:0}\n.bhtit-burger span{display:block;width:24px;height:2px;background:#E8ECF3;border-radius:2px;transition:transform .3s,opacity .3s}\n.bhtit-burger.is-on span:nth-child(1){transform:translateY(7px) rotate(45deg)}\n.bhtit-burger.is-on span:nth-child(2){opacity:0}\n.bhtit-burger.is-on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}\n#bhtit-body{position:relative;z-index:0;background:#0A0C18;min-height:40vh;overflow-x:clip}\nhtml,body{background:#0A0C18}\n.bhtit-ftr{background:#0A0C18;padding-block-start:56px;border-top:1px solid rgba(92,93,232,.18)}\n.bhtit-ftr-in{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:40px}\n.bhtit-ftr-brand{display:flex;flex-direction:column;gap:16px}\n.bhtit-ftr-brand img{height:44px;width:auto;display:block}\n.bhtit-social{display:flex;gap:9px}\n.bhtit-social a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px;background:rgba(255,255,255,.08);color:#fff;transition:.25s}\n.bhtit-social a:hover{background:#5C5DE8}\n.bhtit-ftr-col{display:flex;flex-direction:column;gap:11px;min-width:150px}\n.bhtit-ftr-col h4{margin:0;color:#EDEFFA;font-size:.95rem;font-weight:700}\n.bhtit-ftr-col a{color:rgba(224,230,240,.62);font-size:.86rem;transition:color .25s}\n.bhtit-ftr-col a:hover,.bhtit-ftr-col a.is-cur{color:#9496FF}\n.bhtit-ftr-btm{margin-top:44px;padding-block:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}\n.bhtit-ftr-btm p{margin:0;color:rgba(224,230,240,.45);font-size:.78rem}\n@media(max-width:1080px){\n .bhtit-burger{display:flex;order:3}\n .bhtit-nav-wrap{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding-inline:var(--bhtit-pad);background:#080A14;border-top:1px solid rgba(255,255,255,.12);max-height:0;overflow:hidden auto;opacity:0;pointer-events:none;transition:max-height .38s ease,opacity .3s ease,padding .38s ease}\n .bhtit-nav-wrap.is-open{max-height:78vh;opacity:1;pointer-events:auto;padding-block:14px 20px}\n .bhtit-nav{flex-direction:column;align-items:stretch;gap:0;width:100%}\n .bhtit-nav>a,.bhtit-mega-btn{width:100%;padding:12px 2px;font-size:.95rem;justify-content:space-between}\n .bhtit-nav>a::after,.bhtit-mega-btn::after{display:none}\n .bhtit-has-mega{position:static}\n .bhtit-mega-inner{padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}\n .bhtit-mega{position:static;transform:none;width:100%;padding:6px 0 10px;display:none;opacity:1;visibility:visible;pointer-events:auto}\n .bhtit-has-mega.is-open .bhtit-mega{display:block}\n .bhtit-mega-grid{grid-template-columns:1fr;gap:6px}\n .bhtit-utils{width:100%;justify-content:flex-end;padding-top:14px;margin-top:8px;border-top:1px solid rgba(255,255,255,.12)}\n .bhtit-lang{position:static;width:100%;margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}\n .bhtit-hdr{padding:16px 0}\n}\n@media(max-width:820px){.bhtit-ftr-in{flex-direction:column;gap:30px}.bhtit-ftr-btm{justify-content:center;text-align:center}}\n@media(max-width:600px){.bhtit-hdr{padding-block:12px}.bhtit-cta{padding:8px 14px;font-size:.74rem}}\n@media(prefers-reduced-motion:reduce){.bhtit-mega,.bhtit-mega-card,.bhtit-cta{transition:none}}\n\/* The Elementor container wrapping this widget carries its own gutter.\n   The fixed header escapes it but the body and footer do not, which put\n   the three out of line \u2014 so zero it and let --bhtit-pad be the only gutter. *\/\n.elementor-element.e-con,\n.elementor-element.e-con > .e-con-inner,\n.elementor-widget-html{padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important;max-width:100% !important}\n<\/style>\n\n<script>\n\/* German copy for this page (English above is the source of truth) *\/\nwindow.__BHTIT_TEXT={\"Industrial Design & Piping Engineering\":\"Industriedesign & Rohrleitungsplanung\",\"Process Systems Built With Modern Technology\":\"Prozessanlagen, gebaut mit moderner Technik\",\"Designed to\":\"Ausgelegt, um\",\"Hold Pressure.\":\"Druck zu halten.\",\"From P&ID schematics to sensor-connected dashboards, we design and engineer piping systems that meet code, hold up under load, and give your team real-time visibility \u2014 not just blueprints on a shelf.\":\"Von R&I-Flie\u00dfschemata bis zu sensorgest\u00fctzten Dashboards planen und konstruieren wir Rohrleitungssysteme, die normgerecht sind, unter Last standhalten und Ihrem Team Echtzeit-Transparenz geben \u2014 statt Zeichnungen im Regal.\",\"Start a Project\":\"Projekt starten\",\"See how we work\":\"So arbeiten wir\",\"FLOW: NOMINAL\":\"DURCHFLUSS: NORMAL\",\"PRESSURE RISING\":\"DRUCK STEIGT\",\"VALVE CLOSED\":\"VENTIL GESCHLOSSEN\",\"FLOW RESTORED\":\"DURCHFLUSS WIEDERHERGESTELLT\",\"Tank A\":\"Tank A\",\"Tank B\":\"Tank B\",\"Pump\":\"Pumpe\",\"Valve\":\"Ventil\",\"What's included\":\"Was enthalten ist\",\"Everything a modern process line needs, under one roof.\":\"Alles, was eine moderne Prozesslinie braucht, aus einer Hand.\",\"Process & Piping Design\":\"Prozess- & Rohrleitungsplanung\",\"P&ID schematics and 3D layouts engineered to code, so rework gets caught on screen, not on site.\":\"R&I-Schemata und 3D-Layouts normgerecht konstruiert, damit Nacharbeit am Bildschirm auff\u00e4llt und nicht auf der Baustelle.\",\"Fabrication & Installation\":\"Fertigung & Montage\",\"Precision-fabricated spools and supports, installed by crews who build to the drawings, not around them.\":\"Pr\u00e4zisionsgefertigte Rohrst\u00fccke und Halterungen, montiert von Teams, die nach Zeichnung bauen und nicht daran vorbei.\",\"Smart Sensor Integration\":\"Intelligente Sensorintegration\",\"Pressure, flow, and temperature sensors wired into a live dashboard, not a clipboard someone checks once a shift.\":\"Druck-, Durchfluss- und Temperatursensoren, angebunden an ein Live-Dashboard statt an ein Klemmbrett, das einmal pro Schicht kontrolliert wird.\",\"Code & Compliance\":\"Normen & Konformit\u00e4t\",\"ASME, API, and local code requirements built into the design from day one, not patched in before inspection.\":\"ASME-, API- und lokale Normanforderungen sind von Tag eins Teil der Planung und werden nicht kurz vor der Abnahme nachgereicht.\",\"Engineered with tools that fit the job\":\"Konstruiert mit Werkzeugen, die zur Aufgabe passen\",\"PLC Systems\":\"SPS-Systeme\",\"IoT Sensors\":\"IoT-Sensoren\",\"How we work\":\"So arbeiten wir\",\"Five stages, one straight line to commissioning.\":\"F\u00fcnf Phasen, ein gerader Weg zur Inbetriebnahme.\",\"Survey\":\"Aufnehmen\",\"A site walkthrough and existing-system audit, so the design accounts for what's actually there.\":\"Eine Begehung vor Ort und eine Bestandsaufnahme, damit die Planung ber\u00fccksichtigt, was tats\u00e4chlich vorhanden ist.\",\"Design\":\"Planen\",\"P&ID schematics and 3D layouts, reviewed with your team before a single spool gets cut.\":\"R&I-Schemata und 3D-Layouts, gemeinsam mit Ihrem Team gepr\u00fcft, bevor ein einziges Rohrst\u00fcck geschnitten wird.\",\"Fabricate\":\"Fertigen\",\"Piping, spools, and supports built to spec in the shop, not improvised in the field.\":\"Rohrleitungen, Rohrst\u00fccke und Halterungen werden nach Spezifikation in der Werkstatt gefertigt statt vor Ort improvisiert.\",\"Install\":\"Montieren\",\"Scheduled installation with pressure testing and inspection sign-off at every milestone.\":\"Geplante Montage mit Druckpr\u00fcfung und Abnahme bei jedem Meilenstein.\",\"Monitor\":\"\u00dcberwachen\",\"Sensors and dashboards go live, so pressure, flow, and temperature stay visible long after handoff.\":\"Sensoren und Dashboards gehen live, damit Druck, Durchfluss und Temperatur auch lange nach der \u00dcbergabe sichtbar bleiben.\",\"Ready to build it right?\":\"Bereit, es richtig zu bauen?\",\"Tell us what you're running. We'll reply with a scope, not a sales pitch.\":\"Sagen Sie uns, was bei Ihnen l\u00e4uft. Sie bekommen einen Leistungsumfang, keine Verkaufsrede.\",\"Request a Site Assessment\":\"Standortbewertung anfordern\"};\n<\/script>\n\n<script>\n\/* ---- nav: mega dropdown + mobile panel ---- *\/\n(function(){\n var burger=document.querySelector(\".bhtit-burger\"),panel=document.querySelector(\".bhtit-nav-wrap\"),\n     mega=document.querySelector(\".bhtit-has-mega\"),megaBtn=document.querySelector(\".bhtit-mega-btn\"),hdr=document.querySelector(\".bhtit-hdr\");\n function mobile(){return window.matchMedia(\"(max-width:1080px)\").matches;}\n if(burger&&panel){burger.addEventListener(\"click\",function(){var o=panel.classList.toggle(\"is-open\");burger.classList.toggle(\"is-on\",o);burger.setAttribute(\"aria-expanded\",o?\"true\":\"false\");});}\n if(mega&&megaBtn){\n  megaBtn.addEventListener(\"click\",function(e){e.stopPropagation();var o=mega.classList.toggle(\"is-open\");megaBtn.setAttribute(\"aria-expanded\",o?\"true\":\"false\");});\n  mega.addEventListener(\"mouseenter\",function(){if(!mobile()){mega.classList.add(\"is-open\");megaBtn.setAttribute(\"aria-expanded\",\"true\");}});\n  mega.addEventListener(\"mouseleave\",function(){if(!mobile()){mega.classList.remove(\"is-open\");megaBtn.setAttribute(\"aria-expanded\",\"false\");}});\n }\n document.addEventListener(\"click\",function(e){\n  if(mega&&!mega.contains(e.target)){mega.classList.remove(\"is-open\");if(megaBtn)megaBtn.setAttribute(\"aria-expanded\",\"false\");}\n  if(panel&&burger&&!panel.contains(e.target)&&!burger.contains(e.target)){panel.classList.remove(\"is-open\");burger.classList.remove(\"is-on\");burger.setAttribute(\"aria-expanded\",\"false\");}\n });\n document.addEventListener(\"keydown\",function(e){if(e.key===\"Escape\"&&mega){mega.classList.remove(\"is-open\");if(megaBtn)megaBtn.setAttribute(\"aria-expanded\",\"false\");}});\n window.addEventListener(\"resize\",function(){if(!mobile()&&panel){panel.classList.remove(\"is-open\");if(burger){burger.classList.remove(\"is-on\");burger.setAttribute(\"aria-expanded\",\"false\");}}});\n if(hdr){var s=function(){hdr.classList.toggle(\"is-stuck\",window.scrollY>12);};s();window.addEventListener(\"scroll\",s,{passive:true});}\n var here=location.pathname.replace(\/\\\/+$\/,\"\");\n document.querySelectorAll(\".bhtit-nav > a\").forEach(function(a){\n  try{ if(new URL(a.href).pathname.replace(\/\\\/+$\/,\"\")===here) a.classList.add(\"is-cur\"); }catch(err){}\n });\n})();\n<\/script>\n\n<script>\n\/* ---- EN \/ DE ----------------------------------------------------------\n   Chrome strings come from CHROME below. Page copy comes from the\n   per-page dictionary in window.__BHTIT_TEXT (English -> German), applied\n   to text nodes and to placeholder\/aria-label\/alt attributes. The English\n   originals are cached on first run, so switching back is lossless and the\n   authored copy is never modified. *\/\n(function(){\n var CHROME={\n  nav_home:{en:\"Home\",de:\"Startseite\"},\n  nav_about:{en:\"About us\",de:\"\u00dcber uns\"},\n  nav_services:{en:\"Services\",de:\"Leistungen\"},\n  nav_contact:{en:\"Contact\",de:\"Kontakt\"},\n  nav_project:{en:\"Start a Project\",de:\"Projekt starten\"},\n  sv_all:{en:\"All services\",de:\"Alle Leistungen\"},\n  sv_web:{en:\"Website Design & Development\",de:\"Webdesign & Entwicklung\"},\n  sv_web_d:{en:\"Fast, accessible sites built to last.\",de:\"Schnelle, barrierefreie Websites mit Bestand.\"},\n  sv_cyber:{en:\"Cybersecurity Services\",de:\"Cybersicherheitsdienste\"},\n  sv_cyber_d:{en:\"Threat detection, hardening and response.\",de:\"Bedrohungserkennung, H\u00e4rtung und Reaktion.\"},\n  sv_ind:{en:\"Industrial Design & Piping Engineering\",de:\"Industriedesign & Rohrleitungsplanung\"},\n  sv_ind_d:{en:\"Plant layouts and pressure-safe piping.\",de:\"Anlagenlayouts und druckfeste Rohrleitungen.\"},\n  sv_it:{en:\"IT Support & Network Security\",de:\"IT-Support & Netzwerksicherheit\"},\n  sv_it_d:{en:\"Managed support and secure networks.\",de:\"Managed Support und sichere Netzwerke.\"},\n  f_pages:{en:\"Pages\",de:\"Seiten\"},\n  f_services:{en:\"Services\",de:\"Leistungen\"},\n  f_companies:{en:\"Companies\",de:\"Unternehmensbereiche\"},\n  c_ind:{en:\"Industrial supply\",de:\"Industrielle Zulieferung\"},\n  c_eng:{en:\"Engineering & Manufacturing\",de:\"Ingenieurwesen & Fertigung\"},\n  c_ren:{en:\"Renewable & Clean Energy\",de:\"Erneuerbare & Saubere Energie\"},\n  c_raw:{en:\"Raw Materials supply\",de:\"Rohstoffversorgung\"},\n  c_it:{en:\"IT & Cybersecurity\",de:\"IT & Cybersicherheit\"},\n  f_rights:{en:\"BHT \u00a9 All rights reserved\",de:\"BHT \u00a9 Alle Rechte vorbehalten\"},\n  f_dev:{en:\"Website Developer: MME\",de:\"Website-Entwicklung: MME\"}\n };\n var MAP=window.__BHTIT_TEXT||{};\n var K=\"bhtitLang\", body=document.getElementById(\"bhtit-body\"), cache=null, attrCache=null;\n function build(){\n  cache=[]; attrCache=[];\n  if(!body) return;\n  var w=document.createTreeWalker(body,NodeFilter.SHOW_TEXT,{acceptNode:function(n){\n   var p=n.parentNode; if(!p) return NodeFilter.FILTER_REJECT;\n   var t=p.nodeName; if(t===\"SCRIPT\"||t===\"STYLE\"||t===\"NOSCRIPT\") return NodeFilter.FILTER_REJECT;\n   return n.nodeValue.trim()? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;\n  }});\n  var n; while((n=w.nextNode())) cache.push({n:n,en:n.nodeValue});\n  [\"placeholder\",\"aria-label\",\"alt\",\"title\",\"value\"].forEach(function(a){\n   body.querySelectorAll(\"[\"+a+\"]\").forEach(function(el){\n    var v=el.getAttribute(a); if(v&&v.trim()) attrCache.push({el:el,a:a,en:v});\n   });\n  });\n }\n function applyBody(lang){\n  if(cache===null) build();\n  cache.forEach(function(o){\n   if(lang===\"en\"){ if(o.n.nodeValue!==o.en) o.n.nodeValue=o.en; return; }\n   var key=o.en.trim(), de=MAP[key];\n   o.n.nodeValue = de? o.en.replace(key,de) : o.en;\n  });\n  attrCache.forEach(function(o){\n   if(lang===\"en\"){ o.el.setAttribute(o.a,o.en); return; }\n   var de=MAP[o.en.trim()];\n   o.el.setAttribute(o.a, de||o.en);\n  });\n }\n function apply(lang){\n  document.querySelectorAll(\"[data-i18n]\").forEach(function(n){\n   var e=CHROME[n.getAttribute(\"data-i18n\")]; if(!e) return; n.textContent=e[lang]||e.en;\n  });\n  applyBody(lang);\n  document.documentElement.setAttribute(\"lang\",lang);\n  document.querySelectorAll(\".bhtit-lang-b\").forEach(function(b){\n   var on=b.getAttribute(\"data-lang\")===lang; b.classList.toggle(\"is-on\",on); b.setAttribute(\"aria-pressed\",on?\"true\":\"false\");\n  });\n  try{localStorage.setItem(K,lang);}catch(e){}\n }\n document.addEventListener(\"click\",function(e){\n  var b=e.target.closest?e.target.closest(\".bhtit-lang-b\"):null; if(!b) return;\n  var l=b.getAttribute(\"data-lang\"); if(l===\"en\"||l===\"de\") apply(l);\n });\n var saved=null; try{var v=localStorage.getItem(K); if(v===\"de\"||v===\"en\") saved=v;}catch(e){}\n apply(saved||((navigator.language||\"\").toLowerCase().indexOf(\"de\")===0?\"de\":\"en\"));\n})();\n<\/script>\n\n<script>\n\/* ---- header alignment ------------------------------------------------\n   Each page uses a different container convention, so instead of hard-\n   coding padding we measure the page's own leading heading and match the\n   header\/footer gutter to it. Re-runs on resize. *\/\n(function __bhtitAlign(){\n var page=document.getElementById(\"bhtit-page\"), body=document.getElementById(\"bhtit-body\");\n if(!page||!body) return;\n function anchor(){\n  var els=body.querySelectorAll(\"h1,h2\"), vw=document.documentElement.clientWidth, best=null;\n  for(var i=0;i<els.length;i++){\n   var e=els[i], r=e.getBoundingClientRect(), cs=getComputedStyle(e);\n   if(cs.textAlign===\"center\"||cs.display===\"none\") continue;\n   if(r.width < vw*0.18 || r.height<10) continue;\n   if(e.closest(\".bhtit-band\")) continue;\n   best=r.left; break;\n  }\n  return best;\n }\n function offset(){\n  var hdr=document.querySelector('.bhtit-hdr');\n  if(!hdr) return;\n  \/\/ fixed header would otherwise sit on top of the first section\n  body.style.paddingTop=Math.round(hdr.getBoundingClientRect().height)+'px';\n }\n function sync(){\n  offset();\n  var a=anchor(); if(a===null) return;\n  var pad=Math.max(16,Math.round(a));\n  if(pad>document.documentElement.clientWidth*0.35) return;\n  page.style.setProperty(\"--bhtit-max\",\"none\");\n  page.style.setProperty(\"--bhtit-pad\",pad+\"px\");\n }\n if(document.readyState===\"complete\") sync(); else window.addEventListener(\"load\",sync);\n sync();\n var t; window.addEventListener(\"resize\",function(){clearTimeout(t);t=setTimeout(sync,120);});\n})();\n<\/script>\n\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>Home About us Services All services Website Design &amp; Development Cybersecurity Services Industrial Design &amp; Piping Engineering IT Support &amp; Network Security Contact EN DE Start a Project Industrial Design &amp; Piping Engineering Process Systems Built With Modern Technology Designed to Hold Pressure. From P&amp;ID schematics to sensor-connected dashboards, we design and engineer piping systems [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-357","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/pages\/357","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/comments?post=357"}],"version-history":[{"count":34,"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/pages\/357\/revisions"}],"predecessor-version":[{"id":827,"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/pages\/357\/revisions\/827"}],"wp:attachment":[{"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/media?parent=357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}