<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="#02060D">
<meta name="color-scheme" content="dark">
<title>Digital Transformation | CodeVault Enterprise</title>
<meta name="description" content="End-to-end enterprise digital transformation — process digitalization, legacy modernization, enterprise application integration, IoT deployment, and organizatio">
<meta property="og:title" content="Digital Transformation | CodeVault Enterprise">
<meta property="og:description" content="End-to-end enterprise digital transformation — process digitalization, legacy modernization, enterprise application integration, IoT deployment, and organizatio">
<meta property="og:url" content="https://codevault.sa/crm/services/digital-transformation">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<meta property="og:site_name" content="CodeVault Enterprise">
<meta name="twitter:card" content="summary_large_image">
<meta name="robots" content="index,follow">
<link rel="canonical" href="https://codevault.sa/crm/services/digital-transformation">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="icon" type="image/svg+xml" href="/crm/images/codevault-mark.svg">
<link rel="stylesheet" href="/crm/assets/main.css">


</head>
<body class="">


<div id="topbar">
  <div class="cv-wrap">
    <div class="tb-left flex items-center gap-3">
      <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-slate-600"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
      <span>ISO 9001 Certified</span>
      <span class="tb-sep"></span>
      <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-slate-600"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
      <span>CCC Certified</span>
      <span class="tb-sep"></span>
      <span>CR: 7050292866</span>
    </div>
    <div class="tb-right flex items-center gap-3">
      <a href="tel:+966509031350" dir="ltr">+966 50 903 1350</a>
      <span class="tb-sep"></span>
      <a href="mailto:info@codevault.sa">info@codevault.sa</a>
    </div>
  </div>
</div>
<header id="site-header">
  <div class="cv-wrap">
    <div class="header-inner">
      
<a href="/crm/" class="logo">
  <span style="color:#fff">
<svg width="36" height="24" viewBox="0 0 120 80" fill="none">
  <path d="M38 8L18 28Q14 32 18 36L38 56H30L8 36Q4 32 8 28L30 8Z" fill="currentColor"/>
  <path d="M82 8L102 28Q106 32 102 36L82 56H90L112 36Q116 32 112 28L90 8Z" fill="currentColor"/>
  <circle cx="60" cy="32" r="7" fill="#00C896"/>
</svg></span>
  <div class="logo-wordmark">
    <span class="logo-name">CODEVAULT</span>
    <span class="logo-sub">Saudi Enterprise Technology Contractor</span>
  </div>
</a>

      <nav class="desktop-nav" aria-label="Primary">
        <div class="nav-item">
          <button class="nav-link">Solutions <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class=""><path d="M6 9l6 6 6-6"/></svg></button>
          
<div class="mega-dropdown" role="menu">
  <div class="mega-grid">
    
      <div class="mega-col">
        <div class="mega-heading">Infrastructure & Security</div>
        
          <a href="/crm/services/managed-it" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            Managed IT Services
            
          </a>
        
          <a href="/crm/services/cybersecurity" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            Cybersecurity
            
          </a>
        
          <a href="/crm/services/it-infrastructure" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            IT Infrastructure
            
          </a>
        
          <a href="/crm/services/networks-servers" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            Networks & Servers
            
          </a>
        
          <a href="/crm/services/data-center" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            Data Center
            
          </a>
        
          <a href="/crm/services/fiber-cabling" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            Fiber & Cabling
            
          </a>
        
          <a href="/crm/services/cloud-backup" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            Cloud & Backup
            
          </a>
        
          <a href="/crm/services/maintenance" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            Support Contracts
            
          </a>
        
      </div>
    
      <div class="mega-col">
        <div class="mega-heading">Digital & Software</div>
        
          <a href="/crm/services/web-development" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            Web Development
            
          </a>
        
          <a href="/crm/services/mobile-apps" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            Mobile Applications
            
          </a>
        
          <a href="/crm/services/digital-transformation" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            Digital Transformation
            
          </a>
        
          <a href="/crm/services/uiux-design" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            UI/UX Design
            
          </a>
        
          <a href="/crm/services/branding" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            Corporate Branding
            
          </a>
        
          <a href="/crm/services/hosting-email" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            Hosting & Email
            
          </a>
        
          <a href="/crm/services/industrial-support" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            Industrial Support
            
          </a>
        
      </div>
    
      <div class="mega-col">
        <div class="mega-heading">AI Systems</div>
        
          <a href="/crm/services/ai/enterprise-ai" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            Enterprise AI Platform
            <span class="mega-badge-new">NEW</span>
          </a>
        
          <a href="/crm/services/ai/ai-automation" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            AI Automation Systems
            
          </a>
        
          <a href="/crm/services/ai/ai-analytics" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            AI Analytics
            
          </a>
        
          <a href="/crm/services/ai/ai-document" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            AI Document Processing
            
          </a>
        
          <a href="/crm/services/ai/ai-chatbot" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            AI Chatbot Integration
            
          </a>
        
          <a href="/crm/services/ai/ai-workflow" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            AI Workflow Automation
            
          </a>
        
          <a href="/crm/services/ai/ai-operations" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            AI Operational Intel.
            
          </a>
        
      </div>
    
      <div class="mega-col">
        <div class="mega-heading">Governance</div>
        
          <a href="/crm/governance-compliance" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            Governance Overview
            
          </a>
        
          <a href="/crm/governance-compliance#nca" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            NCA ECC Alignment
            
          </a>
        
          <a href="/crm/governance-compliance#ccc" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            CCC Compliance
            
          </a>
        
          <a href="/crm/governance-compliance#iso" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            ISO 9001 Support
            
          </a>
        
          <a href="/crm/governance-compliance#iec" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            IEC 62443 / OT
            
          </a>
        
          <a href="/crm/governance-compliance#audit" class="mega-link" role="menuitem">
            <span class="ml-icon">›</span>
            Audit Preparation
            
          </a>
        
      </div>
    
  </div>
  <div class="mega-footer">
    <span class="mega-footer-note">25+ enterprise technology capability areas for Saudi industrial and government organizations</span>
    <a href="/crm/services" class="mega-footer-link">View all services <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class=""><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
  </div>
</div>
        </div>
        <div class="nav-item">
          <a href="/crm/industries" class="nav-link">Industries</a>
          
