{"id":5273,"date":"2026-08-02T02:26:25","date_gmt":"2026-08-02T02:26:25","guid":{"rendered":"https:\/\/thetechvisions.com\/?page_id=5273"},"modified":"2026-08-25T07:02:44","modified_gmt":"2026-08-25T04:02:44","slug":"home","status":"publish","type":"page","link":"https:\/\/thetechvisions.com\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5273\" class=\"elementor elementor-5273\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed5c653 e-con e-atomic-element e-flexbox-base e-f293ecb \" data-id=\"ed5c653\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ed5c653\">\n    \t\t<div class=\"elementor-element elementor-element-f9cae34 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"f9cae34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- TECH VISIONS HERO SECTION -->\n<section class=\"tv-hero-section\">\n\n  <div class=\"tv-hero-grid\"><\/div>\n  <div class=\"tv-hero-glow tv-hero-glow-one\"><\/div>\n  <div class=\"tv-hero-glow tv-hero-glow-two\"><\/div>\n\n  <div class=\"tv-hero-container\">\n\n    <!-- Left Content -->\n    <div class=\"tv-hero-copy\">\n\n      <div class=\"tv-hero-label\">\n        <span><\/span>\n        Cybersecurity Consulting & Professional Training\n      <\/div>\n\n      <h1>\n        Securing Organizations.\n        <strong>Empowering Cyber Talent.<\/strong>\n      <\/h1>\n\n      <p>\n        Tech Visions bridges the gap between cybersecurity and education\n        through outcome-driven consulting, specialized training programs,\n        awareness workshops and real-world cyber expertise.\n      <\/p>\n\n      <!-- ONLY ONE BUTTON -->\n      <div class=\"tv-hero-actions\">\n\n        <a\n          href=\"https:\/\/thetechvisions.com\/service\/\"\n          class=\"tv-hero-primary\"\n        >\n          Explore Our Services\n          <span>\u2192<\/span>\n        <\/a>\n\n      <\/div>\n\n      <!-- Regions -->\n      <div class=\"tv-hero-regions\">\n\n        <small>\n          Delivering cybersecurity expertise across\n        <\/small>\n\n        <div>\n          <span>Levant<\/span>\n          <i><\/i>\n          <span>GCC<\/span>\n          <i><\/i>\n          <span>North Africa<\/span>\n          <i><\/i>\n          <span>Global\/Remote<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- Right Visual -->\n    <div class=\"tv-hero-visual\">\n\n      <div class=\"tv-hero-orbit tv-orbit-one\"><\/div>\n      <div class=\"tv-hero-orbit tv-orbit-two\"><\/div>\n      <div class=\"tv-hero-orbit tv-orbit-three\"><\/div>\n\n\n      <!-- Floating Top -->\n      <div class=\"tv-hero-floating tv-floating-top\">\n\n        <div class=\"tv-floating-icon\">\n          \u2713\n        <\/div>\n\n        <div>\n          <strong>\n            Security Assured\n          <\/strong>\n\n          <span>\n            Enterprise protection\n          <\/span>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- Floating Bottom -->\n      <div class=\"tv-hero-floating tv-floating-bottom\">\n\n        <div class=\"tv-floating-loader\"><\/div>\n\n        <div>\n          <strong>\n            Systems Protected\n          <\/strong>\n\n          <span>\n            Continuous cyber readiness\n          <\/span>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- Shield -->\n      <div class=\"tv-hero-shield-wrap\">\n\n        <div class=\"tv-hero-shield\">\n\n          <div class=\"tv-hero-shield-inner\">\n\n            <div class=\"tv-hero-lock\">\n\n              <div class=\"tv-hero-lock-top\"><\/div>\n\n              <div class=\"tv-hero-lock-body\">\n                <span><\/span>\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- Nodes -->\n      <div class=\"tv-hero-node tv-node-one\"><\/div>\n      <div class=\"tv-hero-node tv-node-two\"><\/div>\n      <div class=\"tv-hero-node tv-node-three\"><\/div>\n      <div class=\"tv-hero-node tv-node-four\"><\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- ==============================================\n       ANIMATED STATISTICS\n  ============================================== -->\n\n  <div class=\"tv-hero-stats\">\n\n    <!-- 10,000+ -->\n    <div class=\"tv-hero-stat\">\n\n      <strong>\n        <span\n          class=\"tv-counter\"\n          data-target=\"10000\"\n        >\n          0\n        <\/span>\n\n        <em>+<\/em>\n      <\/strong>\n\n      <p>\n        Trained Professionals\n      <\/p>\n\n    <\/div>\n\n\n    <!-- 350+ -->\n    <div class=\"tv-hero-stat\">\n\n      <strong>\n        <span\n          class=\"tv-counter\"\n          data-target=\"350\"\n        >\n          0\n        <\/span>\n\n        <em>+<\/em>\n      <\/strong>\n\n      <p>\n        Cybersecurity Projects\n      <\/p>\n\n    <\/div>\n\n\n    <!-- 4 -->\n    <div class=\"tv-hero-stat\">\n\n      <strong>\n        <span\n          class=\"tv-counter\"\n          data-target=\"4\"\n        >\n          0\n        <\/span>\n      <\/strong>\n\n      <p>\n        REGIONS SERVED\n      <\/p>\n\n    <\/div>\n\n\n    <!-- 360\u00b0 -->\n    <div class=\"tv-hero-stat\">\n\n      <strong>\n        <span\n          class=\"tv-counter\"\n          data-target=\"360\"\n        >\n          0\n        <\/span>\n\n        <em>\u00b0<\/em>\n      <\/strong>\n\n      <p>\n        CYBERSECURITY COVERAGE\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');\n\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.tv-hero-section,\n.tv-hero-section * {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   HERO SECTION\n========================================================= *\/\n\n.tv-hero-section {\n\n  --tv-blue: #248aff;\n  --tv-cyan: #58caff;\n  --tv-dark: #030914;\n  --tv-text: #f4f8ff;\n  --tv-muted: #a7b5c8;\n\n  width: 100%;\n  max-width: 100%;\n\n  min-height: 100vh;\n\n  position: relative;\n\n  overflow: hidden;\n\n  padding-top: 135px;\n  padding-bottom: 55px;\n\n  color: var(--tv-text);\n\n  font-family:\n    \"Inter\",\n    sans-serif;\n\n  background:\n    radial-gradient(\n      circle at 76% 34%,\n      rgba(36, 138, 255, 0.2),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 10% 90%,\n      rgba(88, 202, 255, 0.08),\n      transparent 26%\n    ),\n    linear-gradient(\n      135deg,\n      #020711 0%,\n      #071323 52%,\n      #030914 100%\n    );\n\n}\n\n\n\/* =========================================================\n   MAIN CONTAINER\n========================================================= *\/\n\n.tv-hero-container {\n\n  width: 100%;\n  max-width: 100%;\n\n  position: relative;\n\n  z-index: 3;\n\n  display: grid;\n\n  grid-template-columns:\n    1.08fr 0.92fr;\n\n  align-items: center;\n\n  gap:\n    clamp(\n      40px,\n      5vw,\n      90px\n    );\n\n  padding-left:\n    clamp(\n      24px,\n      5vw,\n      90px\n    );\n\n  padding-right:\n    clamp(\n      24px,\n      5vw,\n      90px\n    );\n\n  padding-bottom:\n    65px;\n\n}\n\n\n\/* =========================================================\n   BACKGROUND GRID\n========================================================= *\/\n\n.tv-hero-grid {\n\n  position: absolute;\n\n  inset: 0;\n\n  opacity: 0.27;\n\n  pointer-events: none;\n\n  background-image:\n\n    linear-gradient(\n      rgba(66, 151, 255, 0.08) 1px,\n      transparent 1px\n    ),\n\n    linear-gradient(\n      90deg,\n      rgba(66, 151, 255, 0.08) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    55px 55px;\n\n  -webkit-mask-image:\n    linear-gradient(\n      to bottom,\n      black,\n      transparent 92%\n    );\n\n  mask-image:\n    linear-gradient(\n      to bottom,\n      black,\n      transparent 92%\n    );\n\n}\n\n\n\/* =========================================================\n   GLOWS\n========================================================= *\/\n\n.tv-hero-glow {\n\n  position: absolute;\n\n  border-radius: 50%;\n\n  filter: blur(110px);\n\n  pointer-events: none;\n\n}\n\n\n.tv-hero-glow-one {\n\n  width: 420px;\n  height: 420px;\n\n  right: -150px;\n  top: 120px;\n\n  background:\n    rgba(33, 130, 255, 0.2);\n\n}\n\n\n.tv-hero-glow-two {\n\n  width: 320px;\n  height: 320px;\n\n  left: -180px;\n  bottom: 0;\n\n  background:\n    rgba(54, 202, 255, 0.1);\n\n}\n\n\n\/* =========================================================\n   HERO LABEL\n========================================================= *\/\n\n.tv-hero-label {\n\n  width: fit-content;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n  margin-bottom:\n    24px;\n\n  padding:\n    9px 14px;\n\n  color:\n    #79caff;\n\n  background:\n    rgba(33, 138, 255, 0.08);\n\n  border:\n    1px solid\n    rgba(76, 177, 255, 0.2);\n\n  border-radius:\n    50px;\n\n  font-size:\n    11px;\n\n  font-weight:\n    600;\n\n  line-height:\n    1.4;\n\n  letter-spacing:\n    1px;\n\n  text-transform:\n    uppercase;\n\n}\n\n\n.tv-hero-label span {\n\n  width:\n    7px;\n\n  height:\n    7px;\n\n  flex-shrink:\n    0;\n\n  border-radius:\n    50%;\n\n  background:\n    #48c9ff;\n\n  box-shadow:\n    0 0 13px\n    #48c9ff;\n\n  animation:\n    tvHeroPulse\n    1.8s\n    infinite;\n\n}\n\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n.tv-hero-copy h1 {\n\n  max-width:\n    800px;\n\n  margin:\n    0;\n\n  color:\n    #ffffff !important;\n\n  font-family:\n    \"Space Grotesk\",\n    sans-serif;\n\n  font-size:\n    clamp(\n      45px,\n      5vw,\n      76px\n    );\n\n  line-height:\n    1.02;\n\n  letter-spacing:\n    -3px;\n\n  font-weight:\n    700;\n\n}\n\n\n.tv-hero-copy h1 strong {\n\n  display:\n    block;\n\n  color:\n    transparent;\n\n  background:\n    linear-gradient(\n      90deg,\n      #2a8fff,\n      #6fdcff\n    );\n\n  background-clip:\n    text;\n\n  -webkit-background-clip:\n    text;\n\n  -webkit-text-fill-color:\n    transparent;\n\n}\n\n\n\/* =========================================================\n   HERO PARAGRAPH\n========================================================= *\/\n\n.tv-hero-copy > p {\n\n  max-width:\n    700px;\n\n  margin:\n    27px 0 0;\n\n  color:\n    var(--tv-muted);\n\n  font-size:\n    17px;\n\n  line-height:\n    1.8;\n\n}\n\n\n\/* =========================================================\n   HERO BUTTON\n========================================================= *\/\n\n.tv-hero-actions {\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  flex-wrap:\n    wrap;\n\n  gap:\n    14px;\n\n  margin-top:\n    34px;\n\n}\n\n\n.tv-hero-primary {\n\n  min-height:\n    56px;\n\n  display:\n    inline-flex !important;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  gap:\n    12px;\n\n  padding:\n    0 25px !important;\n\n  color:\n    #ffffff !important;\n\n  background:\n    linear-gradient(\n      135deg,\n      #166ee9,\n      #2ba6ff\n    ) !important;\n\n  border:\n    1px solid\n    rgba(\n      65,\n      174,\n      255,\n      0.25\n    ) !important;\n\n  border-radius:\n    10px !important;\n\n  box-shadow:\n    0 16px 40px\n    rgba(\n      29,\n      132,\n      255,\n      0.25\n    );\n\n  font-size:\n    14px !important;\n\n  line-height:\n    1 !important;\n\n  font-weight:\n    600 !important;\n\n  text-decoration:\n    none !important;\n\n  transition:\n    transform 0.3s ease,\n    box-shadow 0.3s ease !important;\n\n}\n\n\n.tv-hero-primary:hover {\n\n  color:\n    #ffffff !important;\n\n  transform:\n    translateY(-3px);\n\n  box-shadow:\n    0 18px 45px\n    rgba(\n      29,\n      132,\n      255,\n      0.4\n    );\n\n}\n\n\n.tv-hero-primary span {\n\n  transition:\n    transform 0.3s ease;\n\n}\n\n\n.tv-hero-primary:hover span {\n\n  transform:\n    translateX(4px);\n\n}\n\n\n\/* =========================================================\n   REGIONS\n========================================================= *\/\n\n.tv-hero-regions {\n\n  margin-top:\n    42px;\n\n}\n\n\n.tv-hero-regions small {\n\n  display:\n    block;\n\n  color:\n    #697a91;\n\n  font-size:\n    11px;\n\n  letter-spacing:\n    1.4px;\n\n  text-transform:\n    uppercase;\n\n}\n\n\n.tv-hero-regions > div {\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  flex-wrap:\n    wrap;\n\n  gap:\n    12px;\n\n  margin-top:\n    13px;\n\n  color:\n    #bdc9d9;\n\n  font-size:\n    12px;\n\n  font-weight:\n    500;\n\n}\n\n\n.tv-hero-regions i {\n\n  width:\n    3px;\n\n  height:\n    3px;\n\n  background:\n    #2497ff;\n\n  border-radius:\n    50%;\n\n}\n\n\n\/* =========================================================\n   RIGHT VISUAL\n========================================================= *\/\n\n.tv-hero-visual {\n\n  min-height:\n    520px;\n\n  position:\n    relative;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n}\n\n\n\/* =========================================================\n   SHIELD WRAPPER\n========================================================= *\/\n\n.tv-hero-shield-wrap {\n\n  width:\n    330px;\n\n  height:\n    390px;\n\n  position:\n    relative;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n}\n\n\n\/* =========================================================\n   SHIELD\n========================================================= *\/\n\n.tv-hero-shield {\n\n  width:\n    245px;\n\n  height:\n    285px;\n\n  position:\n    relative;\n\n  clip-path:\n    polygon(\n      50% 0%,\n      91% 16%,\n      87% 69%,\n      72% 87%,\n      50% 100%,\n      28% 87%,\n      13% 69%,\n      9% 16%\n    );\n\n  background:\n    linear-gradient(\n      145deg,\n      #3ab7ff,\n      #0a48a3 58%,\n      #06255a\n    );\n\n  filter:\n    drop-shadow(\n      0 0 35px\n      rgba(\n        45,\n        155,\n        255,\n        0.42\n      )\n    );\n\n  animation:\n    tvHeroFloat\n    5s\n    ease-in-out\n    infinite;\n\n}\n\n\n.tv-hero-shield::before {\n\n  content: \"\";\n\n  position:\n    absolute;\n\n  inset:\n    4px;\n\n  clip-path:\n    inherit;\n\n  background:\n\n    linear-gradient(\n      145deg,\n      rgba(\n        55,\n        168,\n        255,\n        0.19\n      ),\n      rgba(\n        3,\n        16,\n        36,\n        0.96\n      )\n    ),\n\n    repeating-linear-gradient(\n      45deg,\n      transparent 0 12px,\n      rgba(\n        60,\n        177,\n        255,\n        0.055\n      ) 13px 14px\n    );\n\n}\n\n\n\/* =========================================================\n   SHIELD INNER\n========================================================= *\/\n\n.tv-hero-shield-inner {\n\n  position:\n    absolute;\n\n  inset:\n    24px;\n\n  z-index:\n    2;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  clip-path:\n    inherit;\n\n  border:\n    1px solid\n    rgba(\n      93,\n      201,\n      255,\n      0.35\n    );\n\n}\n\n\n\/* =========================================================\n   LOCK\n========================================================= *\/\n\n.tv-hero-lock {\n\n  width:\n    92px;\n\n  height:\n    115px;\n\n  position:\n    relative;\n\n}\n\n\n.tv-hero-lock-top {\n\n  width:\n    64px;\n\n  height:\n    65px;\n\n  position:\n    absolute;\n\n  top:\n    0;\n\n  left:\n    14px;\n\n  border:\n    11px solid\n    #65caff;\n\n  border-bottom:\n    0;\n\n  border-radius:\n    35px 35px 0 0;\n\n  filter:\n    drop-shadow(\n      0 0 10px\n      rgba(\n        87,\n        196,\n        255,\n        0.7\n      )\n    );\n\n}\n\n\n.tv-hero-lock-body {\n\n  width:\n    92px;\n\n  height:\n    70px;\n\n  position:\n    absolute;\n\n  bottom:\n    0;\n\n  border-radius:\n    14px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #54c4ff,\n      #1475e5\n    );\n\n  box-shadow:\n    inset 0 0 15px\n    rgba(\n      255,\n      255,\n      255,\n      0.25\n    ),\n    0 0 24px\n    rgba(\n      47,\n      162,\n      255,\n      0.7\n    );\n\n}\n\n\n.tv-hero-lock-body span {\n\n  width:\n    10px;\n\n  height:\n    28px;\n\n  position:\n    absolute;\n\n  top:\n    20px;\n\n  left:\n    41px;\n\n  border-radius:\n    8px;\n\n  background:\n    #06224c;\n\n}\n\n\n\/* =========================================================\n   ORBITS\n========================================================= *\/\n\n.tv-hero-orbit {\n\n  position:\n    absolute;\n\n  border:\n    1px solid\n    rgba(\n      54,\n      164,\n      255,\n      0.16\n    );\n\n  border-radius:\n    50%;\n\n}\n\n\n.tv-orbit-one {\n\n  width:\n    380px;\n\n  height:\n    380px;\n\n  animation:\n    tvHeroRotate\n    22s\n    linear\n    infinite;\n\n}\n\n\n.tv-orbit-two {\n\n  width:\n    470px;\n\n  height:\n    470px;\n\n  border-style:\n    dashed;\n\n  animation:\n    tvHeroRotateReverse\n    30s\n    linear\n    infinite;\n\n}\n\n\n.tv-orbit-three {\n\n  width:\n    315px;\n\n  height:\n    315px;\n\n  border-color:\n    rgba(\n      58,\n      192,\n      255,\n      0.25\n    );\n\n  box-shadow:\n    inset 0 0 50px\n    rgba(\n      28,\n      127,\n      255,\n      0.06\n    );\n\n}\n\n\n\/* =========================================================\n   FLOATING CARDS\n========================================================= *\/\n\n.tv-hero-floating {\n\n  min-width:\n    205px;\n\n  position:\n    absolute;\n\n  z-index:\n    8;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  gap:\n    12px;\n\n  padding:\n    13px 16px;\n\n  background:\n    rgba(\n      8,\n      23,\n      43,\n      0.75\n    );\n\n  border:\n    1px solid\n    rgba(\n      68,\n      168,\n      255,\n      0.22\n    );\n\n  border-radius:\n    12px;\n\n  -webkit-backdrop-filter:\n    blur(12px);\n\n  backdrop-filter:\n    blur(12px);\n\n  box-shadow:\n    0 20px 55px\n    rgba(\n      0,\n      0,\n      0,\n      0.35\n    );\n\n}\n\n\n.tv-hero-floating strong,\n.tv-hero-floating span {\n\n  display:\n    block;\n\n}\n\n\n.tv-hero-floating strong {\n\n  margin-bottom:\n    4px;\n\n  color:\n    #eef8ff;\n\n  font-size:\n    12px;\n\n}\n\n\n.tv-hero-floating span {\n\n  color:\n    #8292a7;\n\n  font-size:\n    9px;\n\n}\n\n\n.tv-floating-top {\n\n  top:\n    75px;\n\n  right:\n    -10px;\n\n  animation:\n    tvHeroFloatSmall\n    4s\n    ease-in-out\n    infinite;\n\n}\n\n\n.tv-floating-bottom {\n\n  bottom:\n    65px;\n\n  left:\n    -25px;\n\n  animation:\n    tvHeroFloatSmall\n    4.5s\n    ease-in-out\n    infinite\n    reverse;\n\n}\n\n\n\/* Floating check *\/\n\n.tv-floating-icon {\n\n  width:\n    35px;\n\n  height:\n    35px;\n\n  flex-shrink:\n    0;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  color:\n    #70d8ff;\n\n  background:\n    rgba(\n      54,\n      170,\n      255,\n      0.12\n    );\n\n  border:\n    1px solid\n    rgba(\n      74,\n      189,\n      255,\n      0.25\n    );\n\n  border-radius:\n    9px;\n\n}\n\n\n\/* Loader *\/\n\n.tv-floating-loader {\n\n  width:\n    35px;\n\n  height:\n    35px;\n\n  flex-shrink:\n    0;\n\n  border:\n    3px solid\n    rgba(\n      81,\n      198,\n      255,\n      0.28\n    );\n\n  border-top-color:\n    #54c8ff;\n\n  border-radius:\n    50%;\n\n  animation:\n    tvHeroRotate\n    2s\n    linear\n    infinite;\n\n}\n\n\n\/* =========================================================\n   NODES\n========================================================= *\/\n\n.tv-hero-node {\n\n  width:\n    9px;\n\n  height:\n    9px;\n\n  position:\n    absolute;\n\n  z-index:\n    6;\n\n  border-radius:\n    50%;\n\n  background:\n    #50c8ff;\n\n  box-shadow:\n    0 0 15px\n    #2caaff;\n\n}\n\n\n.tv-node-one {\n\n  top:\n    65px;\n\n  left:\n    80px;\n\n}\n\n\n.tv-node-two {\n\n  top:\n    190px;\n\n  right:\n    3px;\n\n}\n\n\n.tv-node-three {\n\n  right:\n    90px;\n\n  bottom:\n    65px;\n\n}\n\n\n.tv-node-four {\n\n  left:\n    10px;\n\n  bottom:\n    150px;\n\n}\n\n\n\/* =========================================================\n   STATISTICS\n========================================================= *\/\n\n.tv-hero-stats {\n\n  width:\n    calc(\n      100% - clamp(\n        48px,\n        10vw,\n        180px\n      )\n    );\n\n  max-width:\n    none;\n\n  position:\n    relative;\n\n  z-index:\n    3;\n\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(\n      4,\n      minmax(\n        0,\n        1fr\n      )\n    );\n\n  margin:\n    0 auto;\n\n  overflow:\n    hidden;\n\n  background:\n    rgba(\n      8,\n      22,\n      41,\n      0.64\n    );\n\n  border:\n    1px solid\n    rgba(\n      80,\n      172,\n      255,\n      0.18\n    );\n\n  border-radius:\n    17px;\n\n  -webkit-backdrop-filter:\n    blur(15px);\n\n  backdrop-filter:\n    blur(15px);\n\n  box-shadow:\n    0 25px 70px\n    rgba(\n      0,\n      0,\n      0,\n      0.2\n    );\n\n}\n\n\n\/* Individual stat *\/\n\n.tv-hero-stat {\n\n  position:\n    relative;\n\n  padding:\n    28px 25px;\n\n  text-align:\n    center;\n\n  transition:\n    background 0.3s ease,\n    transform 0.3s ease;\n\n}\n\n\n.tv-hero-stat:hover {\n\n  background:\n    rgba(\n      36,\n      138,\n      255,\n      0.06\n    );\n\n  transform:\n    translateY(-3px);\n\n}\n\n\n\/* Separators *\/\n\n.tv-hero-stat:not(:last-child)::after {\n\n  content: \"\";\n\n  width:\n    1px;\n\n  height:\n    45px;\n\n  position:\n    absolute;\n\n  top:\n    50%;\n\n  right:\n    0;\n\n  background:\n    rgba(\n      255,\n      255,\n      255,\n      0.1\n    );\n\n  transform:\n    translateY(-50%);\n\n}\n\n\n\/* Counter wrapper *\/\n\n.tv-hero-stat strong {\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  gap:\n    2px;\n\n  color:\n    #ffffff;\n\n  font-family:\n    \"Space Grotesk\",\n    sans-serif;\n\n  font-size:\n    34px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  font-variant-numeric:\n    tabular-nums;\n\n}\n\n\n\/* Actual moving number *\/\n\n.tv-hero-stat\n.tv-counter {\n\n  display:\n    inline-block;\n\n  color:\n    #ffffff !important;\n\n  min-width:\n    1ch;\n\n}\n\n\n\/* + and degree *\/\n\n.tv-hero-stat\nstrong em {\n\n  display:\n    inline-block;\n\n  color:\n    #3cafff;\n\n  font-style:\n    normal;\n\n  font-size:\n    0.82em;\n\n  line-height:\n    1;\n\n}\n\n\n\/* Stat label *\/\n\n.tv-hero-stat p {\n\n  margin:\n    7px 0 0;\n\n  color:\n    #8494a9;\n\n  font-size:\n    11px;\n\n  letter-spacing:\n    0.5px;\n\n  text-transform:\n    uppercase;\n\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes tvHeroFloat {\n\n  0%,\n  100% {\n    transform:\n      translateY(0)\n      rotate(-1deg);\n  }\n\n  50% {\n    transform:\n      translateY(-15px)\n      rotate(1deg);\n  }\n\n}\n\n\n@keyframes tvHeroFloatSmall {\n\n  0%,\n  100% {\n    transform:\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translateY(-9px);\n  }\n\n}\n\n\n@keyframes tvHeroRotate {\n\n  to {\n    transform:\n      rotate(360deg);\n  }\n\n}\n\n\n@keyframes tvHeroRotateReverse {\n\n  to {\n    transform:\n      rotate(-360deg);\n  }\n\n}\n\n\n@keyframes tvHeroPulse {\n\n  0%,\n  100% {\n    opacity:\n      1;\n\n    transform:\n      scale(1);\n  }\n\n  50% {\n    opacity:\n      0.55;\n\n    transform:\n      scale(0.8);\n  }\n\n}\n\n\n\/* =========================================================\n   LAPTOP\n========================================================= *\/\n\n@media (max-width: 1200px) {\n\n  .tv-hero-container {\n\n    padding-left:\n      42px;\n\n    padding-right:\n      42px;\n\n    grid-template-columns:\n      1fr 0.85fr;\n\n    gap:\n      30px;\n\n  }\n\n\n  .tv-hero-copy h1 {\n\n    font-size:\n      58px;\n\n  }\n\n\n  .tv-hero-shield-wrap {\n\n    transform:\n      scale(0.9);\n\n  }\n\n\n  .tv-hero-stats {\n\n    width:\n      calc(\n        100% - 84px\n      );\n\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .tv-hero-container {\n\n    grid-template-columns:\n      1fr 0.8fr;\n\n    gap:\n      20px;\n\n  }\n\n\n  .tv-hero-copy h1 {\n\n    font-size:\n      53px;\n\n  }\n\n\n  .tv-hero-shield-wrap {\n\n    transform:\n      scale(0.82);\n\n  }\n\n\n  .tv-hero-floating {\n\n    transform:\n      scale(0.9);\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .tv-hero-section {\n\n    min-height:\n      auto;\n\n    padding-top:\n      115px;\n\n    padding-bottom:\n      35px;\n\n  }\n\n\n  .tv-hero-container {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      25px;\n\n    padding-left:\n      16px;\n\n    padding-right:\n      16px;\n\n    padding-bottom:\n      40px;\n\n  }\n\n\n  .tv-hero-copy {\n\n    text-align:\n      center;\n\n  }\n\n\n  .tv-hero-label {\n\n    margin-left:\n      auto;\n\n    margin-right:\n      auto;\n\n    font-size:\n      9px;\n\n  }\n\n\n  .tv-hero-copy h1 {\n\n    font-size:\n      42px;\n\n    line-height:\n      1.08;\n\n    letter-spacing:\n      -2px;\n\n  }\n\n\n  .tv-hero-copy > p {\n\n    font-size:\n      14px;\n\n  }\n\n\n  .tv-hero-actions {\n\n    justify-content:\n      center;\n\n  }\n\n\n  .tv-hero-primary {\n\n    width:\n      100%;\n\n  }\n\n\n  .tv-hero-regions {\n\n    text-align:\n      center;\n\n  }\n\n\n  .tv-hero-regions > div {\n\n    justify-content:\n      center;\n\n  }\n\n\n  .tv-hero-visual {\n\n    min-height:\n      420px;\n\n    margin:\n      -35px 0;\n\n    transform:\n      scale(0.83);\n\n  }\n\n\n  .tv-floating-top {\n\n    right:\n      -35px;\n\n  }\n\n\n  .tv-floating-bottom {\n\n    left:\n      -35px;\n\n  }\n\n\n  .tv-hero-stats {\n\n    width:\n      calc(\n        100% - 32px\n      );\n\n    grid-template-columns:\n      repeat(\n        2,\n        minmax(\n          0,\n          1fr\n        )\n      );\n\n  }\n\n\n  .tv-hero-stat {\n\n    padding:\n      23px 10px;\n\n  }\n\n\n  .tv-hero-stat:nth-child(2)::after {\n\n    display:\n      none;\n\n  }\n\n\n  .tv-hero-stat:nth-child(-n + 2) {\n\n    border-bottom:\n      1px solid\n      rgba(\n        255,\n        255,\n        255,\n        0.08\n      );\n\n  }\n\n\n  .tv-hero-stat strong {\n\n    font-size:\n      28px;\n\n  }\n\n\n  .tv-hero-stat p {\n\n    font-size:\n      9px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n  .tv-hero-copy h1 {\n\n    font-size:\n      36px;\n\n  }\n\n\n  .tv-hero-visual {\n\n    margin:\n      -65px 0;\n\n    transform:\n      scale(0.72);\n\n  }\n\n\n  .tv-hero-stat strong {\n\n    font-size:\n      24px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILITY\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .tv-hero-shield,\n  .tv-hero-floating,\n  .tv-hero-orbit,\n  .tv-hero-label span,\n  .tv-floating-loader {\n\n    animation:\n      none !important;\n\n  }\n\n}\n\/*****************\/\n.tv-hero-section {\n    width: 100vw !important;\n    max-width: 100vw !important;\n\n    position: relative !important;\n\n    left: 50% !important;\n    right: 50% !important;\n\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n}\n\nhtml,\nbody {\n    overflow-x: hidden !important;\n}\n<\/style>\n\n\n\n<script>\n(function () {\n\n  function initTechVisionsCounters() {\n\n    const stats =\n      document.querySelector(\n        \".tv-hero-stats\"\n      );\n\n    if (!stats) {\n      return;\n    }\n\n\n    \/* Prevent duplicate initialization *\/\n    if (\n      stats.dataset.counterInitialized ===\n      \"true\"\n    ) {\n      return;\n    }\n\n\n    stats.dataset.counterInitialized =\n      \"true\";\n\n\n    const counters =\n      stats.querySelectorAll(\n        \".tv-counter\"\n      );\n\n\n    if (!counters.length) {\n      return;\n    }\n\n\n    let hasStarted =\n      false;\n\n\n    \/* -----------------------------------------\n       Format Number\n       4000 => 4,000\n    ----------------------------------------- *\/\n\n    function formatNumber(number) {\n\n      return Number(\n        number\n      ).toLocaleString(\n        \"en-US\"\n      );\n\n    }\n\n\n    \/* -----------------------------------------\n       Animate one counter\n    ----------------------------------------- *\/\n\n    function animateCounter(counter) {\n\n      const target =\n        parseInt(\n          counter.getAttribute(\n            \"data-target\"\n          ),\n          10\n        ) || 0;\n\n\n      const duration =\n        target <= 10\n          ? 1100\n          : 1800;\n\n\n      const startTime =\n        performance.now();\n\n\n      function updateCounter(currentTime) {\n\n        const elapsed =\n          currentTime -\n          startTime;\n\n\n        const progress =\n          Math.min(\n            elapsed \/ duration,\n            1\n          );\n\n\n        \/* Smooth ease out *\/\n        const easedProgress =\n          1 -\n          Math.pow(\n            1 - progress,\n            3\n          );\n\n\n        const currentValue =\n          Math.round(\n            target *\n            easedProgress\n          );\n\n\n        counter.textContent =\n          formatNumber(\n            currentValue\n          );\n\n\n        if (\n          progress < 1\n        ) {\n\n          requestAnimationFrame(\n            updateCounter\n          );\n\n        } else {\n\n          counter.textContent =\n            formatNumber(\n              target\n            );\n\n        }\n\n      }\n\n\n      requestAnimationFrame(\n        updateCounter\n      );\n\n    }\n\n\n    \/* -----------------------------------------\n       Start all counters\n    ----------------------------------------- *\/\n\n    function startCounters() {\n\n      if (hasStarted) {\n        return;\n      }\n\n\n      hasStarted =\n        true;\n\n\n      counters.forEach(\n        function (counter) {\n\n          animateCounter(\n            counter\n          );\n\n        }\n      );\n\n    }\n\n\n    \/* -----------------------------------------\n       Reduced Motion\n    ----------------------------------------- *\/\n\n    if (\n      window.matchMedia &&\n      window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      ).matches\n    ) {\n\n      counters.forEach(\n        function (counter) {\n\n          const target =\n            parseInt(\n              counter.getAttribute(\n                \"data-target\"\n              ),\n              10\n            ) || 0;\n\n\n          counter.textContent =\n            formatNumber(\n              target\n            );\n\n        }\n      );\n\n\n      return;\n\n    }\n\n\n    \/* -----------------------------------------\n       Intersection Observer\n    ----------------------------------------- *\/\n\n    if (\n      \"IntersectionObserver\"\n      in window\n    ) {\n\n      const observer =\n        new IntersectionObserver(\n\n          function (entries) {\n\n            entries.forEach(\n              function (entry) {\n\n                if (\n                  entry.isIntersecting\n                ) {\n\n                  startCounters();\n\n                  observer.disconnect();\n\n                }\n\n              }\n            );\n\n          },\n\n          {\n            threshold: 0.3\n          }\n\n        );\n\n\n      observer.observe(\n        stats\n      );\n\n    } else {\n\n      \/* Older browser fallback *\/\n\n      startCounters();\n\n    }\n\n  }\n\n\n  if (\n    document.readyState ===\n    \"loading\"\n  ) {\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initTechVisionsCounters\n    );\n\n  } else {\n\n    initTechVisionsCounters();\n\n  }\n\n\n  \/* Elementor safety *\/\n\n  window.addEventListener(\n    \"load\",\n    initTechVisionsCounters\n  );\n\n})();\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4978230 e-con e-atomic-element e-flexbox-base e-269d40d \" data-id=\"4978230\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4978230\">\n    \t\t<div class=\"elementor-element elementor-element-8627d02 elementor-widget elementor-widget-shortcode\" data-id=\"8627d02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- TECH VISIONS SERVICES SNAPSHOT -->\n<section class=\"tvs-services\" id=\"services\">\n\n  <div class=\"tvs-services-bg\"><\/div>\n  <div class=\"tvs-services-glow tvs-services-glow-one\"><\/div>\n  <div class=\"tvs-services-glow tvs-services-glow-two\"><\/div>\n\n  <div class=\"tvs-container\">\n\n    <!-- Section Header -->\n    <div class=\"tvs-heading\">\n\n      <div class=\"tvs-eyebrow\">\n        <span><\/span>\n        Our Cybersecurity Services\n      <\/div>\n\n      <div class=\"tvs-heading-grid\">\n\n        <h2>\n          End-to-End Security\n          <span>Built Around Your Business.<\/span>\n        <\/h2>\n\n        <p>\n          From defensive operations and penetration testing to governance,\n          compliance and professional enablement, Tech Visions provides\n          tailored cybersecurity solutions that deliver measurable outcomes.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- SERVICES GRID -->\n    <div class=\"tvs-services-grid\">\n\n\n      <!-- =====================================================\n           SERVICE 01\n      ====================================================== -->\n      <article class=\"tvs-service-card\">\n\n        <div class=\"tvs-card-number\">\n          01\n        <\/div>\n\n\n        <div class=\"tvs-icon-box\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 3L4.5 6.2V11.1C4.5 15.8 7.7 20.2 12 21.5C16.3 20.2 19.5 15.8 19.5 11.1V6.2L12 3Z\"><\/path>\n            <path d=\"M8.8 12.2L11 14.4L15.6 9.8\"><\/path>\n          <\/svg>\n\n        <\/div>\n\n\n        <div class=\"tvs-card-content\">\n\n          <span class=\"tvs-category\">\n            Defensive Security\n          <\/span>\n\n\n          <h3>\n            SOC Optimization & Readiness\n          <\/h3>\n\n\n          <p>\n            Strengthen your security operations through maturity assessments,\n            incident response planning, tabletop exercises and configuration\n            reviews.\n          <\/p>\n\n\n          <ul>\n\n            <li>\n              SOC Maturity Assessment\n            <\/li>\n\n            <li>\n              Incident Response Playbooks\n            <\/li>\n\n            <li>\n              Firewall & Network Security Configuration Review\n            <\/li>\n\n          <\/ul>\n\n        <\/div>\n\n\n        <a\n          href=\"https:\/\/thetechvisions.com\/defensive-security\/\"\n          class=\"tvs-card-link\"\n        >\n          Explore Service\n          <span>\u2197<\/span>\n        <\/a>\n\n      <\/article>\n\n\n\n      <!-- =====================================================\n           SERVICE 02\n      ====================================================== -->\n      <article class=\"tvs-service-card\">\n\n        <div class=\"tvs-card-number\">\n          02\n        <\/div>\n\n\n        <div class=\"tvs-icon-box\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M14.5 4.5L19.5 9.5\"><\/path>\n            <path d=\"M4 20L8.4 18.9L18.6 8.7C19.4 7.9 19.4 6.6 18.6 5.8L18.2 5.4C17.4 4.6 16.1 4.6 15.3 5.4L5.1 15.6L4 20Z\"><\/path>\n            <path d=\"M13 7.8L16.2 11\"><\/path>\n          <\/svg>\n\n        <\/div>\n\n\n        <div class=\"tvs-card-content\">\n\n          <span class=\"tvs-category\">\n            Offensive Security\n          <\/span>\n\n\n          <h3>\n            Security Testing & Validation\n          <\/h3>\n\n\n          <p>\n            Identify real-world vulnerabilities before attackers do through\n            expert-led penetration testing and continuous vulnerability\n            management.\n          <\/p>\n\n\n          <ul>\n\n            <li>\n              Web & Mobile Penetration Testing\n            <\/li>\n\n            <li>\n              Internal & External Testing\n            <\/li>\n\n            <li>\n              Vulnerability Management\n            <\/li>\n\n          <\/ul>\n\n        <\/div>\n\n\n        <a\n          href=\"https:\/\/thetechvisions.com\/offensive-security\/\"\n          class=\"tvs-card-link\"\n        >\n          Explore Service\n          <span>\u2197<\/span>\n        <\/a>\n\n      <\/article>\n\n\n\n      <!-- =====================================================\n           SERVICE 03\n      ====================================================== -->\n      <article class=\"tvs-service-card\">\n\n        <div class=\"tvs-card-number\">\n          03\n        <\/div>\n\n\n        <div class=\"tvs-icon-box\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M7 3H17C18.1 3 19 3.9 19 5V19C19 20.1 18.1 21 17 21H7C5.9 21 5 20.1 5 19V5C5 3.9 5.9 3 7 3Z\"><\/path>\n            <path d=\"M8 8H16\"><\/path>\n            <path d=\"M8 12H16\"><\/path>\n            <path d=\"M8 16H13\"><\/path>\n            <path d=\"M8.5 3V6\"><\/path>\n            <path d=\"M15.5 3V6\"><\/path>\n          <\/svg>\n\n        <\/div>\n\n\n        <div class=\"tvs-card-content\">\n\n          <span class=\"tvs-category\">\n            Cybersecurity Advisory & GRC\n          <\/span>\n\n\n          <h3>\n            GRC & Security Frameworks\n          <\/h3>\n\n\n          <p>\n            Build effective governance structures, security roadmaps and\n            compliance programs aligned with your operational and regulatory\n            needs.\n          <\/p>\n\n\n          <ul>\n\n            <li>\n              Cybersecurity Strategy & Roadmaps\n            <\/li>\n\n            <li>\n              Risk & Maturity Assessments\n            <\/li>\n\n            <li>\n              ISO\/IEC 27001 Implementation & Advisory\n            <\/li>\n\n          <\/ul>\n\n        <\/div>\n\n\n        <a\n          href=\"https:\/\/thetechvisions.com\/grc-services\/\"\n          class=\"tvs-card-link\"\n        >\n          Explore Service\n          <span>\u2197<\/span>\n        <\/a>\n\n      <\/article>\n\n\n\n      <!-- =====================================================\n           SERVICE 04\n      ====================================================== -->\n      <article class=\"tvs-service-card\">\n\n        <div class=\"tvs-card-number\">\n          04\n        <\/div>\n\n\n        <div class=\"tvs-icon-box\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M4 5.5C4 4.7 4.7 4 5.5 4H18.5C19.3 4 20 4.7 20 5.5V14.5C20 15.3 19.3 16 18.5 16H5.5C4.7 16 4 15.3 4 14.5V5.5Z\"><\/path>\n            <path d=\"M8 20H16\"><\/path>\n            <path d=\"M12 16V20\"><\/path>\n            <path d=\"M9.5 10L11.2 11.7L14.8 8.2\"><\/path>\n          <\/svg>\n\n        <\/div>\n\n\n        <div class=\"tvs-card-content\">\n\n          <span class=\"tvs-category\">\n            Training & Enablement\n          <\/span>\n\n\n          <h3>\n            Talent & Workforce Enablement\n          <\/h3>\n\n\n          <p>\n            Equip professionals and organizations with practical skills\n            through hands-on bootcamps, workshops, simulations and awareness\n            programs.\n          <\/p>\n\n\n          <ul>\n\n            <li>\n              Hands-on Cybersecurity Bootcamps\n            <\/li>\n\n            <li>\n              Vendor Certification Training\n            <\/li>\n\n            <li>\n              Security Awareness Programs\n            <\/li>\n\n          <\/ul>\n\n        <\/div>\n\n\n        <a\n          href=\"https:\/\/thetechvisions.com\/training\/\"\n          class=\"tvs-card-link\"\n        >\n          Explore Training\n          <span>\u2197<\/span>\n        <\/a>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');\n\n\n.tvs-services,\n.tvs-services * {\n  box-sizing: border-box;\n}\n\n\n.tvs-services {\n\n  --tvs-blue: #248aff;\n  --tvs-cyan: #58caff;\n  --tvs-navy: #071a33;\n\n  --tvs-border:\n    rgba(73,164,255,.16);\n\n  --tvs-text:\n    #f4f8ff;\n\n  --tvs-muted:\n    #91a1b6;\n\n\n  width:\n    100vw;\n\n  max-width:\n    100vw;\n\n\n  position:\n    relative;\n\n\n  left:\n    50%;\n\n\n  margin-left:\n    -50vw;\n\n  margin-right:\n    -50vw;\n\n\n  overflow:\n    hidden;\n\n\n  \/* \u0627\u062a\u062e\u0641\u0636 \u0627\u0644\u0640Bottom Padding \u0628\u0639\u062f \u062d\u0630\u0641 \u0627\u0644\u0628\u0644\u0648\u0643 \u0627\u0644\u0623\u062e\u064a\u0631 *\/\n  padding:\n    120px 0 100px;\n\n\n  color:\n    var(--tvs-text);\n\n\n  font-family:\n    \"Inter\",\n    sans-serif;\n\n\n  background:\n\n    radial-gradient(\n      circle at 12% 20%,\n      rgba(36,138,255,.12),\n      transparent 25%\n    ),\n\n    radial-gradient(\n      circle at 88% 72%,\n      rgba(88,202,255,.08),\n      transparent 25%\n    ),\n\n    linear-gradient(\n      180deg,\n      #050b15 0%,\n      #07111f 55%,\n      #050b15 100%\n    );\n\n}\n\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.tvs-container {\n\n  width:\n    100%;\n\n  max-width:\n    none;\n\n\n  position:\n    relative;\n\n\n  z-index:\n    3;\n\n\n  margin:\n    0;\n\n\n  padding-left:\n    clamp(24px,5vw,90px);\n\n\n  padding-right:\n    clamp(24px,5vw,90px);\n\n}\n\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.tvs-services-bg {\n\n  position:\n    absolute;\n\n\n  inset:\n    0;\n\n\n  opacity:\n    .28;\n\n\n  pointer-events:\n    none;\n\n\n  background-image:\n\n    linear-gradient(\n      rgba(59,146,255,.06) 1px,\n      transparent 1px\n    ),\n\n    linear-gradient(\n      90deg,\n      rgba(59,146,255,.06) 1px,\n      transparent 1px\n    );\n\n\n  background-size:\n    58px 58px;\n\n\n  -webkit-mask-image:\n\n    linear-gradient(\n      to bottom,\n      transparent,\n      black 20%,\n      black 80%,\n      transparent\n    );\n\n\n  mask-image:\n\n    linear-gradient(\n      to bottom,\n      transparent,\n      black 20%,\n      black 80%,\n      transparent\n    );\n\n}\n\n\n\n\/* =========================================================\n   GLOWS\n========================================================= *\/\n\n.tvs-services-glow {\n\n  position:\n    absolute;\n\n\n  border-radius:\n    50%;\n\n\n  filter:\n    blur(110px);\n\n\n  pointer-events:\n    none;\n\n}\n\n\n.tvs-services-glow-one {\n\n  width:\n    320px;\n\n  height:\n    320px;\n\n\n  left:\n    -180px;\n\n  top:\n    20%;\n\n\n  background:\n    rgba(36,138,255,.14);\n\n}\n\n\n.tvs-services-glow-two {\n\n  width:\n    380px;\n\n  height:\n    380px;\n\n\n  right:\n    -220px;\n\n  bottom:\n    0;\n\n\n  background:\n    rgba(73,199,255,.10);\n\n}\n\n\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n.tvs-heading {\n\n  margin-bottom:\n    55px;\n\n}\n\n\n.tvs-eyebrow {\n\n  width:\n    fit-content;\n\n\n  display:\n    flex;\n\n\n  align-items:\n    center;\n\n\n  gap:\n    10px;\n\n\n  margin-bottom:\n    22px;\n\n\n  color:\n    #68c8ff;\n\n\n  font-size:\n    11px;\n\n\n  font-weight:\n    600;\n\n\n  letter-spacing:\n    1.8px;\n\n\n  text-transform:\n    uppercase;\n\n}\n\n\n.tvs-eyebrow span {\n\n  width:\n    30px;\n\n  height:\n    1px;\n\n\n  display:\n    block;\n\n\n  background:\n\n    linear-gradient(\n      90deg,\n      #248aff,\n      #58caff\n    );\n\n\n  box-shadow:\n\n    0 0 10px\n    rgba(88,202,255,.7);\n\n}\n\n\n.tvs-heading-grid {\n\n  display:\n    grid;\n\n\n  grid-template-columns:\n    1.15fr .85fr;\n\n\n  align-items:\n    end;\n\n\n  gap:\n    clamp(35px,5vw,90px);\n\n}\n\n\n.tvs-heading h2 {\n\n  max-width:\n    850px;\n\n\n  margin:\n    0;\n\n\n  color:\n    #ffffff !important;\n\n\n  font-family:\n    \"Space Grotesk\",\n    sans-serif;\n\n\n  font-size:\n    clamp(40px,4.6vw,70px);\n\n\n  line-height:\n    1.04;\n\n\n  letter-spacing:\n    -2.5px;\n\n\n  font-weight:\n    700;\n\n}\n\n\n.tvs-heading h2 span {\n\n  display:\n    block;\n\n\n  color:\n    transparent;\n\n\n  background:\n\n    linear-gradient(\n      90deg,\n      #258cff,\n      #66d2ff\n    );\n\n\n  background-clip:\n    text;\n\n\n  -webkit-background-clip:\n    text;\n\n}\n\n\n.tvs-heading p {\n\n  max-width:\n    620px;\n\n\n  margin:\n    0;\n\n\n  color:\n    var(--tvs-muted);\n\n\n  font-size:\n    15px;\n\n\n  line-height:\n    1.85;\n\n}\n\n\n\n\/* =========================================================\n   SERVICES GRID\n========================================================= *\/\n\n.tvs-services-grid {\n\n  display:\n    grid;\n\n\n  grid-template-columns:\n\n    repeat(\n      4,\n      minmax(0,1fr)\n    );\n\n\n  gap:\n    20px;\n\n}\n\n\n\n\/* =========================================================\n   SERVICE CARD\n========================================================= *\/\n\n.tvs-service-card {\n\n  min-width:\n    0;\n\n\n  min-height:\n    540px;\n\n\n  position:\n    relative;\n\n\n  display:\n    flex;\n\n\n  flex-direction:\n    column;\n\n\n  padding:\n    30px;\n\n\n  overflow:\n    hidden;\n\n\n  background:\n\n    linear-gradient(\n      145deg,\n      rgba(13,32,56,.92),\n      rgba(7,18,33,.92)\n    );\n\n\n  border:\n\n    1px solid\n    var(--tvs-border);\n\n\n  border-radius:\n    20px;\n\n\n  box-shadow:\n\n    0 24px 65px\n    rgba(0,0,0,.20);\n\n\n  transition:\n\n    transform .35s ease,\n    border-color .35s ease,\n    box-shadow .35s ease;\n\n}\n\n\n.tvs-service-card::before {\n\n  content:\n    \"\";\n\n\n  width:\n    220px;\n\n\n  height:\n    220px;\n\n\n  position:\n    absolute;\n\n\n  top:\n    -120px;\n\n\n  right:\n    -100px;\n\n\n  border-radius:\n    50%;\n\n\n  background:\n    rgba(36,138,255,.13);\n\n\n  filter:\n    blur(40px);\n\n\n  transition:\n    .4s ease;\n\n}\n\n\n.tvs-service-card::after {\n\n  content:\n    \"\";\n\n\n  width:\n    0;\n\n\n  height:\n    2px;\n\n\n  position:\n    absolute;\n\n\n  left:\n    0;\n\n\n  bottom:\n    0;\n\n\n  background:\n\n    linear-gradient(\n      90deg,\n      #248aff,\n      #63d3ff\n    );\n\n\n  box-shadow:\n\n    0 0 18px\n    rgba(71,189,255,.8);\n\n\n  transition:\n    width .4s ease;\n\n}\n\n\n.tvs-service-card:hover {\n\n  transform:\n    translateY(-8px);\n\n\n  border-color:\n    rgba(67,178,255,.42);\n\n\n  box-shadow:\n\n    0 32px 80px\n    rgba(0,0,0,.35),\n\n    0 0 35px\n    rgba(36,138,255,.08);\n\n}\n\n\n.tvs-service-card:hover::before {\n\n  background:\n    rgba(36,138,255,.20);\n\n}\n\n\n.tvs-service-card:hover::after {\n\n  width:\n    100%;\n\n}\n\n\n\n\/* =========================================================\n   CARD NUMBER\n========================================================= *\/\n\n.tvs-card-number {\n\n  position:\n    absolute;\n\n\n  top:\n    27px;\n\n\n  right:\n    26px;\n\n\n  color:\n    rgba(122,190,255,.18);\n\n\n  font-family:\n    \"Space Grotesk\",\n    sans-serif;\n\n\n  font-size:\n    43px;\n\n\n  line-height:\n    1;\n\n\n  font-weight:\n    700;\n\n}\n\n\n\n\/* =========================================================\n   ICON\n========================================================= *\/\n\n.tvs-icon-box {\n\n  width:\n    58px;\n\n\n  height:\n    58px;\n\n\n  position:\n    relative;\n\n\n  z-index:\n    2;\n\n\n  display:\n    flex;\n\n\n  align-items:\n    center;\n\n\n  justify-content:\n    center;\n\n\n  margin-bottom:\n    30px;\n\n\n  color:\n    #65cfff;\n\n\n  background:\n    rgba(36,138,255,.10);\n\n\n  border:\n\n    1px solid\n    rgba(71,178,255,.22);\n\n\n  border-radius:\n    14px;\n\n\n  box-shadow:\n\n    inset 0 0 20px\n    rgba(44,141,255,.05);\n\n\n  transition:\n\n    transform .35s ease,\n    background .35s ease,\n    box-shadow .35s ease;\n\n}\n\n\n.tvs-service-card:hover\n.tvs-icon-box {\n\n  transform:\n    rotate(-5deg)\n    scale(1.05);\n\n\n  background:\n    rgba(36,138,255,.16);\n\n\n  box-shadow:\n\n    inset 0 0 20px\n    rgba(44,141,255,.10),\n\n    0 0 22px\n    rgba(53,164,255,.12);\n\n}\n\n\n.tvs-icon-box svg {\n\n  width:\n    29px;\n\n\n  height:\n    29px;\n\n\n  fill:\n    none;\n\n\n  stroke:\n    currentColor;\n\n\n  stroke-width:\n    1.65;\n\n\n  stroke-linecap:\n    round;\n\n\n  stroke-linejoin:\n    round;\n\n}\n\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.tvs-card-content {\n\n  position:\n    relative;\n\n\n  z-index:\n    2;\n\n\n  flex:\n    1;\n\n\n  min-width:\n    0;\n\n}\n\n\n.tvs-category {\n\n  display:\n    block;\n\n\n  min-height:\n    34px;\n\n\n  margin-bottom:\n    10px;\n\n\n  color:\n    #4daeff;\n\n\n  font-size:\n    9px;\n\n\n  font-weight:\n    700;\n\n\n  letter-spacing:\n    1.25px;\n\n\n  line-height:\n    1.45;\n\n\n  text-transform:\n    uppercase;\n\n}\n\n\n.tvs-card-content h3 {\n\n  margin:\n    0 0 18px;\n\n\n  color:\n    #ffffff !important;\n\n\n  font-family:\n    \"Space Grotesk\",\n    sans-serif;\n\n\n  font-size:\n\n    clamp(\n      22px,\n      1.75vw,\n      29px\n    );\n\n\n  line-height:\n    1.18;\n\n\n  letter-spacing:\n    -.7px;\n\n\n  overflow-wrap:\n    break-word;\n\n}\n\n\n.tvs-card-content p {\n\n  margin:\n    0 0 24px;\n\n\n  color:\n    #91a1b6;\n\n\n  font-size:\n    13px;\n\n\n  line-height:\n    1.75;\n\n}\n\n\n\n\/* =========================================================\n   LIST\n========================================================= *\/\n\n.tvs-card-content ul {\n\n  display:\n    grid;\n\n\n  gap:\n    11px;\n\n\n  margin:\n    0;\n\n\n  padding:\n    0;\n\n\n  list-style:\n    none;\n\n}\n\n\n.tvs-card-content li {\n\n  position:\n    relative;\n\n\n  padding-left:\n    22px;\n\n\n  color:\n    #c0ccda;\n\n\n  font-size:\n    11px;\n\n\n  line-height:\n    1.55;\n\n}\n\n\n.tvs-card-content li::before {\n\n  content:\n    \"\";\n\n\n  width:\n    7px;\n\n\n  height:\n    7px;\n\n\n  position:\n    absolute;\n\n\n  left:\n    0;\n\n\n  top:\n    6px;\n\n\n  border:\n\n    1px solid\n    #4ab8ff;\n\n\n  border-radius:\n    50%;\n\n\n  box-shadow:\n\n    0 0 8px\n    rgba(74,184,255,.45);\n\n}\n\n\n\n\/* =========================================================\n   CARD LINK\n========================================================= *\/\n\n.tvs-card-link {\n\n  width:\n    fit-content;\n\n\n  position:\n    relative;\n\n\n  z-index:\n    2;\n\n\n  display:\n    inline-flex !important;\n\n\n  align-items:\n    center;\n\n\n  gap:\n    11px;\n\n\n  margin-top:\n    30px;\n\n\n  color:\n    #e5f5ff !important;\n\n\n  font-size:\n    12px !important;\n\n\n  font-weight:\n    600 !important;\n\n\n  line-height:\n    1 !important;\n\n\n  text-decoration:\n    none !important;\n\n\n  transition:\n    color .3s ease;\n\n}\n\n\n.tvs-card-link span {\n\n  width:\n    30px;\n\n\n  height:\n    30px;\n\n\n  display:\n    inline-flex;\n\n\n  align-items:\n    center;\n\n\n  justify-content:\n    center;\n\n\n  color:\n    #60c8ff;\n\n\n  background:\n    rgba(36,138,255,.09);\n\n\n  border:\n\n    1px solid\n    rgba(67,174,255,.20);\n\n\n  border-radius:\n    50%;\n\n\n  transition:\n\n    transform .3s ease,\n    background .3s ease;\n\n}\n\n\n.tvs-card-link:hover {\n\n  color:\n    #60c8ff !important;\n\n}\n\n\n.tvs-card-link:hover span {\n\n  transform:\n    translate(3px,-3px);\n\n\n  background:\n    rgba(36,138,255,.16);\n\n}\n\n\n\n\/* =========================================================\n   LARGE LAPTOP\n========================================================= *\/\n\n@media (max-width: 1400px) {\n\n  .tvs-container {\n\n    padding-left:\n      42px;\n\n    padding-right:\n      42px;\n\n  }\n\n\n  .tvs-service-card {\n\n    padding:\n      25px;\n\n  }\n\n\n  .tvs-card-content h3 {\n\n    font-size:\n      23px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1200px) {\n\n  .tvs-services {\n\n    padding:\n      95px 0 80px;\n\n  }\n\n\n  .tvs-services-grid {\n\n    grid-template-columns:\n\n      repeat(\n        2,\n        minmax(0,1fr)\n      );\n\n  }\n\n\n  .tvs-service-card {\n\n    min-height:\n      510px;\n\n\n    padding:\n      30px;\n\n  }\n\n\n  .tvs-card-content h3 {\n\n    font-size:\n      28px;\n\n  }\n\n\n  .tvs-heading-grid {\n\n    gap:\n      40px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .tvs-services {\n\n    padding:\n      75px 0 65px;\n\n  }\n\n\n  .tvs-container {\n\n    width:\n      100%;\n\n\n    padding-left:\n      16px;\n\n\n    padding-right:\n      16px;\n\n  }\n\n\n  .tvs-heading {\n\n    margin-bottom:\n      38px;\n\n  }\n\n\n  .tvs-heading-grid {\n\n    grid-template-columns:\n      1fr;\n\n\n    gap:\n      22px;\n\n  }\n\n\n  .tvs-heading h2 {\n\n    font-size:\n      38px;\n\n\n    letter-spacing:\n      -1.7px;\n\n  }\n\n\n  .tvs-heading p {\n\n    font-size:\n      14px;\n\n  }\n\n\n  .tvs-services-grid {\n\n    grid-template-columns:\n      1fr;\n\n\n    gap:\n      18px;\n\n  }\n\n\n  .tvs-service-card {\n\n    min-height:\n      auto;\n\n\n    padding:\n      28px 24px;\n\n\n    border-radius:\n      17px;\n\n  }\n\n\n  .tvs-card-number {\n\n    top:\n      24px;\n\n\n    right:\n      23px;\n\n\n    font-size:\n      39px;\n\n  }\n\n\n  .tvs-card-content h3 {\n\n    font-size:\n      25px;\n\n  }\n\n\n  .tvs-category {\n\n    min-height:\n      auto;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n  .tvs-heading h2 {\n\n    font-size:\n      34px;\n\n  }\n\n\n  .tvs-card-content h3 {\n\n    font-size:\n      23px;\n\n  }\n\n\n  .tvs-service-card {\n\n    padding:\n      25px 20px;\n\n  }\n\n}\n<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b3dc397 e-con e-atomic-element e-flexbox-base e-e2b14e1 \" data-id=\"b3dc397\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b3dc397\">\n    \t\t<div class=\"elementor-element elementor-element-e69da92 elementor-widget elementor-widget-shortcode\" data-id=\"e69da92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- TECH VISIONS WHY CHOOSE US SECTION -->\n<section class=\"tvw-why\" id=\"about\">\n\n  <div class=\"tvw-grid-bg\"><\/div>\n  <div class=\"tvw-glow tvw-glow-one\"><\/div>\n  <div class=\"tvw-glow tvw-glow-two\"><\/div>\n\n  <div class=\"tvw-container\">\n\n    <!-- Left Content -->\n    <div class=\"tvw-intro\">\n\n      <div class=\"tvw-eyebrow\">\n        <span><\/span>\n        Why Tech Visions\n      <\/div>\n\n      <h2>\n        Cybersecurity Expertise\n        <span>That Creates Real Impact.<\/span>\n      <\/h2>\n\n      <p>\n        We combine active field experience, tailored security strategies and\n        practical enablement to help organizations reduce risk, strengthen\n        resilience and build lasting cybersecurity capabilities.\n      <\/p>\n\n      <a href=\"#contact\" class=\"tvw-main-button\">\n        Work With Our Experts\n        <span>\u2197<\/span>\n      <\/a>\n\n    <\/div>\n\n    <!-- Right Features -->\n    <div class=\"tvw-features\">\n\n      <!-- Feature 1 -->\n      <article class=\"tvw-feature active\">\n\n        <div class=\"tvw-number\">01<\/div>\n\n        <div class=\"tvw-feature-icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 3L4.5 6.3V11.3C4.5 15.8 7.6 20.1 12 21.5C16.4 20.1 19.5 15.8 19.5 11.3V6.3L12 3Z\"><\/path>\n            <path d=\"M8.5 12.2L10.8 14.5L15.7 9.5\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <div class=\"tvw-feature-content\">\n          <span>Active Industry Experience<\/span>\n          <h3>Battle-Tested Field Expertise<\/h3>\n          <p>\n            Services and training are designed and delivered by active\n            cybersecurity engineers and consultants with real-world experience.\n          <\/p>\n        <\/div>\n\n      <\/article>\n\n      <!-- Feature 2 -->\n      <article class=\"tvw-feature\">\n\n        <div class=\"tvw-number\">02<\/div>\n\n        <div class=\"tvw-feature-icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M4 12C4 7.6 7.6 4 12 4C16.4 4 20 7.6 20 12\"><\/path>\n            <path d=\"M4 12V16C4 17.1 4.9 18 6 18H8V12H4Z\"><\/path>\n            <path d=\"M20 12V16C20 17.1 19.1 18 18 18H16V12H20Z\"><\/path>\n            <path d=\"M16 18C15.2 19.3 13.7 20 12 20\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <div class=\"tvw-feature-content\">\n          <span>Beyond Project Delivery<\/span>\n          <h3>Continuous Support & Mentorship<\/h3>\n          <p>\n            Our relationship continues after delivery through mentorship,\n            advisory support and guidance that protects long-term security value.\n          <\/p>\n        <\/div>\n\n      <\/article>\n\n      <!-- Feature 3 -->\n      <article class=\"tvw-feature\">\n\n        <div class=\"tvw-number\">03<\/div>\n\n        <div class=\"tvw-feature-icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M4 7H20\"><\/path>\n            <path d=\"M4 17H20\"><\/path>\n            <circle cx=\"9\" cy=\"7\" r=\"2\"><\/circle>\n            <circle cx=\"15\" cy=\"17\" r=\"2\"><\/circle>\n          <\/svg>\n        <\/div>\n\n        <div class=\"tvw-feature-content\">\n          <span>Built Around Your Environment<\/span>\n          <h3>Tailored Security Solutions<\/h3>\n          <p>\n            We assess your business environment, threat landscape and compliance\n            requirements to create solutions aligned with your actual needs.\n          <\/p>\n        <\/div>\n\n      <\/article>\n\n      <!-- Feature 4 -->\n      <article class=\"tvw-feature\">\n\n        <div class=\"tvw-number\">04<\/div>\n\n        <div class=\"tvw-feature-icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M4 19V11\"><\/path>\n            <path d=\"M10 19V7\"><\/path>\n            <path d=\"M16 19V4\"><\/path>\n            <path d=\"M3 19H21\"><\/path>\n            <path d=\"M5 8L10 5L15 7L20 3\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <div class=\"tvw-feature-content\">\n          <span>Focused on Business Value<\/span>\n          <h3>Measurable ROI & Outcomes<\/h3>\n          <p>\n            We deliver actionable security improvements that reduce risk,\n            optimize existing tools and lower operational overhead.\n          <\/p>\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');\n\n.tvw-why,\n.tvw-why * {\n  box-sizing: border-box;\n}\n\n.tvw-why {\n  --tvw-blue: #248aff;\n  --tvw-cyan: #61cfff;\n  --tvw-navy: #071a33;\n  --tvw-text: #071a33;\n  --tvw-muted: #65778d;\n\n  width: 100vw;\n  max-width: 100vw;\n  position: relative;\n  left: 50%;\n  margin-left: -50vw;\n  overflow: hidden;\n  padding: 125px 0;\n  font-family: \"Inter\", sans-serif;\n  background:\n    radial-gradient(\n      circle at 8% 15%,\n      rgba(36, 138, 255, 0.1),\n      transparent 24%\n    ),\n    radial-gradient(\n      circle at 92% 80%,\n      rgba(93, 205, 255, 0.1),\n      transparent 23%\n    ),\n    linear-gradient(\n      135deg,\n      #ffffff 0%,\n      #f7fbff 48%,\n      #eef6ff 100%\n    );\n}\n\n.tvw-container {\n  width: 100%;\n  position: relative;\n  z-index: 3;\n  display: grid;\n  grid-template-columns: 0.82fr 1.18fr;\n  align-items: start;\n  gap: clamp(55px, 7vw, 120px);\n  padding-left: clamp(24px, 6vw, 105px);\n  padding-right: clamp(24px, 6vw, 105px);\n}\n\n\/* Background *\/\n\n.tvw-grid-bg {\n  position: absolute;\n  inset: 0;\n  opacity: 0.7;\n  pointer-events: none;\n  background-image:\n    linear-gradient(\n      rgba(36, 138, 255, 0.035) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(36, 138, 255, 0.035) 1px,\n      transparent 1px\n    );\n  background-size: 58px 58px;\n  -webkit-mask-image: linear-gradient(\n    90deg,\n    black,\n    transparent 62%\n  );\n  mask-image: linear-gradient(\n    90deg,\n    black,\n    transparent 62%\n  );\n}\n\n.tvw-glow {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(100px);\n  pointer-events: none;\n}\n\n.tvw-glow-one {\n  width: 330px;\n  height: 330px;\n  left: -170px;\n  top: 80px;\n  background: rgba(36, 138, 255, 0.12);\n}\n\n.tvw-glow-two {\n  width: 300px;\n  height: 300px;\n  right: -160px;\n  bottom: 20px;\n  background: rgba(74, 196, 255, 0.11);\n}\n\n\/* Intro *\/\n\n.tvw-intro {\n  position: sticky;\n  top: 125px;\n}\n\n.tvw-eyebrow {\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 23px;\n  color: #217edc;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.8px;\n  text-transform: uppercase;\n}\n\n.tvw-eyebrow span {\n  width: 32px;\n  height: 2px;\n  display: block;\n  background: linear-gradient(\n    90deg,\n    #0b2e63,\n    #2c8cff\n  );\n  box-shadow: 0 0 10px rgba(44, 140, 255, 0.35);\n}\n\n.tvw-intro h2 {\n  max-width: 650px;\n  margin: 0;\n  color: #071a33;\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: clamp(42px, 4.5vw, 67px);\n  line-height: 1.04;\n  letter-spacing: -2.8px;\n  font-weight: 700;\n}\n\n.tvw-intro h2 span {\n  display: block;\n  color: transparent;\n  background: linear-gradient(\n    90deg,\n    #0b2e63,\n    #278eea,\n    #56c8ff\n  );\n  background-clip: text;\n  -webkit-background-clip: text;\n}\n\n.tvw-intro > p {\n  max-width: 580px;\n  margin: 28px 0 0;\n  color: var(--tvw-muted);\n  font-size: 15px;\n  line-height: 1.85;\n}\n\n.tvw-main-button {\n  min-width: 205px;\n  min-height: 54px;\n  width: fit-content;\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  margin-top: 34px;\n  padding: 13px 23px !important;\n  color: #ffffff !important;\n  background: linear-gradient(\n    135deg,\n    #0b2e63,\n    #278eea\n  ) !important;\n  border: 1px solid rgba(44, 140, 255, 0.25) !important;\n  border-radius: 11px !important;\n  box-shadow: 0 15px 35px rgba(21, 91, 171, 0.2);\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  line-height: 1 !important;\n  text-decoration: none !important;\n  transition:\n    transform 0.3s ease,\n    box-shadow 0.3s ease !important;\n}\n\n.tvw-main-button span {\n  font-size: 17px;\n  transition: transform 0.3s ease;\n}\n\n.tvw-main-button:hover {\n  color: #ffffff !important;\n  transform: translateY(-3px);\n  box-shadow: 0 19px 43px rgba(21, 91, 171, 0.3);\n}\n\n.tvw-main-button:hover span {\n  transform: translate(3px, -3px);\n}\n\n\/* Features *\/\n\n.tvw-features {\n  display: grid;\n  gap: 16px;\n}\n\n.tvw-feature {\n  min-height: 175px;\n  position: relative;\n  display: grid;\n  grid-template-columns: 62px 1fr;\n  align-items: center;\n  gap: 23px;\n  padding: 27px 28px;\n  overflow: hidden;\n  background: rgba(255, 255, 255, 0.76);\n  border: 1px solid rgba(11, 46, 99, 0.1);\n  border-radius: 18px;\n  box-shadow: 0 20px 50px rgba(25, 73, 125, 0.07);\n  transition:\n    transform 0.35s ease,\n    background 0.35s ease,\n    border-color 0.35s ease,\n    box-shadow 0.35s ease;\n}\n\n.tvw-feature::before {\n  content: \"\";\n  width: 5px;\n  height: 0;\n  position: absolute;\n  left: 0;\n  top: 50%;\n  background: linear-gradient(\n    180deg,\n    #248aff,\n    #64cfff\n  );\n  border-radius: 0 5px 5px 0;\n  transform: translateY(-50%);\n  box-shadow: 0 0 18px rgba(36, 138, 255, 0.55);\n  transition: height 0.35s ease;\n}\n\n.tvw-feature::after {\n  content: \"\";\n  width: 180px;\n  height: 180px;\n  position: absolute;\n  right: -120px;\n  top: -100px;\n  border-radius: 50%;\n  background: rgba(36, 138, 255, 0.06);\n  filter: blur(20px);\n  transition: 0.35s ease;\n}\n\n.tvw-feature:hover,\n.tvw-feature.active {\n  transform: translateX(-7px);\n  background: #ffffff;\n  border-color: rgba(36, 138, 255, 0.25);\n  box-shadow:\n    0 27px 65px rgba(25, 73, 125, 0.12),\n    0 0 30px rgba(36, 138, 255, 0.04);\n}\n\n.tvw-feature:hover::before,\n.tvw-feature.active::before {\n  height: 68%;\n}\n\n.tvw-feature:hover::after,\n.tvw-feature.active::after {\n  background: rgba(36, 138, 255, 0.12);\n}\n\n.tvw-number {\n  position: absolute;\n  top: 18px;\n  right: 22px;\n  color: rgba(11, 46, 99, 0.08);\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: 42px;\n  line-height: 1;\n  font-weight: 700;\n}\n\n.tvw-feature-icon {\n  width: 62px;\n  height: 62px;\n  position: relative;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #218be8;\n  background: linear-gradient(\n    145deg,\n    rgba(36, 138, 255, 0.12),\n    rgba(85, 199, 255, 0.05)\n  );\n  border: 1px solid rgba(36, 138, 255, 0.16);\n  border-radius: 15px;\n  transition:\n    transform 0.35s ease,\n    background 0.35s ease;\n}\n\n.tvw-feature:hover .tvw-feature-icon,\n.tvw-feature.active .tvw-feature-icon {\n  transform: rotate(-5deg) scale(1.05);\n  background: linear-gradient(\n    145deg,\n    rgba(36, 138, 255, 0.18),\n    rgba(85, 199, 255, 0.09)\n  );\n}\n\n.tvw-feature-icon svg {\n  width: 29px;\n  height: 29px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.65;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tvw-feature-content {\n  position: relative;\n  z-index: 2;\n}\n\n.tvw-feature-content > span {\n  display: block;\n  margin-bottom: 7px;\n  color: #248aff;\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: 1.3px;\n  text-transform: uppercase;\n}\n\n.tvw-feature-content h3 {\n  margin: 0 0 10px;\n  color: #071a33;\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: 24px;\n  line-height: 1.15;\n  letter-spacing: -0.6px;\n}\n\n.tvw-feature-content p {\n  max-width: 650px;\n  margin: 0;\n  color: #6b7c90;\n  font-size: 13px;\n  line-height: 1.7;\n}\n\n\/* Laptop *\/\n\n@media (max-width: 1200px) {\n  .tvw-container {\n    gap: 50px;\n    padding-left: 42px;\n    padding-right: 42px;\n  }\n\n  .tvw-intro h2 {\n    font-size: 50px;\n  }\n\n  .tvw-feature {\n    grid-template-columns: 56px 1fr;\n    padding: 24px;\n  }\n\n  .tvw-feature-icon {\n    width: 56px;\n    height: 56px;\n  }\n}\n\n\/* Tablet *\/\n\n@media (max-width: 950px) {\n  .tvw-why {\n    padding: 95px 0;\n  }\n\n  .tvw-container {\n    grid-template-columns: 1fr;\n  }\n\n  .tvw-intro {\n    position: relative;\n    top: auto;\n  }\n\n  .tvw-intro h2 {\n    max-width: 760px;\n  }\n\n  .tvw-intro > p {\n    max-width: 740px;\n  }\n}\n\n\/* Mobile *\/\n\n@media (max-width: 767px) {\n  .tvw-why {\n    padding: 75px 0;\n  }\n\n  .tvw-container {\n    gap: 45px;\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n  .tvw-intro h2 {\n    font-size: 38px;\n    letter-spacing: -1.8px;\n  }\n\n  .tvw-intro > p {\n    font-size: 14px;\n  }\n\n  .tvw-main-button {\n    width: 100%;\n  }\n\n  .tvw-feature {\n    min-height: auto;\n    grid-template-columns: 52px 1fr;\n    gap: 18px;\n    padding: 24px 20px;\n  }\n\n  .tvw-feature:hover,\n  .tvw-feature.active {\n    transform: translateY(-4px);\n  }\n\n  .tvw-feature-icon {\n    width: 52px;\n    height: 52px;\n  }\n\n  .tvw-feature-content h3 {\n    font-size: 21px;\n  }\n\n  .tvw-feature-content p {\n    font-size: 12px;\n  }\n\n  .tvw-number {\n    font-size: 35px;\n  }\n}\n\n\/* Small Mobile *\/\n\n@media (max-width: 420px) {\n  .tvw-intro h2 {\n    font-size: 34px;\n  }\n\n  .tvw-feature {\n    grid-template-columns: 1fr;\n  }\n\n  .tvw-feature-icon {\n    margin-bottom: 3px;\n  }\n}\n<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ca1d6f0 e-con e-atomic-element e-flexbox-base e-bd53196 \" data-id=\"ca1d6f0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ca1d6f0\">\n    \t\t<div class=\"elementor-element elementor-element-6d2781b elementor-widget elementor-widget-shortcode\" data-id=\"6d2781b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- TECH VISIONS VISION & MISSION SECTION -->\n<section class=\"tvm-purpose\" id=\"vision-mission\">\n\n  <div class=\"tvm-grid-bg\"><\/div>\n  <div class=\"tvm-glow tvm-glow-one\"><\/div>\n  <div class=\"tvm-glow tvm-glow-two\"><\/div>\n\n  <div class=\"tvm-container\">\n\n    <!-- Heading -->\n    <div class=\"tvm-heading\">\n\n      <div class=\"tvm-eyebrow\">\n        <span><\/span>\n        Our Purpose\n      <\/div>\n\n      <div class=\"tvm-heading-grid\">\n\n        <h2>\n          Driven by Purpose.\n          <span>Built for Cyber Resilience.<\/span>\n        <\/h2>\n\n        <p>\n          Tech Visions combines cybersecurity consulting with\n          real-world professional enablement to create safer organizations\n          and stronger cyber talent across the region.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- Main Layout -->\n    <div class=\"tvm-layout\">\n\n      <!-- Vision Card -->\n      <article class=\"tvm-purpose-card tvm-vision-card\">\n\n        <div class=\"tvm-card-top\">\n\n          <div class=\"tvm-card-label\">01 \/ Vision<\/div>\n\n          <div class=\"tvm-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M2.5 12S6 6.5 12 6.5S21.5 12 21.5 12S18 17.5 12 17.5S2.5 12 2.5 12Z\"><\/path>\n              <circle cx=\"12\" cy=\"12\" r=\"2.8\"><\/circle>\n            <\/svg>\n          <\/div>\n\n        <\/div>\n\n        <h3>Shaping a Safer Digital Ecosystem<\/h3>\n\n        <p>\n          To establish Tech Visions as a premier trusted regional partner in\n          cybersecurity, shaping a safer digital ecosystem where organizations\n          operate with absolute cyber resilience.\n        <\/p>\n\n        <div class=\"tvm-card-highlight\">\n          <span>Regional Trust<\/span>\n          <span>Cyber Resilience<\/span>\n          <span>Future-Ready Talent<\/span>\n        <\/div>\n\n      <\/article>\n\n      <!-- Center Visual -->\n      <div class=\"tvm-core\">\n\n        <div class=\"tvm-orbit tvm-orbit-one\"><\/div>\n        <div class=\"tvm-orbit tvm-orbit-two\"><\/div>\n        <div class=\"tvm-orbit tvm-orbit-three\"><\/div>\n\n        <div class=\"tvm-core-node tvm-node-one\"><\/div>\n        <div class=\"tvm-core-node tvm-node-two\"><\/div>\n        <div class=\"tvm-core-node tvm-node-three\"><\/div>\n        <div class=\"tvm-core-node tvm-node-four\"><\/div>\n\n        <div class=\"tvm-core-shield\">\n\n          <div class=\"tvm-core-shield-inner\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 3L4.5 6.2V11C4.5 15.8 7.7 20.2 12 21.5C16.3 20.2 19.5 15.8 19.5 11V6.2L12 3Z\"><\/path>\n              <path d=\"M9 12L11 14L15.5 9.5\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n        <\/div>\n\n        <div class=\"tvm-core-caption\">\n          <strong>One Purpose<\/strong>\n          <span>Safer organizations. Stronger cyber talent.<\/span>\n        <\/div>\n\n      <\/div>\n\n      <!-- Mission Card -->\n      <article class=\"tvm-purpose-card tvm-mission-card\">\n\n        <div class=\"tvm-card-top\">\n\n          <div class=\"tvm-card-label\">02 \/ Mission<\/div>\n\n          <div class=\"tvm-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\n              <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\n              <circle cx=\"12\" cy=\"12\" r=\"1\"><\/circle>\n              <path d=\"M17.5 6.5L20.5 3.5\"><\/path>\n              <path d=\"M17 3.5H20.5V7\"><\/path>\n            <\/svg>\n          <\/div>\n\n        <\/div>\n\n        <h3>Protecting Enterprises. Empowering People.<\/h3>\n\n        <p>\n          Our mission is dual-focused: safeguarding modern enterprises through\n          tailored, outcome-driven cybersecurity consulting while bridging the\n          regional cyber skills gap through high-impact, hands-on training.\n        <\/p>\n\n        <div class=\"tvm-card-highlight\">\n          <span>Tailored Consulting<\/span>\n          <span>Hands-on Training<\/span>\n          <span>Real-World Outcomes<\/span>\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n    <!-- Bottom Statement -->\n    <div class=\"tvm-bottom\">\n\n      <div class=\"tvm-bottom-copy\">\n        <span>Our Commitment<\/span>\n        <strong>\n          Every engagement is designed to create measurable security value\n          and long-term capability.\n        <\/strong>\n      <\/div>\n\n      <a href=\"#contact\" class=\"tvm-button\">\n        Start a Conversation\n        <span>\u2197<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');\n\n.tvm-purpose,\n.tvm-purpose * {\n  box-sizing: border-box;\n}\n\n.tvm-purpose {\n  --tvm-blue: #248aff;\n  --tvm-cyan: #5fd0ff;\n  --tvm-dark: #040a13;\n  --tvm-card: rgba(10, 25, 45, 0.84);\n  --tvm-border: rgba(76, 173, 255, 0.16);\n  --tvm-text: #f4f8ff;\n  --tvm-muted: #93a4b9;\n\n  width: 100vw;\n  max-width: 100vw;\n  position: relative;\n  left: 50%;\n  margin-left: -50vw;\n  overflow: hidden;\n  padding: 125px 0;\n  color: var(--tvm-text);\n  font-family: \"Inter\", sans-serif;\n  background:\n    radial-gradient(\n      circle at 14% 20%,\n      rgba(36, 138, 255, 0.12),\n      transparent 25%\n    ),\n    radial-gradient(\n      circle at 86% 75%,\n      rgba(95, 208, 255, 0.09),\n      transparent 25%\n    ),\n    linear-gradient(\n      180deg,\n      #040a13 0%,\n      #07111e 50%,\n      #040a13 100%\n    );\n}\n\n.tvm-container {\n  width: 100%;\n  position: relative;\n  z-index: 3;\n  padding-left: clamp(24px, 5vw, 90px);\n  padding-right: clamp(24px, 5vw, 90px);\n}\n\n\/* Background *\/\n\n.tvm-grid-bg {\n  position: absolute;\n  inset: 0;\n  opacity: 0.32;\n  pointer-events: none;\n  background-image:\n    linear-gradient(\n      rgba(69, 156, 255, 0.055) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(69, 156, 255, 0.055) 1px,\n      transparent 1px\n    );\n  background-size: 58px 58px;\n  -webkit-mask-image: linear-gradient(\n    to bottom,\n    transparent,\n    black 18%,\n    black 82%,\n    transparent\n  );\n  mask-image: linear-gradient(\n    to bottom,\n    transparent,\n    black 18%,\n    black 82%,\n    transparent\n  );\n}\n\n.tvm-glow {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(110px);\n  pointer-events: none;\n}\n\n.tvm-glow-one {\n  width: 370px;\n  height: 370px;\n  left: -210px;\n  top: 10%;\n  background: rgba(36, 138, 255, 0.16);\n}\n\n.tvm-glow-two {\n  width: 340px;\n  height: 340px;\n  right: -190px;\n  bottom: 6%;\n  background: rgba(76, 197, 255, 0.11);\n}\n\n\/* Heading *\/\n\n.tvm-heading {\n  margin-bottom: 65px;\n}\n\n.tvm-eyebrow {\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 22px;\n  color: #67caff;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.8px;\n  text-transform: uppercase;\n}\n\n.tvm-eyebrow span {\n  width: 32px;\n  height: 1px;\n  display: block;\n  background: linear-gradient(\n    90deg,\n    #248aff,\n    #61d1ff\n  );\n  box-shadow: 0 0 12px rgba(97, 209, 255, 0.7);\n}\n\n.tvm-heading-grid {\n  display: grid;\n  grid-template-columns: 1.12fr 0.88fr;\n  align-items: end;\n  gap: clamp(40px, 6vw, 100px);\n}\n\n.tvm-heading h2 {\n  max-width: 850px;\n  margin: 0;\n  color: #ffffff;\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: clamp(42px, 4.8vw, 72px);\n  line-height: 1.03;\n  letter-spacing: -3px;\n  font-weight: 700;\n}\n\n.tvm-heading h2 span {\n  display: block;\n  color: transparent;\n  background: linear-gradient(\n    90deg,\n    #248aff,\n    #67d2ff\n  );\n  background-clip: text;\n  -webkit-background-clip: text;\n}\n\n.tvm-heading p {\n  max-width: 620px;\n  margin: 0;\n  color: var(--tvm-muted);\n  font-size: 15px;\n  line-height: 1.85;\n}\n\n\/* Main Layout *\/\n\n.tvm-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 320px minmax(0, 1fr);\n  align-items: center;\n  gap: clamp(25px, 4vw, 65px);\n}\n\n.tvm-purpose-card {\n  min-height: 455px;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding: 38px;\n  overflow: hidden;\n  background:\n    linear-gradient(\n      145deg,\n      rgba(13, 32, 56, 0.94),\n      rgba(6, 17, 31, 0.94)\n    );\n  border: 1px solid var(--tvm-border);\n  border-radius: 22px;\n  box-shadow: 0 28px 75px rgba(0, 0, 0, 0.25);\n  transition:\n    transform 0.35s ease,\n    border-color 0.35s ease,\n    box-shadow 0.35s ease;\n}\n\n.tvm-purpose-card::before {\n  content: \"\";\n  width: 240px;\n  height: 240px;\n  position: absolute;\n  top: -130px;\n  right: -120px;\n  border-radius: 50%;\n  background: rgba(36, 138, 255, 0.12);\n  filter: blur(35px);\n  transition: 0.4s ease;\n}\n\n.tvm-purpose-card::after {\n  content: \"\";\n  width: 0;\n  height: 2px;\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  background: linear-gradient(\n    90deg,\n    #248aff,\n    #65d4ff\n  );\n  box-shadow: 0 0 18px rgba(70, 185, 255, 0.8);\n  transition: width 0.4s ease;\n}\n\n.tvm-purpose-card:hover {\n  transform: translateY(-8px);\n  border-color: rgba(77, 183, 255, 0.4);\n  box-shadow:\n    0 34px 85px rgba(0, 0, 0, 0.36),\n    0 0 38px rgba(36, 138, 255, 0.07);\n}\n\n.tvm-purpose-card:hover::before {\n  background: rgba(36, 138, 255, 0.2);\n}\n\n.tvm-purpose-card:hover::after {\n  width: 100%;\n}\n\n.tvm-card-top {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  margin-bottom: 42px;\n}\n\n.tvm-card-label {\n  color: #4caeff;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n}\n\n.tvm-card-icon {\n  width: 58px;\n  height: 58px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #61ceff;\n  background: rgba(36, 138, 255, 0.1);\n  border: 1px solid rgba(75, 179, 255, 0.22);\n  border-radius: 15px;\n}\n\n.tvm-card-icon svg {\n  width: 29px;\n  height: 29px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.65;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tvm-purpose-card h3 {\n  position: relative;\n  z-index: 2;\n  margin: 0 0 20px;\n  color: #ffffff;\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: clamp(28px, 2.3vw, 38px);\n  line-height: 1.1;\n  letter-spacing: -1px;\n}\n\n.tvm-purpose-card > p {\n  position: relative;\n  z-index: 2;\n  flex: 1;\n  margin: 0;\n  color: #96a7ba;\n  font-size: 14px;\n  line-height: 1.85;\n}\n\n.tvm-card-highlight {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 9px;\n  margin-top: 28px;\n}\n\n.tvm-card-highlight span {\n  display: inline-flex;\n  align-items: center;\n  min-height: 34px;\n  padding: 7px 12px;\n  color: #b9dcf4;\n  background: rgba(36, 138, 255, 0.07);\n  border: 1px solid rgba(73, 170, 255, 0.16);\n  border-radius: 30px;\n  font-size: 10px;\n  font-weight: 600;\n}\n\n\/* Center Core *\/\n\n.tvm-core {\n  min-height: 490px;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.tvm-orbit {\n  position: absolute;\n  border: 1px solid rgba(74, 174, 255, 0.18);\n  border-radius: 50%;\n}\n\n.tvm-orbit-one {\n  width: 290px;\n  height: 290px;\n  animation: tvmRotate 24s linear infinite;\n}\n\n.tvm-orbit-two {\n  width: 235px;\n  height: 235px;\n  border-style: dashed;\n  animation: tvmRotateReverse 18s linear infinite;\n}\n\n.tvm-orbit-three {\n  width: 175px;\n  height: 175px;\n  border-color: rgba(96, 208, 255, 0.28);\n  box-shadow:\n    inset 0 0 50px rgba(36, 138, 255, 0.08),\n    0 0 45px rgba(36, 138, 255, 0.07);\n}\n\n.tvm-core-shield {\n  width: 132px;\n  height: 154px;\n  position: relative;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  clip-path: polygon(\n    50% 0%,\n    91% 16%,\n    87% 69%,\n    72% 87%,\n    50% 100%,\n    28% 87%,\n    13% 69%,\n    9% 16%\n  );\n  background: linear-gradient(\n    145deg,\n    #3db9ff,\n    #0d5cc2 58%,\n    #082b62\n  );\n  filter: drop-shadow(\n    0 0 32px rgba(47, 163, 255, 0.5)\n  );\n  animation: tvmFloat 4.8s ease-in-out infinite;\n}\n\n.tvm-core-shield::before {\n  content: \"\";\n  position: absolute;\n  inset: 4px;\n  clip-path: inherit;\n  background:\n    linear-gradient(\n      145deg,\n      rgba(68, 181, 255, 0.22),\n      rgba(3, 17, 35, 0.96)\n    );\n}\n\n.tvm-core-shield-inner {\n  width: 88px;\n  height: 102px;\n  position: relative;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  clip-path: inherit;\n  border: 1px solid rgba(100, 211, 255, 0.35);\n}\n\n.tvm-core-shield-inner svg {\n  width: 49px;\n  height: 49px;\n  fill: none;\n  stroke: #66d3ff;\n  stroke-width: 1.65;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  filter: drop-shadow(\n    0 0 9px rgba(90, 207, 255, 0.7)\n  );\n}\n\n.tvm-core-node {\n  width: 9px;\n  height: 9px;\n  position: absolute;\n  z-index: 4;\n  border-radius: 50%;\n  background: #59cdff;\n  box-shadow: 0 0 15px #36aaff;\n}\n\n.tvm-node-one {\n  top: 87px;\n  left: 50px;\n}\n\n.tvm-node-two {\n  top: 145px;\n  right: 28px;\n}\n\n.tvm-node-three {\n  bottom: 120px;\n  right: 60px;\n}\n\n.tvm-node-four {\n  bottom: 135px;\n  left: 36px;\n}\n\n.tvm-core-caption {\n  position: absolute;\n  left: 50%;\n  bottom: 25px;\n  z-index: 5;\n  min-width: 255px;\n  padding: 15px 18px;\n  text-align: center;\n  background: rgba(8, 23, 42, 0.82);\n  border: 1px solid rgba(73, 174, 255, 0.18);\n  border-radius: 13px;\n  transform: translateX(-50%);\n  -webkit-backdrop-filter: blur(14px);\n  backdrop-filter: blur(14px);\n  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.3);\n}\n\n.tvm-core-caption strong,\n.tvm-core-caption span {\n  display: block;\n}\n\n.tvm-core-caption strong {\n  margin-bottom: 5px;\n  color: #ffffff;\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: 14px;\n}\n\n.tvm-core-caption span {\n  color: #8395aa;\n  font-size: 9px;\n  letter-spacing: 0.35px;\n}\n\n\/* Bottom CTA *\/\n\n.tvm-bottom {\n  min-height: 110px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 30px;\n  margin-top: 38px;\n  padding: 25px 30px;\n  background: rgba(10, 26, 46, 0.76);\n  border: 1px solid rgba(72, 171, 255, 0.15);\n  border-radius: 17px;\n  -webkit-backdrop-filter: blur(14px);\n  backdrop-filter: blur(14px);\n  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.18);\n}\n\n.tvm-bottom-copy span,\n.tvm-bottom-copy strong {\n  display: block;\n}\n\n.tvm-bottom-copy span {\n  margin-bottom: 8px;\n  color: #58bfff;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n}\n\n.tvm-bottom-copy strong {\n  max-width: 760px;\n  color: #f1f8ff;\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: 20px;\n  line-height: 1.35;\n}\n\n.tvm-button {\n  min-width: 200px;\n  min-height: 54px;\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  flex-shrink: 0;\n  padding: 13px 23px !important;\n  color: #ffffff !important;\n  background: linear-gradient(\n    135deg,\n    #176ee8,\n    #2ba6ff\n  ) !important;\n  border: 1px solid rgba(75, 184, 255, 0.25) !important;\n  border-radius: 11px !important;\n  box-shadow: 0 15px 38px rgba(31, 132, 255, 0.24);\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  line-height: 1 !important;\n  text-decoration: none !important;\n  white-space: nowrap;\n  transition:\n    transform 0.3s ease,\n    box-shadow 0.3s ease !important;\n}\n\n.tvm-button:hover {\n  color: #ffffff !important;\n  transform: translateY(-3px);\n  box-shadow: 0 19px 45px rgba(31, 132, 255, 0.36);\n}\n\n.tvm-button span {\n  font-size: 17px;\n  transition: transform 0.3s ease;\n}\n\n.tvm-button:hover span {\n  transform: translate(3px, -3px);\n}\n\n\/* Animations *\/\n\n@keyframes tvmRotate {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes tvmRotateReverse {\n  to {\n    transform: rotate(-360deg);\n  }\n}\n\n@keyframes tvmFloat {\n  0%,\n  100% {\n    transform: translateY(0) rotate(-1deg);\n  }\n\n  50% {\n    transform: translateY(-13px) rotate(1deg);\n  }\n}\n\n\/* Laptop *\/\n\n@media (max-width: 1250px) {\n  .tvm-container {\n    padding-left: 42px;\n    padding-right: 42px;\n  }\n\n  .tvm-layout {\n    grid-template-columns: minmax(0, 1fr) 260px minmax(0, 1fr);\n    gap: 25px;\n  }\n\n  .tvm-purpose-card {\n    padding: 30px;\n  }\n\n  .tvm-core {\n    transform: scale(0.88);\n  }\n}\n\n\/* Tablet *\/\n\n@media (max-width: 1024px) {\n  .tvm-purpose {\n    padding: 100px 0;\n  }\n\n  .tvm-heading-grid {\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n\n  .tvm-heading p {\n    max-width: 760px;\n  }\n\n  .tvm-layout {\n    grid-template-columns: 1fr 1fr;\n    align-items: stretch;\n  }\n\n  .tvm-core {\n    grid-column: 1 \/ -1;\n    grid-row: 2;\n    min-height: 390px;\n    transform: scale(0.9);\n  }\n\n  .tvm-purpose-card {\n    min-height: 430px;\n  }\n}\n\n\/* Mobile *\/\n\n@media (max-width: 767px) {\n  .tvm-purpose {\n    padding: 75px 0;\n  }\n\n  .tvm-container {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n  .tvm-heading {\n    margin-bottom: 45px;\n  }\n\n  .tvm-heading h2 {\n    font-size: 38px;\n    letter-spacing: -1.8px;\n  }\n\n  .tvm-heading p {\n    font-size: 14px;\n  }\n\n  .tvm-layout {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n\n  .tvm-purpose-card {\n    min-height: auto;\n    padding: 27px 23px;\n    border-radius: 18px;\n  }\n\n  .tvm-purpose-card h3 {\n    font-size: 28px;\n  }\n\n  .tvm-purpose-card > p {\n    font-size: 13px;\n  }\n\n  .tvm-card-top {\n    margin-bottom: 30px;\n  }\n\n  .tvm-core {\n    grid-column: auto;\n    grid-row: auto;\n    min-height: 360px;\n    margin: -10px 0;\n    transform: scale(0.82);\n  }\n\n  .tvm-bottom {\n    flex-direction: column;\n    align-items: flex-start;\n    padding: 24px;\n  }\n\n  .tvm-bottom-copy strong {\n    font-size: 18px;\n  }\n\n  .tvm-button {\n    width: 100%;\n  }\n}\n\n\/* Small Mobile *\/\n\n@media (max-width: 420px) {\n  .tvm-heading h2 {\n    font-size: 34px;\n  }\n\n  .tvm-purpose-card h3 {\n    font-size: 25px;\n  }\n\n  .tvm-core {\n    transform: scale(0.72);\n    margin: -35px 0;\n  }\n}\n<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-75e1401 e-con e-atomic-element e-flexbox-base e-128f09b \" data-id=\"75e1401\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"75e1401\">\n    \t\t<div class=\"elementor-element elementor-element-9a15462 elementor-widget elementor-widget-shortcode\" data-id=\"9a15462\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- TECH VISIONS TRAINING & ENABLEMENT SECTION -->\n<section class=\"tvt-training\" id=\"training\">\n\n  <div class=\"tvt-grid-bg\"><\/div>\n  <div class=\"tvt-glow tvt-glow-one\"><\/div>\n  <div class=\"tvt-glow tvt-glow-two\"><\/div>\n\n  <div class=\"tvt-container\">\n\n    <!-- Section Heading -->\n    <div class=\"tvt-heading\">\n\n      <div class=\"tvt-eyebrow\">\n        <span><\/span>\n        Training & Enablement\n      <\/div>\n\n      <div class=\"tvt-heading-grid\">\n\n        <h2>\n          Build Skills That Perform\n          <span>Beyond the Classroom.<\/span>\n        <\/h2>\n\n        <p>\n          Our cybersecurity training programs are designed around actual field\n          experience, practical labs and industry-standard methodologies to help\n          professionals and organizations build real, job-ready capabilities.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- Featured Training -->\n    <div class=\"tvt-featured\">\n\n      <div class=\"tvt-featured-content\">\n\n        <div class=\"tvt-featured-label\">\n          <span class=\"tvt-live-dot\"><\/span>\n          Practical Cybersecurity Learning\n        <\/div>\n\n        <h3>\n          Hands-On Cybersecurity\n          <span>Bootcamps & Labs<\/span>\n        <\/h3>\n\n        <p>\n          Intensive programs built to transform theoretical understanding into\n          practical cybersecurity capability through simulations, guided labs,\n          real-world scenarios and expert mentorship.\n        <\/p>\n\n        <div class=\"tvt-featured-points\">\n\n          <div class=\"tvt-point\">\n            <span>01<\/span>\n            <div>\n              <strong>Live Technical Labs<\/strong>\n              <small>Practice in realistic cybersecurity environments.<\/small>\n            <\/div>\n          <\/div>\n\n          <div class=\"tvt-point\">\n            <span>02<\/span>\n            <div>\n              <strong>Real-World Scenarios<\/strong>\n              <small>Learn through actual attack and defense use cases.<\/small>\n            <\/div>\n          <\/div>\n\n          <div class=\"tvt-point\">\n            <span>03<\/span>\n            <div>\n              <strong>Expert Mentorship<\/strong>\n              <small>Guidance from active cybersecurity professionals.<\/small>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n       \n\n      <\/div>\n\n      <!-- Featured Visual -->\n      <div class=\"tvt-featured-visual\">\n\n        <div class=\"tvt-visual-grid\"><\/div>\n\n        <div class=\"tvt-terminal\">\n\n          <div class=\"tvt-terminal-top\">\n            <div class=\"tvt-terminal-dots\">\n              <i><\/i>\n              <i><\/i>\n              <i><\/i>\n            <\/div>\n\n            <span>techvisions-lab<\/span>\n          <\/div>\n\n          <div class=\"tvt-terminal-body\">\n\n            <div class=\"tvt-code-line\">\n              <span class=\"tvt-code-number\">01<\/span>\n              <span class=\"tvt-code-blue\">initialize<\/span>\n              <span class=\"tvt-code-white\"> cyber_lab<\/span>\n            <\/div>\n\n            <div class=\"tvt-code-line\">\n              <span class=\"tvt-code-number\">02<\/span>\n              <span class=\"tvt-code-green\">status:<\/span>\n              <span class=\"tvt-code-white\"> environment_ready<\/span>\n            <\/div>\n\n            <div class=\"tvt-code-line\">\n              <span class=\"tvt-code-number\">03<\/span>\n              <span class=\"tvt-code-purple\">module:<\/span>\n              <span class=\"tvt-code-white\"> threat_detection<\/span>\n            <\/div>\n\n            <div class=\"tvt-code-line\">\n              <span class=\"tvt-code-number\">04<\/span>\n              <span class=\"tvt-code-blue\">loading<\/span>\n              <span class=\"tvt-code-white\"> live_scenario...<\/span>\n            <\/div>\n\n            <div class=\"tvt-code-progress\">\n              <span><\/span>\n            <\/div>\n\n            <div class=\"tvt-terminal-status\">\n              <span class=\"tvt-status-dot\"><\/span>\n              Training Environment Active\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <div class=\"tvt-floating-badge tvt-badge-one\">\n          <strong>Live Labs<\/strong>\n          <span>Practical learning<\/span>\n        <\/div>\n\n        <div class=\"tvt-floating-badge tvt-badge-two\">\n          <strong>Expert-Led<\/strong>\n          <span>Field specialists<\/span>\n        <\/div>\n\n        <div class=\"tvt-floating-badge tvt-badge-three\">\n          <strong>Job-Ready<\/strong>\n          <span>Real capabilities<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- Training Cards -->\n    <div class=\"tvt-programs-grid\">\n\n      <!-- Program 1 -->\n      <article class=\"tvt-program-card\">\n\n        <div class=\"tvt-card-top\">\n          <div class=\"tvt-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M4 5.5C4 4.7 4.7 4 5.5 4H18.5C19.3 4 20 4.7 20 5.5V14.5C20 15.3 19.3 16 18.5 16H5.5C4.7 16 4 15.3 4 14.5V5.5Z\"><\/path>\n              <path d=\"M8 20H16\"><\/path>\n              <path d=\"M12 16V20\"><\/path>\n              <path d=\"M9 9L11 11L15 7\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <span class=\"tvt-card-number\">01<\/span>\n        <\/div>\n\n        <span class=\"tvt-card-category\">Practical Programs<\/span>\n\n        <h3>Hands-On Cybersecurity Bootcamps<\/h3>\n\n        <p>\n          Intensive learning journeys that combine technical concepts with live\n          labs, attack simulations and real-world defensive scenarios.\n        <\/p>\n\n        <ul>\n          <li>Live cybersecurity labs<\/li>\n          <li>Scenario-based exercises<\/li>\n          <li>Practical skill assessment<\/li>\n        <\/ul>\n\n       \n\n      <\/article>\n\n      <!-- Program 2 -->\n      <article class=\"tvt-program-card\">\n\n        <div class=\"tvt-card-top\">\n          <div class=\"tvt-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 3L15 6L19 6.5L18.5 10.5L21 13.5L18 16L17.5 20L13.5 19.5L10.5 22L8 19L4 18.5L4.5 14.5L2 11.5L5 9L5.5 5L9.5 5.5L12 3Z\"><\/path>\n              <path d=\"M9 12L11 14L15 10\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <span class=\"tvt-card-number\">02<\/span>\n        <\/div>\n\n        <span class=\"tvt-card-category\">Certification Training<\/span>\n\n        <h3>Authorized Vendor Training<\/h3>\n\n        <p>\n          Structured certification preparation delivered according to official\n          vendor frameworks and supported by expert technical instructors.\n        <\/p>\n\n        <ul>\n          <li>Vendor-aligned curriculum<\/li>\n          <li>Certification preparation<\/li>\n          <li>Instructor-led sessions<\/li>\n        <\/ul>\n\n      \n\n      <\/article>\n\n      <!-- Program 3 -->\n      <article class=\"tvt-program-card\">\n\n        <div class=\"tvt-card-top\">\n          <div class=\"tvt-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M4 6H20\"><\/path>\n              <path d=\"M4 12H20\"><\/path>\n              <path d=\"M4 18H20\"><\/path>\n              <circle cx=\"8\" cy=\"6\" r=\"2\"><\/circle>\n              <circle cx=\"15\" cy=\"12\" r=\"2\"><\/circle>\n              <circle cx=\"10\" cy=\"18\" r=\"2\"><\/circle>\n            <\/svg>\n          <\/div>\n\n          <span class=\"tvt-card-number\">03<\/span>\n        <\/div>\n\n        <span class=\"tvt-card-category\">Customized Learning<\/span>\n\n        <h3>Cybersecurity & IT Workshops<\/h3>\n\n        <p>\n          Customized workshops designed around your team\u2019s technology stack,\n          operational needs, current maturity and strategic priorities.\n        <\/p>\n\n        <ul>\n          <li>Customized course content<\/li>\n          <li>Technical and executive tracks<\/li>\n          <li>Organization-specific scenarios<\/li>\n        <\/ul>\n\n        \n\n      <\/article>\n\n      <!-- Program 4 -->\n      <article class=\"tvt-program-card\">\n\n        <div class=\"tvt-card-top\">\n          <div class=\"tvt-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 3L4.5 6.2V11.2C4.5 15.8 7.6 20.1 12 21.5C16.4 20.1 19.5 15.8 19.5 11.2V6.2L12 3Z\"><\/path>\n              <path d=\"M12 8V13\"><\/path>\n              <path d=\"M12 16H12.01\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <span class=\"tvt-card-number\">04<\/span>\n        <\/div>\n\n        <span class=\"tvt-card-category\">Human Risk Reduction<\/span>\n\n        <h3>Security Awareness & Culture<\/h3>\n\n        <p>\n          Build a security-conscious workforce through practical awareness\n          content, behavioral reinforcement and measurable engagement programs.\n        <\/p>\n\n        <ul>\n          <li>Role-based awareness training<\/li>\n          <li>Culture-building campaigns<\/li>\n          <li>Employee resilience measurement<\/li>\n        <\/ul>\n\n        \n\n      <\/article>\n\n      <!-- Program 5 -->\n      <article class=\"tvt-program-card tvt-program-wide\">\n\n        <div class=\"tvt-wide-content\">\n\n          <div class=\"tvt-card-top\">\n            <div class=\"tvt-card-icon\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M3 6L12 12L21 6\"><\/path>\n                <path d=\"M4 5H20C20.6 5 21 5.4 21 6V18C21 18.6 20.6 19 20 19H4C3.4 19 3 18.6 3 18V6C3 5.4 3.4 5 4 5Z\"><\/path>\n                <path d=\"M15.5 13.5L18.5 16.5\"><\/path>\n                <path d=\"M18.5 13.5L15.5 16.5\"><\/path>\n              <\/svg>\n            <\/div>\n\n            <span class=\"tvt-card-number\">05<\/span>\n          <\/div>\n\n          <span class=\"tvt-card-category\">Simulation & Resilience<\/span>\n\n          <h3>Phishing Simulation & User Resilience Exercises<\/h3>\n\n          <p>\n            Test and strengthen employee readiness using controlled phishing\n            simulations, behavioral analytics and focused educational follow-up.\n          <\/p>\n\n        <\/div>\n\n        <div class=\"tvt-wide-metrics\">\n\n          <div>\n            <strong>Simulate<\/strong>\n            <span>Realistic phishing campaigns<\/span>\n          <\/div>\n\n          <div>\n            <strong>Measure<\/strong>\n            <span>User behavior and response<\/span>\n          <\/div>\n\n          <div>\n            <strong>Improve<\/strong>\n            <span>Targeted employee resilience<\/span>\n          <\/div>\n\n        <\/div>\n\n       \n\n      <\/article>\n\n    <\/div>\n\n    <!-- Bottom CTA -->\n    <div class=\"tvt-bottom\">\n\n      <div class=\"tvt-bottom-copy\">\n        <span>Need a Customized Training Program?<\/span>\n\n        <strong>\n          We build learning experiences around your team, technology and security goals.\n        <\/strong>\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');\n\n.tvt-training,\n.tvt-training * {\n  box-sizing: border-box;\n}\n\n.tvt-training {\n  --tvt-blue: #248aff;\n  --tvt-cyan: #59caff;\n  --tvt-navy: #071a33;\n  --tvt-text: #071a33;\n  --tvt-muted: #65778d;\n\n  width: 100vw;\n  max-width: 100vw;\n  position: relative;\n  left: 50%;\n  margin-left: -50vw;\n  overflow: hidden;\n  padding: 125px 0;\n  color: var(--tvt-text);\n  font-family: \"Inter\", sans-serif;\n  background:\n    radial-gradient(\n      circle at 8% 16%,\n      rgba(36, 138, 255, 0.11),\n      transparent 23%\n    ),\n    radial-gradient(\n      circle at 92% 78%,\n      rgba(89, 202, 255, 0.1),\n      transparent 24%\n    ),\n    linear-gradient(\n      135deg,\n      #ffffff 0%,\n      #f7fbff 48%,\n      #edf6ff 100%\n    );\n}\n\n.tvt-container {\n  width: 100%;\n  position: relative;\n  z-index: 3;\n  padding-left: clamp(24px, 5vw, 90px);\n  padding-right: clamp(24px, 5vw, 90px);\n}\n\n\/* Background *\/\n\n.tvt-grid-bg {\n  position: absolute;\n  inset: 0;\n  opacity: 0.65;\n  pointer-events: none;\n  background-image:\n    linear-gradient(\n      rgba(36, 138, 255, 0.035) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(36, 138, 255, 0.035) 1px,\n      transparent 1px\n    );\n  background-size: 58px 58px;\n  -webkit-mask-image: linear-gradient(\n    to bottom,\n    black,\n    black 72%,\n    transparent\n  );\n  mask-image: linear-gradient(\n    to bottom,\n    black,\n    black 72%,\n    transparent\n  );\n}\n\n.tvt-glow {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(110px);\n  pointer-events: none;\n}\n\n.tvt-glow-one {\n  width: 350px;\n  height: 350px;\n  left: -190px;\n  top: 120px;\n  background: rgba(36, 138, 255, 0.14);\n}\n\n.tvt-glow-two {\n  width: 360px;\n  height: 360px;\n  right: -200px;\n  bottom: 40px;\n  background: rgba(89, 202, 255, 0.11);\n}\n\n\/* Heading *\/\n\n.tvt-heading {\n  margin-bottom: 60px;\n}\n\n.tvt-eyebrow {\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 22px;\n  color: #217edc;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.8px;\n  text-transform: uppercase;\n}\n\n.tvt-eyebrow span {\n  width: 32px;\n  height: 2px;\n  display: block;\n  background: linear-gradient(\n    90deg,\n    #0b2e63,\n    #2c8cff\n  );\n  box-shadow: 0 0 10px rgba(44, 140, 255, 0.35);\n}\n\n.tvt-heading-grid {\n  display: grid;\n  grid-template-columns: 1.1fr 0.9fr;\n  align-items: end;\n  gap: clamp(40px, 6vw, 100px);\n}\n\n.tvt-heading h2 {\n  max-width: 870px;\n  margin: 0;\n  color: #071a33;\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: clamp(42px, 4.8vw, 72px);\n  line-height: 1.03;\n  letter-spacing: -3px;\n  font-weight: 700;\n}\n\n.tvt-heading h2 span {\n  display: block;\n  color: transparent;\n  background: linear-gradient(\n    90deg,\n    #0b2e63,\n    #278eea,\n    #55c8ff\n  );\n  background-clip: text;\n  -webkit-background-clip: text;\n}\n\n.tvt-heading p {\n  max-width: 620px;\n  margin: 0;\n  color: var(--tvt-muted);\n  font-size: 15px;\n  line-height: 1.85;\n}\n\n\/* Featured Training *\/\n\n.tvt-featured {\n  display: grid;\n  grid-template-columns: 1fr 0.95fr;\n  min-height: 590px;\n  margin-bottom: 28px;\n  overflow: hidden;\n  background:\n    linear-gradient(\n      135deg,\n      #07111f 0%,\n      #0a1c33 55%,\n      #06101d 100%\n    );\n  border: 1px solid rgba(44, 140, 255, 0.18);\n  border-radius: 24px;\n  box-shadow: 0 30px 80px rgba(17, 65, 116, 0.15);\n}\n\n.tvt-featured-content {\n  position: relative;\n  z-index: 2;\n  padding: clamp(36px, 5vw, 75px);\n}\n\n.tvt-featured-label {\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  margin-bottom: 25px;\n  padding: 9px 14px;\n  color: #6fd0ff;\n  background: rgba(36, 138, 255, 0.09);\n  border: 1px solid rgba(81, 190, 255, 0.2);\n  border-radius: 50px;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 1.1px;\n  text-transform: uppercase;\n}\n\n.tvt-live-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: #55d0ff;\n  box-shadow: 0 0 14px #39b6ff;\n  animation: tvtPulse 1.8s ease-in-out infinite;\n}\n\n.tvt-featured-content h3 {\n  max-width: 690px;\n  margin: 0;\n  color: #ffffff;\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: clamp(38px, 4vw, 64px);\n  line-height: 1.05;\n  letter-spacing: -2.5px;\n}\n\n.tvt-featured-content h3 span {\n  display: block;\n  color: transparent;\n  background: linear-gradient(\n    90deg,\n    #2d96ff,\n    #68d3ff\n  );\n  background-clip: text;\n  -webkit-background-clip: text;\n}\n\n.tvt-featured-content > p {\n  max-width: 650px;\n  margin: 26px 0 0;\n  color: #94a6ba;\n  font-size: 15px;\n  line-height: 1.85;\n}\n\n.tvt-featured-points {\n  display: grid;\n  gap: 14px;\n  margin-top: 34px;\n}\n\n.tvt-point {\n  display: grid;\n  grid-template-columns: 42px 1fr;\n  align-items: center;\n  gap: 14px;\n}\n\n.tvt-point > span {\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #5acbff;\n  background: rgba(36, 138, 255, 0.08);\n  border: 1px solid rgba(73, 177, 255, 0.18);\n  border-radius: 11px;\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n.tvt-point strong,\n.tvt-point small {\n  display: block;\n}\n\n.tvt-point strong {\n  margin-bottom: 4px;\n  color: #ecf7ff;\n  font-size: 13px;\n}\n\n.tvt-point small {\n  color: #7f91a6;\n  font-size: 11px;\n  line-height: 1.5;\n}\n\n.tvt-primary-button {\n  min-width: 190px;\n  min-height: 54px;\n  width: fit-content;\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  margin-top: 34px;\n  padding: 13px 23px !important;\n  color: #ffffff !important;\n  background: linear-gradient(\n    135deg,\n    #176ee8,\n    #2ba6ff\n  ) !important;\n  border: 1px solid rgba(75, 184, 255, 0.25) !important;\n  border-radius: 11px !important;\n  box-shadow: 0 15px 38px rgba(31, 132, 255, 0.24);\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  line-height: 1 !important;\n  text-decoration: none !important;\n  transition:\n    transform 0.3s ease,\n    box-shadow 0.3s ease !important;\n}\n\n.tvt-primary-button:hover {\n  color: #ffffff !important;\n  transform: translateY(-3px);\n  box-shadow: 0 19px 45px rgba(31, 132, 255, 0.37);\n}\n\n.tvt-primary-button span {\n  font-size: 17px;\n  transition: transform 0.3s ease;\n}\n\n.tvt-primary-button:hover span {\n  transform: translate(3px, -3px);\n}\n\n\/* Featured Visual *\/\n\n.tvt-featured-visual {\n  position: relative;\n  min-height: 590px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  background:\n    radial-gradient(\n      circle at center,\n      rgba(36, 138, 255, 0.18),\n      transparent 45%\n    );\n}\n\n.tvt-visual-grid {\n  position: absolute;\n  inset: 0;\n  opacity: 0.35;\n  background-image:\n    linear-gradient(\n      rgba(70, 167, 255, 0.08) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(70, 167, 255, 0.08) 1px,\n      transparent 1px\n    );\n  background-size: 42px 42px;\n  transform: perspective(500px) rotateX(58deg) scale(1.35);\n  transform-origin: bottom;\n}\n\n.tvt-terminal {\n  width: min(82%, 540px);\n  position: relative;\n  z-index: 3;\n  overflow: hidden;\n  background: rgba(4, 12, 23, 0.92);\n  border: 1px solid rgba(74, 179, 255, 0.25);\n  border-radius: 18px;\n  box-shadow:\n    0 30px 80px rgba(0, 0, 0, 0.45),\n    0 0 45px rgba(36, 138, 255, 0.12);\n  animation: tvtFloat 5s ease-in-out infinite;\n}\n\n.tvt-terminal-top {\n  min-height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 17px;\n  background: rgba(255, 255, 255, 0.035);\n  border-bottom: 1px solid rgba(255, 255, 255, 0.06);\n}\n\n.tvt-terminal-top > span {\n  color: #71869c;\n  font-size: 10px;\n  letter-spacing: 1px;\n}\n\n.tvt-terminal-dots {\n  display: flex;\n  gap: 6px;\n}\n\n.tvt-terminal-dots i {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: rgba(102, 199, 255, 0.45);\n}\n\n.tvt-terminal-body {\n  padding: 30px;\n}\n\n.tvt-code-line {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin-bottom: 17px;\n  font-family: monospace;\n  font-size: 12px;\n  line-height: 1.5;\n}\n\n.tvt-code-number {\n  min-width: 24px;\n  color: #42566e;\n}\n\n.tvt-code-blue {\n  color: #55c8ff;\n}\n\n.tvt-code-green {\n  color: #73e6b3;\n}\n\n.tvt-code-purple {\n  color: #b79aff;\n}\n\n.tvt-code-white {\n  color: #d8e7f5;\n}\n\n.tvt-code-progress {\n  height: 7px;\n  margin-top: 28px;\n  overflow: hidden;\n  background: rgba(255, 255, 255, 0.06);\n  border-radius: 20px;\n}\n\n.tvt-code-progress span {\n  display: block;\n  width: 76%;\n  height: 100%;\n  background: linear-gradient(\n    90deg,\n    #176ee8,\n    #5cd1ff\n  );\n  border-radius: inherit;\n  box-shadow: 0 0 16px rgba(68, 184, 255, 0.65);\n  animation: tvtProgress 3s ease-in-out infinite alternate;\n}\n\n.tvt-terminal-status {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  margin-top: 18px;\n  color: #8fa5ba;\n  font-size: 10px;\n  letter-spacing: 0.5px;\n}\n\n.tvt-status-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: #58d8a6;\n  box-shadow: 0 0 12px rgba(88, 216, 166, 0.9);\n}\n\n.tvt-floating-badge {\n  position: absolute;\n  z-index: 4;\n  min-width: 150px;\n  padding: 13px 15px;\n  background: rgba(7, 21, 39, 0.83);\n  border: 1px solid rgba(70, 174, 255, 0.2);\n  border-radius: 12px;\n  -webkit-backdrop-filter: blur(14px);\n  backdrop-filter: blur(14px);\n  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.3);\n}\n\n.tvt-floating-badge strong,\n.tvt-floating-badge span {\n  display: block;\n}\n\n.tvt-floating-badge strong {\n  margin-bottom: 4px;\n  color: #f0f8ff;\n  font-size: 11px;\n}\n\n.tvt-floating-badge span {\n  color: #71869c;\n  font-size: 9px;\n}\n\n.tvt-badge-one {\n  top: 90px;\n  right: 7%;\n  animation: tvtFloatSmall 4s ease-in-out infinite;\n}\n\n.tvt-badge-two {\n  bottom: 95px;\n  left: 7%;\n  animation: tvtFloatSmall 4.6s ease-in-out infinite reverse;\n}\n\n.tvt-badge-three {\n  right: 6%;\n  bottom: 165px;\n  animation: tvtFloatSmall 5.2s ease-in-out infinite;\n}\n\n\/* Training Cards *\/\n\n.tvt-programs-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 20px;\n}\n\n.tvt-program-card {\n  min-width: 0;\n  min-height: 500px;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding: 29px;\n  overflow: hidden;\n  background: rgba(255, 255, 255, 0.82);\n  border: 1px solid rgba(11, 46, 99, 0.1);\n  border-radius: 19px;\n  box-shadow: 0 22px 55px rgba(20, 71, 126, 0.07);\n  transition:\n    transform 0.35s ease,\n    border-color 0.35s ease,\n    box-shadow 0.35s ease;\n}\n\n.tvt-program-card::before {\n  content: \"\";\n  width: 190px;\n  height: 190px;\n  position: absolute;\n  top: -110px;\n  right: -105px;\n  border-radius: 50%;\n  background: rgba(36, 138, 255, 0.08);\n  filter: blur(25px);\n  transition: 0.35s ease;\n}\n\n.tvt-program-card::after {\n  content: \"\";\n  width: 0;\n  height: 3px;\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  background: linear-gradient(\n    90deg,\n    #0b2e63,\n    #278eea,\n    #5bceff\n  );\n  transition: width 0.4s ease;\n}\n\n.tvt-program-card:hover {\n  transform: translateY(-8px);\n  border-color: rgba(36, 138, 255, 0.27);\n  box-shadow:\n    0 30px 70px rgba(20, 71, 126, 0.13),\n    0 0 30px rgba(36, 138, 255, 0.05);\n}\n\n.tvt-program-card:hover::before {\n  background: rgba(36, 138, 255, 0.15);\n}\n\n.tvt-program-card:hover::after {\n  width: 100%;\n}\n\n.tvt-card-top {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  margin-bottom: 28px;\n}\n\n.tvt-card-icon {\n  width: 57px;\n  height: 57px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #218be8;\n  background: linear-gradient(\n    145deg,\n    rgba(36, 138, 255, 0.12),\n    rgba(85, 199, 255, 0.04)\n  );\n  border: 1px solid rgba(36, 138, 255, 0.16);\n  border-radius: 14px;\n  transition:\n    transform 0.35s ease,\n    background 0.35s ease;\n}\n\n.tvt-program-card:hover .tvt-card-icon {\n  transform: rotate(-5deg) scale(1.05);\n  background: rgba(36, 138, 255, 0.16);\n}\n\n.tvt-card-icon svg {\n  width: 28px;\n  height: 28px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.65;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tvt-card-number {\n  color: rgba(11, 46, 99, 0.1);\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: 41px;\n  line-height: 1;\n  font-weight: 700;\n}\n\n.tvt-card-category {\n  position: relative;\n  z-index: 2;\n  display: block;\n  min-height: 30px;\n  margin-bottom: 10px;\n  color: #248aff;\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: 1.35px;\n  line-height: 1.45;\n  text-transform: uppercase;\n}\n\n.tvt-program-card h3 {\n  position: relative;\n  z-index: 2;\n  margin: 0 0 17px;\n  color: #071a33;\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: clamp(22px, 1.65vw, 28px);\n  line-height: 1.15;\n  letter-spacing: -0.7px;\n}\n\n.tvt-program-card > p,\n.tvt-wide-content > p {\n  position: relative;\n  z-index: 2;\n  margin: 0 0 23px;\n  color: #697b90;\n  font-size: 13px;\n  line-height: 1.75;\n}\n\n.tvt-program-card ul {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  gap: 10px;\n  flex: 1;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.tvt-program-card li {\n  position: relative;\n  padding-left: 21px;\n  color: #425a73;\n  font-size: 11px;\n  line-height: 1.5;\n}\n\n.tvt-program-card li::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  position: absolute;\n  left: 0;\n  top: 5px;\n  border: 1px solid #2b98ec;\n  border-radius: 50%;\n  box-shadow: 0 0 7px rgba(43, 152, 236, 0.35);\n}\n\n.tvt-card-link {\n  width: fit-content;\n  position: relative;\n  z-index: 2;\n  display: inline-flex !important;\n  align-items: center;\n  gap: 10px;\n  margin-top: 28px;\n  color: #0b2e63 !important;\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  line-height: 1 !important;\n  text-decoration: none !important;\n}\n\n.tvt-card-link span {\n  width: 30px;\n  height: 30px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: #248aff;\n  background: rgba(36, 138, 255, 0.07);\n  border: 1px solid rgba(36, 138, 255, 0.13);\n  border-radius: 50%;\n  transition:\n    transform 0.3s ease,\n    background 0.3s ease;\n}\n\n.tvt-card-link:hover span {\n  transform: translateX(4px);\n  background: rgba(36, 138, 255, 0.13);\n}\n\n\/* Wide Card *\/\n\n.tvt-program-wide {\n  grid-column: 1 \/ -1;\n  min-height: auto;\n  display: grid;\n  grid-template-columns: 1.15fr 1fr auto;\n  align-items: center;\n  gap: clamp(30px, 5vw, 80px);\n  padding: 34px 38px;\n}\n\n.tvt-wide-content .tvt-card-top {\n  margin-bottom: 21px;\n}\n\n.tvt-wide-content h3 {\n  max-width: 720px;\n  font-size: clamp(28px, 2.6vw, 42px);\n}\n\n.tvt-wide-content > p {\n  max-width: 720px;\n  margin-bottom: 0;\n}\n\n.tvt-wide-metrics {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 12px;\n}\n\n.tvt-wide-metrics div {\n  min-width: 130px;\n  padding: 17px;\n  background: rgba(36, 138, 255, 0.05);\n  border: 1px solid rgba(36, 138, 255, 0.1);\n  border-radius: 12px;\n}\n\n.tvt-wide-metrics strong,\n.tvt-wide-metrics span {\n  display: block;\n}\n\n.tvt-wide-metrics strong {\n  margin-bottom: 6px;\n  color: #0b2e63;\n  font-size: 12px;\n}\n\n.tvt-wide-metrics span {\n  color: #75869a;\n  font-size: 9px;\n  line-height: 1.45;\n}\n\n.tvt-wide-link {\n  flex-shrink: 0;\n  margin-top: 0;\n}\n\n\/* Bottom CTA *\/\n\n.tvt-bottom {\n  min-height: 110px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 30px;\n  margin-top: 30px;\n  padding: 25px 30px;\n  background: rgba(255, 255, 255, 0.82);\n  border: 1px solid rgba(11, 46, 99, 0.1);\n  border-radius: 17px;\n  box-shadow: 0 22px 60px rgba(20, 71, 126, 0.07);\n}\n\n.tvt-bottom-copy span,\n.tvt-bottom-copy strong {\n  display: block;\n}\n\n.tvt-bottom-copy span {\n  margin-bottom: 8px;\n  color: #248aff;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 1.4px;\n  text-transform: uppercase;\n}\n\n.tvt-bottom-copy strong {\n  max-width: 800px;\n  color: #071a33;\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: 20px;\n  line-height: 1.35;\n}\n\n.tvt-bottom-button {\n  min-width: 185px;\n  min-height: 54px;\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  flex-shrink: 0;\n  padding: 13px 23px !important;\n  color: #ffffff !important;\n  background: linear-gradient(\n    135deg,\n    #0b2e63,\n    #278eea\n  ) !important;\n  border: 1px solid rgba(44, 140, 255, 0.25) !important;\n  border-radius: 11px !important;\n  box-shadow: 0 15px 35px rgba(21, 91, 171, 0.2);\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  line-height: 1 !important;\n  text-decoration: none !important;\n  white-space: nowrap;\n  transition:\n    transform 0.3s ease,\n    box-shadow 0.3s ease !important;\n}\n\n.tvt-bottom-button:hover {\n  color: #ffffff !important;\n  transform: translateY(-3px);\n  box-shadow: 0 19px 43px rgba(21, 91, 171, 0.3);\n}\n\n\/* Animations *\/\n\n@keyframes tvtPulse {\n  0%,\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  50% {\n    opacity: 0.5;\n    transform: scale(0.8);\n  }\n}\n\n@keyframes tvtFloat {\n  0%,\n  100% {\n    transform: translateY(0) rotate(-1deg);\n  }\n\n  50% {\n    transform: translateY(-13px) rotate(1deg);\n  }\n}\n\n@keyframes tvtFloatSmall {\n  0%,\n  100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-8px);\n  }\n}\n\n@keyframes tvtProgress {\n  from {\n    width: 48%;\n  }\n\n  to {\n    width: 88%;\n  }\n}\n\n\/* Laptop *\/\n\n@media (max-width: 1350px) {\n  .tvt-container {\n    padding-left: 42px;\n    padding-right: 42px;\n  }\n\n  .tvt-program-card {\n    padding: 24px;\n  }\n\n  .tvt-program-card h3 {\n    font-size: 22px;\n  }\n\n  .tvt-program-wide {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .tvt-wide-link {\n    grid-column: 1 \/ -1;\n  }\n}\n\n\/* Tablet *\/\n\n@media (max-width: 1100px) {\n  .tvt-training {\n    padding: 100px 0;\n  }\n\n  .tvt-featured {\n    grid-template-columns: 1fr;\n  }\n\n  .tvt-featured-visual {\n    min-height: 480px;\n  }\n\n  .tvt-programs-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .tvt-program-wide {\n    grid-column: 1 \/ -1;\n  }\n\n  .tvt-heading-grid {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n\n  .tvt-heading p {\n    max-width: 760px;\n  }\n}\n\n\/* Mobile *\/\n\n@media (max-width: 767px) {\n  .tvt-training {\n    padding: 75px 0;\n  }\n\n  .tvt-container {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n  .tvt-heading {\n    margin-bottom: 42px;\n  }\n\n  .tvt-heading h2 {\n    font-size: 38px;\n    letter-spacing: -1.8px;\n  }\n\n  .tvt-heading p {\n    font-size: 14px;\n  }\n\n  .tvt-featured {\n    border-radius: 19px;\n  }\n\n  .tvt-featured-content {\n    padding: 30px 23px;\n  }\n\n  .tvt-featured-content h3 {\n    font-size: 37px;\n    letter-spacing: -1.7px;\n  }\n\n  .tvt-featured-content > p {\n    font-size: 13px;\n  }\n\n  .tvt-primary-button {\n    width: 100%;\n  }\n\n  .tvt-featured-visual {\n    min-height: 390px;\n  }\n\n  .tvt-terminal {\n    width: 90%;\n  }\n\n  .tvt-floating-badge {\n    min-width: 125px;\n    padding: 11px;\n  }\n\n  .tvt-badge-one {\n    right: 2%;\n  }\n\n  .tvt-badge-two {\n    left: 2%;\n  }\n\n  .tvt-badge-three {\n    display: none;\n  }\n\n  .tvt-programs-grid {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n\n  .tvt-program-card {\n    min-height: auto;\n    padding: 25px 21px;\n  }\n\n  .tvt-card-category {\n    min-height: auto;\n  }\n\n  .tvt-program-card h3 {\n    font-size: 25px;\n  }\n\n  .tvt-program-wide {\n    grid-column: auto;\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n\n  .tvt-wide-metrics {\n    grid-template-columns: 1fr;\n  }\n\n  .tvt-wide-link {\n    grid-column: auto;\n  }\n\n  .tvt-bottom {\n    flex-direction: column;\n    align-items: flex-start;\n    padding: 24px;\n  }\n\n  .tvt-bottom-copy strong {\n    font-size: 18px;\n  }\n\n  .tvt-bottom-button {\n    width: 100%;\n  }\n}\n\n\/* Small Mobile *\/\n\n@media (max-width: 420px) {\n  .tvt-heading h2 {\n    font-size: 34px;\n  }\n\n  .tvt-featured-content h3 {\n    font-size: 32px;\n  }\n\n  .tvt-terminal-body {\n    padding: 22px 18px;\n  }\n\n  .tvt-code-line {\n    font-size: 10px;\n  }\n}\n<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c635096 e-con e-atomic-element e-flexbox-base e-173c88d \" data-id=\"c635096\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c635096\">\n    \t\t<div class=\"elementor-element elementor-element-8e1c005 elementor-widget elementor-widget-shortcode\" data-id=\"8e1c005\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- TECH VISIONS OUR PROCESS SECTION -->\n<section class=\"tvp-process\" id=\"process\">\n\n  <div class=\"tvp-grid-bg\"><\/div>\n  <div class=\"tvp-glow tvp-glow-one\"><\/div>\n  <div class=\"tvp-glow tvp-glow-two\"><\/div>\n\n  <div class=\"tvp-container\">\n\n    <!-- Section Heading -->\n    <div class=\"tvp-heading\">\n\n      <div class=\"tvp-eyebrow\">\n        <span><\/span>\n        How We Work\n      <\/div>\n\n      <div class=\"tvp-heading-grid\">\n\n        <h2>\n          A Clear Path From Risk\n          <span>To Cyber Resilience.<\/span>\n        <\/h2>\n\n        <p>\n          Our structured engagement process ensures every cybersecurity project\n          is aligned with your environment, business priorities and measurable\n          security outcomes from day one.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         PROCESS TIMELINE\n    ====================================================== -->\n    <div class=\"tvp-timeline\">\n\n      <div class=\"tvp-progress-line\">\n        <span><\/span>\n      <\/div>\n\n\n      <!-- =================================================\n           STEP 01\n      ================================================== -->\n      <article class=\"tvp-step tvp-step-one\">\n\n        <div class=\"tvp-step-top\">\n\n          <div class=\"tvp-step-number\">\n            01\n          <\/div>\n\n          <div class=\"tvp-step-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"11\" cy=\"11\" r=\"6.5\"><\/circle>\n              <path d=\"M16 16L21 21\"><\/path>\n              <path d=\"M8.5 11H13.5\"><\/path>\n              <path d=\"M11 8.5V13.5\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n        <\/div>\n\n\n        <span class=\"tvp-step-label\">\n          Discover & Evaluate\n        <\/span>\n\n\n        <h3>\n          Assessment\n        <\/h3>\n\n\n        <p>\n          We begin by understanding your organization, technology environment,\n          current security posture, compliance needs and most critical risks.\n        <\/p>\n\n\n        <ul>\n\n          <li>\n            Business and technical discovery\n          <\/li>\n\n          <li>\n            Security posture evaluation\n          <\/li>\n\n          <li>\n            Risk and gap identification\n          <\/li>\n\n        <\/ul>\n\n\n        <div class=\"tvp-step-footer\">\n\n          <span>\n            Understand the environment\n          <\/span>\n\n          <i>\n            \u2713\n          <\/i>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- =================================================\n           STEP 02\n      ================================================== -->\n      <article class=\"tvp-step tvp-step-two\">\n\n        <div class=\"tvp-step-top\">\n\n          <div class=\"tvp-step-number\">\n            02\n          <\/div>\n\n          <div class=\"tvp-step-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n\n              <path d=\"M5 4H19C20.1 4 21 4.9 21 6V18C21 19.1 20.1 20 19 20H5C3.9 20 3 19.1 3 18V6C3 4.9 3.9 4 5 4Z\"><\/path>\n\n              <path d=\"M7 9H17\"><\/path>\n              <path d=\"M7 13H14\"><\/path>\n              <path d=\"M7 17H11\"><\/path>\n              <path d=\"M16 14L18 16L21 12\"><\/path>\n\n            <\/svg>\n\n          <\/div>\n\n        <\/div>\n\n\n        <span class=\"tvp-step-label\">\n          Design the Roadmap\n        <\/span>\n\n\n        <h3>\n          Planning\n        <\/h3>\n\n\n        <p>\n          Based on the assessment, we define a tailored roadmap with clear\n          priorities, responsibilities, timelines and expected security outcomes.\n        <\/p>\n\n\n        <ul>\n\n          <li>\n            Custom security roadmap\n          <\/li>\n\n          <li>\n            Prioritized action plan\n          <\/li>\n\n          <li>\n            Clear scope and milestones\n          <\/li>\n\n        <\/ul>\n\n\n        <div class=\"tvp-step-footer\">\n\n          <span>\n            Build the right strategy\n          <\/span>\n\n          <i>\n            \u2713\n          <\/i>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- =================================================\n           STEP 03\n      ================================================== -->\n      <article class=\"tvp-step tvp-step-three\">\n\n        <div class=\"tvp-step-top\">\n\n          <div class=\"tvp-step-number\">\n            03\n          <\/div>\n\n          <div class=\"tvp-step-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M13.5 3L5 13H11L10.5 21L19 11H13L13.5 3Z\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n        <\/div>\n\n\n        <span class=\"tvp-step-label\">\n          Deliver & Validate\n        <\/span>\n\n\n        <h3>\n          Execution\n        <\/h3>\n\n\n        <p>\n          Our specialists implement the agreed solution using practical,\n          field-tested methodologies while validating quality at every stage.\n        <\/p>\n\n\n        <ul>\n\n          <li>\n            Expert-led implementation\n          <\/li>\n\n          <li>\n            Testing and quality validation\n          <\/li>\n\n          <li>\n            Clear reporting and documentation\n          <\/li>\n\n        <\/ul>\n\n\n        <div class=\"tvp-step-footer\">\n\n          <span>\n            Turn strategy into action\n          <\/span>\n\n          <i>\n            \u2713\n          <\/i>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- =================================================\n           STEP 04\n      ================================================== -->\n      <article class=\"tvp-step tvp-step-four\">\n\n        <div class=\"tvp-step-top\">\n\n          <div class=\"tvp-step-number\">\n            04\n          <\/div>\n\n          <div class=\"tvp-step-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n\n              <path d=\"M4 12C4 7.6 7.6 4 12 4C16.4 4 20 7.6 20 12\"><\/path>\n\n              <path d=\"M4 12V16C4 17.1 4.9 18 6 18H8V12H4Z\"><\/path>\n\n              <path d=\"M20 12V16C20 17.1 19.1 18 18 18H16V12H20Z\"><\/path>\n\n              <path d=\"M16 18C15.2 19.3 13.7 20 12 20\"><\/path>\n\n            <\/svg>\n\n          <\/div>\n\n        <\/div>\n\n\n        <span class=\"tvp-step-label\">\n          Maintain & Improve\n        <\/span>\n\n\n        <h3>\n          Continuous Support\n        <\/h3>\n\n\n        <p>\n          We continue supporting your team after delivery through advisory,\n          mentorship and ongoing guidance to preserve long-term security value.\n        <\/p>\n\n\n        <ul>\n\n          <li>\n            Ongoing expert advisory\n          <\/li>\n\n          <li>\n            Mentorship and knowledge transfer\n          <\/li>\n\n          <li>\n            Continuous security improvement\n          <\/li>\n\n        <\/ul>\n\n\n        <div class=\"tvp-step-footer\">\n\n          <span>\n            Protect long-term value\n          <\/span>\n\n          <i>\n            \u2713\n          <\/i>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         PROCESS SUMMARY\n         BUTTON REMOVED - TEXT KEPT\n    ====================================================== -->\n    <div class=\"tvp-summary\">\n\n      <div class=\"tvp-summary-icon\">\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n\n          <path d=\"M12 3L4.5 6.2V11.1C4.5 15.8 7.7 20.2 12 21.5C16.3 20.2 19.5 15.8 19.5 11.1V6.2L12 3Z\"><\/path>\n\n          <path d=\"M8.8 12.2L11 14.4L15.6 9.8\"><\/path>\n\n        <\/svg>\n\n      <\/div>\n\n\n      <div class=\"tvp-summary-copy\">\n\n        <span>\n          Built for Meaningful Results\n        <\/span>\n\n        <strong>\n          Every step is designed to reduce risk, build capability and create\n          measurable security outcomes.\n        <\/strong>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');\n\n\n.tvp-process,\n.tvp-process * {\n  box-sizing: border-box;\n}\n\n\n.tvp-process {\n\n  --tvp-blue:\n    #248aff;\n\n  --tvp-cyan:\n    #5dceff;\n\n  --tvp-dark:\n    #040a13;\n\n  --tvp-card:\n    rgba(10,25,45,.84);\n\n  --tvp-border:\n    rgba(73,169,255,.16);\n\n  --tvp-text:\n    #f4f8ff;\n\n  --tvp-muted:\n    #93a4b9;\n\n\n  width:\n    100vw;\n\n  max-width:\n    100vw;\n\n\n  position:\n    relative;\n\n\n  left:\n    50%;\n\n\n  margin-left:\n    -50vw;\n\n\n  overflow:\n    hidden;\n\n\n  padding:\n    125px 0;\n\n\n  color:\n    var(--tvp-text);\n\n\n  font-family:\n    \"Inter\",\n    sans-serif;\n\n\n  background:\n\n    radial-gradient(\n      circle at 10% 22%,\n      rgba(36,138,255,.13),\n      transparent 24%\n    ),\n\n    radial-gradient(\n      circle at 90% 80%,\n      rgba(93,206,255,.09),\n      transparent 24%\n    ),\n\n    linear-gradient(\n      180deg,\n      #040a13 0%,\n      #07111f 52%,\n      #040a13 100%\n    );\n\n}\n\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.tvp-container {\n\n  width:\n    100%;\n\n\n  position:\n    relative;\n\n\n  z-index:\n    3;\n\n\n  padding-left:\n    clamp(24px,5vw,90px);\n\n\n  padding-right:\n    clamp(24px,5vw,90px);\n\n}\n\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.tvp-grid-bg {\n\n  position:\n    absolute;\n\n\n  inset:\n    0;\n\n\n  opacity:\n    .3;\n\n\n  pointer-events:\n    none;\n\n\n  background-image:\n\n    linear-gradient(\n      rgba(66,155,255,.055) 1px,\n      transparent 1px\n    ),\n\n    linear-gradient(\n      90deg,\n      rgba(66,155,255,.055) 1px,\n      transparent 1px\n    );\n\n\n  background-size:\n    58px 58px;\n\n\n  -webkit-mask-image:\n\n    linear-gradient(\n      to bottom,\n      transparent,\n      black 15%,\n      black 85%,\n      transparent\n    );\n\n\n  mask-image:\n\n    linear-gradient(\n      to bottom,\n      transparent,\n      black 15%,\n      black 85%,\n      transparent\n    );\n\n}\n\n\n\n\/* =========================================================\n   GLOW\n========================================================= *\/\n\n.tvp-glow {\n\n  position:\n    absolute;\n\n\n  border-radius:\n    50%;\n\n\n  filter:\n    blur(110px);\n\n\n  pointer-events:\n    none;\n\n}\n\n\n.tvp-glow-one {\n\n  width:\n    360px;\n\n  height:\n    360px;\n\n\n  left:\n    -210px;\n\n  top:\n    8%;\n\n\n  background:\n    rgba(36,138,255,.16);\n\n}\n\n\n.tvp-glow-two {\n\n  width:\n    350px;\n\n  height:\n    350px;\n\n\n  right:\n    -200px;\n\n  bottom:\n    4%;\n\n\n  background:\n    rgba(93,206,255,.11);\n\n}\n\n\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n.tvp-heading {\n\n  margin-bottom:\n    70px;\n\n}\n\n\n.tvp-eyebrow {\n\n  width:\n    fit-content;\n\n\n  display:\n    flex;\n\n\n  align-items:\n    center;\n\n\n  gap:\n    10px;\n\n\n  margin-bottom:\n    22px;\n\n\n  color:\n    #68caff;\n\n\n  font-size:\n    11px;\n\n\n  font-weight:\n    700;\n\n\n  letter-spacing:\n    1.8px;\n\n\n  text-transform:\n    uppercase;\n\n}\n\n\n.tvp-eyebrow span {\n\n  width:\n    32px;\n\n\n  height:\n    1px;\n\n\n  display:\n    block;\n\n\n  background:\n\n    linear-gradient(\n      90deg,\n      #248aff,\n      #61d1ff\n    );\n\n\n  box-shadow:\n\n    0 0 12px\n    rgba(97,209,255,.7);\n\n}\n\n\n.tvp-heading-grid {\n\n  display:\n    grid;\n\n\n  grid-template-columns:\n    1.12fr .88fr;\n\n\n  align-items:\n    end;\n\n\n  gap:\n    clamp(40px,6vw,100px);\n\n}\n\n\n.tvp-heading h2 {\n\n  max-width:\n    880px;\n\n\n  margin:\n    0;\n\n\n  color:\n    #ffffff;\n\n\n  font-family:\n    \"Space Grotesk\",\n    sans-serif;\n\n\n  font-size:\n    clamp(42px,4.8vw,72px);\n\n\n  line-height:\n    1.03;\n\n\n  letter-spacing:\n    -3px;\n\n\n  font-weight:\n    700;\n\n}\n\n\n.tvp-heading h2 span {\n\n  display:\n    block;\n\n\n  color:\n    transparent;\n\n\n  background:\n\n    linear-gradient(\n      90deg,\n      #248aff,\n      #67d2ff\n    );\n\n\n  background-clip:\n    text;\n\n\n  -webkit-background-clip:\n    text;\n\n}\n\n\n.tvp-heading p {\n\n  max-width:\n    620px;\n\n\n  margin:\n    0;\n\n\n  color:\n    var(--tvp-muted);\n\n\n  font-size:\n    15px;\n\n\n  line-height:\n    1.85;\n\n}\n\n\n\n\/* =========================================================\n   TIMELINE\n========================================================= *\/\n\n.tvp-timeline {\n\n  position:\n    relative;\n\n\n  display:\n    grid;\n\n\n  grid-template-columns:\n\n    repeat(\n      4,\n      minmax(0,1fr)\n    );\n\n\n  align-items:\n    stretch;\n\n\n  gap:\n    20px;\n\n}\n\n\n.tvp-progress-line {\n\n  height:\n    1px;\n\n\n  position:\n    absolute;\n\n\n  top:\n    66px;\n\n\n  left:\n    8%;\n\n\n  right:\n    8%;\n\n\n  z-index:\n    0;\n\n\n  overflow:\n    hidden;\n\n\n  background:\n    rgba(75,173,255,.15);\n\n}\n\n\n.tvp-progress-line span {\n\n  display:\n    block;\n\n\n  width:\n    100%;\n\n\n  height:\n    100%;\n\n\n  background:\n\n    linear-gradient(\n      90deg,\n      #248aff,\n      #63d2ff,\n      #248aff\n    );\n\n\n  box-shadow:\n\n    0 0 15px\n    rgba(67,182,255,.8);\n\n\n  animation:\n\n    tvpLine\n    4s\n    ease-in-out\n    infinite;\n\n}\n\n\n\n\/* =========================================================\n   STEPS\n========================================================= *\/\n\n.tvp-step {\n\n  min-width:\n    0;\n\n\n  min-height:\n    530px;\n\n\n  position:\n    relative;\n\n\n  z-index:\n    2;\n\n\n  display:\n    flex;\n\n\n  flex-direction:\n    column;\n\n\n  padding:\n    29px;\n\n\n  overflow:\n    hidden;\n\n\n  background:\n\n    linear-gradient(\n      145deg,\n      rgba(13,32,56,.94),\n      rgba(6,17,31,.94)\n    );\n\n\n  border:\n\n    1px solid\n    var(--tvp-border);\n\n\n  border-radius:\n    20px;\n\n\n  box-shadow:\n\n    0 26px 70px\n    rgba(0,0,0,.22);\n\n\n  transition:\n\n    transform .35s ease,\n    border-color .35s ease,\n    box-shadow .35s ease;\n\n}\n\n\n.tvp-step::before {\n\n  content:\n    \"\";\n\n\n  width:\n    210px;\n\n\n  height:\n    210px;\n\n\n  position:\n    absolute;\n\n\n  top:\n    -125px;\n\n\n  right:\n    -110px;\n\n\n  border-radius:\n    50%;\n\n\n  background:\n    rgba(36,138,255,.12);\n\n\n  filter:\n    blur(35px);\n\n\n  transition:\n    .4s ease;\n\n}\n\n\n.tvp-step::after {\n\n  content:\n    \"\";\n\n\n  width:\n    0;\n\n\n  height:\n    3px;\n\n\n  position:\n    absolute;\n\n\n  left:\n    0;\n\n\n  bottom:\n    0;\n\n\n  background:\n\n    linear-gradient(\n      90deg,\n      #248aff,\n      #65d4ff\n    );\n\n\n  box-shadow:\n\n    0 0 18px\n    rgba(70,185,255,.8);\n\n\n  transition:\n    width .4s ease;\n\n}\n\n\n.tvp-step:hover {\n\n  transform:\n    translateY(-9px);\n\n\n  border-color:\n    rgba(77,183,255,.4);\n\n\n  box-shadow:\n\n    0 34px 85px\n    rgba(0,0,0,.35),\n\n    0 0 38px\n    rgba(36,138,255,.07);\n\n}\n\n\n.tvp-step:hover::before {\n\n  background:\n    rgba(36,138,255,.2);\n\n}\n\n\n.tvp-step:hover::after {\n\n  width:\n    100%;\n\n}\n\n\n\n\/* =========================================================\n   STEP TOP\n========================================================= *\/\n\n.tvp-step-top {\n\n  position:\n    relative;\n\n\n  z-index:\n    3;\n\n\n  display:\n    flex;\n\n\n  align-items:\n    center;\n\n\n  justify-content:\n    space-between;\n\n\n  margin-bottom:\n    34px;\n\n}\n\n\n.tvp-step-number {\n\n  color:\n    rgba(105,191,255,.19);\n\n\n  font-family:\n    \"Space Grotesk\",\n    sans-serif;\n\n\n  font-size:\n    47px;\n\n\n  line-height:\n    1;\n\n\n  font-weight:\n    700;\n\n}\n\n\n\n\/* =========================================================\n   STEP ICON\n========================================================= *\/\n\n.tvp-step-icon {\n\n  width:\n    62px;\n\n\n  height:\n    62px;\n\n\n  display:\n    flex;\n\n\n  align-items:\n    center;\n\n\n  justify-content:\n    center;\n\n\n  color:\n    #61ceff;\n\n\n  background:\n    rgba(36,138,255,.1);\n\n\n  border:\n\n    1px solid\n    rgba(75,179,255,.22);\n\n\n  border-radius:\n    50%;\n\n\n  box-shadow:\n\n    0 0 0 8px\n    rgba(36,138,255,.035),\n\n    0 0 25px\n    rgba(36,138,255,.08);\n\n\n  transition:\n\n    transform .35s ease,\n    background .35s ease;\n\n}\n\n\n.tvp-step:hover\n.tvp-step-icon {\n\n  transform:\n    scale(1.08)\n    rotate(-5deg);\n\n\n  background:\n    rgba(36,138,255,.17);\n\n}\n\n\n.tvp-step-icon svg {\n\n  width:\n    29px;\n\n\n  height:\n    29px;\n\n\n  fill:\n    none;\n\n\n  stroke:\n    currentColor;\n\n\n  stroke-width:\n    1.65;\n\n\n  stroke-linecap:\n    round;\n\n\n  stroke-linejoin:\n    round;\n\n}\n\n\n\n\/* =========================================================\n   STEP TEXT\n========================================================= *\/\n\n.tvp-step-label {\n\n  position:\n    relative;\n\n\n  z-index:\n    2;\n\n\n  display:\n    block;\n\n\n  margin-bottom:\n    11px;\n\n\n  color:\n    #4faeff;\n\n\n  font-size:\n    9px;\n\n\n  font-weight:\n    700;\n\n\n  letter-spacing:\n    1.4px;\n\n\n  text-transform:\n    uppercase;\n\n}\n\n\n.tvp-step h3 {\n\n  position:\n    relative;\n\n\n  z-index:\n    2;\n\n\n  margin:\n    0 0 18px;\n\n\n  color:\n    #ffffff;\n\n\n  font-family:\n    \"Space Grotesk\",\n    sans-serif;\n\n\n  font-size:\n\n    clamp(\n      27px,\n      2vw,\n      35px\n    );\n\n\n  line-height:\n    1.1;\n\n\n  letter-spacing:\n    -.9px;\n\n}\n\n\n.tvp-step > p {\n\n  position:\n    relative;\n\n\n  z-index:\n    2;\n\n\n  margin:\n    0 0 25px;\n\n\n  color:\n    #94a5b9;\n\n\n  font-size:\n    13px;\n\n\n  line-height:\n    1.75;\n\n}\n\n\n\n\/* =========================================================\n   LIST\n========================================================= *\/\n\n.tvp-step ul {\n\n  position:\n    relative;\n\n\n  z-index:\n    2;\n\n\n  display:\n    grid;\n\n\n  gap:\n    11px;\n\n\n  flex:\n    1;\n\n\n  margin:\n    0;\n\n\n  padding:\n    0;\n\n\n  list-style:\n    none;\n\n}\n\n\n.tvp-step li {\n\n  position:\n    relative;\n\n\n  padding-left:\n    22px;\n\n\n  color:\n    #c0ccda;\n\n\n  font-size:\n    11px;\n\n\n  line-height:\n    1.55;\n\n}\n\n\n.tvp-step li::before {\n\n  content:\n    \"\";\n\n\n  width:\n    7px;\n\n\n  height:\n    7px;\n\n\n  position:\n    absolute;\n\n\n  left:\n    0;\n\n\n  top:\n    5px;\n\n\n  border:\n\n    1px solid\n    #4ab8ff;\n\n\n  border-radius:\n    50%;\n\n\n  box-shadow:\n\n    0 0 8px\n    rgba(74,184,255,.45);\n\n}\n\n\n\n\/* =========================================================\n   STEP FOOTER\n========================================================= *\/\n\n.tvp-step-footer {\n\n  position:\n    relative;\n\n\n  z-index:\n    2;\n\n\n  display:\n    flex;\n\n\n  align-items:\n    center;\n\n\n  justify-content:\n    space-between;\n\n\n  gap:\n    15px;\n\n\n  margin-top:\n    30px;\n\n\n  padding-top:\n    20px;\n\n\n  border-top:\n\n    1px solid\n    rgba(255,255,255,.07);\n\n}\n\n\n.tvp-step-footer span {\n\n  color:\n    #7f92a8;\n\n\n  font-size:\n    10px;\n\n\n  font-weight:\n    600;\n\n}\n\n\n.tvp-step-footer i {\n\n  width:\n    31px;\n\n\n  height:\n    31px;\n\n\n  display:\n    inline-flex;\n\n\n  align-items:\n    center;\n\n\n  justify-content:\n    center;\n\n\n  color:\n    #61ceff;\n\n\n  background:\n    rgba(36,138,255,.08);\n\n\n  border:\n\n    1px solid\n    rgba(75,179,255,.17);\n\n\n  border-radius:\n    50%;\n\n\n  font-size:\n    14px;\n\n\n  font-style:\n    normal;\n\n\n  transition:\n\n    transform .3s ease,\n    background .3s ease;\n\n}\n\n\n.tvp-step:hover\n.tvp-step-footer i {\n\n  transform:\n    translateX(4px);\n\n\n  background:\n    rgba(36,138,255,.15);\n\n}\n\n\n\n\/* =========================================================\n   SUMMARY\n   BUTTON REMOVED\n========================================================= *\/\n\n.tvp-summary {\n\n  min-height:\n    116px;\n\n\n  display:\n    grid;\n\n\n  \/* \u0643\u0627\u0646 62px 1fr auto\n     \u0648\u0627\u062a\u0634\u0627\u0644 \u0639\u0645\u0648\u062f \u0627\u0644\u0632\u0631 *\/\n\n  grid-template-columns:\n    62px minmax(0,1fr);\n\n\n  align-items:\n    center;\n\n\n  gap:\n    22px;\n\n\n  margin-top:\n    32px;\n\n\n  padding:\n    25px 30px;\n\n\n  background:\n    rgba(10,26,46,.78);\n\n\n  border:\n\n    1px solid\n    rgba(72,171,255,.16);\n\n\n  border-radius:\n    17px;\n\n\n  -webkit-backdrop-filter:\n    blur(14px);\n\n\n  backdrop-filter:\n    blur(14px);\n\n\n  box-shadow:\n\n    0 22px 60px\n    rgba(0,0,0,.2);\n\n}\n\n\n\n\/* =========================================================\n   SUMMARY ICON\n========================================================= *\/\n\n.tvp-summary-icon {\n\n  width:\n    62px;\n\n\n  height:\n    62px;\n\n\n  display:\n    flex;\n\n\n  align-items:\n    center;\n\n\n  justify-content:\n    center;\n\n\n  color:\n    #64d0ff;\n\n\n  background:\n    rgba(36,138,255,.1);\n\n\n  border:\n\n    1px solid\n    rgba(75,179,255,.2);\n\n\n  border-radius:\n    15px;\n\n}\n\n\n.tvp-summary-icon svg {\n\n  width:\n    31px;\n\n\n  height:\n    31px;\n\n\n  fill:\n    none;\n\n\n  stroke:\n    currentColor;\n\n\n  stroke-width:\n    1.65;\n\n\n  stroke-linecap:\n    round;\n\n\n  stroke-linejoin:\n    round;\n\n}\n\n\n\n\/* =========================================================\n   SUMMARY COPY\n========================================================= *\/\n\n.tvp-summary-copy {\n\n  min-width:\n    0;\n\n\n  padding-right:\n    25px;\n\n}\n\n\n.tvp-summary-copy span,\n.tvp-summary-copy strong {\n\n  display:\n    block;\n\n}\n\n\n.tvp-summary-copy span {\n\n  margin-bottom:\n    7px;\n\n\n  color:\n    #59c5ff;\n\n\n  font-size:\n    10px;\n\n\n  font-weight:\n    700;\n\n\n  letter-spacing:\n    1.5px;\n\n\n  text-transform:\n    uppercase;\n\n}\n\n\n.tvp-summary-copy strong {\n\n  max-width:\n    1050px;\n\n\n  color:\n    #f1f8ff;\n\n\n  font-family:\n    \"Space Grotesk\",\n    sans-serif;\n\n\n  font-size:\n    20px;\n\n\n  line-height:\n    1.35;\n\n}\n\n\n\n\/* =========================================================\n   ANIMATION\n========================================================= *\/\n\n@keyframes tvpLine {\n\n  0% {\n\n    transform:\n      translateX(-100%);\n\n  }\n\n\n  50%,\n  100% {\n\n    transform:\n      translateX(0);\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   LAPTOP\n========================================================= *\/\n\n@media (max-width: 1350px) {\n\n  .tvp-container {\n\n    padding-left:\n      42px;\n\n\n    padding-right:\n      42px;\n\n  }\n\n\n  .tvp-step {\n\n    padding:\n      24px;\n\n  }\n\n\n  .tvp-step h3 {\n\n    font-size:\n      28px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1100px) {\n\n  .tvp-process {\n\n    padding:\n      100px 0;\n\n  }\n\n\n  .tvp-heading-grid {\n\n    grid-template-columns:\n      1fr;\n\n\n    gap:\n      24px;\n\n  }\n\n\n  .tvp-heading p {\n\n    max-width:\n      760px;\n\n  }\n\n\n  .tvp-timeline {\n\n    grid-template-columns:\n\n      repeat(\n        2,\n        minmax(0,1fr)\n      );\n\n  }\n\n\n  .tvp-progress-line {\n\n    display:\n      none;\n\n  }\n\n\n  .tvp-step {\n\n    min-height:\n      490px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .tvp-process {\n\n    padding:\n      75px 0;\n\n  }\n\n\n  .tvp-container {\n\n    padding-left:\n      16px;\n\n\n    padding-right:\n      16px;\n\n  }\n\n\n  .tvp-heading {\n\n    margin-bottom:\n      43px;\n\n  }\n\n\n  .tvp-heading h2 {\n\n    font-size:\n      38px;\n\n\n    letter-spacing:\n      -1.8px;\n\n  }\n\n\n  .tvp-heading p {\n\n    font-size:\n      14px;\n\n  }\n\n\n  .tvp-timeline {\n\n    grid-template-columns:\n      1fr;\n\n\n    gap:\n      18px;\n\n  }\n\n\n  .tvp-step {\n\n    min-height:\n      auto;\n\n\n    padding:\n      25px 21px;\n\n\n    border-radius:\n      18px;\n\n  }\n\n\n  .tvp-step h3 {\n\n    font-size:\n      28px;\n\n  }\n\n\n  .tvp-step-top {\n\n    margin-bottom:\n      28px;\n\n  }\n\n\n  \/* Summary *\/\n\n  .tvp-summary {\n\n    grid-template-columns:\n      55px minmax(0,1fr);\n\n\n    gap:\n      18px;\n\n\n    padding:\n      24px;\n\n  }\n\n\n  .tvp-summary-icon {\n\n    width:\n      55px;\n\n\n    height:\n      55px;\n\n  }\n\n\n  .tvp-summary-copy {\n\n    padding-right:\n      0;\n\n  }\n\n\n  .tvp-summary-copy strong {\n\n    font-size:\n      17px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n  .tvp-heading h2 {\n\n    font-size:\n      34px;\n\n  }\n\n\n  .tvp-step-top {\n\n    align-items:\n      flex-start;\n\n  }\n\n\n  .tvp-step-icon {\n\n    width:\n      56px;\n\n\n    height:\n      56px;\n\n  }\n\n\n  .tvp-summary {\n\n    grid-template-columns:\n      1fr;\n\n  }\n\n}\n<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-387e963 e-con e-atomic-element e-flexbox-base e-d92d780 \" data-id=\"387e963\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"387e963\">\n    \t\t<div class=\"elementor-element elementor-element-bdd3494 elementor-widget elementor-widget-shortcode\" data-id=\"bdd3494\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- TECH VISIONS INTERACTIVE SERVICES -->\n<section class=\"tvi-services\" id=\"services\">\n\n  <div class=\"tvi-services-pattern\"><\/div>\n  <div class=\"tvi-services-glow tvi-glow-one\"><\/div>\n  <div class=\"tvi-services-glow tvi-glow-two\"><\/div>\n\n  <div class=\"tvi-container\">\n\n    <!-- Main Heading -->\n    <div class=\"tvi-main-heading\">\n\n      <span>Our Cybersecurity Services<\/span>\n\n      <h2>\n        Complete Cybersecurity\n        <strong>Solutions & Enablement<\/strong>\n      <\/h2>\n\n      <p>\n        Explore our specialized cybersecurity consulting, assessment,\n        penetration testing, governance and professional training services.\n      <\/p>\n\n    <\/div>\n\n    <!-- Tabs -->\n    <div class=\"tvi-tabs\" role=\"tablist\">\n\n      <button\n        class=\"tvi-tab active\"\n        type=\"button\"\n        data-tab=\"defensive\"\n        role=\"tab\"\n        aria-selected=\"true\"\n      >\n        Defensive Security\n      <\/button>\n\n      <button\n        class=\"tvi-tab\"\n        type=\"button\"\n        data-tab=\"offensive\"\n        role=\"tab\"\n        aria-selected=\"false\"\n      >\n        Offensive Security\n      <\/button>\n\n      <button\n        class=\"tvi-tab\"\n        type=\"button\"\n        data-tab=\"grc\"\n        role=\"tab\"\n        aria-selected=\"false\"\n      >\n        Cybersecurity Advisory & GRC\n      <\/button>\n\n      <button\n        class=\"tvi-tab\"\n        type=\"button\"\n        data-tab=\"training\"\n        role=\"tab\"\n        aria-selected=\"false\"\n      >\n        Training & Enablement\n      <\/button>\n\n    <\/div>\n\n    <!-- DEFENSIVE SECURITY -->\n    <div class=\"tvi-panel active\" data-panel=\"defensive\">\n\n      <div class=\"tvi-category-intro\">\n\n        <div class=\"tvi-category-icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 3L4.5 6.2V11.2C4.5 15.8 7.6 20.1 12 21.5C16.4 20.1 19.5 15.8 19.5 11.2V6.2L12 3Z\"><\/path>\n            <path d=\"M8.7 12.1L11 14.4L15.6 9.7\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <div>\n          <span>Defensive Security & SOC Operations<\/span>\n\n          <h3>Protect, Detect & Respond<\/h3>\n\n          <p>\n            Strengthen your organization\u2019s cyber defense through SOC readiness,\n            incident response planning, simulation exercises and security\n            configuration reviews.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"tvi-grid\">\n\n        <article class=\"tvi-card\">\n\n          <div class=\"tvi-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M4 18V6C4 4.9 4.9 4 6 4H18C19.1 4 20 4.9 20 6V18C20 19.1 19.1 20 18 20H6C4.9 20 4 19.1 4 18Z\"><\/path>\n              <path d=\"M8 16V12\"><\/path>\n              <path d=\"M12 16V8\"><\/path>\n              <path d=\"M16 16V10\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h4>SOC Maturity Assessment<\/h4>\n\n          <a href=\"#contact\">\n            View Service\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/article>\n\n        <article class=\"tvi-card\">\n\n          <div class=\"tvi-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M5 4H19C20.1 4 21 4.9 21 6V18C21 19.1 20.1 20 19 20H5C3.9 20 3 19.1 3 18V6C3 4.9 3.9 4 5 4Z\"><\/path>\n              <path d=\"M7 9H17\"><\/path>\n              <path d=\"M7 13H15\"><\/path>\n              <path d=\"M7 17H12\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h4>Incident Response Playbook Development<\/h4>\n\n          <a href=\"#contact\">\n            View Service\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/article>\n\n        <article class=\"tvi-card\">\n\n          <div class=\"tvi-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 3L4 7V12C4 16.5 7.2 20.3 12 21.5C16.8 20.3 20 16.5 20 12V7L12 3Z\"><\/path>\n              <path d=\"M9 12H15\"><\/path>\n              <path d=\"M12 9V15\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h4>Tabletop Exercises (TTX)<\/h4>\n\n          <a href=\"#contact\">\n            View Service\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/article>\n\n        <article class=\"tvi-card\">\n\n          <div class=\"tvi-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M4 7H20\"><\/path>\n              <path d=\"M4 12H20\"><\/path>\n              <path d=\"M4 17H20\"><\/path>\n              <circle cx=\"8\" cy=\"7\" r=\"2\"><\/circle>\n              <circle cx=\"15\" cy=\"12\" r=\"2\"><\/circle>\n              <circle cx=\"10\" cy=\"17\" r=\"2\"><\/circle>\n            <\/svg>\n          <\/div>\n\n          <h4>Firewall & Network Security Configuration Review<\/h4>\n\n          <a href=\"#contact\">\n            View Service\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- OFFENSIVE SECURITY -->\n    <div class=\"tvi-panel\" data-panel=\"offensive\">\n\n      <div class=\"tvi-category-intro\">\n\n        <div class=\"tvi-category-icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M14.5 4.5L19.5 9.5\"><\/path>\n            <path d=\"M4 20L8.5 18.8L18.7 8.6C19.5 7.8 19.5 6.5 18.7 5.7L18.3 5.3C17.5 4.5 16.2 4.5 15.4 5.3L5.2 15.5L4 20Z\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <div>\n          <span>Offensive Security<\/span>\n\n          <h3>Test, Validate & Strengthen<\/h3>\n\n          <p>\n            Identify security weaknesses before attackers do through professional\n            penetration testing and vulnerability assessment services.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"tvi-grid\">\n\n        <article class=\"tvi-card\">\n\n          <div class=\"tvi-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M4 5H20V17H4V5Z\"><\/path>\n              <path d=\"M8 21H16\"><\/path>\n              <path d=\"M12 17V21\"><\/path>\n              <path d=\"M8 9L10 11L8 13\"><\/path>\n              <path d=\"M12 13H16\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h4>Web Application Penetration Testing<\/h4>\n\n          <a href=\"#contact\">\n            View Service\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/article>\n\n        <article class=\"tvi-card\">\n\n          <div class=\"tvi-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <rect x=\"7\" y=\"3\" width=\"10\" height=\"18\" rx=\"2\"><\/rect>\n              <path d=\"M10 6H14\"><\/path>\n              <path d=\"M12 18H12.01\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h4>Mobile Application Penetration Testing<\/h4>\n\n          <a href=\"#contact\">\n            View Service\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/article>\n\n        <article class=\"tvi-card\">\n\n          <div class=\"tvi-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"6\" cy=\"12\" r=\"2\"><\/circle>\n              <circle cx=\"18\" cy=\"6\" r=\"2\"><\/circle>\n              <circle cx=\"18\" cy=\"18\" r=\"2\"><\/circle>\n              <path d=\"M8 12H12\"><\/path>\n              <path d=\"M12 12L16.5 7.2\"><\/path>\n              <path d=\"M12 12L16.5 16.8\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h4>Internal Penetration Testing<\/h4>\n\n          <a href=\"#contact\">\n            View Service\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/article>\n\n        <article class=\"tvi-card\">\n\n          <div class=\"tvi-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\n              <path d=\"M4 12H20\"><\/path>\n              <path d=\"M12 4C14 6.2 15 8.8 15 12C15 15.2 14 17.8 12 20\"><\/path>\n              <path d=\"M12 4C10 6.2 9 8.8 9 12C9 15.2 10 17.8 12 20\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h4>External Penetration Testing<\/h4>\n\n          <a href=\"#contact\">\n            View Service\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/article>\n\n        <article class=\"tvi-card\">\n\n          <div class=\"tvi-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 3L4.5 6.2V11.2C4.5 15.8 7.6 20.1 12 21.5C16.4 20.1 19.5 15.8 19.5 11.2V6.2L12 3Z\"><\/path>\n              <path d=\"M12 8V13\"><\/path>\n              <path d=\"M12 16H12.01\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h4>Vulnerability Assessment & Management<\/h4>\n\n          <a href=\"#contact\">\n            View Service\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- GRC SERVICES -->\n    <div class=\"tvi-panel\" data-panel=\"grc\">\n\n      <div class=\"tvi-category-intro\">\n\n        <div class=\"tvi-category-icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M7 3H17C18.1 3 19 3.9 19 5V19C19 20.1 18.1 21 17 21H7C5.9 21 5 20.1 5 19V5C5 3.9 5.9 3 7 3Z\"><\/path>\n            <path d=\"M8 8H16\"><\/path>\n            <path d=\"M8 12H16\"><\/path>\n            <path d=\"M8 16H13\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <div>\n          <span>Cybersecurity Advisory & GRC<\/span>\n\n          <h3>Govern, Manage Risk & Achieve Compliance<\/h3>\n\n          <p>\n            Develop cybersecurity strategies, governance frameworks and\n            compliance programs aligned with business and regulatory requirements.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"tvi-grid\">\n\n        <article class=\"tvi-card\">\n\n          <div class=\"tvi-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M4 19V11\"><\/path>\n              <path d=\"M10 19V7\"><\/path>\n              <path d=\"M16 19V4\"><\/path>\n              <path d=\"M3 19H21\"><\/path>\n              <path d=\"M5 8L10 5L15 7L20 3\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h4>Cybersecurity Strategy & Roadmap Development<\/h4>\n\n          <a href=\"#contact\">\n            View Service\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/article>\n\n        <article class=\"tvi-card\">\n\n          <div class=\"tvi-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"12\" cy=\"5\" r=\"2\"><\/circle>\n              <circle cx=\"6\" cy=\"18\" r=\"2\"><\/circle>\n              <circle cx=\"18\" cy=\"18\" r=\"2\"><\/circle>\n              <path d=\"M12 7V11\"><\/path>\n              <path d=\"M12 11H6V16\"><\/path>\n              <path d=\"M12 11H18V16\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h4>Cybersecurity Governance Framework Design<\/h4>\n\n          <a href=\"#contact\">\n            View Service\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/article>\n\n        <article class=\"tvi-card\">\n\n          <div class=\"tvi-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M4 4H10V10H4V4Z\"><\/path>\n              <path d=\"M14 4H20V10H14V4Z\"><\/path>\n              <path d=\"M9 14H15V20H9V14Z\"><\/path>\n              <path d=\"M7 10V12H12V14\"><\/path>\n              <path d=\"M17 10V12H12\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h4>Cybersecurity Operating Model Design<\/h4>\n\n          <a href=\"#contact\">\n            View Service\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/article>\n\n        <article class=\"tvi-card\">\n\n          <div class=\"tvi-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 3L4.5 6.2V11.2C4.5 15.8 7.6 20.1 12 21.5C16.4 20.1 19.5 15.8 19.5 11.2V6.2L12 3Z\"><\/path>\n              <path d=\"M12 8V13\"><\/path>\n              <path d=\"M12 16H12.01\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h4>Information Security Risk Assessment<\/h4>\n\n          <a href=\"#contact\">\n            View Service\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/article>\n\n        <article class=\"tvi-card\">\n\n          <div class=\"tvi-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\n              <path d=\"M8 12L11 15L16 9\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h4>Cybersecurity Maturity Assessment<\/h4>\n\n          <a href=\"#contact\">\n            View Service\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/article>\n\n        <article class=\"tvi-card\">\n\n          <div class=\"tvi-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M7 3H17C18.1 3 19 3.9 19 5V19C19 20.1 18.1 21 17 21H7C5.9 21 5 20.1 5 19V5C5 3.9 5.9 3 7 3Z\"><\/path>\n              <path d=\"M8.5 9L10.5 11L15.5 6\"><\/path>\n              <path d=\"M8 15H16\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h4>Compliance Readiness Assessment<\/h4>\n\n          <a href=\"#contact\">\n            View Service\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/article>\n\n        <article class=\"tvi-card\">\n\n          <div class=\"tvi-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 3L15 6L19 6.5L18.5 10.5L21 13.5L18 16L17.5 20L13.5 19.5L10.5 22L8 19L4 18.5L4.5 14.5L2 11.5L5 9L5.5 5L9.5 5.5L12 3Z\"><\/path>\n              <path d=\"M9 12L11 14L15 10\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h4>ISO\/IEC 27001 Implementation & Advisory<\/h4>\n\n          <a href=\"#contact\">\n            View Service\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- TRAINING -->\n    <div class=\"tvi-panel\" data-panel=\"training\">\n\n      <div class=\"tvi-category-intro\">\n\n        <div class=\"tvi-category-icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M4 5H20V16H4V5Z\"><\/path>\n            <path d=\"M8 20H16\"><\/path>\n            <path d=\"M12 16V20\"><\/path>\n            <path d=\"M9 10L11 12L15 8\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <div>\n          <span>Training & Enablement<\/span>\n\n          <h3>Develop Real-World Cyber Capabilities<\/h3>\n\n          <p>\n            Equip individuals and teams with practical, industry-relevant\n            cybersecurity skills through bootcamps, workshops and simulations.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"tvi-grid\">\n\n        <article class=\"tvi-card\">\n\n          <div class=\"tvi-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M4 5H20V16H4V5Z\"><\/path>\n              <path d=\"M8 20H16\"><\/path>\n              <path d=\"M12 16V20\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h4>Hands-On Cybersecurity Bootcamps<\/h4>\n\n        <\/article>\n\n        <article class=\"tvi-card\">\n\n          <div class=\"tvi-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 3L15 6L19 6.5L18.5 10.5L21 13.5L18 16L17.5 20L13.5 19.5L10.5 22L8 19L4 18.5L4.5 14.5L2 11.5L5 9L5.5 5L9.5 5.5L12 3Z\"><\/path>\n              <path d=\"M9 12L11 14L15 10\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h4>Authorized Vendor Certification Training<\/h4>\n\n        <\/article>\n\n        <article class=\"tvi-card\">\n\n          <div class=\"tvi-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M4 7H20\"><\/path>\n              <path d=\"M4 12H20\"><\/path>\n              <path d=\"M4 17H20\"><\/path>\n              <circle cx=\"8\" cy=\"7\" r=\"2\"><\/circle>\n              <circle cx=\"15\" cy=\"12\" r=\"2\"><\/circle>\n              <circle cx=\"10\" cy=\"17\" r=\"2\"><\/circle>\n            <\/svg>\n          <\/div>\n\n          <h4>Customized Cybersecurity & IT Workshops<\/h4>\n\n        <\/article>\n\n        <article class=\"tvi-card\">\n\n          <div class=\"tvi-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 3L4.5 6.2V11.2C4.5 15.8 7.6 20.1 12 21.5C16.4 20.1 19.5 15.8 19.5 11.2V6.2L12 3Z\"><\/path>\n              <path d=\"M12 8V13\"><\/path>\n              <path d=\"M12 16H12.01\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h4>Security Awareness & Culture Program<\/h4>\n\n        <\/article>\n\n        <article class=\"tvi-card\">\n\n          <div class=\"tvi-card-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M3 6L12 12L21 6\"><\/path>\n              <path d=\"M4 5H20C20.6 5 21 5.4 21 6V18C21 18.6 20.6 19 20 19H4C3.4 19 3 18.6 3 18V6C3 5.4 3.4 5 4 5Z\"><\/path>\n              <path d=\"M15.5 13.5L18.5 16.5\"><\/path>\n              <path d=\"M18.5 13.5L15.5 16.5\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <h4>Phishing Simulation & User Resilience Exercises<\/h4>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- Footer CTA -->\n    <div class=\"tvi-footer\">\n\n      <a href=\"https:\/\/thetechvisions.com\/service\/\" class=\"tvi-all-button\">\n        View All Services\n        <span>\u2192<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');\n\n\/* \u0645\u0646\u0639 \u0623\u064a \u0645\u0633\u0627\u062d\u0629 \u0623\u0648 \u062a\u0645\u0631\u064a\u0631 \u0623\u0641\u0642\u064a *\/\nhtml,\nbody {\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n  overflow-x: hidden;\n}\n\n.tvi-services,\n.tvi-services * {\n  box-sizing: border-box;\n}\n\n.tvi-services {\n  --tvi-blue: #248aff;\n  --tvi-dark-blue: #0b2e63;\n  --tvi-navy: #071a33;\n  --tvi-muted: #65778d;\n\n  width: 100% !important;\n  max-width: 100% !important;\n\n  position: relative;\n  left: auto !important;\n  right: auto !important;\n\n  margin: 0 !important;\n  padding: 110px 0;\n\n  overflow: hidden;\n\n  font-family: \"Inter\", sans-serif;\n\n  background:\n    radial-gradient(\n      circle at 90% 10%,\n      rgba(36, 138, 255, 0.1),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 5% 90%,\n      rgba(85, 199, 255, 0.08),\n      transparent 25%\n    ),\n    linear-gradient(\n      135deg,\n      #f5f8fc 0%,\n      #ffffff 50%,\n      #f1f7ff 100%\n    );\n}\n\n.tvi-container {\n  width: 100% !important;\n  max-width: 100% !important;\n\n  position: relative;\n  z-index: 3;\n\n  margin: 0 !important;\n  padding-left: clamp(18px, 3.5vw, 60px);\n  padding-right: clamp(18px, 3.5vw, 60px);\n}\n\n\/* Background Effects *\/\n\n.tvi-services-pattern {\n  position: absolute;\n  inset: 0;\n  opacity: 0.55;\n  pointer-events: none;\n\n  background-image:\n    linear-gradient(\n      rgba(36, 138, 255, 0.035) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(36, 138, 255, 0.035) 1px,\n      transparent 1px\n    );\n\n  background-size: 58px 58px;\n\n  -webkit-mask-image: linear-gradient(\n    to bottom,\n    black,\n    transparent 95%\n  );\n\n  mask-image: linear-gradient(\n    to bottom,\n    black,\n    transparent 95%\n  );\n}\n\n.tvi-services-glow {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(110px);\n  pointer-events: none;\n}\n\n.tvi-glow-one {\n  width: 350px;\n  height: 350px;\n  top: -170px;\n  right: -150px;\n  background: rgba(36, 138, 255, 0.12);\n}\n\n.tvi-glow-two {\n  width: 300px;\n  height: 300px;\n  left: -160px;\n  bottom: -120px;\n  background: rgba(85, 199, 255, 0.1);\n}\n\n\/* Heading *\/\n\n.tvi-main-heading {\n  width: 100%;\n  max-width: 900px;\n  margin: 0 0 45px;\n}\n\n.tvi-main-heading > span {\n  display: block;\n  margin-bottom: 13px;\n\n  color: #2785e5;\n\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.7px;\n  text-transform: uppercase;\n}\n\n.tvi-main-heading h2 {\n  margin: 0;\n\n  color: #071a33;\n\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: clamp(38px, 4.5vw, 65px);\n  line-height: 1.04;\n  letter-spacing: -2.5px;\n  font-weight: 700;\n}\n\n.tvi-main-heading h2 strong {\n  display: block;\n\n  color: transparent;\n\n  background: linear-gradient(\n    90deg,\n    #0b2e63,\n    #248aff,\n    #55c7ff\n  );\n\n  background-clip: text;\n  -webkit-background-clip: text;\n}\n\n.tvi-main-heading p {\n  max-width: 720px;\n  margin: 20px 0 0;\n\n  color: #65778d;\n\n  font-size: 15px;\n  line-height: 1.8;\n}\n\n\/* Tabs *\/\n\n.tvi-tabs {\n  width: 100% !important;\n  max-width: 100% !important;\n\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n\n  margin: 0 0 44px;\n\n  overflow: hidden;\n\n  background: #ffffff;\n  border: 1px solid #0b2e63;\n  border-radius: 5px;\n\n  box-shadow: 0 12px 30px rgba(7, 26, 51, 0.07);\n}\n\n.tvi-tab {\n  min-width: 0;\n  min-height: 60px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: 12px 18px;\n\n  cursor: pointer;\n\n  color: #071a33;\n  background: #ffffff;\n\n  border: 0;\n  border-right: 1px solid #0b2e63;\n\n  font-family: \"Inter\", sans-serif;\n  font-size: 12px;\n  line-height: 1.35;\n  font-weight: 700;\n  text-align: center;\n\n  transition:\n    color 0.3s ease,\n    background 0.3s ease;\n}\n\n.tvi-tab:last-child {\n  border-right: 0;\n}\n\n.tvi-tab:hover {\n  color: #248aff;\n  background: #f1f7ff;\n}\n\n.tvi-tab.active {\n  color: #ffffff;\n\n  background: linear-gradient(\n    135deg,\n    #0b2e63,\n    #248aff\n  );\n}\n\n\/* Client requested updates *\/\n.tvi-tab[data-tab=\"grc\"] {\n  line-height: 1.25;\n}\n\n.tvi-panel[data-panel=\"training\"] .tvi-card {\n  min-height: 190px;\n}\n\n\/* Panels *\/\n\n.tvi-panel {\n  display: none;\n  width: 100%;\n  max-width: 100%;\n\n  animation: tviFade 0.45s ease;\n}\n\n.tvi-panel.active {\n  display: block;\n}\n\n.tvi-category-intro {\n  width: 100%;\n  max-width: 950px;\n\n  display: grid;\n  grid-template-columns: 72px minmax(0, 1fr);\n  align-items: start;\n  gap: 22px;\n\n  margin: 0 0 36px;\n  padding-left: 20px;\n}\n\n.tvi-category-icon {\n  width: 72px;\n  height: 72px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  color: #248aff;\n}\n\n.tvi-category-icon svg {\n  width: 58px;\n  height: 58px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.45;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tvi-category-intro span {\n  display: block;\n\n  color: #248aff;\n\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.4px;\n  line-height: 1.5;\n  text-transform: uppercase;\n}\n\n.tvi-category-intro h3 {\n  margin: 7px 0 13px;\n\n  color: #071a33;\n\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: clamp(30px, 3vw, 45px);\n  line-height: 1.05;\n  letter-spacing: -1.5px;\n  font-weight: 700;\n}\n\n.tvi-category-intro p {\n  max-width: 760px;\n  margin: 0;\n\n  color: #607086;\n\n  font-size: 13px;\n  line-height: 1.75;\n}\n\n\/* Cards Grid *\/\n\n.tvi-grid {\n  width: 100% !important;\n  max-width: 100% !important;\n\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  align-items: stretch;\n  gap: 18px;\n\n  margin: 0 !important;\n}\n\n.tvi-card {\n  width: 100%;\n  min-width: 0;\n  min-height: 230px;\n\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n\n  padding: 28px;\n  overflow: hidden;\n\n  background: rgba(255, 255, 255, 0.94);\n\n  border: 1px solid rgba(11, 46, 99, 0.08);\n  border-radius: 4px;\n\n  box-shadow: 0 8px 25px rgba(7, 26, 51, 0.1);\n\n  transition:\n    transform 0.3s ease,\n    box-shadow 0.3s ease,\n    border-color 0.3s ease;\n}\n\n.tvi-card::before {\n  content: \"\";\n\n  width: 180px;\n  height: 180px;\n\n  position: absolute;\n  top: -115px;\n  right: -95px;\n\n  border-radius: 50%;\n\n  background: rgba(36, 138, 255, 0.06);\n  filter: blur(22px);\n\n  transition: background 0.3s ease;\n}\n\n.tvi-card::after {\n  content: \"\";\n\n  width: 0;\n  height: 3px;\n\n  position: absolute;\n  left: 0;\n  bottom: 0;\n\n  background: linear-gradient(\n    90deg,\n    #0b2e63,\n    #248aff,\n    #55c7ff\n  );\n\n  transition: width 0.35s ease;\n}\n\n.tvi-card:hover {\n  transform: translateY(-6px);\n\n  border-color: rgba(36, 138, 255, 0.28);\n\n  box-shadow:\n    0 18px 40px rgba(7, 26, 51, 0.14),\n    0 0 28px rgba(36, 138, 255, 0.05);\n}\n\n.tvi-card:hover::before {\n  background: rgba(36, 138, 255, 0.13);\n}\n\n.tvi-card:hover::after {\n  width: 100%;\n}\n\n.tvi-card-icon {\n  width: 55px;\n  height: 55px;\n\n  position: relative;\n  z-index: 2;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 20px;\n\n  color: #248aff;\n}\n\n.tvi-card-icon svg {\n  width: 50px;\n  height: 50px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.45;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tvi-card h4 {\n  max-width: 360px;\n\n  position: relative;\n  z-index: 2;\n\n  margin: 0 0 25px;\n\n  color: #071a33;\n\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: clamp(18px, 1.45vw, 23px);\n  line-height: 1.08;\n  letter-spacing: -0.5px;\n  font-weight: 700;\n\n  overflow-wrap: break-word;\n}\n\n.tvi-card a {\n  width: fit-content;\n\n  position: relative;\n  z-index: 2;\n\n  display: inline-flex !important;\n  align-items: center;\n  gap: 7px;\n\n  margin-top: auto;\n\n  color: #248aff !important;\n\n  font-size: 11px !important;\n  line-height: 1 !important;\n  font-weight: 700 !important;\n\n  text-decoration: none !important;\n}\n\n.tvi-card a span {\n  display: inline-flex;\n  transition: transform 0.3s ease;\n}\n\n.tvi-card a:hover span {\n  transform: translateX(5px);\n}\n\n\/* Footer *\/\n\n.tvi-footer {\n  width: 100%;\n  max-width: 100%;\n\n  margin: 38px 0 0;\n\n  text-align: center;\n}\n\n.tvi-all-button {\n  min-width: 190px;\n  min-height: 54px;\n\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n\n  padding: 13px 24px !important;\n\n  color: #ffffff !important;\n\n  background: linear-gradient(\n    135deg,\n    #0b2e63,\n    #248aff\n  ) !important;\n\n  border: 1px solid rgba(36, 138, 255, 0.22) !important;\n  border-radius: 6px !important;\n\n  box-shadow: 0 12px 28px rgba(11, 46, 99, 0.2);\n\n  font-size: 12px !important;\n  line-height: 1 !important;\n  font-weight: 700 !important;\n\n  text-decoration: none !important;\n\n  transition:\n    transform 0.3s ease,\n    box-shadow 0.3s ease !important;\n}\n\n.tvi-all-button:hover {\n  color: #ffffff !important;\n\n  transform: translateY(-3px);\n\n  box-shadow: 0 17px 35px rgba(11, 46, 99, 0.28);\n}\n\n.tvi-all-button span {\n  transition: transform 0.3s ease;\n}\n\n.tvi-all-button:hover span {\n  transform: translateX(4px);\n}\n\n\/* Animation *\/\n\n@keyframes tviFade {\n  from {\n    opacity: 0;\n    transform: translateY(12px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* Large Screens *\/\n\n@media (min-width: 1500px) {\n  .tvi-grid {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n\n  .tvi-card {\n    min-height: 235px;\n  }\n\n  .tvi-card h4 {\n    font-size: 21px;\n  }\n}\n\n\/* Laptop *\/\n\n@media (max-width: 1200px) {\n  .tvi-container {\n    padding-left: 30px;\n    padding-right: 30px;\n  }\n\n  .tvi-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .tvi-card {\n    padding: 24px;\n  }\n\n  .tvi-card h4 {\n    font-size: 20px;\n  }\n}\n\n\/* Tablet *\/\n\n@media (max-width: 1024px) {\n  .tvi-services {\n    padding: 90px 0;\n  }\n\n  .tvi-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .tvi-tabs {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .tvi-tab:nth-child(2) {\n    border-right: 0;\n  }\n\n  .tvi-tab:nth-child(-n + 2) {\n    border-bottom: 1px solid #0b2e63;\n  }\n\n  .tvi-tab:nth-child(3) {\n    border-right: 1px solid #0b2e63;\n  }\n\n  .tvi-card {\n    min-height: 220px;\n  }\n}\n\n\/* Mobile *\/\n\n@media (max-width: 767px) {\n  .tvi-services {\n    width: 100% !important;\n    padding: 75px 0;\n  }\n\n  .tvi-container {\n    width: 100% !important;\n    padding-left: 15px;\n    padding-right: 15px;\n  }\n\n  .tvi-main-heading {\n    margin-bottom: 35px;\n  }\n\n  .tvi-main-heading h2 {\n    font-size: 38px;\n    letter-spacing: -1.8px;\n  }\n\n  .tvi-main-heading p {\n    font-size: 14px;\n  }\n\n  .tvi-tabs {\n    grid-template-columns: 1fr;\n    border-bottom: 0;\n  }\n\n  .tvi-tab,\n  .tvi-tab:nth-child(2),\n  .tvi-tab:nth-child(3),\n  .tvi-tab:last-child {\n    min-height: 55px;\n\n    border-right: 0;\n    border-bottom: 1px solid #0b2e63;\n  }\n\n  .tvi-category-intro {\n    grid-template-columns: 55px minmax(0, 1fr);\n    gap: 15px;\n\n    padding-left: 0;\n  }\n\n  .tvi-category-icon {\n    width: 55px;\n    height: 55px;\n  }\n\n  .tvi-category-icon svg {\n    width: 48px;\n    height: 48px;\n  }\n\n  .tvi-category-intro h3 {\n    font-size: 31px;\n    letter-spacing: -1px;\n  }\n\n  .tvi-category-intro p {\n    font-size: 12px;\n  }\n\n  .tvi-grid {\n    grid-template-columns: 1fr;\n    gap: 15px;\n  }\n\n  .tvi-card {\n    min-height: 205px;\n    padding: 24px;\n  }\n\n  .tvi-card h4 {\n    font-size: 22px;\n  }\n\n  .tvi-all-button {\n    width: 100%;\n  }\n}\n\n\/* Small Mobile *\/\n\n@media (max-width: 420px) {\n  .tvi-main-heading h2 {\n    font-size: 34px;\n  }\n\n  .tvi-category-intro {\n    grid-template-columns: 1fr;\n  }\n\n  .tvi-category-intro h3 {\n    font-size: 28px;\n  }\n\n  .tvi-card {\n    padding: 22px 20px;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  function initializeTechVisionsServices() {\n    const sections = document.querySelectorAll(\".tvi-services\");\n\n    sections.forEach(function (section) {\n      if (section.dataset.tviInitialized === \"true\") {\n        return;\n      }\n\n      section.dataset.tviInitialized = \"true\";\n\n      const tabs = Array.from(\n        section.querySelectorAll(\".tvi-tab\")\n      );\n\n      const panels = Array.from(\n        section.querySelectorAll(\".tvi-panel\")\n      );\n\n      tabs.forEach(function (tab) {\n        tab.addEventListener(\"click\", function () {\n          const targetName = tab.getAttribute(\"data-tab\");\n\n          tabs.forEach(function (item) {\n            item.classList.remove(\"active\");\n            item.setAttribute(\"aria-selected\", \"false\");\n          });\n\n          panels.forEach(function (panel) {\n            panel.classList.remove(\"active\");\n          });\n\n          tab.classList.add(\"active\");\n          tab.setAttribute(\"aria-selected\", \"true\");\n\n          const targetPanel = section.querySelector(\n            '.tvi-panel[data-panel=\"' + targetName + '\"]'\n          );\n\n          if (targetPanel) {\n            targetPanel.classList.add(\"active\");\n          }\n        });\n      });\n    });\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initializeTechVisionsServices\n    );\n  } else {\n    initializeTechVisionsServices();\n  }\n\n  window.addEventListener(\n    \"load\",\n    initializeTechVisionsServices\n  );\n})();\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-757288dc e-con e-atomic-element e-flexbox-base e-757288dc-1c1e231 \" data-id=\"757288dc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"757288dc\">\n    \t\t<div class=\"elementor-element elementor-element-420dbb11 elementor-widget elementor-widget-shortcode\" data-id=\"420dbb11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- =========================================================\n     TECH VISIONS SERVICES CTA\n========================================================= -->\n\n<section class=\"tv-services-cta\">\n\n  <!-- Background -->\n  <div class=\"tv-services-cta-grid\"><\/div>\n  <div class=\"tv-services-cta-glow tv-services-cta-glow-one\"><\/div>\n  <div class=\"tv-services-cta-glow tv-services-cta-glow-two\"><\/div>\n\n  <div class=\"tv-services-cta-container\">\n\n    <div class=\"tv-services-cta-box\">\n\n      <!-- Content -->\n      <div class=\"tv-services-cta-copy\">\n\n        <span class=\"tv-services-cta-label\">\n          READY TO BECOME OUR NEXT SUCCESS STORY?\n        <\/span>\n\n        <h2>\n          Let us help you strengthen your cybersecurity posture\n          and build lasting security capabilities.\n        <\/h2>\n\n      <\/div>\n\n\n      <!-- Button -->\n      <a\n        href=\"https:\/\/thetechvisions.com\/service\/\"\n        class=\"tv-services-cta-button\"\n      >\n\n        View All Services\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M7 17L17 7\"><\/path>\n          <path d=\"M9 7H17V15\"><\/path>\n        <\/svg>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');\n\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.tv-services-cta,\n.tv-services-cta * {\n  box-sizing: border-box;\n}\n\n\n.tv-services-cta {\n  width: 100vw;\n  max-width: 100vw;\n\n  position: relative;\n\n  left: 50%;\n\n  margin-left: -50vw;\n\n  padding: 75px 0;\n\n  overflow: hidden;\n\n  font-family:\n    \"Inter\",\n    sans-serif;\n\n  background:\n    radial-gradient(\n      circle at 92% 20%,\n      rgba(89, 202, 255, 0.12),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 5% 80%,\n      rgba(36, 138, 255, 0.09),\n      transparent 25%\n    ),\n    linear-gradient(\n      135deg,\n      #ffffff 0%,\n      #f7fbff 48%,\n      #edf6ff 100%\n    );\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.tv-services-cta-grid {\n  position: absolute;\n\n  inset: 0;\n\n  opacity: 0.65;\n\n  pointer-events: none;\n\n  background-image:\n    linear-gradient(\n      rgba(36, 138, 255, 0.035) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(36, 138, 255, 0.035) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    58px 58px;\n}\n\n\n.tv-services-cta-glow {\n  position: absolute;\n\n  border-radius: 50%;\n\n  filter: blur(100px);\n\n  pointer-events: none;\n}\n\n\n.tv-services-cta-glow-one {\n  width: 320px;\n  height: 320px;\n\n  left: -170px;\n  top: -80px;\n\n  background:\n    rgba(36, 138, 255, 0.13);\n}\n\n\n.tv-services-cta-glow-two {\n  width: 360px;\n  height: 360px;\n\n  right: -170px;\n  bottom: -120px;\n\n  background:\n    rgba(89, 202, 255, 0.13);\n}\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.tv-services-cta-container {\n  width: 100%;\n\n  position: relative;\n\n  z-index: 3;\n\n  padding-left:\n    clamp(24px, 5vw, 90px);\n\n  padding-right:\n    clamp(24px, 5vw, 90px);\n}\n\n\n\/* =========================================================\n   CTA BOX\n========================================================= *\/\n\n.tv-services-cta-box {\n  width: 100%;\n\n  min-height: 170px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content:\n    space-between;\n\n  gap: 45px;\n\n  padding:\n    35px 40px;\n\n  position: relative;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      135deg,\n      #07111f 0%,\n      #091a30 55%,\n      #0a203b 100%\n    );\n\n  border:\n    1px solid\n    rgba(44, 140, 255, 0.18);\n\n  border-radius:\n    20px;\n\n  box-shadow:\n    0 28px 70px\n    rgba(17, 65, 116, 0.16);\n}\n\n\n\/* Decorative Glow *\/\n\n.tv-services-cta-box::before {\n  content: \"\";\n\n  width: 340px;\n  height: 340px;\n\n  position: absolute;\n\n  right: -160px;\n  top: -190px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(36, 138, 255, 0.13);\n\n  filter: blur(55px);\n\n  pointer-events: none;\n}\n\n\n.tv-services-cta-box::after {\n  content: \"\";\n\n  width: 3px;\n  height: 72px;\n\n  position: absolute;\n\n  top: 50%;\n  left: 0;\n\n  transform:\n    translateY(-50%);\n\n  background:\n    linear-gradient(\n      180deg,\n      #248aff,\n      #59caff\n    );\n\n  border-radius:\n    0 20px 20px 0;\n\n  box-shadow:\n    0 0 20px\n    rgba(36, 138, 255, 0.4);\n}\n\n\n\/* =========================================================\n   COPY\n========================================================= *\/\n\n.tv-services-cta-copy {\n  position: relative;\n\n  z-index: 2;\n\n  max-width:\n    1050px;\n}\n\n\n.tv-services-cta-label {\n  display: block;\n\n  margin-bottom:\n    13px;\n\n  color:\n    #59c5ff;\n\n  font-family:\n    \"Inter\",\n    sans-serif;\n\n  font-size:\n    10px;\n\n  line-height:\n    1.4;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    1.6px;\n\n  text-transform:\n    uppercase;\n}\n\n\n.tv-services-cta-copy h2 {\n  max-width:\n    950px;\n\n  margin:\n    0;\n\n  color:\n    #f5f9ff !important;\n\n  font-family:\n    \"Space Grotesk\",\n    sans-serif;\n\n  font-size:\n    clamp(\n      22px,\n      2vw,\n      31px\n    );\n\n  line-height:\n    1.35;\n\n  letter-spacing:\n    -0.7px;\n\n  font-weight:\n    600;\n}\n\n\n\/* =========================================================\n   BUTTON\n========================================================= *\/\n\n.tv-services-cta-button {\n  min-width:\n    225px;\n\n  min-height:\n    60px;\n\n  position: relative;\n\n  z-index: 3;\n\n  display:\n    inline-flex !important;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  gap:\n    12px;\n\n  flex-shrink:\n    0;\n\n  padding:\n    14px 25px !important;\n\n  color:\n    #ffffff !important;\n\n  background:\n    linear-gradient(\n      135deg,\n      #176ee8,\n      #2b9fff\n    ) !important;\n\n  border:\n    1px solid\n    rgba(90, 194, 255, 0.3) !important;\n\n  border-radius:\n    12px !important;\n\n  box-shadow:\n    0 16px 40px\n    rgba(31, 132, 255, 0.27);\n\n  font-family:\n    \"Inter\",\n    sans-serif;\n\n  font-size:\n    14px !important;\n\n  line-height:\n    1 !important;\n\n  font-weight:\n    700 !important;\n\n  text-decoration:\n    none !important;\n\n  white-space:\n    nowrap;\n\n  transition:\n    transform 0.3s ease,\n    box-shadow 0.3s ease !important;\n}\n\n\n.tv-services-cta-button:hover {\n  color:\n    #ffffff !important;\n\n  transform:\n    translateY(-4px);\n\n  box-shadow:\n    0 22px 50px\n    rgba(31, 132, 255, 0.4);\n}\n\n\n.tv-services-cta-button svg {\n  width:\n    18px;\n\n  height:\n    18px;\n\n  fill:\n    none;\n\n  stroke:\n    currentColor;\n\n  stroke-width:\n    2;\n\n  stroke-linecap:\n    round;\n\n  stroke-linejoin:\n    round;\n\n  transition:\n    transform 0.3s ease;\n}\n\n\n.tv-services-cta-button:hover svg {\n  transform:\n    translate(3px, -3px);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n  .tv-services-cta {\n    padding:\n      60px 0;\n  }\n\n\n  .tv-services-cta-container {\n    padding-left:\n      25px;\n\n    padding-right:\n      25px;\n  }\n\n\n  .tv-services-cta-box {\n    flex-direction:\n      column;\n\n    align-items:\n      flex-start;\n\n    gap:\n      28px;\n\n    padding:\n      32px;\n  }\n\n\n  .tv-services-cta-button {\n    min-width:\n      220px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .tv-services-cta {\n    padding:\n      45px 0;\n  }\n\n\n  .tv-services-cta-container {\n    padding-left:\n      16px;\n\n    padding-right:\n      16px;\n  }\n\n\n  .tv-services-cta-box {\n    min-height:\n      auto;\n\n    padding:\n      27px 22px;\n\n    border-radius:\n      16px;\n  }\n\n\n  .tv-services-cta-label {\n    font-size:\n      9px;\n\n    letter-spacing:\n      1.2px;\n  }\n\n\n  .tv-services-cta-copy h2 {\n    font-size:\n      21px;\n\n    line-height:\n      1.42;\n  }\n\n\n  .tv-services-cta-button {\n    width:\n      100%;\n\n    min-width:\n      0;\n\n    min-height:\n      56px;\n  }\n\n}\n\n<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cybersecurity Consulting &#038; Professional Training Securing Organizations. Empowering Cyber Talent. Tech Visions bridges the gap between cybersecurity and education through outcome-driven consulting, specialized training programs, awareness workshops and real-world cyber expertise. Explore Our Services \u2192 Delivering cybersecurity expertise across Levant GCC North Africa Global\/Remote \u2713 Security Assured Enterprise protection Systems Protected Continuous cyber readiness 0 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5273","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/thetechvisions.com\/ar\/wp-json\/wp\/v2\/pages\/5273","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thetechvisions.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thetechvisions.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thetechvisions.com\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thetechvisions.com\/ar\/wp-json\/wp\/v2\/comments?post=5273"}],"version-history":[{"count":72,"href":"https:\/\/thetechvisions.com\/ar\/wp-json\/wp\/v2\/pages\/5273\/revisions"}],"predecessor-version":[{"id":5692,"href":"https:\/\/thetechvisions.com\/ar\/wp-json\/wp\/v2\/pages\/5273\/revisions\/5692"}],"wp:attachment":[{"href":"https:\/\/thetechvisions.com\/ar\/wp-json\/wp\/v2\/media?parent=5273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}