{"id":8,"date":"2026-05-22T17:11:19","date_gmt":"2026-05-22T17:11:19","guid":{"rendered":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/?page_id=8"},"modified":"2026-08-17T09:28:15","modified_gmt":"2026-08-17T09:28:15","slug":"home","status":"publish","type":"page","link":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14af380 e-con-full e-flex e-con e-parent\" data-id=\"14af380\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79fbea5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"79fbea5\" 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:5%;\">\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\n\n\n\n<div id=\"bht-hero-fx\" style=\"position:relative; min-width:100%; min-height:100vh; overflow:hidden; background:#0a1830;\">\n\n  <div id=\"bht-hero-canvas\" style=\"position:absolute; inset:0; width:100%; height:100%; z-index:0; pointer-events:none;\"><\/div>\n\n  <div id=\"bht-hero-text\" style=\"position:relative; z-index:2; padding:14vh 10% 10vh 10%; max-width:900px;\">\n    <div style=\"font-size:clamp(16px,2vw,20px); font-weight:700; color:#e8ecf3; letter-spacing:0.5px;\">IT &amp; Cybersecurity<\/div>\n    <div style=\"font-size:clamp(13px,1.3vw,15px); color:#8fa9c9; margin-top:4px; margin-bottom:clamp(24px,6vh,60px);\">Software Development Services<\/div>\n\n    <h1 style=\"font-size:clamp(34px,5.5vw,58px); line-height:1.1; font-weight:800; color:#e8ecf3; margin:0;\">\n      Design. Defend<br>\n      <span style=\"color:#e8711a;\">Deliver.<\/span>\n    <\/h1>\n\n    <p style=\"font-size:clamp(15px,1.5vw,17px); line-height:1.6; color:#c9d3e0; max-width:520px; margin-top:clamp(20px,3vh,32px);\">\n      Three focused disciplines \u2014 Web Design, Cyber Security, and end-to-end Technology Solutions \u2014 unified under one expert roof.\n    <\/p>\n  <\/div>\n\n  <div id=\"bht-hero-terminal\" style=\"position:absolute; right:8%; top:38%; transform:translateY(-50%); width:min(38vw, 460px); height:min(56vh, 420px); z-index:1; pointer-events:none;\"><\/div>\n<\/div>\n\n<style>\n  @media (max-width: 1190px) {\n    #bht-hero-terminal { display: none; }\n  }\n  @media (max-width: 600px) {\n    #bht-hero-fx { min-height: 90vh; }\n    #bht-hero-text { padding-top: 10vh; }\n  }\n<\/style>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\n\n<script>\n(function () {\n\n  function initBHTHeroCanvas() {\n    var mount = document.getElementById('bht-hero-canvas');\n    if (!mount || typeof THREE === 'undefined') return;\n\n    var w = mount.clientWidth, h = mount.clientHeight;\n    var renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });\n    renderer.setSize(w, h);\n    renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\n    mount.appendChild(renderer.domElement);\n\n    var scene = new THREE.Scene();\n    scene.background = new THREE.Color(0x0a1830);\n    var camera = new THREE.PerspectiveCamera(60, w \/ h, 0.1, 1000);\n    camera.position.z = 28;\n\n    var NODE_COUNT = 150;\n    var positions = [];\n    var velocities = [];\n    var nodeGeo = new THREE.SphereGeometry(0.12, 8, 8);\n    var orangeMat = new THREE.MeshBasicMaterial({ color: 0xe8711a });\n    var dimMat = new THREE.MeshBasicMaterial({ color: 0x1e4a7a });\n\n    for (var i = 0; i < NODE_COUNT; i++) {\n      var pos = new THREE.Vector3(\n        (Math.random() - 0.5) * 58,\n        (Math.random() - 0.5) * 38,\n        (Math.random() - 0.5) * 22\n      );\n      positions.push(pos);\n      velocities.push(new THREE.Vector3(\n        (Math.random() - 0.5) * 0.013,\n        (Math.random() - 0.5) * 0.013,\n        (Math.random() - 0.5) * 0.005\n      ));\n      var mesh = new THREE.Mesh(nodeGeo, Math.random() > 0.82 ? orangeMat.clone() : dimMat.clone());\n      mesh.position.copy(pos);\n      scene.add(mesh);\n    }\n\n    var MAX_CONN = 360;\n    var lineGeo = new THREE.BufferGeometry();\n    var linePts = new Float32Array(MAX_CONN * 6);\n    var lineClr = new Float32Array(MAX_CONN * 6);\n    lineGeo.setAttribute('position', new THREE.BufferAttribute(linePts, 3));\n    lineGeo.setAttribute('color', new THREE.BufferAttribute(lineClr, 3));\n    lineGeo.setDrawRange(0, 0);\n    var lineSegs = new THREE.LineSegments(\n      lineGeo,\n      new THREE.LineBasicMaterial({ vertexColors: true, transparent: true, opacity: 0.35 })\n    );\n    scene.add(lineSegs);\n\n    var mouseX = 0, mouseY = 0;\n    function onMouse(e) {\n      mouseX = (e.clientX \/ window.innerWidth - 0.5) * 2;\n      mouseY = (e.clientY \/ window.innerHeight - 0.5) * 2;\n    }\n    window.addEventListener('mousemove', onMouse);\n\n    var frame = 0, animId;\n    function animate() {\n      animId = requestAnimationFrame(animate);\n      frame++;\n      for (var i = 0; i < NODE_COUNT; i++) {\n        positions[i].add(velocities[i]);\n        if (Math.abs(positions[i].x) > 30) velocities[i].x *= -1;\n        if (Math.abs(positions[i].y) > 20) velocities[i].y *= -1;\n        if (Math.abs(positions[i].z) > 11) velocities[i].z *= -1;\n        scene.children[i].position.copy(positions[i]);\n      }\n      if (frame % 3 === 0) {\n        var ci = 0;\n        for (var i2 = 0; i2 < NODE_COUNT && ci < MAX_CONN; i2++) {\n          for (var j = i2 + 1; j < NODE_COUNT && ci < MAX_CONN; j++) {\n            var d = positions[i2].distanceTo(positions[j]);\n            if (d < 9.5) {\n              var a = 1 - d \/ 9.5, b = ci * 6;\n              linePts[b] = positions[i2].x; linePts[b+1] = positions[i2].y; linePts[b+2] = positions[i2].z;\n              linePts[b+3] = positions[j].x; linePts[b+4] = positions[j].y; linePts[b+5] = positions[j].z;\n              lineClr[b] = 0.15 + a * 0.75; lineClr[b+1] = 0.28 * a; lineClr[b+2] = 0.6;\n              lineClr[b+3] = 0.15; lineClr[b+4] = 0.22; lineClr[b+5] = 0.6 + a * 0.2;\n              ci++;\n            }\n          }\n        }\n        lineGeo.setDrawRange(0, ci * 2);\n        lineGeo.attributes.position.needsUpdate = true;\n        lineGeo.attributes.color.needsUpdate = true;\n      }\n      camera.position.x += (mouseX * 3.5 - camera.position.x) * 0.028;\n      camera.position.y += (-mouseY * 2.2 - camera.position.y) * 0.028;\n      camera.lookAt(0, 0, 0);\n      renderer.render(scene, camera);\n    }\n    animate();\n\n    function onResize() {\n      var nw = mount.clientWidth, nh = mount.clientHeight;\n      camera.aspect = nw \/ nh;\n      camera.updateProjectionMatrix();\n      renderer.setSize(nw, nh);\n    }\n    window.addEventListener('resize', onResize);\n\n    window.addEventListener('beforeunload', function () {\n      cancelAnimationFrame(animId);\n      window.removeEventListener('mousemove', onMouse);\n      window.removeEventListener('resize', onResize);\n      renderer.dispose();\n    });\n  }\n\n\n  function initBHTTerminalPanel() {\n    var mount = document.getElementById('bht-hero-terminal');\n    if (!mount || typeof THREE === 'undefined') return;\n    if (window.getComputedStyle(mount).display === 'none') return;\n\n    var w = mount.clientWidth, h = mount.clientHeight;\n    var renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });\n    renderer.setSize(w, h);\n    renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\n    mount.appendChild(renderer.domElement);\n\n    var scene = new THREE.Scene();\n    var camera = new THREE.PerspectiveCamera(45, w \/ h, 0.1, 100);\n    camera.position.set(0, 0, 9);\n\n    var texCanvas = document.createElement('canvas');\n    texCanvas.width = 1024;\n    texCanvas.height = 640;\n    var ctx = texCanvas.getContext('2d');\n    var texture = new THREE.CanvasTexture(texCanvas);\n    texture.minFilter = THREE.LinearFilter;\n    texture.magFilter = THREE.LinearFilter;\n\n    var group = new THREE.Group();\n    scene.add(group);\n\n    var rim = new THREE.Mesh(\n      new THREE.PlaneGeometry(8.75, 5.75),\n      new THREE.MeshBasicMaterial({ color: 0xe8711a, transparent: true, opacity: 0.45 })\n    );\n    rim.position.z = -0.12;\n    group.add(rim);\n\n    var bezel = new THREE.Mesh(\n      new THREE.PlaneGeometry(8.55, 5.55),\n      new THREE.MeshBasicMaterial({ color: 0x0a1830 })\n    );\n    bezel.position.z = -0.06;\n    group.add(bezel);\n\n    var screen = new THREE.Mesh(\n      new THREE.PlaneGeometry(8, 5),\n      new THREE.MeshBasicMaterial({ map: texture, transparent: true })\n    );\n    group.add(screen);\n\n    var LINES = [\n      'root@bht-secops:~# systemctl status firewalld',\n      '[OK] firewalld: active (running)',\n      'root@bht-secops:~# nmap -sV -p 22,80,443 10.0.4.12',\n      'PORT    STATE  SERVICE   VERSION',\n      '22\/tcp  open   ssh       OpenSSH 9.4',\n      '443\/tcp open   https     TLSv1.3',\n      'root@bht-secops:~# openssl s_client -connect bht-online.de:443',\n      'Verify return code: 0 (ok)',\n      'root@bht-secops:~# tail -n 2 \/var\/log\/auth.log',\n      'Accepted publickey for admin from 10.0.4.7',\n      'root@bht-secops:~# fail2ban-client status sshd',\n      'Currently banned: 0  |  Total banned: 12',\n      'root@bht-secops:~# grep -c ALERT \/var\/log\/ids.log',\n      '0 intrusions detected',\n      'root@bht-secops:~# echo \"All systems nominal.\"',\n      'All systems nominal.'\n    ];\n\n    var committed = [];\n    var currentPartial = '';\n    var lineIndex = 0, charIndex = 0;\n    var typeInterval = 0.022;\n    var typeAcc = 0;\n    var pauseRemaining = 0;\n    var cursorVisible = true, cursorAcc = 0;\n    var MAX_VISIBLE_LINES = 13;\n\n    function updateTyping(dt) {\n      cursorAcc += dt;\n      if (cursorAcc > 0.5) { cursorVisible = !cursorVisible; cursorAcc = 0; }\n\n      if (pauseRemaining > 0) {\n        pauseRemaining -= dt;\n        if (pauseRemaining <= 0) {\n          pauseRemaining = 0;\n          committed = [];\n          currentPartial = '';\n          lineIndex = 0;\n          charIndex = 0;\n        }\n        return;\n      }\n\n      typeAcc += dt;\n      if (typeAcc >= typeInterval) {\n        typeAcc = 0;\n        if (lineIndex < LINES.length) {\n          var full = LINES[lineIndex];\n          charIndex++;\n          currentPartial = full.substring(0, charIndex);\n          if (charIndex >= full.length) {\n            committed.push(full);\n            if (committed.length > MAX_VISIBLE_LINES) committed.shift();\n            currentPartial = '';\n            lineIndex++;\n            charIndex = 0;\n          }\n        } else {\n          pauseRemaining = 2.4;\n        }\n      }\n    }\n\n    function drawTerminal() {\n      var W = texCanvas.width, H = texCanvas.height;\n      ctx.clearRect(0, 0, W, H);\n\n      ctx.fillStyle = '#0d1b30';\n      ctx.fillRect(0, 0, W, H);\n\n      ctx.fillStyle = '#132848';\n      ctx.fillRect(0, 0, W, 40);\n      ctx.fillStyle = '#e8711a';\n      ctx.beginPath(); ctx.arc(26, 20, 7, 0, Math.PI * 2); ctx.fill();\n      ctx.fillStyle = '#1e4a7a';\n      ctx.beginPath(); ctx.arc(50, 20, 7, 0, Math.PI * 2); ctx.fill();\n      ctx.beginPath(); ctx.arc(74, 20, 7, 0, Math.PI * 2); ctx.fill();\n      ctx.fillStyle = '#8fa9c9';\n      ctx.font = '18px \"Courier New\", monospace';\n      ctx.fillText('root@bht-secops \u2014 security console', 100, 26);\n\n      var lines = committed.concat(currentPartial ? [currentPartial] : []);\n      ctx.font = '22px \"Courier New\", monospace';\n      var x = 28, yStart = 78, lh = 34;\n      for (var i = 0; i < lines.length; i++) {\n        var line = lines[i];\n        if (line.indexOf('root@') === 0) {\n          ctx.fillStyle = '#e8711a';\n        } else if (line.indexOf('[OK]') === 0) {\n          ctx.fillStyle = '#5fd3a0';\n        } else {\n          ctx.fillStyle = '#c9d8ec';\n        }\n        ctx.fillText(line, x, yStart + i * lh);\n      }\n\n      if (cursorVisible && lines.length) {\n        var lastLine = lines[lines.length - 1];\n        var tw = ctx.measureText(lastLine).width;\n        ctx.fillStyle = '#e8711a';\n        ctx.fillRect(x + tw + 6, yStart + (lines.length - 1) * lh - 18, 12, 22);\n      }\n\n      texture.needsUpdate = true;\n    }\n\n    var clock = new THREE.Clock();\n    var animId;\n    function animate() {\n      animId = requestAnimationFrame(animate);\n      var dt = Math.min(clock.getDelta(), 0.1);\n      updateTyping(dt);\n      drawTerminal();\n      renderer.render(scene, camera);\n    }\n    animate();\n\n    function onResize() {\n      var nw = mount.clientWidth, nh = mount.clientHeight;\n      if (!nw || !nh) return;\n      camera.aspect = nw \/ nh;\n      camera.updateProjectionMatrix();\n      renderer.setSize(nw, nh);\n    }\n    window.addEventListener('resize', onResize);\n\n    window.addEventListener('beforeunload', function () {\n      cancelAnimationFrame(animId);\n      window.removeEventListener('resize', onResize);\n      renderer.dispose();\n    });\n  }\n\n\n  function waitForThree(retries) {\n    if (typeof THREE !== 'undefined') {\n      initBHTHeroCanvas();\n      initBHTTerminalPanel();\n    } else if (retries > 0) {\n      setTimeout(function () { waitForThree(retries - 1); }, 100);\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', function () { waitForThree(30); });\n  } else {\n    waitForThree(30);\n  }\n})();\n<\/script>\n<div class=\"bhtit-band\">\n\n<div class=\"bhtit-legacy-head\"><h2>Our Services<\/h2><\/div>\n\n\n<div class=\"bhtit-legacy-head\"><h2>What we can help you with<br>\n<p style=\"font-size:20px;font-weight:300;line-height:1.3;padding-top:10px;color:rgba(224,230,240,0.58);\">From web development to cybersecurity, we deliver tailored solutions <br>\nthat keep your business running smoothly and securely.<\/p><br><\/h2><\/div>\n<\/div>\n\n\n\n<!-- ============================================================\n  Services + \"Why Choose Us\" section with animated fiber-optic\n  connector lines (Three.js).  Built for an Elementor \"HTML\" widget.\n\n  HOW TO USE\n  1. In Elementor, add an \"HTML\" widget and paste this entire code block in.\n  2. Replace every <img decoding=\"async\" src=\"icon-....svg\"> with your own icon URL\n     (upload the icon to the WordPress Media Library, copy its URL in).\n  3. If your icons are black\/dark, uncomment the two `filter` lines\n     inside <style> (search for \"force them white\").\n  4. The orange hover color is #ff7d3c \u2014 change it in two spots in <style>\n     if you want a different accent (search for ff7d3c).\n============================================================= -->\n\n<section class=\"wcu-section\">\n\n  <div class=\"wcu-fiber-canvas\"><\/div>\n\n  <div class=\"wcu-services-grid\">\n\n<div class=\"wcu-service-box\">\n  <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/website-design-development\/\" style=\"display:block; text-decoration:none; color:inherit;\">\n    <div class=\"wcu-service-icon\"><img decoding=\"async\" src=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-content\/uploads\/sites\/4\/2026\/07\/ux.png\" alt=\"Website Design & Development\"><\/div>\n    <h3 class=\"wcu-service-title\">Website Design &amp; Development<\/h3>\n    <p class=\"wcu-service-desc\">Designing and developing modern, responsive, and user-friendly websites tailored to your business needs. From e-commerce platforms to corporate websites, we deliver solutions that make your brand stand out in the digital landscape.<\/p>\n  <\/a>\n<\/div>\n\n <div class=\"wcu-service-box\">\n  <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/cybersecurity-services\/\" style=\"display:block; text-decoration:none; color:inherit;\">\n    <div class=\"wcu-service-icon\"><img decoding=\"async\" src=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-content\/uploads\/sites\/4\/2026\/07\/software.png\" alt=\"IT Support & Network Security\"><\/div>\n    <h3 class=\"wcu-service-title\">IT Support &amp; Network Security<\/h3>\n    <p class=\"wcu-service-desc\">Through specialized IT support and network management services, we help ensure that your IT infrastructure remains stable, secure, and free of disruptions at all times.<\/p>\n  <\/a>\n<\/div>\n\n  <div class=\"wcu-service-box\">\n  <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/industrial-design-piping-engineering\/\" style=\"display:block; text-decoration:none; color:inherit;\">\n    <div class=\"wcu-service-icon\"><img decoding=\"async\" src=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-content\/uploads\/sites\/4\/2026\/07\/production.png\" alt=\"Industrial Design & Piping Engineering\"><\/div>\n    <h3 class=\"wcu-service-title\">Industrial Design &amp; Piping Engineering<\/h3>\n    <p class=\"wcu-service-desc\">Our engineering team provides precise and standard solutions in mechanical design, industrial drafting, and piping, ensuring your industrial projects are executed with the highest quality and efficiency.<\/p>\n  <\/a>\n<\/div>\n<div class=\"wcu-service-box\">\n  <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/it-support-network-security\/\" style=\"display:block; text-decoration:none; color:inherit;\">\n    <div class=\"wcu-service-icon\"><img decoding=\"async\" src=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-content\/uploads\/sites\/4\/2026\/07\/shield.png\" alt=\"Cybersecurity Services\"><\/div>\n    <h3 class=\"wcu-service-title\">Cybersecurity Services<\/h3>\n    <p class=\"wcu-service-desc\">Security is the foundation of today's digital world. Leveraging the latest cybersecurity methodologies, we safeguard your data and digital assets against cyber threats and emerging attacks.<\/p>\n  <\/a>\n<\/div>\n\n  <\/div>\n\n  <h2 class=\"wcu-heading\">Why Choose Us ?<\/h2>\n\n  <div class=\"wcu-why-stack\">\n\n    <!-- data-line-end marks this as the box all 4 fiber lines converge into -->\n    <div class=\"wcu-why-box\" data-line-end>\n      <div class=\"wcu-why-icon\"><img decoding=\"async\" src=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-content\/uploads\/sites\/4\/2026\/07\/flash.png\" alt=\"Fast Delivery\"><\/div>\n      <div class=\"wcu-why-content\">\n        <h3 class=\"wcu-why-title\">Fast Delivery<\/h3>\n        <p class=\"wcu-why-desc\">Enterprise-quality projects delivered efficiently.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"wcu-why-box\">\n      <div class=\"wcu-why-icon\"><img decoding=\"async\" src=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-content\/uploads\/sites\/4\/2026\/07\/dart-board.png\" alt=\"Centered Design\"><\/div>\n      <div class=\"wcu-why-content\">\n        <h3 class=\"wcu-why-title\">Centered Design<\/h3>\n        <p class=\"wcu-why-desc\">Every decision is based on real user needs.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"wcu-why-box\">\n      <div class=\"wcu-why-icon\"><img decoding=\"async\" src=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-content\/uploads\/sites\/4\/2026\/07\/shield.png\" alt=\"Security First\"><\/div>\n      <div class=\"wcu-why-content\">\n        <h3 class=\"wcu-why-title\">Security First<\/h3>\n        <p class=\"wcu-why-desc\">Security is integrated into every stage of development.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"wcu-why-box\">\n      <div class=\"wcu-why-icon\"><img decoding=\"async\" src=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-content\/uploads\/sites\/4\/2026\/07\/missile.png\" alt=\"Scalable Solutions\"><\/div>\n      <div class=\"wcu-why-content\">\n        <h3 class=\"wcu-why-title\">Scalable Solutions<\/h3>\n        <p class=\"wcu-why-desc\">Built to grow with your business.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n  .wcu-section, .wcu-section * { box-sizing: border-box; }\n  .wcu-section img{\n  filter: brightness(0) invert(1);\n}\n  .wcu-section {\n font-family:'Grotesk';\n    position: relative;\n    overflow: hidden;\n    padding: 90px 5% 100px;\n    \/* Clean two-tone vertical gradient, no grid pattern *\/\n    background: linear-gradient(180deg, #131D2E 0%, #18253B 100%);\n    font-family: 'Grotesk', 'Segoe UI', Roboto, Arial, sans-serif;\n  }\n\n  .wcu-fiber-canvas {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    pointer-events: none;\n    overflow: hidden;\n  }\n  .wcu-fiber-canvas canvas { display: block; }\n\n  \/* ---------- Top services grid ---------- *\/\n  .wcu-services-grid {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 26px;\n    max-width: 1300px;\n    margin: 0 auto;\n  }\n\n  .wcu-service-box, .wcu-why-box {\n    position: relative;\n    z-index: 1;\n    border: 1px solid rgba(255,255,255,0.09);\n    border-radius: 16px;\n    transition: transform 0.8s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n    will-change: transform;\n  }\n\n  \/* Solid (non-transparent) backgrounds, reversed between the two sections *\/\n  .wcu-service-box { background: #18253B; }\n  .wcu-why-box { background: #131D2E; }\n\n  \/* ---- shared hover behaviour: scale 1.08 + white glow + orange title ---- *\/\n  .wcu-service-box:hover, .wcu-why-box:hover {\n    transform: scale(1.08);\n    box-shadow: 0 0 28px 8px rgba(255,255,255,0.22);\n    border-color: rgba(255,255,255,0.25);\n    z-index: 5;\n  }\n  .wcu-service-box:hover .wcu-service-title,\n  .wcu-why-box:hover .wcu-why-title {\n    \/\/color: #ff7d3c;\n  }\n\n  .wcu-service-box { padding: 34px 28px; }\n\n  .wcu-service-icon {\n    width: 68px;\n    height: 68px;\n    margin-bottom: 22px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .wcu-service-icon img,\n  .wcu-why-icon img {\n    max-width: 100%;\n    max-height: 100%;\n    object-fit: contain;\n    \/* If your icon files are black\/dark, uncomment the line below to force them white: *\/\n    \/* filter: brightness(0) invert(1); *\/\n  }\n\n  .wcu-service-title {\n    color: #f3f6fb;\n    font-size: 1.15rem;\n    font-weight: 700;\n    margin: 0 0 12px;\n    transition: color 0.35s ease;\n  }\n  .wcu-service-desc {\n    color: rgba(224,230,240,0.58);\n    font-size: 0.93rem;\n    line-height: 1.65;\n    margin: 0;\n  }\n\n  \/* ---------- \"Why Choose Us ?\" heading ---------- *\/\n  .wcu-heading {\n    position: relative;\n    z-index: 2;\n    text-align: center;\n    color: rgba(235,239,247,0.92);\n    font-size: 2.1rem;\n    font-weight: 700;\n    margin: 100px 0 50px;\n  }\n\n  \/* ---------- Why-choose stack: vertical, wide boxes ---------- *\/\n  .wcu-why-stack {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    gap: 22px;\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n\n  .wcu-why-box {\n    display: flex;\n    align-items: center;\n    gap: 28px;\n    padding: 30px 40px;\n  }\n\n  .wcu-why-icon {\n    flex: 0 0 auto;\n    width: 56px;\n    height: 56px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .wcu-why-content { flex: 1 1 auto; min-width: 0; }\n\n  .wcu-why-title {\n    color: #f3f6fb;\n    font-size: 1.08rem;\n    font-weight: 700;\n    margin: 0 0 6px;\n    transition: color 0.35s ease;\n  }\n  .wcu-why-desc {\n    color: rgba(224,230,240,0.58);\n    font-size: 0.92rem;\n    line-height: 1.55;\n    margin: 0;\n  }\n\n  \/* ---------- Responsive ---------- *\/\n  @media (max-width: 1024px) {\n    .wcu-services-grid { grid-template-columns: repeat(2, 1fr); }\n  }\n  @media (max-width: 600px) {\n    .wcu-services-grid { grid-template-columns: 1fr; }\n    .wcu-heading { font-size: 1.6rem; margin: 70px 0 36px; }\n    .wcu-why-box { padding: 24px 22px; gap: 18px; }\n  }\n  @media (max-width: 480px) {\n    .wcu-why-box { flex-direction: column; text-align: center; }\n  }\n<\/style>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\n<script>\n(function () {\n  function initFiberLines(section) {\n    if (typeof THREE === 'undefined') return;\n\n    var canvasHost = section.querySelector('.wcu-fiber-canvas');\n    var topBoxes = Array.prototype.slice.call(section.querySelectorAll('.wcu-service-box'));\n    var targetBox = section.querySelector('.wcu-why-box[data-line-end]');\n    if (!canvasHost || !targetBox || topBoxes.length === 0) return;\n\n    var scene = new THREE.Scene();\n    var width = section.clientWidth;\n    var height = section.clientHeight;\n\n    \/\/ Orthographic camera mapped 1:1 to CSS pixels of the section,\n    \/\/ so DOM getBoundingClientRect() values can be used directly as coordinates.\n    var camera = new THREE.OrthographicCamera(0, width, 0, height, -1000, 1000);\n    camera.position.z = 100;\n\n    var renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true });\n    renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2));\n    renderer.setSize(width, height, false);\n    renderer.domElement.style.width = '100%';\n    renderer.domElement.style.height = '100%';\n    renderer.domElement.style.display = 'block';\n    canvasHost.appendChild(renderer.domElement);\n\n    var group = new THREE.Group();\n    scene.add(group);\n\n    var palette = [0x4fc3ff, 0x60a5fa, 0x38bdf8, 0x8b7bf0];\n    var pulses = [];\n\n    function buildLines() {\n      \/\/ dispose previous geometries\/materials before rebuilding (resize etc.)\n      while (group.children.length) {\n        var obj = group.children.pop();\n        obj.geometry.dispose();\n        obj.material.dispose();\n      }\n      pulses = [];\n\n      var sectionRect = section.getBoundingClientRect();\n      var targetRect = targetBox.getBoundingClientRect();\n      var end = new THREE.Vector3(\n        targetRect.left - sectionRect.left + targetRect.width \/ 2,\n        targetRect.top - sectionRect.top,\n        0\n      );\n\n      topBoxes.forEach(function (box, i) {\n        var r = box.getBoundingClientRect();\n        var start = new THREE.Vector3(\n          r.left - sectionRect.left + r.width \/ 2,\n          r.top - sectionRect.top + r.height,\n          0\n        );\n\n        var dy = (end.y - start.y) || 1;\n        var c1 = new THREE.Vector3(start.x, start.y + dy * 0.45, 0);\n        var c2 = new THREE.Vector3(end.x, end.y - dy * 0.45, 0);\n        var curve = new THREE.CubicBezierCurve3(start, c1, c2, end);\n        var color = palette[i % palette.length];\n\n        \/\/ three layered tubes = cheap glow effect (wide+faint under narrow+bright)\n        [\n          { radius: 4.2, opacity: 0.07 },\n          { radius: 2.3, opacity: 0.16 },\n          { radius: 0.9, opacity: 0.95 }\n        ].forEach(function (layer) {\n          var geo = new THREE.TubeGeometry(curve, 64, layer.radius, 8, false);\n          var mat = new THREE.MeshBasicMaterial({\n            color: color,\n            transparent: true,\n            opacity: layer.opacity,\n            blending: THREE.AdditiveBlending,\n            depthWrite: false\n          });\n          group.add(new THREE.Mesh(geo, mat));\n        });\n\n        \/\/ traveling light pulses along the strand\n        var baseSpeed = 0.00018 + i * 0.00003;\n        [0, 0.5].forEach(function (phase, pIdx) {\n          var pulseGeo = new THREE.SphereGeometry(pIdx === 0 ? 2.8 : 2.0, 12, 12);\n          var pulseMat = new THREE.MeshBasicMaterial({\n            color: 0xffffff,\n            transparent: true,\n            opacity: 0,\n            blending: THREE.AdditiveBlending,\n            depthWrite: false\n          });\n          var pulseMesh = new THREE.Mesh(pulseGeo, pulseMat);\n          group.add(pulseMesh);\n          pulses.push({\n            curve: curve,\n            mesh: pulseMesh,\n            speed: baseSpeed,\n            offset: (i * 0.25 + phase) % 1\n          });\n        });\n      });\n    }\n\n    buildLines();\n\n    var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    function animate(time) {\n      if (!reduceMotion) {\n        pulses.forEach(function (p) {\n          var t = ((time * p.speed) + p.offset) % 1;\n          var pos = p.curve.getPointAt(t);\n          p.mesh.position.copy(pos);\n          \/\/ fade near t=0\/1 so the loop restart is invisible\n          var fade = Math.min(1, Math.min(t, 1 - t) * 6);\n          p.mesh.material.opacity = 0.9 * fade;\n        });\n      }\n      renderer.render(scene, camera);\n      requestAnimationFrame(animate);\n    }\n    requestAnimationFrame(animate);\n\n    var resizeTimer;\n    function handleResize() {\n      clearTimeout(resizeTimer);\n      resizeTimer = setTimeout(function () {\n        width = section.clientWidth;\n        height = section.clientHeight;\n        camera.right = width;\n        camera.bottom = height;\n        camera.updateProjectionMatrix();\n        renderer.setSize(width, height, false);\n        buildLines();\n      }, 150);\n    }\n\n    window.addEventListener('resize', handleResize);\n    if (window.ResizeObserver) {\n      new ResizeObserver(handleResize).observe(section);\n    }\n  }\n\n  function start() {\n    document.querySelectorAll('.wcu-section').forEach(initFiberLines);\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', start);\n  } else {\n    start();\n  }\n})();\n<\/script>\n\n\n\n\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<style>\n\/* ===== HOME: slanted section band, headings, card glow =====\n   The section heading sits in its own band whose top and bottom edges are\n   angled (skewY) rather than flat, with the accent colour as the border.\n   Card icons are dark PNGs, so they are forced to white and given the\n   same purple glow used on the About us page. *\/\n.bhtit-band{position:relative;isolation:isolate;padding:78px 0 88px;margin-block:26px}\n.bhtit-band::before{\n  content:\"\";position:absolute;left:-6%;right:-6%;top:0;bottom:0;z-index:-1;\n  background:#0B0F1F;\n  transform:skewY(-1.8deg);\n}\n.bhtit-legacy-head{text-align:center;max-width:860px;margin:0 auto;padding:0 24px}\n.bhtit-legacy-head:not(:has(p)){margin-bottom:10px}\n.bhtit-legacy-head:not(:has(p)) h2{\n  margin:0;color:#8B8DFF;font-size:.82rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;\n  text-shadow:0 0 18px rgba(92,93,232,.6);\n}\n.bhtit-legacy-head:has(p) h2{margin:0;color:#EDEFFA;font-size:clamp(26px,3.4vw,40px);font-weight:800;line-height:1.25}\n.bhtit-legacy-head:has(p) p{margin:0 auto;max-width:680px}\n\/* card icons: force to white, then glow *\/\n.wcu-service-icon img,.wcu-why-icon img{\n  filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(148,150,255,.75));\n  transition:filter .3s ease;\n}\n.wcu-service-box:hover .wcu-service-icon img,\n.wcu-why-box:hover .wcu-why-icon img{filter:brightness(0) invert(1) drop-shadow(0 0 18px rgba(148,150,255,1))}\n.wcu-service-title,.wcu-why-title{text-shadow:0 0 16px rgba(92,93,232,.55)}\n.wcu-service-box:hover .wcu-service-title,\n.wcu-why-box:hover .wcu-why-title{text-shadow:0 0 22px rgba(148,150,255,.85)}\n@media(max-width:600px){.bhtit-band{padding:56px 0 62px}.bhtit-legacy-head{padding:0 18px}}\n<\/style>\n\n<script>\n\/* German copy for this page (English above is the source of truth) *\/\nwindow.__BHTIT_TEXT={\"IT & Cybersecurity\":\"IT & Cybersicherheit\",\"Software Development Services\":\"Softwareentwicklungs-Dienstleistungen\",\"Design. Defend\":\"Gestalten. Sch\u00fctzen\",\"Deliver.\":\"Liefern.\",\"Three focused disciplines \u2014 Web Design, Cyber Security, and end-to-end Technology Solutions \u2014 unified under one expert roof.\":\"Drei fokussierte Disziplinen \u2014 Webdesign, Cybersicherheit und durchg\u00e4ngige Technologiel\u00f6sungen \u2014 vereint unter einem Expertendach.\",\"Our Services\":\"Unsere Leistungen\",\"What we can help you with\":\"Womit wir Ihnen helfen k\u00f6nnen\",\"From web development to cybersecurity, we deliver tailored solutions\":\"Von der Webentwicklung bis zur Cybersicherheit liefern wir ma\u00dfgeschneiderte L\u00f6sungen,\",\"that keep your business running smoothly and securely.\":\"die Ihr Unternehmen reibungslos und sicher am Laufen halten.\",\"Website Design & Development\":\"Webdesign & Entwicklung\",\"Designing and developing modern, responsive, and user-friendly websites tailored to your business needs. From e-commerce platforms to corporate websites, we deliver solutions that make your brand stand out in the digital landscape.\":\"Wir gestalten und entwickeln moderne, responsive und benutzerfreundliche Websites, die auf Ihre Gesch\u00e4ftsanforderungen zugeschnitten sind. Von E-Commerce-Plattformen bis zu Unternehmenswebsites liefern wir L\u00f6sungen, mit denen sich Ihre Marke im digitalen Umfeld abhebt.\",\"IT Support & Network Security\":\"IT-Support & Netzwerksicherheit\",\"Through specialized IT support and network management services, we help ensure that your IT infrastructure remains stable, secure, and free of disruptions at all times.\":\"Mit spezialisiertem IT-Support und Netzwerkmanagement sorgen wir daf\u00fcr, dass Ihre IT-Infrastruktur jederzeit stabil, sicher und st\u00f6rungsfrei bleibt.\",\"Industrial Design & Piping Engineering\":\"Industriedesign & Rohrleitungsplanung\",\"Our engineering team provides precise and standard solutions in mechanical design, industrial drafting, and piping, ensuring your industrial projects are executed with the highest quality and efficiency.\":\"Unser Ingenieurteam liefert pr\u00e4zise und normgerechte L\u00f6sungen in Maschinenkonstruktion, technischer Zeichnung und Rohrleitungsbau und stellt sicher, dass Ihre Industrieprojekte in h\u00f6chster Qualit\u00e4t und Effizienz umgesetzt werden.\",\"Cybersecurity Services\":\"Cybersicherheitsdienste\",\"Security is the foundation of today's digital world. Leveraging the latest cybersecurity methodologies, we safeguard your data and digital assets against cyber threats and emerging attacks.\":\"Sicherheit ist das Fundament der heutigen digitalen Welt. Mit den neuesten Methoden der Cybersicherheit sch\u00fctzen wir Ihre Daten und digitalen Werte vor Cyberbedrohungen und neuartigen Angriffen.\",\"Why Choose Us ?\":\"Warum wir?\",\"Fast Delivery\":\"Schnelle Umsetzung\",\"Enterprise-quality projects delivered efficiently.\":\"Projekte in Unternehmensqualit\u00e4t, effizient geliefert.\",\"Centered Design\":\"Nutzerzentriertes Design\",\"Every decision is based on real user needs.\":\"Jede Entscheidung basiert auf echten Nutzerbed\u00fcrfnissen.\",\"Security First\":\"Sicherheit zuerst\",\"Security is integrated into every stage of development.\":\"Sicherheit ist in jeder Entwicklungsphase integriert.\",\"Scalable Solutions\":\"Skalierbare L\u00f6sungen\",\"Built to grow with your business.\":\"Entwickelt, um mit Ihrem Unternehmen zu wachsen.\"};\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 IT &amp; Cybersecurity Software Development Services Design. Defend Deliver. Three focused disciplines \u2014 Web Design, Cyber Security, and end-to-end Technology Solutions \u2014 unified under one expert roof. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/pages\/8","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":279,"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":807,"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/pages\/8\/revisions\/807"}],"wp:attachment":[{"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}