<div class="simple-dropdown" role="menu">
  
    <a href="/crm/industries#oil-gas" class="simple-link" role="menuitem">
      <div>
        <div class="sl-name">Oil & Gas</div>
        <div class="sl-desc">SCADA, OT security, infrastructure</div>
      </div>
    </a>
  
    <a href="/crm/industries#industrial" class="simple-link" role="menuitem">
      <div>
        <div class="sl-name">Industrial</div>
        <div class="sl-desc">OT/IT convergence, plant technology</div>
      </div>
    </a>
  
    <a href="/crm/industries#logistics" class="simple-link" role="menuitem">
      <div>
        <div class="sl-name">Ports & Logistics</div>
        <div class="sl-desc">TOS, IoT, supply chain visibility</div>
      </div>
    </a>
  
    <a href="/crm/industries#government" class="simple-link" role="menuitem">
      <div>
        <div class="sl-name">Government</div>
        <div class="sl-desc">NCA, SDAIA, digital government</div>
      </div>
    </a>
  
    <a href="/crm/industries#smart-cities" class="simple-link" role="menuitem">
      <div>
        <div class="sl-name">Smart Cities</div>
        <div class="sl-desc">NEOM and mega-project technology</div>
      </div>
    </a>
  
    <a href="/crm/industries#healthcare" class="simple-link" role="menuitem">
      <div>
        <div class="sl-name">Healthcare</div>
        <div class="sl-desc">CBAHI, HIS, medical networking</div>
      </div>
    </a>
  
    <a href="/crm/industries#financial" class="simple-link" role="menuitem">
      <div>
        <div class="sl-name">Financial Services</div>
        <div class="sl-desc">SAMA framework, core banking</div>
      </div>
    </a>
  
</div>
        </div>
        <div class="nav-item">
          <a href="/crm/governance-compliance" class="nav-link">Governance</a>
          
<div class="simple-dropdown" role="menu">
  
    <a href="/crm/governance-compliance#nca" class="simple-link" role="menuitem">
      <div>
        <div class="sl-name">NCA ECC Alignment</div>
        <div class="sl-desc">National Cybersecurity Authority</div>
      </div>
    </a>
  
    <a href="/crm/governance-compliance#ccc" class="simple-link" role="menuitem">
      <div>
        <div class="sl-name">CCC Compliance</div>
        <div class="sl-desc">Communications & Cloud Commission</div>
      </div>
    </a>
  
    <a href="/crm/governance-compliance#iso" class="simple-link" role="menuitem">
      <div>
        <div class="sl-name">ISO 9001 Readiness</div>
        <div class="sl-desc">Quality management certification support</div>
      </div>
    </a>
  
    <a href="/crm/governance-compliance#iec" class="simple-link" role="menuitem">
      <div>
        <div class="sl-name">IEC 62443 / OT</div>
        <div class="sl-desc">Industrial control system security</div>
      </div>
    </a>
  
    <a href="/crm/governance-compliance" class="simple-link" role="menuitem">
      <div>
        <div class="sl-name">Governance Overview</div>
        <div class="sl-desc">Standards-aligned governance programs</div>
      </div>
    </a>
  
</div>
        </div>
        <div class="nav-item">
          <a href="/crm/ai-systems" class="nav-link">AI Systems</a>
        </div>
        <div class="nav-item">
          <a href="/crm/projects" class="nav-link">Projects</a>
        </div>
        <div class="nav-item">
          <a href="/crm/about" class="nav-link">Company</a>
          
<div class="simple-dropdown" role="menu">
  
    <a href="/crm/about" class="simple-link" role="menuitem">
      <div>
        <div class="sl-name">About CodeVault</div>
        <div class="sl-desc">Company profile and mission</div>
      </div>
    </a>
  
    <a href="/crm/about#certifications" class="simple-link" role="menuitem">
      <div>
        <div class="sl-name">Certifications</div>
        <div class="sl-desc">ISO 9001, CCC, vendor approvals</div>
      </div>
    </a>
  
    <a href="/crm/industries" class="simple-link" role="menuitem">
      <div>
        <div class="sl-name">Industries Served</div>
        <div class="sl-desc">Sectors and specializations</div>
      </div>
    </a>
  
    <a href="/crm/contact" class="simple-link" role="menuitem">
      <div>
        <div class="sl-name">Contact</div>
        <div class="sl-desc">Eastern Province, Saudi Arabia</div>
      </div>
    </a>
  
</div>
        </div>
        <div class="nav-item">
          <a href="/crm/contact" class="nav-link">Contact</a>
        </div>
      </nav>

      <div class="header-ctas">
        <a href="https://wa.me/966509031350?text=Hello%2C%20I%20would%20like%20an%20enterprise%20consultation." target="_blank" rel="noopener" class="btn btn-ghost btn-sm">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class=""><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg> WhatsApp
        </a>
        <a href="/crm/quotation" class="btn btn-primary btn-sm">Request Quotation</a>
      </div>

      <button class="mobile-toggle" id="mobile-toggle-btn" aria-label="Open menu" aria-expanded="false">
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 12h16M4 18h7"/></svg>
      </button>
    </div>
  </div>
</header>

<div class="mobile-backdrop" id="mobile-backdrop"></div>
<div class="mobile-panel" id="mobile-panel" role="dialog" aria-label="Navigation">
  <div class="mobile-header">
    
<a href="/crm/" class="logo">
  <span style="color:#fff">
<svg width="36" height="24" viewBox="0 0 120 80" fill="none">
  <path d="M38 8L18 28Q14 32 18 36L38 56H30L8 36Q4 32 8 28L30 8Z" fill="currentColor"/>
  <path d="M82 8L102 28Q106 32 102 36L82 56H90L112 36Q116 32 112 28L90 8Z" fill="currentColor"/>
  <circle cx="60" cy="32" r="7" fill="#00C896"/>
</svg></span>
  <div class="logo-wordmark">
    <span class="logo-name">CODEVAULT</span>
    <span class="logo-sub">Saudi Enterprise Technology Contractor</span>
  </div>
</a>
    <button id="mobile-close-btn" class="btn btn-ghost btn-sm" aria-label="Close">
      <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>
    </button>
  </div>
  <nav class="mobile-nav">
    <a href="/crm/">Home</a>
    <a href="/crm/services">Solutions</a>
    <a href="/crm/industries">Industries</a>
    <a href="/crm/governance-compliance">Governance</a>
    <a href="/crm/ai-systems">AI Systems</a>
    <a href="/crm/projects">Projects</a>
    <a href="/crm/about">About</a>
    <a href="/crm/contact">Contact</a>
  </nav>
  <div class="mobile-ctas">
    <a href="/crm/quotation" class="btn btn-signal btn-md btn-full">Request Quotation</a>
    <a href="https://wa.me/966509031350?text=Hello%2C%20I%20would%20like%20an%20enterprise%20consultation." target="_blank" rel="noopener" class="btn btn-wa btn-md btn-full">
      <svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor" class=""><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg> WhatsApp Team
    </a>
  </div>
</div>
<main id="main-content">

  
<section class="page-hero">
  <div class="hero-top-line"></div>
  <div class="hero-glow" style="width:600px;height:500px;top:-160px;right:-160px;background:rgba(0,200,150,1)"></div>
  <div style="position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(0,200,150,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,200,150,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 90% 80% at 20% 50%,black,transparent);mask-image:radial-gradient(ellipse 90% 80% at 20% 50%,black,transparent)"></div>
  <div class="cv-wrap" style="position:relative">
    <nav class="breadcrumb" aria-label="Breadcrumb">
      <a href="/crm/">Home</a><span class="sep"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class=""><path d="M9 18l6-6-6-6"/></svg></span><a href="/crm/services">Services</a><span class="sep"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class=""><path d="M9 18l6-6-6-6"/></svg></span><span>Digital Transformation</span>
    </nav>
    <div class="eyebrow">Enterprise Digitalization</div>
    <h1 class="cv-title-lg text-balance" style="max-width:800px;margin-bottom:20px">Digital Transformation</h1>
    <p class="cv-lead" style="margin-bottom:28px">End-to-end enterprise digital transformation — process digitalization, legacy modernization, enterprise application integration, IoT deployment, and organizational change management aligned to Vision 2030.</p>
    <div class="hero-badges"><span class="badge badge-outline">NCA ECC Aligned</span><span class="badge badge-outline">CCC Compliant</span><span class="badge badge-outline">ISO 9001 Certified</span></div>
    <div class="hero-ctas">
      <a href="/crm/quotation" class="btn btn-signal btn-lg">Request Quotation <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class=""><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
      <a href="https://wa.me/966509031350?text=Hello%2C%20I%20would%20like%20to%20request%20a%20Digital%20Transformation%20consultation%20from%20CodeVault." target="_blank" rel="noopener" class="btn btn-wa btn-lg"><svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor" class=""><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg> WhatsApp Inquiry</a>
    </div>
    <div class="hero-metrics"><div><div class="hero-metric-val">P1<1hr</div><div class="hero-metric-lbl">Response SLA</div></div><div><div class="hero-metric-val">24/7</div><div class="hero-metric-lbl">Operations</div></div><div><div class="hero-metric-val">ISO</div><div class="hero-metric-lbl">9001 Certified</div></div></div>
  </div>
</section>

  <!-- OVERVIEW -->
  <section class="cv-section">
    <div class="cv-wrap">
      <div class="service-overview">
        <div>
          <div class="eyebrow">Technical Overview</div>
          <h2 class="cv-title-sm" style="margin-top:8px;margin-bottom:20px">Digital Transformation</h2>
          <p style="color:#9aa3b5;line-height:1.75;font-size:.9375rem;margin-bottom:28px">End-to-end enterprise digital transformation — process digitalization, legacy modernization, enterprise application integration, IoT deployment, and organizational change management aligned to Vision 2030.</p>

          <!-- Sectors -->
          <div style="margin-bottom:20px">
            <div style="font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#4a5267;margin-bottom:12px">Sectors Served</div>
            <div style="display:flex;flex-wrap:wrap;gap:8px">
              <span class="badge badge-outline">Industrial</span><span class="badge badge-outline">Government</span><span class="badge badge-outline">Oil & Gas</span><span class="badge badge-outline">Logistics</span>
            </div>
          </div>

          <!-- Technologies -->
          <div>
            <div style="font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#4a5267;margin-bottom:12px">Technologies &amp; Platforms</div>
            <div style="display:flex;flex-wrap:wrap;gap:8px">
              <span class="tech-tag">SAP S/4HANA</span><span class="tech-tag">Microsoft 365</span><span class="tech-tag">Power Platform</span><span class="tech-tag">Azure Integration</span><span class="tech-tag">MuleSoft</span><span class="tech-tag">IoT Hub</span><span class="tech-tag">Power BI</span>
            </div>
          </div>
        </div>

        <!-- Benefits sidebar -->
        <aside>
          <div class="benefits-panel">
            <div style="padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05)">
              <h3 style="font-size:.9375rem;font-weight:700;color:#fff">Why CodeVault</h3>
            </div>
            
              <div class="benefit-item">
                <div class="benefit-icon"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg></div>
                <div>
                  <div style="font-size:.875rem;font-weight:600;color:#fff;margin-bottom:2px">Enterprise SLA Commitments</div>
                  <div style="font-family:monospace;font-size:.75rem;color:var(--signal);margin-bottom:4px">P1 < 1hr</div>
                  <p style="font-size:.8125rem;color:#6b7590;line-height:1.55">Formally defined service levels with financial accountability — not best-effort delivery.</p>
                </div>
              </div>
            
              <div class="benefit-item">
                <div class="benefit-icon"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg></div>
                <div>
                  <div style="font-size:.875rem;font-weight:600;color:#fff;margin-bottom:2px">Standards-Aligned Operations</div>
                  
                  <p style="font-size:.8125rem;color:#6b7590;line-height:1.55">All deliverables designed to standards-based frameworks — NCA ECC, CCC, ISO 9001 — embedded from initial architecture.</p>
                </div>
              </div>
            
              <div class="benefit-item">
                <div class="benefit-icon"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg></div>
                <div>
                  <div style="font-size:.875rem;font-weight:600;color:#fff;margin-bottom:2px">Local Engineering Presence</div>
                  
                  <p style="font-size:.8125rem;color:#6b7590;line-height:1.55">Saudi-based engineers in the Eastern Province — no timezone lag, no offshore escalation.</p>
                </div>
              </div>
            
              <div class="benefit-item">
                <div class="benefit-icon"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg></div>
                <div>
                  <div style="font-size:.875rem;font-weight:600;color:#fff;margin-bottom:2px">Full Audit Documentation</div>
                  
                  <p style="font-size:.8125rem;color:#6b7590;line-height:1.55">Complete documentation, as-built records, and operational reports providing full traceability.</p>
                </div>
              </div>
            
              <div class="benefit-item">
                <div class="benefit-icon"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg></div>
                <div>
                  <div style="font-size:.875rem;font-weight:600;color:#fff;margin-bottom:2px">Contractual Accountability</div>
                  
                  <p style="font-size:.8125rem;color:#6b7590;line-height:1.55">Defined scope, measurable outcomes, and formal change management across every engagement.</p>
                </div>
              </div>
            
            <div style="padding:16px 20px;border-top:1px solid rgba(255,255,255,.05)">
              <a href="/crm/quotation" class="btn btn-signal btn-sm btn-full">Get Enterprise Proposal</a>
            </div>
          </div>
        </aside>
      </div>
    </div>
  </section>

  <!-- CAPABILITIES -->
  <section class="cv-section cv-surface">
    <div class="cv-wrap">
      <div class="section-header-center">
        <div class="eyebrow center">Technical Capabilities</div>
        <h2 class="cv-title-sm" style="margin-top:8px">Full-scope service delivery</h2>
      </div>
      <div class="cv-grid-3">
        
          <div class="capability-card">
            <div class="card-icon" style="margin-bottom:16px;">
              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-slate-400"><circle cx="12" cy="12" r="10"/></svg>
            </div>
            <h3 style="font-size:.9375rem;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.3">Digital Transformation — Core Capability</h3>
            <p style="font-size:.875rem;color:#6b7590;line-height:1.65">Comprehensive enterprise capability designed for Saudi organizations with full documentation and contractual SLAs.</p>
          </div>
        
          <div class="capability-card">
            <div class="card-icon" style="margin-bottom:16px;">
              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-slate-400"><circle cx="12" cy="12" r="10"/></svg>
            </div>
            <h3 style="font-size:.9375rem;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.3">Enterprise Integration</h3>
            <p style="font-size:.875rem;color:#6b7590;line-height:1.65">Seamless integration with existing SAP, Oracle, Microsoft, and operational systems.</p>
          </div>
        
          <div class="capability-card">
            <div class="card-icon" style="margin-bottom:16px;">
              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-slate-400"><circle cx="12" cy="12" r="10"/></svg>
            </div>
            <h3 style="font-size:.9375rem;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.3">NCA & CCC Compliance</h3>
            <p style="font-size:.875rem;color:#6b7590;line-height:1.65">All deliverables aligned to NCA ECC and CCC requirements with audit-ready documentation.</p>
          </div>
        
          <div class="capability-card">
            <div class="card-icon" style="margin-bottom:16px;">
              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-slate-400"><circle cx="12" cy="12" r="10"/></svg>
            </div>
            <h3 style="font-size:.9375rem;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.3">Security-First Architecture</h3>
            <p style="font-size:.875rem;color:#6b7590;line-height:1.65">Security embedded from initial design — meeting enterprise security standards by default.</p>
          </div>
        
          <div class="capability-card">
            <div class="card-icon" style="margin-bottom:16px;">
              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-slate-400"><circle cx="12" cy="12" r="10"/></svg>
            </div>
            <h3 style="font-size:.9375rem;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.3">Performance Monitoring</h3>
            <p style="font-size:.875rem;color:#6b7590;line-height:1.65">Continuous performance monitoring and optimization to maintain SLA targets.</p>
          </div>
        
          <div class="capability-card">
            <div class="card-icon" style="margin-bottom:16px;">
              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-slate-400"><circle cx="12" cy="12" r="10"/></svg>
            </div>
            <h3 style="font-size:.9375rem;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.3">Documentation & Reporting</h3>
            <p style="font-size:.875rem;color:#6b7590;line-height:1.65">Complete technical documentation, monthly reports, and quarterly executive reviews.</p>
          </div>
        
      </div>
    </div>
  </section>

  <!-- DELIVERY PROCESS -->
  <section class="cv-section">
    <div class="cv-wrap">
      <div style="display:grid;grid-template-columns:1fr 440px;gap:56px;align-items:start">
        <div>
          <div class="eyebrow">Delivery Methodology</div>
          <h2 class="cv-title-sm" style="margin-top:8px;margin-bottom:16px">Structured. Documented. Accountable.</h2>
          <p style="color:#9aa3b5;line-height:1.7;margin-bottom:36px">Every engagement follows a defined delivery framework with formal outputs, stakeholder approvals, and traceability at each phase — aligned to enterprise governance requirements.</p>
          <div class="delivery-timeline">
            
              <div class="delivery-phase" style="">
                <div class="phase-dot">01</div>
                <div style="padding:8px 0 8px 24px">
                  <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px">
                    <h3 style="font-size:.9375rem;font-weight:700;color:#fff">Requirements Assessment</h3>
                    <span style="font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#4a5267;border:1px solid rgba(255,255,255,.06);border-radius:5px;padding:2px 8px">1–2 weeks</span>
                  </div>
                  <p style="font-size:.875rem;color:#9aa3b5;line-height:1.6;margin-bottom:10px">Formal assessment of current environment, objectives, and constraints — producing a baseline, gap analysis, and scope definition signed off by both parties.</p>
                  <div style="display:flex;flex-wrap:wrap;gap:12px">
                    <span style="display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#6b7590"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Baseline Report</span><span style="display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#6b7590"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Gap Analysis</span><span style="display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#6b7590"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Scope Document</span>
                  </div>
                </div>
              </div>
            
              <div class="delivery-phase" style="border-left:1px solid rgba(255,255,255,.06);margin-left:20px;padding-left:44px">
                <div class="phase-dot second">02</div>
                <div style="padding:8px 0 8px 0">
                  <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px">
                    <h3 style="font-size:.9375rem;font-weight:700;color:#fff">Solution Design</h3>
                    <span style="font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#4a5267;border:1px solid rgba(255,255,255,.06);border-radius:5px;padding:2px 8px">1–2 weeks</span>
                  </div>
                  <p style="font-size:.875rem;color:#9aa3b5;line-height:1.6;margin-bottom:10px">Technical architecture and solution design aligned to requirements, reviewed and formally approved before implementation begins.</p>
                  <div style="display:flex;flex-wrap:wrap;gap:12px">
                    <span style="display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#6b7590"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Architecture Document</span><span style="display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#6b7590"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Bill of Materials</span><span style="display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#6b7590"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Design Sign-off</span>
                  </div>
                </div>
              </div>
            
              <div class="delivery-phase" style="border-left:1px solid rgba(255,255,255,.06);margin-left:20px;padding-left:44px">
                <div class="phase-dot second">03</div>
                <div style="padding:8px 0 8px 0">
                  <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px">
                    <h3 style="font-size:.9375rem;font-weight:700;color:#fff">Implementation</h3>
                    <span style="font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#4a5267;border:1px solid rgba(255,255,255,.06);border-radius:5px;padding:2px 8px">Project-dependent</span>
                  </div>
                  <p style="font-size:.875rem;color:#9aa3b5;line-height:1.6;margin-bottom:10px">Structured delivery following documented procedures with quality checkpoints and stakeholder milestones at each phase.</p>
                  <div style="display:flex;flex-wrap:wrap;gap:12px">
                    <span style="display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#6b7590"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Implementation Records</span><span style="display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#6b7590"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Test Results</span><span style="display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#6b7590"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Milestone Sign-offs</span>
                  </div>
                </div>
              </div>
            
              <div class="delivery-phase" style="border-left:1px solid rgba(255,255,255,.06);margin-left:20px;padding-left:44px">
                <div class="phase-dot second">04</div>
                <div style="padding:8px 0 8px 0">
                  <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px">
                    <h3 style="font-size:.9375rem;font-weight:700;color:#fff">Testing & Acceptance</h3>
                    <span style="font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#4a5267;border:1px solid rgba(255,255,255,.06);border-radius:5px;padding:2px 8px">1 week</span>
                  </div>
                  <p style="font-size:.875rem;color:#9aa3b5;line-height:1.6;margin-bottom:10px">Comprehensive testing against acceptance criteria followed by formal user acceptance testing and documented handover.</p>
                  <div style="display:flex;flex-wrap:wrap;gap:12px">
                    <span style="display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#6b7590"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Test Report</span><span style="display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#6b7590"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> UAT Certificate</span><span style="display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#6b7590"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> As-Built Documentation</span>
                  </div>
                </div>
              </div>
            
              <div class="delivery-phase" style="border-left:1px solid rgba(255,255,255,.06);margin-left:20px;padding-left:44px">
                <div class="phase-dot second">05</div>
                <div style="padding:8px 0 8px 0">
                  <div style="display:flex;align-items:center;gap:12px;margin-bottom:8px">
                    <h3 style="font-size:.9375rem;font-weight:700;color:#fff">Operations & Support</h3>
                    <span style="font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#4a5267;border:1px solid rgba(255,255,255,.06);border-radius:5px;padding:2px 8px">Ongoing</span>
                  </div>
                  <p style="font-size:.875rem;color:#9aa3b5;line-height:1.6;margin-bottom:10px">Post-delivery operations under defined SLA terms with periodic optimization reviews and executive reporting.</p>
                  <div style="display:flex;flex-wrap:wrap;gap:12px">
                    <span style="display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#6b7590"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Monthly Reports</span><span style="display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#6b7590"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> SLA Dashboard</span><span style="display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#6b7590"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Quarterly Reviews</span>
                  </div>
                </div>
              </div>
            
          </div>
        </div>
        <!-- Sidebar metrics panel -->
        <aside style="position:sticky;top:90px">
          <div style="background:var(--ink-900);border:1px solid var(--border);border-radius:14px;overflow:hidden">
            <div style="background:var(--ink-950);padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px">
              <div style="display:flex;gap:6px"><span style="width:10px;height:10px;border-radius:50%;background:rgba(220,38,38,.4)"></span><span style="width:10px;height:10px;border-radius:50%;background:rgba(217,119,6,.3)"></span><span style="width:10px;height:10px;border-radius:50%;background:rgba(22,163,74,.3)"></span></div>
              <span style="font-family:monospace;font-size:11px;color:#4a5267;flex:1">delivery.framework</span>
              <span style="display:flex;align-items:center;gap:6px;font-family:monospace;font-size:10px;font-weight:600;color:#22C55E;background:rgba(22,163,74,.06);border:1px solid rgba(22,163,74,.14);padding:3px 10px;border-radius:100px"><span style="width:6px;height:6px;border-radius:50%;background:#22C55E;animation:pulse-dot 2.4s ease infinite"></span>ACTIVE</span>
            </div>
            <div style="padding:20px">
              <div style="font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#4a5267;margin-bottom:16px">Delivery Metrics</div>
              
                <div style="margin-bottom:16px">
                  <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.8125rem">
                    <span style="color:#9aa3b5;font-weight:500">Response SLA</span>
                    <span style="font-family:monospace;font-weight:600;color:#fff">< 4hrs</span>
                  </div>
                  <div style="height:4px;border-radius:2px;background:rgba(255,255,255,.04);overflow:hidden">
                    <div style="height:100%;border-radius:2px;background:linear-gradient(90deg,var(--signal),rgba(0,200,150,.6));width:95%"></div>
                  </div>
                </div>
              
                <div style="margin-bottom:16px">
                  <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.8125rem">
                    <span style="color:#9aa3b5;font-weight:500">Documentation</span>
                    <span style="font-family:monospace;font-weight:600;color:#fff">100%</span>
                  </div>
                  <div style="height:4px;border-radius:2px;background:rgba(255,255,255,.04);overflow:hidden">
                    <div style="height:100%;border-radius:2px;background:linear-gradient(90deg,var(--signal),rgba(0,200,150,.6));width:100%"></div>
                  </div>
                </div>
              
                <div style="margin-bottom:16px">
                  <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.8125rem">
                    <span style="color:#9aa3b5;font-weight:500">Compliance Align.</span>
                    <span style="font-family:monospace;font-weight:600;color:#fff">NCA + CCC</span>
                  </div>
                  <div style="height:4px;border-radius:2px;background:rgba(255,255,255,.04);overflow:hidden">
                    <div style="height:100%;border-radius:2px;background:linear-gradient(90deg,var(--signal),rgba(0,200,150,.6));width:88%"></div>
                  </div>
                </div>
              
                <div style="margin-bottom:16px">
                  <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.8125rem">
                    <span style="color:#9aa3b5;font-weight:500">Client Approval</span>
                    <span style="font-family:monospace;font-weight:600;color:#fff">Per phase</span>
                  </div>
                  <div style="height:4px;border-radius:2px;background:rgba(255,255,255,.04);overflow:hidden">
                    <div style="height:100%;border-radius:2px;background:linear-gradient(90deg,var(--signal),rgba(0,200,150,.6));width:100%"></div>
                  </div>
                </div>
              
              <div style="margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05)">
                <a href="/crm/quotation" class="btn btn-signal btn-sm btn-full">Request Formal Quotation</a>
              </div>
            </div>
          </div>
        </aside>
      </div>
    </div>
  </section>

  <!-- COMPLIANCE -->
  
  <section style="padding-block:48px;background:var(--ink-950)">
    <div class="cv-wrap">
      <div style="border:1px solid var(--border);border-radius:14px;overflow:hidden">
        <div style="background:var(--ink-900);padding:14px 24px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:10px">
          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622"/></svg>
          <h3 style="font-size:.9375rem;font-weight:700;color:#fff">Compliance &amp; Regulatory Alignment</h3>
        </div>
        <div class="compliance-grid">
          
            <div class="compliance-item">
              <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px">
                <span class="badge badge-signal">aligned</span>
                <span style="font-size:.8125rem;font-weight:700;color:#fff">NCA ECC Aligned</span>
              </div>
              <p style="font-size:.8125rem;color:#6b7590;line-height:1.5">All deliverables designed for NCA ECC Aligned compliance with audit-ready documentation.</p>
            </div>
          
            <div class="compliance-item">
              <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px">
                <span class="badge badge-signal">aligned</span>
                <span style="font-size:.8125rem;font-weight:700;color:#fff">CCC Compliant</span>
              </div>
              <p style="font-size:.8125rem;color:#6b7590;line-height:1.5">All deliverables designed for CCC Compliant compliance with audit-ready documentation.</p>
            </div>
          
            <div class="compliance-item">
              <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px">
                <span class="badge badge-signal">aligned</span>
                <span style="font-size:.8125rem;font-weight:700;color:#fff">ISO 9001 Certified</span>
              </div>
              <p style="font-size:.8125rem;color:#6b7590;line-height:1.5">All deliverables designed for ISO 9001 Certified compliance with audit-ready documentation.</p>
            </div>
          
        </div>
      </div>
    </div>
  </section>

  <!-- PRICING -->
  <section class="cv-section cv-surface">
    <div class="cv-wrap">
      <div class="section-header-center">
        <div class="eyebrow center">Investment</div>
        <h2 class="cv-title-sm" style="margin-top:8px">Enterprise pricing</h2>
        <p style="color:#9aa3b5;margin-top:12px;font-size:.9375rem;max-width:440px">Indicative starting points. All pricing is scope-dependent. Custom enterprise contracts available.</p>
      </div>
      <div class="pricing-grid">
        
          <div class="pricing-card">
            
            <div style="margin-bottom:20px">
              <div style="font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#6b7590;margin-bottom:6px">Managed Service</div>
              <div style="font-family:monospace;font-size:2rem;font-weight:600;letter-spacing:-.02em;color:#fff;margin-bottom:4px">Scope-Based</div>
              <div style="font-size:.8125rem;color:#4a5267">engagement model</div>
            </div>
            <ul style="flex:1;margin-bottom:20px;list-style:none;display:flex;flex-direction:column;gap:10px">
              <li style="display:flex;align-items:start;gap:10px;font-size:.875rem;color:#9aa3b5"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Requirements-driven scope</li><li style="display:flex;align-items:start;gap:10px;font-size:.875rem;color:#9aa3b5"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> SLA-backed operations</li><li style="display:flex;align-items:start;gap:10px;font-size:.875rem;color:#9aa3b5"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Monthly executive reporting</li><li style="display:flex;align-items:start;gap:10px;font-size:.875rem;color:#9aa3b5"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Dedicated engineering team</li><li style="display:flex;align-items:start;gap:10px;font-size:.875rem;color:#9aa3b5"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Formal change management</li><li style="display:flex;align-items:start;gap:10px;font-size:.875rem;color:#9aa3b5"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Annual program reviews</li>
            </ul>
            <a href="/crm/quotation" class="btn btn-outline btn-md btn-full">Request Quotation</a>
          </div>
        
          <div class="pricing-card featured">
            <span style="display:block;text-align:center;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#02060D;background:var(--signal);padding:6px;margin:-28px -28px 20px -28px">Most Popular</span>
            <div style="margin-bottom:20px">
              <div style="font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#6b7590;margin-bottom:6px">Enterprise Program</div>
              <div style="font-family:monospace;font-size:2rem;font-weight:600;letter-spacing:-.02em;color:var(--signal);margin-bottom:4px">Proposal-Based</div>
              <div style="font-size:.8125rem;color:#4a5267">strategic engagement</div>
            </div>
            <ul style="flex:1;margin-bottom:20px;list-style:none;display:flex;flex-direction:column;gap:10px">
              <li style="display:flex;align-items:start;gap:10px;font-size:.875rem;color:#9aa3b5"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Multi-domain capability delivery</li><li style="display:flex;align-items:start;gap:10px;font-size:.875rem;color:#9aa3b5"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> 24/7 operations coverage</li><li style="display:flex;align-items:start;gap:10px;font-size:.875rem;color:#9aa3b5"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> On-site engineering presence</li><li style="display:flex;align-items:start;gap:10px;font-size:.875rem;color:#9aa3b5"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Priority escalation protocols</li><li style="display:flex;align-items:start;gap:10px;font-size:.875rem;color:#9aa3b5"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Weekly status reporting</li><li style="display:flex;align-items:start;gap:10px;font-size:.875rem;color:#9aa3b5"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Executive governance dashboards</li>
            </ul>
            <a href="/crm/quotation" class="btn btn-signal btn-md btn-full">Request Quotation</a>
          </div>
        
          <div class="pricing-card">
            
            <div style="margin-bottom:20px">
              <div style="font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#6b7590;margin-bottom:6px">Strategic Partnership</div>
              <div style="font-family:monospace;font-size:2rem;font-weight:600;letter-spacing:-.02em;color:#fff;margin-bottom:4px">Confidential</div>
              <div style="font-size:.8125rem;color:#4a5267">multi-year contract</div>
            </div>
            <ul style="flex:1;margin-bottom:20px;list-style:none;display:flex;flex-direction:column;gap:10px">
              <li style="display:flex;align-items:start;gap:10px;font-size:.875rem;color:#9aa3b5"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Custom program scope</li><li style="display:flex;align-items:start;gap:10px;font-size:.875rem;color:#9aa3b5"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Premium SLA guarantees</li><li style="display:flex;align-items:start;gap:10px;font-size:.875rem;color:#9aa3b5"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Dedicated capability team</li><li style="display:flex;align-items:start;gap:10px;font-size:.875rem;color:#9aa3b5"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Industrial & government delivery</li><li style="display:flex;align-items:start;gap:10px;font-size:.875rem;color:#9aa3b5"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Complete audit documentation</li><li style="display:flex;align-items:start;gap:10px;font-size:.875rem;color:#9aa3b5"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="text-signal"><path d="M20 6L9 17l-5-5"/></svg> Multi-year strategic alignment</li>
            </ul>
            <a href="/crm/quotation" class="btn btn-outline btn-md btn-full">Request Quotation</a>
          </div>
        
      </div>
    </div>
  </section>

  <!-- RELATED SERVICES -->
  
  <section style="padding-block:60px">
    <div class="cv-wrap">
      <div class="section-header-center">
        <div class="eyebrow center">Related Solutions</div>
        <h2 style="font-size:1.5rem;font-weight:700;color:#fff;margin-top:8px">Complementary services</h2>
      </div>
      <div class="related-grid">
        
          <a href="/crm/services/managed-it" class="related-link">
            <div class="rl-icon">
              <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#6b7590" stroke-width="1.8"><circle cx="12" cy="12" r="10"/></svg>
            </div>
            <div>
              <div class="rl-title" style="font-size:.9375rem;font-weight:600;color:#fff;margin-bottom:4px;transition:color .225s">Managed IT Services</div>
              <div style="font-size:.8125rem;color:#4a5267">View service details</div>
            </div>
          </a>
        
          <a href="/crm/services/cybersecurity" class="related-link">
            <div class="rl-icon">
              <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#6b7590" stroke-width="1.8"><circle cx="12" cy="12" r="10"/></svg>
            </div>
            <div>
              <div class="rl-title" style="font-size:.9375rem;font-weight:600;color:#fff;margin-bottom:4px;transition:color .225s">Cybersecurity</div>
              <div style="font-size:.8125rem;color:#4a5267">View service details</div>
            </div>
          </a>
        
      </div>
    </div>
  </section>

  <!-- FAQ -->
  <section class="cv-section">
    <div style="max-width:800px;margin:0 auto;padding-inline:44px">
      <div class="section-header-center">
        <div class="eyebrow center">FAQ</div>
        <h2 class="cv-title-sm" style="margin-top:8px">Frequently asked questions</h2>
      </div>
      <div>
        
          <details class="faq-item">
            <summary>What does Digital Transformation include? <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class=""><path d="M6 9l6 6 6-6"/></svg></summary>
            <p>Our service covers the full scope above with formal SLA commitments, monthly reporting, and quarterly reviews. Custom scopes are available — contact us to discuss your requirements.</p>
          </details>
        
          <details class="faq-item">
            <summary>How do you align to NCA ECC and CCC? <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class=""><path d="M6 9l6 6 6-6"/></svg></summary>
            <p>All services are designed with Saudi regulatory requirements embedded from initial architecture. We maintain NCA ECC, CCC, and PDPL alignment throughout every engagement.</p>
          </details>
        
          <details class="faq-item">
            <summary>What is your P1 incident response time? <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class=""><path d="M6 9l6 6 6-6"/></svg></summary>
            <p>Critical P1 incidents are responded to within one hour for Enterprise contracts. All response times are formally defined in your service agreement.</p>
          </details>
        
          <details class="faq-item">
            <summary>Do you support multi-site deployments? <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class=""><path d="M6 9l6 6 6-6"/></svg></summary>
            <p>Yes — with remote management and on-site engineering across the Kingdom. Our Eastern Province base serves the full industrial corridor.</p>
          </details>
        
          <details class="faq-item">
            <summary>How do I obtain a formal quotation? <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class=""><path d="M6 9l6 6 6-6"/></svg></summary>
            <p>Submit via our quotation form or contact us via WhatsApp or email. We provide a formal technical proposal within two to three business days.</p>
          </details>
        
      </div>
    </div>
  </section>

  
<section class="cta-section">
  <div class="cta-glow"></div>
  <div style="position:absolute;inset:0;pointer-events:none;opacity:.3;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px"></div>
  <div style="position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,200,150,.25),transparent)"></div>
  <div style="position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent)"></div>
  <div class="cv-wrap" style="position:relative;text-align:center">
    <div class="eyebrow center" style="justify-content:center;margin-bottom:20px">
      <span style="width:32px;height:1px;background:rgba(0,200,150,.5)"></span>
      &nbsp;Enterprise Engagement&nbsp;
      <span style="width:32px;height:1px;background:rgba(0,200,150,.5)"></span>
    </div>
    <h2 class="cv-title-sm" style="margin-bottom:16px;max-width:600px;margin-inline:auto">Ready to discuss your digital transformation requirements?</h2>
    <p style="color:#9aa3b5;line-height:1.7;margin-bottom:40px;max-width:480px;margin-inline:auto">Our enterprise solutions team responds with a formal technical proposal within one business day.</p>
    <div style="display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:28px">
      <a href="/crm/quotation" class="btn btn-signal btn-lg">Request Formal Quotation <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class=""><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
      <a href="https://wa.me/966509031350?text=Hello%2C%20I%20would%20like%20to%20request%20a%20Digital%20Transformation%20consultation%20from%20CodeVault." target="_blank" rel="noopener" class="btn btn-wa btn-lg"><svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor" class=""><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg> WhatsApp Enterprise Team</a>
      <a href="/crm/contact" class="btn btn-outline btn-lg">Schedule Consultation</a>
    </div>
    <p style="font-size:12px;color:#4a5267">Response within one business day &nbsp;·&nbsp; Eastern Province presence &nbsp;·&nbsp; Standards-aligned delivery</p>
  </div>
</section>
</main>

<footer>
  <div class="footer-main">
    <div class="cv-wrap">
      <div class="footer-grid">
        <div>
          
<a href="/crm/" class="logo">
  <span style="color:#fff">
<svg width="36" height="24" viewBox="0 0 120 80" fill="none">
  <path d="M38 8L18 28Q14 32 18 36L38 56H30L8 36Q4 32 8 28L30 8Z" fill="currentColor"/>
  <path d="M82 8L102 28Q106 32 102 36L82 56H90L112 36Q116 32 112 28L90 8Z" fill="currentColor"/>
  <circle cx="60" cy="32" r="7" fill="#00C896"/>
</svg></span>
  <div class="logo-wordmark">
    <span class="logo-name">CODEVAULT</span>
    <span class="logo-sub">Saudi Enterprise Technology Contractor</span>
  </div>
</a>
          <p class="footer-brand-desc" style="margin-top:20px">
            Enterprise technology contractor delivering infrastructure, cybersecurity, AI systems, and operational technology to Saudi industrial operators and government organizations.
          </p>
          <a href="mailto:info@codevault.sa" class="footer-contact-item"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class=""><rect x="2" y="4" width="20" height="16" rx="2"/><path d="M2 7l10 7 10-7"/></svg> info@codevault.sa</a>
          <a href="tel:+966509031350" class="footer-contact-item" dir="ltr"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class=""><path d="M5 4h4l2 5-3 2a11 11 0 005 5l2-3 5 2v4a2 2 0 01-2 2A16 16 0 013 6a2 2 0 012-2"/></svg> +966 50 903 1350</a>
          <span class="footer-contact-item"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class=""><path d="M12 2a8 8 0 00-8 8c0 6 8 12 8 12s8-6 8-12a8 8 0 00-8-8z"/><circle cx="12" cy="10" r="3"/></svg> Al Jubail, Eastern Province, KSA</span>
          <div class="footer-social">
            <a href="https://www.linkedin.com/company/code-vault/" target="_blank" rel="noopener" class="footer-social-btn" aria-label="LinkedIn">
              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class=""><path d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6z M2 9h4v12H2z"/><circle cx="4" cy="4" r="2"/></svg>
            </a>
            <a href="https://wa.me/966509031350" target="_blank" rel="noopener" class="footer-social-btn" aria-label="WhatsApp">
              <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class=""><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
            </a>
          </div>
        </div>
        
          <div class="footer-col">
            <h4>Infrastructure</h4>
            <a href="/crm/services/managed-it">Managed IT Services</a><a href="/crm/services/cybersecurity">Cybersecurity</a><a href="/crm/services/it-infrastructure">IT Infrastructure</a><a href="/crm/services/networks-servers">Networks & Servers</a><a href="/crm/services/data-center">Data Center</a><a href="/crm/services/fiber-cabling">Fiber & Cabling</a><a href="/crm/services/cloud-backup">Cloud & Backup</a>
          </div>
        
          <div class="footer-col">
            <h4>Digital & AI</h4>
            <a href="/crm/services/web-development">Web Development</a><a href="/crm/services/mobile-apps">Mobile Applications</a><a href="/crm/services/digital-transformation">Digital Transformation</a><a href="/crm/services/ai/enterprise-ai">Enterprise AI Platform</a><a href="/crm/services/ai/ai-automation">AI Automation</a><a href="/crm/services/ai/ai-analytics">AI Analytics</a><a href="/crm/services/ai/ai-document">AI Document Processing</a>
          </div>
        
          <div class="footer-col">
            <h4>Governance</h4>
            <a href="/crm/governance-compliance#nca">NCA ECC Alignment</a><a href="/crm/governance-compliance#ccc">CCC Compliance</a><a href="/crm/governance-compliance#iso">ISO 9001 Support</a><a href="/crm/governance-compliance#iec">IEC 62443 / OT</a><a href="/crm/governance-compliance#audit">Audit Preparation</a><a href="/crm/governance-compliance">All Governance</a>
          </div>
        
          <div class="footer-col">
            <h4>Company</h4>
            <a href="/crm/about">About Us</a><a href="/crm/industries">Industries</a><a href="/crm/projects">Projects</a><a href="/crm/services">All Services</a><a href="/crm/contact">Contact</a><a href="/crm/quotation">Request RFQ</a>
          </div>
        
      </div>
    </div>
  </div>
  <div class="footer-bar">
    <div class="cv-wrap">
      <div class="footer-bar-inner">
        <span class="footer-copy">© 2026 CodeVault — Saudi Enterprise Technology Contractor. All rights reserved.</span>
        <div class="footer-meta">
          <span><span style="color:#4a5267">CR</span> 7050292866</span>
          <span class="footer-meta-sep"></span>
          <span><span style="color:#4a5267">VAT</span> 313051267700003</span>
          <span class="footer-meta-sep"></span>
          <span>ISO 9001 &amp; CCC Certified</span>
          <span class="footer-meta-sep"></span>
          <span>NEOM Approved Vendor</span>
        </div>
      </div>
    </div>
  </div>
</footer>

<div id="wa-float">
  <span class="wa-tip">Talk to Enterprise Team</span>
  <a href="https://wa.me/966509031350?text=Hello%2C%20I%20would%20like%20an%20enterprise%20consultation%20from%20CodeVault." target="_blank" rel="noopener" class="wa-btn" aria-label="WhatsApp">
    <svg width="26" height="26" viewBox="0 0 24 24" fill="currentColor" class=""><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
  </a>
</div>
<script src="/crm/assets/main.js"></script>
</body>
</html>