<!DOCTYPE html>
<html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#" class="scroll-smooth">
  <head>
            <!-- Standard Favicon -->
    <link rel="icon" type="image/png" sizes="16x16" href="/sites/default/themes/custom/assets/favicons/favicon-16x16.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/sites/default/themes/custom/assets/favicons/favicon-32x32.png">
    <link rel="shortcut icon" href="/sites/default/themes/custom/assets/favicons/favicon.ico">
    <link rel="icon" type="image/x-icon" href="/sites/default/themes/custom/assets/favicons/favicon.ico">
    <!-- Apple Touch Icon (iOS) -->
    <link rel="apple-touch-icon" sizes="180x180" href="/sites/default/themes/custom/assets/favicons/apple-touch-icon.png">
    <!-- Android Chrome Icons -->
    <link rel="icon" type="image/png" sizes="192x192" href="/sites/default/themes/custom/assets/favicons/android-chrome-192x192.png">
    <link rel="icon" type="image/png" sizes="512x512" href="/sites/default/themes/custom/assets/favicons/android-chrome-512x512.png">
    <!-- Web App Manifest -->
    <link rel="manifest" href="/sites/default/themes/custom/assets/favicons/site.webmanifest">

        <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="theme-color" content="#4C00FF">

    <meta charset="utf-8" />
<meta name="description" content="Perforce Klocwork scales to projects of any size, integrates with large complex environments and a wide range of developer tools, and provides control, collaboration, and reporting for the entire enterprise." />
<link rel="canonical" href="https://www.perforce.com/products/klocwork" />
<meta property="og:url" content="https://www.perforce.com/products/klocwork" />
<meta property="og:title" content="Perforce Klocwork | Perforce Software" />
<meta property="og:description" content="Perforce Klocwork scales to projects of any size, integrates with large complex environments and a wide range of developer tools, and provides control, collaboration, and reporting for the entire enterprise." />
<meta property="og:image" content="https://www.perforce.com/sites/default/files/image-social-share-default.jpg" />
<meta property="og:image:url" content="https://www.perforce.com/sites/default/files/image-social-share-default.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@perforce" />
<meta name="twitter:description" content="Perforce Klocwork scales to projects of any size, integrates with large complex environments and a wide range of developer tools, and provides control, collaboration, and reporting for the entire enterprise." />
<meta name="twitter:title" content="Perforce Klocwork | Perforce Software" />
<meta name="twitter:creator" content="@perforce" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script type="application/ld+json">{
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": "SoftwareApplication",
            "name": "Perforce Klocwork",
            "description": "Perforce Klocwork is a static code analysis and static application security testing (SAST) tool that identifies software security, quality, and reliability issues in C, C++, C#, Java, JavaScript, Python, and Kotlin codebases. It helps enforce compliance with coding standards and integrates seamlessly into CI/CD pipelines to support DevSecOps practices.",
            "applicationSuite": "Perforce Static Analysis Tools",
            "applicationCategory": "Static Code Analysis Software",
            "featureList": "Identify security vulnerabilities using SAST, Support for multiple programming languages including C, C++, C#, Java, JavaScript, Python, and Kotlin, Integration with CI/CD tools for automated analysis, Compliance with coding standards such as MISRA, CERT, CWE, and OWASP, Customizable rule sets and project-specific coding standards, Differential analysis engine for instant analysis results, Integration with Perforce Validate Platform for centralized reporting, Support for containerized builds and cloud environments"
        }
    ]
}</script>
<script id="gtmScript" nonce="zEd48p452dB__bJ2liZTeg" data-gtm-nonce="zEd48p452dB__bJ2liZTeg">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id=GTM-PJBHZV'+dl;var n=d.querySelector('[nonce]');n&&j.setAttribute('nonce',n.nonce||n.getAttribute('nonce'));f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-PJBHZV');</script>
<link rel="alternate" hreflang="en" href="https://www.perforce.com/products/klocwork" />
<link rel="stylesheet" href="/styles/node/169/145226/backgrounds.css" />
<link rel="icon" href="/themes/custom/p4base/assets/favicons/favicon.ico" type="image/vnd.microsoft.icon" />
<script nonce="zEd48p452dB__bJ2liZTeg">window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};a2a_config.icon_color = "#4C00FF";</script>

    <title>Perforce Klocwork | Perforce Software</title>
    <link rel="stylesheet" media="all" href="/sites/default/files/css/css_GyZOAfT14XkhR-cU_w3VgxktETzmKFTBI6BAhwWm9cg.css?delta=0&amp;language=en&amp;theme=p4base&amp;include=eJxFjuEKgzAMhF-oWoS9j6RrbMNqG5KI8-3XDXU_Eu4ufFwgRmtQDw-nGBdp1RyQB5pTaQGKC2iGMuObm2KcFyrdqk9YUfoZ31aovnyUjaGMp3X8CKDov-vSCcQ6M-wUE9qVZkq59LEBpukYIsgNs5CujkEgCXDWq-OfjFvlLRTSjNFxbtZ0J-7kLcdnrE7JsLfiDAXFPFUyp4carr8HPw8gZUI" />
<link rel="stylesheet" media="all" href="//cdnjs.cloudflare.com/ajax/libs/photoswipe/5.4.4/photoswipe.min.css" />
<link rel="stylesheet" media="all" href="/sites/default/files/css/css_4h5ounEjup9US0280SYvOjMPFvG84jFMBKnO4TGGIf0.css?delta=2&amp;language=en&amp;theme=p4base&amp;include=eJxFjuEKgzAMhF-oWoS9j6RrbMNqG5KI8-3XDXU_Eu4ufFwgRmtQDw-nGBdp1RyQB5pTaQGKC2iGMuObm2KcFyrdqk9YUfoZ31aovnyUjaGMp3X8CKDov-vSCcQ6M-wUE9qVZkq59LEBpukYIsgNs5CujkEgCXDWq-OfjFvlLRTSjNFxbtZ0J-7kLcdnrE7JsLfiDAXFPFUyp4carr8HPw8gZUI" />
<link rel="stylesheet" media="all" href="/sites/default/files/css/css_NqvqwoMSBEEidap-wwXJcXVLGUqF79A5stm5zA5mxvk.css?delta=3&amp;language=en&amp;theme=p4base&amp;include=eJxFjuEKgzAMhF-oWoS9j6RrbMNqG5KI8-3XDXU_Eu4ufFwgRmtQDw-nGBdp1RyQB5pTaQGKC2iGMuObm2KcFyrdqk9YUfoZ31aovnyUjaGMp3X8CKDov-vSCcQ6M-wUE9qVZkq59LEBpukYIsgNs5CujkEgCXDWq-OfjFvlLRTSjNFxbtZ0J-7kLcdnrE7JsLfiDAXFPFUyp4carr8HPw8gZUI" />

    
  </head>
  <body class="header-text-p4-dark site-perforce">
      <!-- Google Tag  Manager (noscript) -->
    <noscript>
      <iframe class="hidden invisible" src="//www.googletagmanager.com/ns.html?id=GTM-PJBHZV" height="0" width="0"></iframe>
    </noscript>
    <!-- End Google Tag Manager (noscript) -->
        <a href="#main-content" class="visually-hidden focusable">
      Skip to main content
    </a>
    <div data-sitewide-alert aria-live="polite"></div>

      <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
    



<div  class="layout-container">
  <header >
                    
  <div id="branding-mm">

        <div class="flex items-center justify-between px-8 py-4 fixed z-50 bg-white w-full h-24">
      <div  id="block-p4base-sitebranding" class="block my-auto mr-8">
  
    
    <div class="branding-flex flex items-center gap-6">
                <a href="/" rel="home" target="_blank">
      <img src="/themes/custom/p4base/assets/images/logo.svg" alt="Perforce Software" fetchpriority="high" class="lg:max-w-[18.75rem] max-w-[12rem] max-h-[40px] w-48" />
    </a>
      
  </div>
</div>
<nav role="navigation" aria-labelledby="block-p4base-mainmenusystem-menu" id="block-p4base-mainmenusystem" class="order-2 xl:order-1 xl:border-none md:border-l border-solid border-gray-300">
            
  <h2 class="visually-hidden" id="block-p4base-mainmenusystem-menu">Main Menu System</h2>
  

        
<nav
  class="relative w-full"
  aria-label="Main navigation"
  x-data="{
    mobileOpen: false,
    activeItem: null,
    closeTimer: null,
    toggleItem(index) {
      this.activeItem = this.activeItem === index ? null : index;
    }
  }"
>

    <div class="xl:hidden flex items-center justify-end">
    <button
      class="flex items-center gap-2 px-3 py-2 heading-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
      @click="mobileOpen = true"
      :aria-expanded="mobileOpen ? 'true' : 'false'"
      aria-controls="main-nav-menu"
      aria-label="Open navigation menu"
    >
      <span class="text-[2.25rem] leading-none">☰</span>
      <span class="sr-only">Open menu</span>
    </button>
  </div>

    <div
    x-show="mobileOpen"
    x-transition:enter="transition ease-out duration-300"
    x-transition:enter-start="opacity-0 translate-x-full"
    x-transition:enter-end="opacity-100 translate-x-0"
    x-transition:leave="transition ease-in duration-200"
    x-transition:leave-start="opacity-100 translate-x-0"
    x-transition:leave-end="opacity-0 translate-x-full"
    class="fixed inset-0 bg-white z-50 flex flex-col h-screen overflow-y-auto xl:hidden"
    x-cloak
    @keydown.escape.window="mobileOpen = false"
    role="dialog"
    aria-modal="true"
    aria-label="Mobile navigation"
  >

        <div class="flex items-center justify-between px-4 py-3 border-b border-gray-100 flex-shrink-0">

            <div class="flex-shrink-0">
        <div  class="block my-auto mr-8">
  
    
    <div class="branding-flex flex items-center gap-6">
                <a href="/" rel="home" target="_blank">
      <img src="/themes/custom/p4base/assets/images/logo.svg" alt="Perforce Software" fetchpriority="high" class="lg:max-w-[18.75rem] max-w-[12rem] max-h-[40px] w-48" />
    </a>
        <a href="/" rel="home" class="hidden">Perforce Software</a>
    
  </div>
</div>

      </div>

            <button
        class="flex items-center gap-2 px-3 py-2 heading-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 mr-8"
        @click="mobileOpen = false"
        aria-label="Close navigation menu"
      >
        <span class="text-base leading-none">✖</span>
        <span class="sr-only">Close menu</span>
      </button>

    </div>
    <div class="mobile-search md:hidden">
      <div  data-drupal-selector="views-exposed-form-sitewide-search-page-search" class="block views-exposed-form bef-exposed-form">
  
      <h2 class="h2">Sitewide Search</h2>
    
      <form action="/search" method="get" id="views-exposed-form-sitewide-search-page-search" accept-charset="UTF-8">

        <div class="relative mx-auto">
        <input
                type="text"
                name="keys"
                value=""
                placeholder="Search..."
                class="w-[800px] placeholder:text-p4-primary text-base text-p4-dark py-4 px-4 pr-12 border rounded-md focus:outline-none focus:ring-0 focus:border-transparent"
        />

                <button
                type="submit"
                name=""
                value="Apply"
                class="absolute top-1/2 right-8 transform -translate-y-1/2"
                aria-label="Search"
        >
            <svg class="w-6 h-6 text-p4-primary" id="icon_search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"
                      d="M17.4 9.2c0 4.5-3.7 8.2-8.2 8.2S1 13.8 1 9.2 4.7 1 9.2 1s8.2 3.7 8.2 8.2ZM15 15l8 8"/>
            </svg>

        </button>
    </div>

        
    
    
</form>
  </div>

    </div>  
        <ul class="menu menu-level-0 flex flex-col w-full flex-1 overflow-y-auto !pl-2">
      
                                
                
        <li
          class="menu-item list-none border-gray-100"
        >

          <div class="flex items-center justify-between">

                                    
                          <a href="/ai-powered-devops" class="px-1 py-1 inline-flex items-center gap-2 flex-1 heading-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 menu-item--flair" data-drupal-link-system-path="node/3645">AI</a>
            
                        
          </div>


        </li>
      
                                
                
        <li
          class="menu-item list-none border-gray-100"
        >

          <div class="flex items-center justify-between">

                                                              
                          <span class="px-1 py-1 inline-flex items-center gap-2 flex-1 heading-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 menu-item--has-panel" aria-haspopup="true" :aria-expanded="open ? &quot;true&quot; : &quot;false&quot;">Solutions</span>
            
                                      <button
                class="px-4 py-4 mr-12 lg:mr-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
                @click="activeItem = activeItem === 1 ? null : 1"
                :aria-expanded="activeItem === 1 ? 'true' : 'false'"
                aria-label="Toggle Solutions submenu"
              >
                <svg
                  class="w-4 h-4 transition-transform duration-200"
                  :class="activeItem === 1 ? 'rotate-180' : ''"
                  xmlns="http://www.w3.org/2000/svg"
                  fill="none" viewBox="0 0 24 24"
                  stroke="currentColor" stroke-width="2"
                >
                  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
                </svg>
              </button>
            
          </div>

  
  <div
    x-show="activeItem === 1"
    x-transition:enter="transition ease-out duration-200"
    x-transition:enter-start="opacity-0 -translate-y-2"
    x-transition:enter-end="opacity-100 translate-y-0"
    x-transition:leave="transition ease-in duration-150"
    x-transition:leave-start="opacity-100 translate-y-0"
    x-transition:leave-end="opacity-0 -translate-y-2"
    class="flex flex-col"
    x-cloak
  >
        <div class=" flex-1">
      <div class="
        lg:p-4
        [&_.layout]:!block
        [&_.layout__region]:!block
        [&_.layout__region]:!w-full
      ">
        
  
  <div class="menu_link_content menu-link-contentmain-menu-system view-mode-default menu-dropdown menu-dropdown-0 menu-type-default">
              




      <div class="field field--name-field-menu-panel field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20528" class="paragraph paragraph--type--menu-panel paragraph--view-mode--default">
  
<div  class="layout--three-column-33-33-33-menu w-full lg:w-[calc(100vw-4rem)] max-w-screen-lg mx-auto">
  <div  class="grid grid-cols-1 lg:grid-cols-[1fr_1fr_1fr] gap-4">
        <div  class="layout__region--col1 layout__region w-full lg:hover:bg-p4-white transition duration-300 ease-in-out rounded-lg !mb-6">
      


<div id="p-20537" class="menu-link-list p-4 has-title">
      <span class="font-bold w-full leading-normal">By Need</span>
    <span class="hidden lg:inline"></span>
  <div class="menu-links-wrapper">
    




      <div class="field field--name-field-menu-links field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20529" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/ai-powered-devops">AI in DevOps</a></div>
       
</div></div>
              <div>

<div id="p-20530" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/data-compliance">Data Compliance</a></div>
       
</div></div>
              <div>

<div id="p-20531" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/test-data-management">Test Data Management</a></div>
       
</div></div>
              <div>

<div id="p-20532" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/scalable-version-control">Scalable Version Control</a></div>
       
</div></div>
              <div>

<div id="p-20533" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/embedded-systems-chip-design">Embedded System Design</a></div>
       
</div></div>
              <div>

<div id="p-20534" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/continuous-software-quality">Continuous Software Quality</a></div>
       
</div></div>
              <div>

<div id="p-20535" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/internal-developer-platform-automation">Internal Development Platform</a></div>
       
</div></div>
              <div>

<div id="p-20536" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/open-source-management">Open Source Management</a></div>
       
</div></div>
          </div>
  
  </div>
</div>

    </div>
            <div  class="layout__region--col2 layout__region w-full lg:hover:bg-p4-white transition duration-300 ease-in-out rounded-lg !mb-6">
      


<div id="p-20545" class="menu-link-list p-4 has-title">
      <span class="font-bold w-full leading-normal">Industries</span>
    <span class="hidden lg:inline"></span>
  <div class="menu-links-wrapper">
    




      <div class="field field--name-field-menu-links field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20538" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/automotive">Automotive</a></div>
       
</div></div>
              <div>

<div id="p-20539" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/game-development">Game Development</a></div>
       
</div></div>
              <div>

<div id="p-20540" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/financial-services">Financial Services</a></div>
       
</div></div>
              <div>

<div id="p-20541" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/media-entertainment">Media and Entertainment</a></div>
       
</div></div>
              <div>

<div id="p-20542" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/semiconductor">Semiconductor </a></div>
       
</div></div>
              <div>

<div id="p-20543" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/telecommunications">Telecommunications</a></div>
       
</div></div>
              <div>

<div id="p-20544" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/aerospace-and-defense">Aerospace and Defense</a></div>
       
</div></div>
          </div>
  
  </div>
</div>

    </div>
            <div  class="layout__region--col3 layout__region w-full lg:hover:bg-p4-white transition duration-300 ease-in-out rounded-lg !mb-6">
      


<div id="p-20551" class="menu-link-list p-4 has-no-title">
    <span class="hidden lg:inline"></span>
  <div class="menu-links-wrapper">
    




      <div class="field field--name-field-menu-links field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20546" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/retail-consumer-goods">Retail and Consumer Goods</a></div>
       
</div></div>
              <div>

<div id="p-20547" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/software-it-services">Software and IT Services</a></div>
       
</div></div>
              <div>

<div id="p-20548" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/healthcare">Healthcare</a></div>
       
</div></div>
              <div>

<div id="p-20550" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/government">Government</a></div>
       
</div></div>
          </div>
  
  </div>
</div>

    </div>
      </div>
</div>

</div>
</div>
              <div>
<div id="p-20552" class="paragraph paragraph--type--menu-footer-cta paragraph--view-mode--default menu-footer-cta hidden lg:block">
  <div class="
    flex items-center gap-4
    bg-p4-white
    px-8 py-4
    -mx-6 -mb-6
    md:-mx-6 md:-mb-6">
  
          
    
    <div class="ml-auto">
          <a href="/solutions">
        All Solutions
      </a>
        </div>
  </div>
</div>
</div>
          </div>
  
      </div>



      </div>
    </div>

    
  </div>

        </li>
      
                                
                
        <li
          class="menu-item list-none border-gray-100"
        >

          <div class="flex items-center justify-between">

                                                              
                          <span class="px-1 py-1 inline-flex items-center gap-2 flex-1 heading-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 menu-item--has-panel" aria-haspopup="true" :aria-expanded="open ? &quot;true&quot; : &quot;false&quot;">Products</span>
            
                                      <button
                class="px-4 py-4 mr-12 lg:mr-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
                @click="activeItem = activeItem === 2 ? null : 2"
                :aria-expanded="activeItem === 2 ? 'true' : 'false'"
                aria-label="Toggle Products submenu"
              >
                <svg
                  class="w-4 h-4 transition-transform duration-200"
                  :class="activeItem === 2 ? 'rotate-180' : ''"
                  xmlns="http://www.w3.org/2000/svg"
                  fill="none" viewBox="0 0 24 24"
                  stroke="currentColor" stroke-width="2"
                >
                  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
                </svg>
              </button>
            
          </div>

  
  <div
    x-show="activeItem === 2"
    x-transition:enter="transition ease-out duration-200"
    x-transition:enter-start="opacity-0 -translate-y-2"
    x-transition:enter-end="opacity-100 translate-y-0"
    x-transition:leave="transition ease-in duration-150"
    x-transition:leave-start="opacity-100 translate-y-0"
    x-transition:leave-end="opacity-0 -translate-y-2"
    class="flex flex-col"
    x-cloak
  >
        <div class="garnish-on flex-1">
      <div class="
        lg:p-4
        [&_.layout]:!block
        [&_.layout__region]:!block
        [&_.layout__region]:!w-full
      ">
        
  
  <div class="menu_link_content menu-link-contentmain-menu-system view-mode-default menu-dropdown menu-dropdown-0 menu-type-default">
              




      <div class="field field--name-field-menu-panel field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20553" class="paragraph paragraph--type--menu-panel paragraph--view-mode--default">
  
<div  class="layout--four-column-25-25-25-25-menu w-full lg:w-[calc(100vw-4rem)] max-w-screen-lg mx-auto relative">
  <div  class="grid grid-cols-1 lg:grid-cols-[1fr_1fr_1fr_1fr] gap-4">
          <div  class="layout__region--col1 layout__region w-full lg:hover:bg-p4-white transition duration-300 ease-in-out rounded-lg !mb-6">
        


<div id="p-20561" class="menu-link-list p-4 has-title">
      <span class="font-bold w-full leading-normal">Code</span>
    <span class="hidden lg:inline">

            <div class="text-long"><p>Control code, content, IP, and collaboration at any scale from idea to production.</p>
</div>
      </span>
  <div class="menu-links-wrapper">
    




      <div class="field field--name-field-menu-links field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20555" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/helix-core">P4 Version Control Platform</a></div>
       
</div></div>
              <div>

<div id="p-20556" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/helix-iplm">IP Lifecycle Management</a></div>
       
</div></div>
              <div>

<div id="p-20557" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/helix-alm">Application Lifecycle Management</a></div>
       
</div></div>
              <div>

<div id="p-20558" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/gliffy">Diagramming and Collaboration</a></div>
       
</div></div>
              <div>

<div id="p-20559" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/jrebel">Java Development</a></div>
       
</div></div>
              <div>

<div id="p-20560" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/static-analysis">Static Code Analysis</a></div>
       
</div></div>
          </div>
  
  </div>
</div>

      </div>
            <div  class="layout__region--col2 layout__region w-full lg:hover:bg-p4-white transition duration-300 ease-in-out rounded-lg !mb-6">
      


<div id="p-20566" class="menu-link-list p-4 has-title">
      <span class="font-bold w-full leading-normal">Quality</span>
    <span class="hidden lg:inline">

            <div class="text-long"><p>Test and validate digital experiences and code quality across applications on any device.</p>
</div>
      </span>
  <div class="menu-links-wrapper">
    




      <div class="field field--name-field-menu-links field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20562" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/blazemeter">Blazemeter Continuous Testing</a></div>
       
</div></div>
              <div>

<div id="p-20563" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/perfecto">Perfecto Enterprise Mobile and Web Testing</a></div>
       
</div></div>
              <div>

<div id="p-20564" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/perfecto">Agentic-AI Driven Testing</a></div>
       
</div></div>
              <div>

<div id="p-20565" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/blazemeter">API Testing and Monitoring</a></div>
       
</div></div>
          </div>
  
  </div>
</div>

    </div>
            <div  class="layout__region--col3 layout__region w-full lg:hover:bg-p4-white transition duration-300 ease-in-out rounded-lg !mb-6">
      


<div id="p-20571" class="menu-link-list p-4 has-title">
      <span class="font-bold w-full leading-normal">Data</span>
    <span class="hidden lg:inline">

            <div class="text-long"><p>Automate data delivery and data protection for DevOps and AI pipelines.</p>
</div>
      </span>
  <div class="menu-links-wrapper">
    




      <div class="field field--name-field-menu-links field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20567" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/delphix">Delphix DevOps Data Platform</a></div>
       
</div></div>
              <div>

<div id="p-20568" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/delphix/data-masking">Data Masking</a></div>
       
</div></div>
              <div>

<div id="p-20569" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/delphix/data-virtualization">Data Automation and Delivery</a></div>
       
</div></div>
              <div>

<div id="p-20570" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/delphix/data-control-tower">Data Control</a></div>
       
</div></div>
          </div>
  
  </div>
</div>

    </div>
            <div  class="layout__region--col4 layout__region w-full lg:hover:bg-p4-white transition duration-300 ease-in-out rounded-lg !mb-6">
      


<div id="p-20575" class="menu-link-list p-4 has-title">
      <span class="font-bold w-full leading-normal">Infrastructure</span>
    <span class="hidden lg:inline">

            <div class="text-long"><p>Scale operations with platform automation across on-prem and cloud topologies.</p>
</div>
      </span>
  <div class="menu-links-wrapper">
    




      <div class="field field--name-field-menu-links field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20572" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/puppet">Puppet Infrastructure Automation</a></div>
       
</div></div>
              <div>

<div id="p-20573" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/openlogic">Enterprise Open Source Support and Services</a></div>
       
</div></div>
              <div>

<div id="p-20574" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/akana/api-platform">API Management</a></div>
       
</div></div>
          </div>
  
  </div>
</div>

    </div>
      </div>
</div>

</div>
</div>
              <div>
<div id="p-20837" class="paragraph paragraph--type--menu-footer-cta paragraph--view-mode--default menu-footer-cta hidden lg:block">
  <div class="
    flex items-center gap-4
    bg-p4-white
    px-8 py-4
    -mx-6 -mb-6
    md:-mx-6 md:-mb-6">
  
          

            <div class="text-long"><p>Not sure what you need? Let us help!</p>
</div>
      
    
    <div class="ml-auto">
          <a href="/products">
        All Products
      </a>
        </div>
  </div>
</div>
</div>
          </div>
  
      </div>



      </div>
    </div>

    
  </div>

        </li>
      
                                
                
        <li
          class="menu-item list-none border-gray-100"
        >

          <div class="flex items-center justify-between">

                                                              
                          <span class="px-1 py-1 inline-flex items-center gap-2 flex-1 heading-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 menu-item--has-panel" aria-haspopup="true" :aria-expanded="open ? &quot;true&quot; : &quot;false&quot;">Learn</span>
            
                                      <button
                class="px-4 py-4 mr-12 lg:mr-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
                @click="activeItem = activeItem === 3 ? null : 3"
                :aria-expanded="activeItem === 3 ? 'true' : 'false'"
                aria-label="Toggle Learn submenu"
              >
                <svg
                  class="w-4 h-4 transition-transform duration-200"
                  :class="activeItem === 3 ? 'rotate-180' : ''"
                  xmlns="http://www.w3.org/2000/svg"
                  fill="none" viewBox="0 0 24 24"
                  stroke="currentColor" stroke-width="2"
                >
                  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
                </svg>
              </button>
            
          </div>

  
  <div
    x-show="activeItem === 3"
    x-transition:enter="transition ease-out duration-200"
    x-transition:enter-start="opacity-0 -translate-y-2"
    x-transition:enter-end="opacity-100 translate-y-0"
    x-transition:leave="transition ease-in duration-150"
    x-transition:leave-start="opacity-100 translate-y-0"
    x-transition:leave-end="opacity-0 -translate-y-2"
    class="flex flex-col"
    x-cloak
  >
        <div class=" flex-1">
      <div class="
        lg:p-4
        [&_.layout]:!block
        [&_.layout__region]:!block
        [&_.layout__region]:!w-full
      ">
        
  
  <div class="menu_link_content menu-link-contentmain-menu-system view-mode-default menu-dropdown menu-dropdown-0 menu-type-default">
              




      <div class="field field--name-field-menu-panel field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20588" class="paragraph paragraph--type--menu-panel paragraph--view-mode--default">
  
<div  class="layout--three-column-25-25-50-menu w-full lg:w-[calc(100vw-4rem)] max-w-screen-lg mx-auto">
  <div  class="grid grid-cols-1 lg:grid-cols-[1fr_1fr_2fr] gap-4">
        <div  class="layout__region--col1 layout__region w-full lg:hover:bg-p4-white transition duration-300 ease-in-out rounded-lg !mb-6">
      


<div id="p-20597" class="menu-link-list p-4 has-title">
      <span class="font-bold w-full leading-normal">Resources</span>
    <span class="hidden lg:inline"></span>
  <div class="menu-links-wrapper">
    




      <div class="field field--name-field-menu-links field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20589" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/blog">Blog</a></div>
       
</div></div>
              <div>

<div id="p-20590" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/customers">Customer Case Studies</a></div>
       
</div></div>
              <div>

<div id="p-20591" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/resources/ebooks-papers">eBooks &amp; Papers</a></div>
       
</div></div>
              <div>

<div id="p-20592" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/resources/events">Events</a></div>
       
</div></div>
              <div>

<div id="p-20593" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/resources/industry-reports">Industry Reports</a></div>
       
</div></div>
              <div>

<div id="p-20594" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/resources/webinars">Webinars</a></div>
       
</div></div>
              <div>

<div id="p-20595" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/resources/videos">Videos</a></div>
       
</div></div>
              <div>

<div id="p-20596" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/resources">All Resources</a></div>
       
</div></div>
          </div>
  
  </div>
</div>

    </div>
            <div  class="layout__region--col2 layout__region w-full lg:hover:bg-p4-white transition duration-300 ease-in-out rounded-lg !mb-6">
      


<div id="p-20604" class="menu-link-list p-4 has-title">
      <span class="font-bold w-full leading-normal">Technical</span>
    <span class="hidden lg:inline"></span>
  <div class="menu-links-wrapper">
    




      <div class="field field--name-field-menu-links field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20598" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="https://portal.perforce.com/s/">Documentation</a></div>
       
</div></div>
              <div>

<div id="p-20599" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="https://portal.perforce.com/s/forum-groups">Community</a></div>
       
</div></div>
              <div>

<div id="p-20600" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/training">Training</a></div>
       
</div></div>
              <div>

<div id="p-20601" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="https://portal.perforce.com/s/">Customer Support Portal</a></div>
       
</div></div>
              <div>

<div id="p-20602" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/professional-services">Services</a></div>
       
</div></div>
              <div>

<div id="p-20603" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="https://trust.perforce.com/">Trust Center</a></div>
       
</div></div>
          </div>
  
  </div>
</div>

    </div>
            <div  class="layout__region--col3 layout__region w-full lg:hover:bg-p4-white transition duration-300 ease-in-out rounded-lg !mb-6">
      

<div id="p-20605" class="paragraph paragraph--type--menu-featured-content paragraph--view-mode--default menu-featured-content p-4 hidden lg:block">
      <span class="font-bold my-4 leading-normal">2026 State of Automotive Software Development Report</span>
  
  <div class="rounded-3xl overflow-hidden mx-auto !my-4">
  




            <div class="field field--name-field-image field--type-entity-reference field--label-hidden"><div>
  
  




  <div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
    <div class="visually-hidden">Image</div>
                          <img loading="lazy" src="/sites/default/files/2026-03/image-web-sca-2026-state-of-automotive-software-development-tile-1_0.png" width="740" height="390" alt="2026 State of Automotive Software Development Report." />


                </div>

</div>
</div>
       
    </div>
  <span class="menu-link-list">
  

            <div class="text-long"><p>Explore how automotive teams are navigating new software challenges.</p>
</div>
      
  </span>

  <div class="menu-link-item mt-8">
    




            <div class="field field--name-field-link field--type-link field--label-hidden"><a href="/resources/sca/2026-state-automotive-software-development-report">Get Insights</a></div>
          
    </div>
</div>

    </div>
      </div>
</div>

</div>
</div>
          </div>
  
      </div>



      </div>
    </div>

    
  </div>

        </li>
      
                                
                
        <li
          class="menu-item list-none border-gray-100"
        >

          <div class="flex items-center justify-between">

                                    
                          <a href="/customers" class="px-1 py-1 inline-flex items-center gap-2 flex-1 heading-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2" data-drupal-link-system-path="node/167">Customers</a>
            
                        
          </div>


        </li>
      
                                
                
        <li
          class="menu-item list-none border-gray-100"
        >

          <div class="flex items-center justify-between">

                                                              
                          <span class="px-1 py-1 inline-flex items-center gap-2 flex-1 heading-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 menu-item--has-panel" aria-haspopup="true" :aria-expanded="open ? &quot;true&quot; : &quot;false&quot;">Company</span>
            
                                      <button
                class="px-4 py-4 mr-12 lg:mr-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
                @click="activeItem = activeItem === 5 ? null : 5"
                :aria-expanded="activeItem === 5 ? 'true' : 'false'"
                aria-label="Toggle Company submenu"
              >
                <svg
                  class="w-4 h-4 transition-transform duration-200"
                  :class="activeItem === 5 ? 'rotate-180' : ''"
                  xmlns="http://www.w3.org/2000/svg"
                  fill="none" viewBox="0 0 24 24"
                  stroke="currentColor" stroke-width="2"
                >
                  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
                </svg>
              </button>
            
          </div>

  
  <div
    x-show="activeItem === 5"
    x-transition:enter="transition ease-out duration-200"
    x-transition:enter-start="opacity-0 -translate-y-2"
    x-transition:enter-end="opacity-100 translate-y-0"
    x-transition:leave="transition ease-in duration-150"
    x-transition:leave-start="opacity-100 translate-y-0"
    x-transition:leave-end="opacity-0 -translate-y-2"
    class="flex flex-col"
    x-cloak
  >
        <div class=" flex-1">
      <div class="
        lg:p-4
        [&_.layout]:!block
        [&_.layout__region]:!block
        [&_.layout__region]:!w-full
      ">
        
  
  <div class="menu_link_content menu-link-contentmain-menu-system view-mode-default menu-dropdown menu-dropdown-0 menu-type-default">
              




      <div class="field field--name-field-menu-panel field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20606" class="paragraph paragraph--type--menu-panel paragraph--view-mode--default">
  <div class="layout--one-column-menu w-md mx-auto">
        <div  class="layout__region--main layout__region w-full lg:hover:bg-p4-white transition duration-300 ease-in-out rounded-lg !mb-6">
    


<div id="p-20613" class="menu-link-list p-4 has-title">
      <span class="font-bold w-full leading-normal">Company</span>
    <span class="hidden lg:inline"></span>
  <div class="menu-links-wrapper">
    




      <div class="field field--name-field-menu-links field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20607" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/company">About Perforce</a></div>
       
</div></div>
              <div>

<div id="p-20608" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/careers">Careers</a></div>
       
</div></div>
              <div>

<div id="p-20609" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/company/management-team">Leadership</a></div>
       
</div></div>
              <div>

<div id="p-20610" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/partner-ecosystem">Partners</a></div>
       
</div></div>
              <div>

<div id="p-20611" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/press">Press</a></div>
       
</div></div>
              <div>

<div id="p-20612" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="https://trust.perforce.com/">Trust Center</a></div>
       
</div></div>
          </div>
  
  </div>
</div>

    </div>
    </div>

</div>
</div>
          </div>
  
      </div>



      </div>
    </div>

    
  </div>

        </li>
            <div class="mobile-utility-nav-container md:hidden block">
        <nav role="navigation" aria-labelledby="-menu">
      
  <h2 id="-menu"></h2>
  

        <ul class="utility-nav list-none md:flex hidden items-center desktop-utility-nav">

                                            
  
      
            
    <li>

              <a href="/downloads" class="utility-nav__link utility-nav__icon hover:opacity-70 w-5 h-5 block !max-w-none">
          <div>
  
  




  <div class="field field--name-field-icon field--type-svg-image-field field--label-visually_hidden">
    <div class="visually-hidden">SVG</div>
                        <img width="25" height="25" alt="Download Icon" src="/sites/default/files/2026-04/icon-simple-download-bottom.svg" />

                </div>

</div>

        </a>

            
    </li>

      
            
    <li>

              <a href="https://portal.perforce.com/s/" class="utility-nav__link utility-nav__icon hover:opacity-70 w-5 h-5 block !max-w-none">
          <div>
  
  




  <div class="field field--name-field-icon field--type-svg-image-field field--label-visually_hidden">
    <div class="visually-hidden">SVG</div>
                        <img width="25" height="25" alt="Profile Icon" src="/sites/default/files/2026-04/icon-simple-composition-window-man.svg" />

                </div>

</div>

        </a>

            
    </li>

      
            
    <li>

      
        
                  <a href="/contact-us" class="utility-nav__link underline xl1485:no-underline xl1485:!px-4 xl1485:mt-0 xl1485:p4-cta text-[1.15rem]">
            Contact Us
          </a>
        
            
    </li>

  </ul>


                                            
  
      
            
    <li class="md:hidden block menu-item list-none border-gray-100 !mb-4 pl-4 text-[1.15rem] leading-[2.1rem] tracking-[.005rem] font-normal">

              <a href="/downloads" class="px-1 py-1">
          Downloads
        </a>

            
            
    <li class="md:hidden block menu-item list-none border-gray-100 !mb-4 pl-4 text-[1.15rem] leading-[2.1rem] tracking-[.005rem] font-normal">

              <a href="https://portal.perforce.com/s/" class="px-1 py-1">
          Customer Portal
        </a>

            
            
    <li class="md:hidden block menu-item list-none border-gray-100 !mb-4 pl-4 text-[1.15rem] leading-[2.1rem] tracking-[.005rem] font-normal">

      
        
        
          


<a href="/contact-us"  class="p4-cta !px-4 mt-0 text-[1.15rem]">
      Contact Us
  </a>

        
        
  </nav>

      </div>
    </ul>
  </div>

    <ul
    id="main-nav-menu"
    class="menu menu-level-0 hidden xl:flex xl:flex-row xl:items-stretch xl:gap-[1.2rem] w-full xl:w-auto !m-0"
  >
    
                        
            
    <li
            class="
        menu-item !m-0 list-none
              "
    >
            
            
            
              <a href="/ai-powered-devops" class="px-3 py-2 inline-flex items-center gap-2 heading-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 menu-item--flair" data-drupal-link-system-path="node/3645">AI</a>
      
 
      </li>
    
                        
            
    <li
              @mouseenter="
          clearTimeout(closeTimer);
          activeItem = 1
        "
        @mouseleave="
          closeTimer = setTimeout(() => activeItem = null, 150)
        "
            class="
        menu-item !m-0 list-none
              "
    >
            
                          
            
              <button  class="px-3 py-2 inline-flex items-center gap-2 heading-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 menu-item--has-panel" aria-haspopup="true" :aria-expanded="(activeItem === 1) ? &quot;true&quot; : &quot;false&quot;" @keydown.enter.prevent="activeItem = (activeItem === 1) ? null : 1" @keydown.space.prevent="activeItem = (activeItem === 1) ? null : 1" @keydown.escape.stop="activeItem = null">
          Solutions
        </button>
      
   
    <div
      x-show="activeItem === 1"
      x-cloak
      x-transition:enter="transition ease-out duration-200"
      x-transition:enter-start="opacity-0 translate-y-1"
      x-transition:enter-end="opacity-100 translate-y-0"
      x-transition:leave="transition ease-in-out duration-200"
      x-transition:leave-start="opacity-100 translate-y-0"
      x-transition:leave-end="opacity-0"
      @mouseenter="clearTimeout(closeTimer)"
      @mouseleave="closeTimer = setTimeout(() => activeItem = null, 150)"
      class="
        absolute top-full -mt-px z-50
                  left-0 right-0
              "
    >

    <div class="
      bg-white shadow-lg rounded-3xl overflow-hidden border border-t flex flex-col
      w-max">

            <div class=" flex-1">
        <div class="px-6 pt-6 pb-0">
          
  
  <div class="menu_link_content menu-link-contentmain-menu-system view-mode-default menu-dropdown menu-dropdown-0 menu-type-default">
              




      <div class="field field--name-field-menu-panel field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20528" class="paragraph paragraph--type--menu-panel paragraph--view-mode--default">
  
<div  class="layout--three-column-33-33-33-menu w-full lg:w-[calc(100vw-4rem)] max-w-screen-lg mx-auto">
  <div  class="grid grid-cols-1 lg:grid-cols-[1fr_1fr_1fr] gap-4">
        <div  class="layout__region--col1 layout__region w-full lg:hover:bg-p4-white transition duration-300 ease-in-out rounded-lg !mb-6">
      


<div id="p-20537" class="menu-link-list p-4 has-title">
      <span class="font-bold w-full leading-normal">By Need</span>
    <span class="hidden lg:inline"></span>
  <div class="menu-links-wrapper">
    




      <div class="field field--name-field-menu-links field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20529" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/ai-powered-devops">AI in DevOps</a></div>
       
</div></div>
              <div>

<div id="p-20530" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/data-compliance">Data Compliance</a></div>
       
</div></div>
              <div>

<div id="p-20531" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/test-data-management">Test Data Management</a></div>
       
</div></div>
              <div>

<div id="p-20532" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/scalable-version-control">Scalable Version Control</a></div>
       
</div></div>
              <div>

<div id="p-20533" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/embedded-systems-chip-design">Embedded System Design</a></div>
       
</div></div>
              <div>

<div id="p-20534" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/continuous-software-quality">Continuous Software Quality</a></div>
       
</div></div>
              <div>

<div id="p-20535" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/internal-developer-platform-automation">Internal Development Platform</a></div>
       
</div></div>
              <div>

<div id="p-20536" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/open-source-management">Open Source Management</a></div>
       
</div></div>
          </div>
  
  </div>
</div>

    </div>
            <div  class="layout__region--col2 layout__region w-full lg:hover:bg-p4-white transition duration-300 ease-in-out rounded-lg !mb-6">
      


<div id="p-20545" class="menu-link-list p-4 has-title">
      <span class="font-bold w-full leading-normal">Industries</span>
    <span class="hidden lg:inline"></span>
  <div class="menu-links-wrapper">
    




      <div class="field field--name-field-menu-links field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20538" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/automotive">Automotive</a></div>
       
</div></div>
              <div>

<div id="p-20539" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/game-development">Game Development</a></div>
       
</div></div>
              <div>

<div id="p-20540" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/financial-services">Financial Services</a></div>
       
</div></div>
              <div>

<div id="p-20541" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/media-entertainment">Media and Entertainment</a></div>
       
</div></div>
              <div>

<div id="p-20542" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/semiconductor">Semiconductor </a></div>
       
</div></div>
              <div>

<div id="p-20543" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/telecommunications">Telecommunications</a></div>
       
</div></div>
              <div>

<div id="p-20544" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/aerospace-and-defense">Aerospace and Defense</a></div>
       
</div></div>
          </div>
  
  </div>
</div>

    </div>
            <div  class="layout__region--col3 layout__region w-full lg:hover:bg-p4-white transition duration-300 ease-in-out rounded-lg !mb-6">
      


<div id="p-20551" class="menu-link-list p-4 has-no-title">
    <span class="hidden lg:inline"></span>
  <div class="menu-links-wrapper">
    




      <div class="field field--name-field-menu-links field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20546" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/retail-consumer-goods">Retail and Consumer Goods</a></div>
       
</div></div>
              <div>

<div id="p-20547" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/software-it-services">Software and IT Services</a></div>
       
</div></div>
              <div>

<div id="p-20548" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/healthcare">Healthcare</a></div>
       
</div></div>
              <div>

<div id="p-20550" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/solutions/government">Government</a></div>
       
</div></div>
          </div>
  
  </div>
</div>

    </div>
      </div>
</div>

</div>
</div>
              <div>
<div id="p-20552" class="paragraph paragraph--type--menu-footer-cta paragraph--view-mode--default menu-footer-cta hidden lg:block">
  <div class="
    flex items-center gap-4
    bg-p4-white
    px-8 py-4
    -mx-6 -mb-6
    md:-mx-6 md:-mb-6">
  
          
    
    <div class="ml-auto">
          <a href="/solutions">
        All Solutions
      </a>
        </div>
  </div>
</div>
</div>
          </div>
  
      </div>



        </div>
      </div>

      
    </div>

  </div>

      </li>
    
                        
            
    <li
              @mouseenter="
          clearTimeout(closeTimer);
          activeItem = 2
        "
        @mouseleave="
          closeTimer = setTimeout(() => activeItem = null, 150)
        "
            class="
        menu-item !m-0 list-none
              "
    >
            
                          
            
              <button  class="px-3 py-2 inline-flex items-center gap-2 heading-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 menu-item--has-panel" aria-haspopup="true" :aria-expanded="(activeItem === 2) ? &quot;true&quot; : &quot;false&quot;" @keydown.enter.prevent="activeItem = (activeItem === 2) ? null : 2" @keydown.space.prevent="activeItem = (activeItem === 2) ? null : 2" @keydown.escape.stop="activeItem = null">
          Products
        </button>
      
   
    <div
      x-show="activeItem === 2"
      x-cloak
      x-transition:enter="transition ease-out duration-200"
      x-transition:enter-start="opacity-0 translate-y-1"
      x-transition:enter-end="opacity-100 translate-y-0"
      x-transition:leave="transition ease-in-out duration-200"
      x-transition:leave-start="opacity-100 translate-y-0"
      x-transition:leave-end="opacity-0"
      @mouseenter="clearTimeout(closeTimer)"
      @mouseleave="closeTimer = setTimeout(() => activeItem = null, 150)"
      class="
        absolute top-full -mt-px z-50
                  left-0 right-0
              "
    >

    <div class="
      bg-white shadow-lg rounded-3xl overflow-hidden border border-t flex flex-col
      w-max">

            <div class="garnish-on flex-1">
        <div class="px-6 pt-6 pb-0">
          
  
  <div class="menu_link_content menu-link-contentmain-menu-system view-mode-default menu-dropdown menu-dropdown-0 menu-type-default">
              




      <div class="field field--name-field-menu-panel field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20553" class="paragraph paragraph--type--menu-panel paragraph--view-mode--default">
  
<div  class="layout--four-column-25-25-25-25-menu w-full lg:w-[calc(100vw-4rem)] max-w-screen-lg mx-auto relative">
  <div  class="grid grid-cols-1 lg:grid-cols-[1fr_1fr_1fr_1fr] gap-4">
          <div  class="layout__region--col1 layout__region w-full lg:hover:bg-p4-white transition duration-300 ease-in-out rounded-lg !mb-6">
        


<div id="p-20561" class="menu-link-list p-4 has-title">
      <span class="font-bold w-full leading-normal">Code</span>
    <span class="hidden lg:inline">

            <div class="text-long"><p>Control code, content, IP, and collaboration at any scale from idea to production.</p>
</div>
      </span>
  <div class="menu-links-wrapper">
    




      <div class="field field--name-field-menu-links field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20555" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/helix-core">P4 Version Control Platform</a></div>
       
</div></div>
              <div>

<div id="p-20556" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/helix-iplm">IP Lifecycle Management</a></div>
       
</div></div>
              <div>

<div id="p-20557" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/helix-alm">Application Lifecycle Management</a></div>
       
</div></div>
              <div>

<div id="p-20558" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/gliffy">Diagramming and Collaboration</a></div>
       
</div></div>
              <div>

<div id="p-20559" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/jrebel">Java Development</a></div>
       
</div></div>
              <div>

<div id="p-20560" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/static-analysis">Static Code Analysis</a></div>
       
</div></div>
          </div>
  
  </div>
</div>

      </div>
            <div  class="layout__region--col2 layout__region w-full lg:hover:bg-p4-white transition duration-300 ease-in-out rounded-lg !mb-6">
      


<div id="p-20566" class="menu-link-list p-4 has-title">
      <span class="font-bold w-full leading-normal">Quality</span>
    <span class="hidden lg:inline">

            <div class="text-long"><p>Test and validate digital experiences and code quality across applications on any device.</p>
</div>
      </span>
  <div class="menu-links-wrapper">
    




      <div class="field field--name-field-menu-links field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20562" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/blazemeter">Blazemeter Continuous Testing</a></div>
       
</div></div>
              <div>

<div id="p-20563" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/perfecto">Perfecto Enterprise Mobile and Web Testing</a></div>
       
</div></div>
              <div>

<div id="p-20564" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/perfecto">Agentic-AI Driven Testing</a></div>
       
</div></div>
              <div>

<div id="p-20565" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/blazemeter">API Testing and Monitoring</a></div>
       
</div></div>
          </div>
  
  </div>
</div>

    </div>
            <div  class="layout__region--col3 layout__region w-full lg:hover:bg-p4-white transition duration-300 ease-in-out rounded-lg !mb-6">
      


<div id="p-20571" class="menu-link-list p-4 has-title">
      <span class="font-bold w-full leading-normal">Data</span>
    <span class="hidden lg:inline">

            <div class="text-long"><p>Automate data delivery and data protection for DevOps and AI pipelines.</p>
</div>
      </span>
  <div class="menu-links-wrapper">
    




      <div class="field field--name-field-menu-links field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20567" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/delphix">Delphix DevOps Data Platform</a></div>
       
</div></div>
              <div>

<div id="p-20568" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/delphix/data-masking">Data Masking</a></div>
       
</div></div>
              <div>

<div id="p-20569" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/delphix/data-virtualization">Data Automation and Delivery</a></div>
       
</div></div>
              <div>

<div id="p-20570" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/delphix/data-control-tower">Data Control</a></div>
       
</div></div>
          </div>
  
  </div>
</div>

    </div>
            <div  class="layout__region--col4 layout__region w-full lg:hover:bg-p4-white transition duration-300 ease-in-out rounded-lg !mb-6">
      


<div id="p-20575" class="menu-link-list p-4 has-title">
      <span class="font-bold w-full leading-normal">Infrastructure</span>
    <span class="hidden lg:inline">

            <div class="text-long"><p>Scale operations with platform automation across on-prem and cloud topologies.</p>
</div>
      </span>
  <div class="menu-links-wrapper">
    




      <div class="field field--name-field-menu-links field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20572" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/puppet">Puppet Infrastructure Automation</a></div>
       
</div></div>
              <div>

<div id="p-20573" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/openlogic">Enterprise Open Source Support and Services</a></div>
       
</div></div>
              <div>

<div id="p-20574" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/products/akana/api-platform">API Management</a></div>
       
</div></div>
          </div>
  
  </div>
</div>

    </div>
      </div>
</div>

</div>
</div>
              <div>
<div id="p-20837" class="paragraph paragraph--type--menu-footer-cta paragraph--view-mode--default menu-footer-cta hidden lg:block">
  <div class="
    flex items-center gap-4
    bg-p4-white
    px-8 py-4
    -mx-6 -mb-6
    md:-mx-6 md:-mb-6">
  
          

            <div class="text-long"><p>Not sure what you need? Let us help!</p>
</div>
      
    
    <div class="ml-auto">
          <a href="/products">
        All Products
      </a>
        </div>
  </div>
</div>
</div>
          </div>
  
      </div>



        </div>
      </div>

      
    </div>

  </div>

      </li>
    
                        
            
    <li
              @mouseenter="
          clearTimeout(closeTimer);
          activeItem = 3
        "
        @mouseleave="
          closeTimer = setTimeout(() => activeItem = null, 150)
        "
            class="
        menu-item !m-0 list-none
              "
    >
            
                          
            
              <button  class="px-3 py-2 inline-flex items-center gap-2 heading-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 menu-item--has-panel" aria-haspopup="true" :aria-expanded="(activeItem === 3) ? &quot;true&quot; : &quot;false&quot;" @keydown.enter.prevent="activeItem = (activeItem === 3) ? null : 3" @keydown.space.prevent="activeItem = (activeItem === 3) ? null : 3" @keydown.escape.stop="activeItem = null">
          Learn
        </button>
      
   
    <div
      x-show="activeItem === 3"
      x-cloak
      x-transition:enter="transition ease-out duration-200"
      x-transition:enter-start="opacity-0 translate-y-1"
      x-transition:enter-end="opacity-100 translate-y-0"
      x-transition:leave="transition ease-in-out duration-200"
      x-transition:leave-start="opacity-100 translate-y-0"
      x-transition:leave-end="opacity-0"
      @mouseenter="clearTimeout(closeTimer)"
      @mouseleave="closeTimer = setTimeout(() => activeItem = null, 150)"
      class="
        absolute top-full -mt-px z-50
                  left-0 right-0
              "
    >

    <div class="
      bg-white shadow-lg rounded-3xl overflow-hidden border border-t flex flex-col
      w-max">

            <div class=" flex-1">
        <div class="px-6 pt-6 pb-0">
          
  
  <div class="menu_link_content menu-link-contentmain-menu-system view-mode-default menu-dropdown menu-dropdown-0 menu-type-default">
              




      <div class="field field--name-field-menu-panel field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20588" class="paragraph paragraph--type--menu-panel paragraph--view-mode--default">
  
<div  class="layout--three-column-25-25-50-menu w-full lg:w-[calc(100vw-4rem)] max-w-screen-lg mx-auto">
  <div  class="grid grid-cols-1 lg:grid-cols-[1fr_1fr_2fr] gap-4">
        <div  class="layout__region--col1 layout__region w-full lg:hover:bg-p4-white transition duration-300 ease-in-out rounded-lg !mb-6">
      


<div id="p-20597" class="menu-link-list p-4 has-title">
      <span class="font-bold w-full leading-normal">Resources</span>
    <span class="hidden lg:inline"></span>
  <div class="menu-links-wrapper">
    




      <div class="field field--name-field-menu-links field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20589" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/blog">Blog</a></div>
       
</div></div>
              <div>

<div id="p-20590" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/customers">Customer Case Studies</a></div>
       
</div></div>
              <div>

<div id="p-20591" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/resources/ebooks-papers">eBooks &amp; Papers</a></div>
       
</div></div>
              <div>

<div id="p-20592" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/resources/events">Events</a></div>
       
</div></div>
              <div>

<div id="p-20593" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/resources/industry-reports">Industry Reports</a></div>
       
</div></div>
              <div>

<div id="p-20594" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/resources/webinars">Webinars</a></div>
       
</div></div>
              <div>

<div id="p-20595" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/resources/videos">Videos</a></div>
       
</div></div>
              <div>

<div id="p-20596" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/resources">All Resources</a></div>
       
</div></div>
          </div>
  
  </div>
</div>

    </div>
            <div  class="layout__region--col2 layout__region w-full lg:hover:bg-p4-white transition duration-300 ease-in-out rounded-lg !mb-6">
      


<div id="p-20604" class="menu-link-list p-4 has-title">
      <span class="font-bold w-full leading-normal">Technical</span>
    <span class="hidden lg:inline"></span>
  <div class="menu-links-wrapper">
    




      <div class="field field--name-field-menu-links field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20598" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="https://portal.perforce.com/s/">Documentation</a></div>
       
</div></div>
              <div>

<div id="p-20599" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="https://portal.perforce.com/s/forum-groups">Community</a></div>
       
</div></div>
              <div>

<div id="p-20600" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/training">Training</a></div>
       
</div></div>
              <div>

<div id="p-20601" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="https://portal.perforce.com/s/">Customer Support Portal</a></div>
       
</div></div>
              <div>

<div id="p-20602" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/professional-services">Services</a></div>
       
</div></div>
              <div>

<div id="p-20603" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="https://trust.perforce.com/">Trust Center</a></div>
       
</div></div>
          </div>
  
  </div>
</div>

    </div>
            <div  class="layout__region--col3 layout__region w-full lg:hover:bg-p4-white transition duration-300 ease-in-out rounded-lg !mb-6">
      

<div id="p-20605" class="paragraph paragraph--type--menu-featured-content paragraph--view-mode--default menu-featured-content p-4 hidden lg:block">
      <span class="font-bold my-4 leading-normal">2026 State of Automotive Software Development Report</span>
  
  <div class="rounded-3xl overflow-hidden mx-auto !my-4">
  




            <div class="field field--name-field-image field--type-entity-reference field--label-hidden"><div>
  
  




  <div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
    <div class="visually-hidden">Image</div>
                          <img loading="lazy" src="/sites/default/files/2026-03/image-web-sca-2026-state-of-automotive-software-development-tile-1_0.png" width="740" height="390" alt="2026 State of Automotive Software Development Report." />


                </div>

</div>
</div>
       
    </div>
  <span class="menu-link-list">
  

            <div class="text-long"><p>Explore how automotive teams are navigating new software challenges.</p>
</div>
      
  </span>

  <div class="menu-link-item mt-8">
    




            <div class="field field--name-field-link field--type-link field--label-hidden"><a href="/resources/sca/2026-state-automotive-software-development-report">Get Insights</a></div>
          
    </div>
</div>

    </div>
      </div>
</div>

</div>
</div>
          </div>
  
      </div>



        </div>
      </div>

      
    </div>

  </div>

      </li>
    
                        
            
    <li
            class="
        menu-item !m-0 list-none
              "
    >
            
            
            
              <a href="/customers" class="px-3 py-2 inline-flex items-center gap-2 heading-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2" data-drupal-link-system-path="node/167">Customers</a>
      
 
      </li>
    
                        
            
    <li
              @mouseenter="
          clearTimeout(closeTimer);
          activeItem = 5
        "
        @mouseleave="
          closeTimer = setTimeout(() => activeItem = null, 150)
        "
            class="
        menu-item !m-0 list-none
        relative      "
    >
            
                          
            
              <button  class="px-3 py-2 inline-flex items-center gap-2 heading-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 menu-item--has-panel" aria-haspopup="true" :aria-expanded="(activeItem === 5) ? &quot;true&quot; : &quot;false&quot;" @keydown.enter.prevent="activeItem = (activeItem === 5) ? null : 5" @keydown.space.prevent="activeItem = (activeItem === 5) ? null : 5" @keydown.escape.stop="activeItem = null">
          Company
        </button>
      
   
    <div
      x-show="activeItem === 5"
      x-cloak
      x-transition:enter="transition ease-out duration-200"
      x-transition:enter-start="opacity-0 translate-y-1"
      x-transition:enter-end="opacity-100 translate-y-0"
      x-transition:leave="transition ease-in-out duration-200"
      x-transition:leave-start="opacity-100 translate-y-0"
      x-transition:leave-end="opacity-0"
      @mouseenter="clearTimeout(closeTimer)"
      @mouseleave="closeTimer = setTimeout(() => activeItem = null, 150)"
      class="
        absolute top-full -mt-px z-50
                  left-0 min-w-[14rem]
              "
    >

    <div class="
      bg-white shadow-lg rounded-3xl overflow-hidden border border-t flex flex-col
      ">

            <div class=" flex-1">
        <div class="px-6 pt-6 pb-0">
          
  
  <div class="menu_link_content menu-link-contentmain-menu-system view-mode-default menu-dropdown menu-dropdown-0 menu-type-default">
              




      <div class="field field--name-field-menu-panel field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20606" class="paragraph paragraph--type--menu-panel paragraph--view-mode--default">
  <div class="layout--one-column-menu w-md mx-auto">
        <div  class="layout__region--main layout__region w-full lg:hover:bg-p4-white transition duration-300 ease-in-out rounded-lg !mb-6">
    


<div id="p-20613" class="menu-link-list p-4 has-title">
      <span class="font-bold w-full leading-normal">Company</span>
    <span class="hidden lg:inline"></span>
  <div class="menu-links-wrapper">
    




      <div class="field field--name-field-menu-links field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-20607" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/company">About Perforce</a></div>
       
</div></div>
              <div>

<div id="p-20608" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/careers">Careers</a></div>
       
</div></div>
              <div>

<div id="p-20609" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/company/management-team">Leadership</a></div>
       
</div></div>
              <div>

<div id="p-20610" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/partner-ecosystem">Partners</a></div>
       
</div></div>
              <div>

<div id="p-20611" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="/press">Press</a></div>
       
</div></div>
              <div>

<div id="p-20612" class="paragraph paragraph--type--menu-link-item paragraph--view-mode--default menu-link-item">
  




            <div class="field field--name-field-menu-link field--type-link field--label-hidden"><a href="https://trust.perforce.com/">Trust Center</a></div>
       
</div></div>
          </div>
  
  </div>
</div>

    </div>
    </div>

</div>
</div>
          </div>
  
      </div>



        </div>
      </div>

      
    </div>

  </div>

      </li>
      </ul>
</nav>
  </nav>
<nav role="navigation" aria-labelledby="block-p4base-utilitynav-menu" id="block-p4base-utilitynav" class="py-8 px-2 text-[.9rem] [&amp;_li]:mx-3 hidden md:flex items-center justify-end xl:order-2 order-1 ml-auto">
  
            
  <h2 class="visually-hidden" id="block-p4base-utilitynav-menu">Utility Nav</h2>
  

  <div class="flex items-center gap-2">
    

      <div x-data="{ open: false }" class="relative flex items-center">
    <!-- Search Icon Button -->
    <button @click="open = true" class="hover:text-gray-300 dark:text-p4-teal focus:outline-none" id="search-button" aria-label="Open Site Search" title="Open Site Search">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-4.35-4.35M16 10a6 6 0 1 0-12 0 6 6 0 0 0 12 0z"/>
      </svg>
    </button>

    <!-- Fullscreen Search Overlay -->
    <div x-show="open" x-transition.opacity x-cloak
         @click.away="open = false"
         @keydown.escape.window="open = false"
         x-init="$watch('open', value => {
         if (value) {
            $nextTick(() => {
            const input = document.querySelector('#search-modal-content input[type=text]');
            if (input) input.focus();
          });
         }
       })"
         class="fixed inset-0 bg-p4-primary bg-opacity-90 flex items-center justify-center z-50">

      <div class="container p-4 relative">
          <!-- Search Form Container -->
        <div id="search-modal-content" class="w-full flex items-center justify-center">
          <div  data-drupal-selector="views-exposed-form-sitewide-search-page-search" class="block views-exposed-form bef-exposed-form">
  
      <h2 class="h2">Sitewide Search</h2>
    
      <form action="/search" method="get" id="views-exposed-form-sitewide-search-page-search" accept-charset="UTF-8">

        <div class="relative mx-auto">
        <input
                type="text"
                name="keys"
                value=""
                placeholder="Search..."
                class="w-[800px] placeholder:text-p4-primary text-base text-p4-dark py-4 px-4 pr-12 border rounded-md focus:outline-none focus:ring-0 focus:border-transparent"
        />

                <button
                type="submit"
                name=""
                value="Apply"
                class="absolute top-1/2 right-8 transform -translate-y-1/2"
                aria-label="Search"
        >
            <svg class="w-6 h-6 text-p4-primary" id="icon_search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"
                      d="M17.4 9.2c0 4.5-3.7 8.2-8.2 8.2S1 13.8 1 9.2 4.7 1 9.2 1s8.2 3.7 8.2 8.2ZM15 15l8 8"/>
            </svg>

        </button>
    </div>

        
    
    
</form>
  </div>

            <!-- Close Button -->
            <button @click="open = false"
                    class="ml-8 w-10 h-10 bg-p4-teal text-p4-dark hover:text-black text-xl rounded-full flex items-center justify-center">
                ✖
            </button>
        </div>
      </div>
    </div>
  </div>


        <div>
              <ul class="utility-nav list-none md:flex hidden items-center desktop-utility-nav">

                                            
  
      
            
    <li>

              <a href="/downloads" class="utility-nav__link utility-nav__icon hover:opacity-70 w-5 h-5 block !max-w-none">
          <div>
  
  




  <div class="field field--name-field-icon field--type-svg-image-field field--label-visually_hidden">
    <div class="visually-hidden">SVG</div>
                        <img width="25" height="25" alt="Download Icon" src="/sites/default/files/2026-04/icon-simple-download-bottom.svg" />

                </div>

</div>

        </a>

            
    </li>

      
            
    <li>

              <a href="https://portal.perforce.com/s/" class="utility-nav__link utility-nav__icon hover:opacity-70 w-5 h-5 block !max-w-none">
          <div>
  
  




  <div class="field field--name-field-icon field--type-svg-image-field field--label-visually_hidden">
    <div class="visually-hidden">SVG</div>
                        <img width="25" height="25" alt="Profile Icon" src="/sites/default/files/2026-04/icon-simple-composition-window-man.svg" />

                </div>

</div>

        </a>

            
    </li>

      
            
    <li>

      
        
                  <a href="/contact-us" class="utility-nav__link underline xl1485:no-underline xl1485:!px-4 xl1485:mt-0 xl1485:p4-cta text-[1.15rem]">
            Contact Us
          </a>
        
            
    </li>

  </ul>


                                            
  
      
            
    <li class="md:hidden block menu-item list-none border-gray-100 !mb-4 pl-4 text-[1.15rem] leading-[2.1rem] tracking-[.005rem] font-normal">

              <a href="/downloads" class="px-1 py-1">
          Downloads
        </a>

            
            
    <li class="md:hidden block menu-item list-none border-gray-100 !mb-4 pl-4 text-[1.15rem] leading-[2.1rem] tracking-[.005rem] font-normal">

              <a href="https://portal.perforce.com/s/" class="px-1 py-1">
          Customer Portal
        </a>

            
            
    <li class="md:hidden block menu-item list-none border-gray-100 !mb-4 pl-4 text-[1.15rem] leading-[2.1rem] tracking-[.005rem] font-normal">

      
        
        
          


<a href="/contact-us"  class="p4-cta !px-4 mt-0 text-[1.15rem]">
      Contact Us
  </a>

        
        
          </div>
  </div>
</nav>

    </div>

  </div>

        </header>

<main role="main"  class="main-content px-0 pt-[96px]">
    
    
    
    
    <a id="main-content" tabindex="-1"></a>                <div>
        
<div  id="block-p4base-headerfieldblock" class="block block-- w-full">
  
    
      




      <div class="field field--name-field-header field--type-entity-reference-revisions field--label-hidden">
              <div>

  
<div id="p-1527" class="header-hero">
  <div class="min-h-[500px]
relative p-4 lp-header text-left  bg-cover bg-center">
  <div class="max-w-container mx-auto mb-10 mt-24">
    <div class="md:flex mt-8 lp-header__content">
      <div class=" sm:w-8/12 text-p4-dark sm:pr-6">
                  <div class="flex justify-center flex-col h-full">
              <div>
                  <p
                      class="text-p4-primary max-w-3xl uppercase tracking-widest text-[1.35rem] mb-5">Perforce Klocwork</p>                                        <div >
                          

<h1  class="heading">
                Secure Code Faster. Stay Audit-Ready. Scale With Confidence.  
      </h1>
                      </div>
                                                        <p class="text-p4-dark max-w-3xl ">
                      See more issues, sooner — at any scale.
                    </p>
                                    <div class="cta-wrapper mt-6">
                                                                                                    


<a href="/products/kw/free-static-code-analyzer-trial"  class="p4-cta">
      Request Your Free Trial
  </a>
                                                              </div>
              </div>
          </div>
      </div>
              <div class="max-md:mt-6 md:w-4/12">
                  
<img
   class="image"
      src="/sites/default/files/2026-06/sa_klocwork_product-page_header-2.svg"
  alt="Klockwork icon."
  />
                </div>
          </div>
  </div>  
</div>
</div>
</div>
          </div>
  
  </div>

    <div data-drupal-messages-fallback class="hidden"></div><div  id="block-p4base-content" class="block">
  
    
      
<article  class="node">

  
    

  
  <div>
    


            <div class="subnav field field--name-field-subnav field--type-entity-reference field--label-hidden bg-p4-primary shadow-xl">


                                  
    

<ul  class="menu max-w-container mx-auto list-none hidden md:flex">
        
<li  class="menu__item flex leading-5 menu__item flex leading-5--active">
                      <a href="/products/klocwork" class="menu__link menu__link--active is-active" data-drupal-link-system-path="node/169" aria-current="page">Perforce Klocwork</a>
                </li>
      
<li  class="menu__item flex leading-5">
                      <a href="/products/klocwork/whats-new" class="menu__link" data-drupal-link-system-path="node/676">What&#039;s New</a>
                </li>
      
<li  class="menu__item flex leading-5">
                      <a href="/resources/ci-cd-process" class="menu__link" data-drupal-link-system-path="node/3267">CI/CD Process &amp; Tools</a>
                </li>
      
<li  class="menu__item flex leading-5">
                      <a href="/resources/kw/sast" class="menu__link" data-drupal-link-system-path="node/2808">SAST Guide</a>
                </li>
  </ul>
  

<div x-data="{
    mobileMenuOpen: false,
    toggleMenu() {
        this.mobileMenuOpen = !this.mobileMenuOpen;
        console.log(this.mobileMenuOpen);
        if (this.mobileMenuOpen) {
            document.body.style.overflow = 'hidden';
        } else {

            document.body.style.overflow = '';
        }
    }
}" class="md:hidden">
        <button
            @click="toggleMenu()"
            class="md:hidden w-full flex items-center px-8 py-4 rounded-3xl flex justify-between">
        <span class="mr-2 text-white">Overview</span>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" class="w-4 h-4 text-p4-teal" fill="currentColor">
            <path d="M0 0h10L5 6z" />
        </svg>

    </button>

        <nav :class="mobileMenuOpen ? 'block' : 'hidden'" class="mega-menu mt-2 md:block bg-white">
        <div class="fixed inset-0 bg-white z-[500] peer-checked:flex lg:hidden flex-col overflow-y-auto">
            <!-- Close Button -->
            <div class="text-right px-4 py-2 border-b">
                <label @click="toggleMenu()"  class="cursor-pointer text-xl">✖</label>
            </div>
            <!-- Menu Items -->
            <ul class="flex-1 flex flex-col gap-y-4 px-4 py-6 list-none">
                                    <li class="mega-menu__item list-none">
                                                    <!-- Top-Level Link Without Dropdown -->
                            <a href="/products/klocwork" class="block py-2 px-4 font-medium text-lg hover:text-primary">
                                Perforce Klocwork
                            </a>
                                            </li>
                                    <li class="mega-menu__item list-none">
                                                    <!-- Top-Level Link Without Dropdown -->
                            <a href="/products/klocwork/whats-new" class="block py-2 px-4 font-medium text-lg hover:text-primary">
                                What&#039;s New
                            </a>
                                            </li>
                                    <li class="mega-menu__item list-none">
                                                    <!-- Top-Level Link Without Dropdown -->
                            <a href="/resources/ci-cd-process" class="block py-2 px-4 font-medium text-lg hover:text-primary">
                                CI/CD Process &amp; Tools
                            </a>
                                            </li>
                                    <li class="mega-menu__item list-none">
                                                    <!-- Top-Level Link Without Dropdown -->
                            <a href="/resources/kw/sast" class="block py-2 px-4 font-medium text-lg hover:text-primary">
                                SAST Guide
                            </a>
                                            </li>
                            </ul>
        </div>
    </nav>
</div></div>
      




      <div class="field field--name-field-content field--type-entity-reference-revisions field--label-hidden">
              <div>

<div id="p-22411" class="paragraph--type--section paragraph--view-mode--default">
  
<div  class="layout layout--two-column-50-50">
  <div  class="grid grid-cols-1 md:grid-cols-2 gap-4 max-w-container mx-auto">
        <div  class="layout__region layout__region--col1">
      

<div id="p-22412" class="rich-text p-4">
      <h2>The Scalable SAST Tool for Mission-Critical Software  </h2>
    

            <div class="text-long"><div><div class="photoswipe-gallery"><p>Fit Perforce Klocwork seamlessly into your DevSecOps workflows. The static application security testing (SAST) tool provides early defense for developers by alerting them to potentially costly defects and compliance violations as soon as the code is written. It extends security analysis across the environments you already use, simplifies risk-based decision-making, and strengthens architecture and AI governance across globally distributed teams. &nbsp;</p><p>Identify security and reliability issues for C, C++, C#, Rust, Java, JavaScript, Python, and Kotlin programming languages — over millions of lines of code.</p><p><a class="p4-cta" href="/sites/default/files/2026-03/datasheet-klocwork-sast.pdf">Read the Datasheet</a></p></div></div></div>
      
</div>

    </div>
            <div  class="layout__region layout__region--col2">
      
<div id="p-22413" class="paragraph paragraph--type--image paragraph--view-mode--default overflow-hidden">
  <div class="text-center">
          <div>
  
  




  <div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
    <div class="visually-hidden">Image</div>
                          <img loading="lazy" src="/sites/default/files/2026-05/sa_klocwork_product-page_sast-tool.png" width="600" height="400" alt="A person with headphones sits at a desk, working on multiple computer screens displaying code and data." />


                </div>

</div>

        
  </div>
</div>

    </div>
      </div>
</div>

</div>
</div>
              <div>

<div id="p-22432" class="paragraph--type--section paragraph--view-mode--default">
  
<div class="layout layout--one-column max-w-container mx-auto">
        <div  class="main-region p-4">
    

<div class="no-padding paragraph--type--section paragraph--view-mode--default" id="p-22433">
  
<div  class="layout layout--two-column-50-50">
  <div  class="grid grid-cols-1 md:grid-cols-2 gap-4 max-w-container mx-auto">
        <div  class="layout__region layout__region--col1">
      
<div id="p-22434" class="paragraph paragraph--type--image paragraph--view-mode--default overflow-hidden">
  <div class="text-center">
          <div>
  
  




  <div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
    <div class="visually-hidden">Image</div>
                          <img loading="lazy" src="/sites/default/files/2026-06/vcs_ads_automotive-world_automotive-breakout-report_early-detection-chart.jpg" width="601" height="430" alt="Chart showing Increase Development Velocity and Reduce Costs Through Early Defect Detection" />


                </div>

</div>

        
  </div>
</div>

    </div>
            <div  class="layout__region layout__region--col2">
      

<div id="p-22435" class="rich-text p-4">
      <h2>Increase Development Velocity and Reduce Costs Through Early Defect Detection</h2>
    

            <div class="text-long"><div><div class="photoswipe-gallery"><p>Teams integrating Klocwork SAST into their CI/CD pipelines catch costly defects before they spread and shorten development cycles with early remediation. &nbsp;</p></div></div></div>
      
</div>

    </div>
      </div>
</div>

</div>


<div class="no-padding paragraph--type--section paragraph--view-mode--default" id="p-22436">
  
<div  class="layout layout--three-column-33-33-33">
  <div  class="grid grid-cols-1 md:grid-cols-[1fr_1fr_1fr] gap-4 max-w-container mx-auto">
        <div  class="layout__region layout__region--col1">
      
<div id="p-22437" class="paragraph paragraph--type--image paragraph--view-mode--default overflow-hidden">
  <div class="text-center">
          <div>
  
  




  <div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
    <div class="visually-hidden">Image</div>
                          <img loading="lazy" src="/sites/default/files/2026-05/sa_klocwork_product-page_85-percent-of-defects.png" width="601" height="601" alt="Woman wearing glasses working on a computer with code on the screen, in a dark office setting." />


                </div>

</div>

        
  </div>
</div>


<div id="p-22438" class="rich-text p-4">
    

            <div class="text-long"><div><div class="photoswipe-gallery"><h3>85% of Defects Are Introduced During Coding</h3><p>The vast majority of issues originate at the coding stage, making it the most critical point for early detection.</p></div></div></div>
      
</div>

    </div>
            <div  class="layout__region layout__region--col2">
      
<div id="p-22439" class="paragraph paragraph--type--image paragraph--view-mode--default overflow-hidden">
  <div class="text-center">
          <div>
  
  




  <div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
    <div class="visually-hidden">Image</div>
                          <img loading="lazy" src="/sites/default/files/2026-05/sa_klocwork_product-page_fixing-early-costs-1x.png" width="601" height="601" alt="A woman wearing headphones works at a computer station in a dimly lit office." />


                </div>

</div>

        
  </div>
</div>


<div id="p-22440" class="rich-text p-4">
    

            <div class="text-long"><div><div class="photoswipe-gallery"><h3>Fixing Early Costs Just 1x</h3><p>Addressing defects during development is fast and cost-effective, requiring minimal effort compared to later stages.</p></div></div></div>
      
</div>

    </div>
            <div  class="layout__region layout__region--col3">
      
<div id="p-22441" class="paragraph paragraph--type--image paragraph--view-mode--default overflow-hidden">
  <div class="text-center">
          <div>
  
  




  <div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
    <div class="visually-hidden">Image</div>
                          <img loading="lazy" src="/sites/default/files/2026-05/sa_klocwork_product-page_post-production-repairs-cost-650x.png" width="601" height="601" alt="A man in glasses and a gray jacket stands in a tech lab, holding a tablet, with computer screens around him." />


                </div>

</div>

        
  </div>
</div>


<div id="p-22442" class="rich-text p-4">
    

            <div class="text-long"><div><div class="photoswipe-gallery"><h3>Post-Production Repairs Can Cost 650x More</h3><p>Once defects reach production, the complexity and impact multiply, driving repair costs up to 650 times higher.</p></div></div></div>
      
</div>

    </div>
      </div>
</div>

</div>

    </div>
    </div>

</div>
</div>
              <div>

<div id="p-22410" class="compound-cards-with-icons">
  <div class="overflow-hidden">

  <section x-data="cardIconCarouselData" class="max-w-container mx-auto py-12 opacity-0 transition-opacity duration-300"
           :class="{'opacity-0': !isReady, 'opacity-100': isReady}">
    <div class="px-4">
      <div>
        <!-- Title and Description Section -->
                  
      </div>
      
    </div>
    <!-- Card Grid Section -->
    <div class="relative"
        :class="isCarouselActive && visibleCards === 3 ? 'carousel-bleed' : 'carousel-clip'">

      <div
        class="flex transition-transform will-change-transform carousel-track"
        x-ref="carousel"
        @pointerdown.prevent="startDrag($event)"
        @pointermove.prevent="onDrag($event)"
        @pointerup="endDrag()"
        @pointercancel="endDrag()"
        @touchstart.prevent="startDrag($event)"
        @touchmove.prevent="onDrag($event)"
        @touchend="endDrag()"
        :class="{
          'is-dragging': isDragging,
          'is-animating': isAnimating
        }"
        x-effect="$refs.carousel.style.setProperty('--tx', `${translateX}px`)"
      >
                  <div
               class="flex-none"
               :class="{'w-full': visibleCards === 1, 'md:w-1/3': visibleCards === 3}"
               @click="onCardClick(0)"
          >
                        <div id="p-22407" class="card-component w-full p-4">
    <div class="card group bg-white rounded-3xl shadow-md overflow-hidden relative">
        
                <div class="card-top-section h-36 bg-zoom bg-center ">
        </div>
                                                <div class="card-image bg-white rounded-3xl absolute card-icon-position left-12 shadow-md flex items-center justify-center">
                    <img src="https://www.perforce.com/sites/default/files/2024-12/icon-simple-seo-search-graph.svg" alt="Reduce Compliance Bottlenecks. Ensure Audit-Readiness.  icon" class="w-12 h-12 rounded-3xl object-none">
                </div>
                
                <div class="card-content pt-12 px-8 pb-8">
            

<h3  class="heading">
                Reduce Compliance Bottlenecks. Ensure Audit-Readiness. 
      </h3>
           <div class="card-content-text text-p4-dark text-long">
                <div><div class="photoswipe-gallery"><p>Keep delivery moving in regulated environments with deep, inter-procedural dataflow analysis and continuous compliance focused on security and safety. Use the Perforce Validate platform to unify Klocwork analysis outcomes and enforce standards requirements that matter most. Automate compliance reporting and maintain clear, traceable proof across projects and releases, so you’re always ready for the next audit.</p></div></div>
                </div>
                    </div>
    </div>
</div>
          </div>
                  <div
               class="flex-none"
               :class="{'w-full': visibleCards === 1, 'md:w-1/3': visibleCards === 3}"
               @click="onCardClick(1)"
          >
                        <div id="p-22408" class="card-component w-full p-4">
    <div class="card group bg-white rounded-3xl shadow-md overflow-hidden relative">
        
                <div class="card-top-section h-36 bg-zoom bg-center ">
        </div>
                                                <div class="card-image bg-white rounded-3xl absolute card-icon-position left-12 shadow-md flex items-center justify-center">
                    <img src="https://www.perforce.com/sites/default/files/2025-06/icon-codes%20%281%29.svg" alt="Secure Massive Codebases at the Speed of Modern Development  icon" class="w-12 h-12 rounded-3xl object-none">
                </div>
                
                <div class="card-content pt-12 px-8 pb-8">
            

<h3  class="heading">
                Secure Massive Codebases at the Speed of Modern Development 
      </h3>
           <div class="card-content-text text-p4-dark text-long">
                <div><div class="photoswipe-gallery"><p>Maintain quality, performance, and accuracy across massive, complex codebases without compromising speed. Klocwork is built for managing security across large multi-branch and multi-variant codebases and build environments that span hundreds of cross-compilers. Teams can evaluate code efficiently with full-system context via incremental and differential analysis, automate security workflows through command-line access and full API support via the Validate platform, and deploy flexibility in containerized and cloud-ready environments. &nbsp;</p></div></div>
                </div>
                    </div>
    </div>
</div>
          </div>
                  <div
               class="flex-none"
               :class="{'w-full': visibleCards === 1, 'md:w-1/3': visibleCards === 3}"
               @click="onCardClick(2)"
          >
                        <div id="p-22409" class="card-component w-full p-4">
    <div class="card group bg-white rounded-3xl shadow-md overflow-hidden relative">
        
                <div class="card-top-section h-36 bg-zoom bg-center ">
        </div>
                                                <div class="card-image bg-white rounded-3xl absolute card-icon-position left-12 shadow-md flex items-center justify-center">
                    <img src="https://www.perforce.com/sites/default/files/2024-12/icon-simple-lock-shield.svg" alt="Detect Security Vulnerabilities Early. Accelerate Development Velocity.   icon" class="w-12 h-12 rounded-3xl object-none">
                </div>
                
                <div class="card-content pt-12 px-8 pb-8">
            

<h3  class="heading">
                Detect Security Vulnerabilities Early. Accelerate Development Velocity.  
      </h3>
           <div class="card-content-text text-p4-dark text-long">
                <div><div class="photoswipe-gallery"><p>Secure development at AI speed. Receive contextual security feedback directly in the developer workflow, reducing downstream remediation cost and vulnerability exposure. Combine deep static analysis, developer-centric IDE support, differential analysis for changed code, and AI-assisted code remediation to move at the pace of AI code generation that must be reviewed, validated, and secured. &nbsp;</p></div></div>
                </div>
                    </div>
    </div>
</div>
          </div>
              </div>
    </div>
    <div class="flex items-end">
      <!-- Navigation Arrows and Buttons for Slides -->
      <div x-show="isCarouselActive" class="flex justify-center items-center mr-4 mb-4 w-full">
        <!-- Previous Arrow Button -->
        <button
          @click="prevSlide()"
          :class="activeSlide <= 0 ? 'bg-p4-teal opacity-30 pointer-events-none' : 'bg-p4-teal rounded-full hover:bg-p4-cyan'"
          class="mr-4 rounded-full transition p-2"
          aria-label="Previous"
        >
          <svg xmlns="http://www.w3.org/2000/svg"
                class="w-3 h-3 hover:text-p4-dark transition-colors duration-300 transform rotate-180"
                fill="currentColor" viewBox="0 0 100 100">
            <polygon points="20,0 100,50 20,100"></polygon>
          </svg>
        </button>

        <!-- Pagination Dots (one per original card) -->
        <div class="flex">
          <template x-for="i in maxSlide + 1" :key="i">
            <button
              @click="goToSlide(i - 1)"
              :class="currentDotIndex() === (i - 1)
                ? 'bg-p4-teal text-white'
                : 'bg-p4-dark hover:bg-p4-primary hover:text-white'"
              class="mx-1 w-3 h-3 rounded-full focus:outline-none transition-all duration-300"
              :aria-label="'Go to slide ' + i">
            </button>
          </template>
        </div>

        <!-- Next Arrow Button -->
        <button
          @click="nextSlide()"
          :class="activeSlide >= maxSlide ? 'bg-p4-teal opacity-30 pointer-events-none' : 'bg-p4-teal rounded-full hover:bg-p4-cyan'"
          class="ml-4 rounded-full transition p-2"
          aria-label="Next"
        >
          <svg xmlns="http://www.w3.org/2000/svg"
                class="w-3 h-3 hover:text-p4-dark transition-colors duration-300" fill="currentColor"
                viewBox="0 0 100 100">
            <polygon points="20,0 100,50 20,100"></polygon>
          </svg>
        </button>
      </div>
    </div>
  </section>
</div>
</div>
</div>
              <div>

<div id="p-22443" class="paragraph--type--section paragraph--view-mode--default">
  
<div  class="layout layout--two-column-50-50">
  <div  class="grid grid-cols-1 md:grid-cols-2 gap-4 max-w-container mx-auto">
        <div  class="layout__region layout__region--col1">
      
<div id="p-22444" class="paragraph paragraph--type--image paragraph--view-mode--default overflow-hidden">
  <div class="text-center">
          <div>
  
  




  <div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
    <div class="visually-hidden">Image</div>
                          <img loading="lazy" src="/sites/default/files/2026-05/sa_klocwork_product-page_secure-governed-development-v2.png" width="600" height="401" alt="Two professionals analyzing data on large screens in a modern office setting." />


                </div>

</div>

        
  </div>
</div>

    </div>
            <div  class="layout__region layout__region--col2">
      

<div id="p-22445" class="rich-text p-4">
      <h2>Secure, Governed Development—Aligned Across Every DevSecOps Team </h2>
    

            <div class="text-long"><div><div class="photoswipe-gallery"><p>Align security goals across development teams, security leaders, and CISOs. By supporting targeted scans, meaningful quality gates, and shared visibility into critical findings, Klocwork creates a more collaborative security model. Architecture governance is strengthened through integrations that connect security analysis to broader engineering controls. &nbsp;</p><p>Development teams receive actionable guidance in context, without requiring deep security expertise. &nbsp;</p><p>Security leaders gain a clearer view of posture, progress, and priorities across projects. &nbsp;</p><p><a class="p4-cta" href="https://www.perforce.com/system/files/2026-04/datasheet-sa-static-analysis-and-security.pdf">Read the Security Leader’s Governance Datasheet</a></p></div></div></div>
      
</div>

    </div>
      </div>
</div>

</div>
</div>
              <div>

<div id="p-1642" class="tabbed-accordion-with-image">
    
<div class="accordion-with-image px-8 py-[3.75rem] max-w-container mx-auto">
    <div class="w-full">
        <div class="mb-6">
            

<h2  class="heading">
                Fix New Defects Early. Streamline Workflows. Automate Security Governance. 
      </h2>
        </div>
        <div class="mb-2">
            

<h4  class="heading">
                Perforce Klocwork Key Features 
      </h4>
        </div>
    </div>
    <div x-data="{ activeTab: 0 }" class="">

        <!-- mobile tabs -->
        <div class="block md:hidden w-full md:p-4 mb-4">
            <label for="mobile-tabs" class="sr-only">Select Tab</label>
            <select
                    id="mobile-tabs"
                    @change="activeTab = parseInt($event.target.value)"
                    class="w-full p-2 border rounded-3xl"
            >
                                    <option value="0" :selected="activeTab === 0">
                        Find Security Vulnerabilities with SAST 
                    </option>
                                    <option value="1" :selected="activeTab === 1">
                        Project Streams
                    </option>
                                    <option value="2" :selected="activeTab === 2">
                        Risk Prioritization
                    </option>
                                    <option value="3" :selected="activeTab === 3">
                        DevOps Ready
                    </option>
                                    <option value="4" :selected="activeTab === 4">
                        Perforce Validate Platform
                    </option>
                                    <option value="5" :selected="activeTab === 5">
                        Dev-Ready by Design
                    </option>
                                    <option value="6" :selected="activeTab === 6">
                        AI-Assisted Code Remediation
                    </option>
                            </select>
        </div>


        <div class="hidden md:block w-full py-4 md:mr-4">
            <!-- Tabs -->
            <ul class="pl-0 list-none flex gap-4 items-start flex-wrap">
                                    <li class="pl-0 list-none">
                        <button
                                @click="activeTab = 0"
                                class="px-4 py-2 rounded-3xl leading-none hover:text-white hover:bg-p4-primary h-full  [.bg-p4-primary_&]:border-p4-cyan"
                                :class="{
                            'text-white bg-p4-primary [.bg-p4-primary_&]:bg-p4-cyan': activeTab === 0,
                            'border border-p4-primary [.bg-p4-primary_&]:border-p4-cyan': activeTab !== 0
                            }"
                        >
                            Find Security Vulnerabilities with SAST 
                        </button>
                    </li>
                                    <li class="pl-0 list-none">
                        <button
                                @click="activeTab = 1"
                                class="px-4 py-2 rounded-3xl leading-none hover:text-white hover:bg-p4-primary h-full  [.bg-p4-primary_&]:border-p4-cyan"
                                :class="{
                            'text-white bg-p4-primary [.bg-p4-primary_&]:bg-p4-cyan': activeTab === 1,
                            'border border-p4-primary [.bg-p4-primary_&]:border-p4-cyan': activeTab !== 1
                            }"
                        >
                            Project Streams
                        </button>
                    </li>
                                    <li class="pl-0 list-none">
                        <button
                                @click="activeTab = 2"
                                class="px-4 py-2 rounded-3xl leading-none hover:text-white hover:bg-p4-primary h-full  [.bg-p4-primary_&]:border-p4-cyan"
                                :class="{
                            'text-white bg-p4-primary [.bg-p4-primary_&]:bg-p4-cyan': activeTab === 2,
                            'border border-p4-primary [.bg-p4-primary_&]:border-p4-cyan': activeTab !== 2
                            }"
                        >
                            Risk Prioritization
                        </button>
                    </li>
                                    <li class="pl-0 list-none">
                        <button
                                @click="activeTab = 3"
                                class="px-4 py-2 rounded-3xl leading-none hover:text-white hover:bg-p4-primary h-full  [.bg-p4-primary_&]:border-p4-cyan"
                                :class="{
                            'text-white bg-p4-primary [.bg-p4-primary_&]:bg-p4-cyan': activeTab === 3,
                            'border border-p4-primary [.bg-p4-primary_&]:border-p4-cyan': activeTab !== 3
                            }"
                        >
                            DevOps Ready
                        </button>
                    </li>
                                    <li class="pl-0 list-none">
                        <button
                                @click="activeTab = 4"
                                class="px-4 py-2 rounded-3xl leading-none hover:text-white hover:bg-p4-primary h-full  [.bg-p4-primary_&]:border-p4-cyan"
                                :class="{
                            'text-white bg-p4-primary [.bg-p4-primary_&]:bg-p4-cyan': activeTab === 4,
                            'border border-p4-primary [.bg-p4-primary_&]:border-p4-cyan': activeTab !== 4
                            }"
                        >
                            Perforce Validate Platform
                        </button>
                    </li>
                                    <li class="pl-0 list-none">
                        <button
                                @click="activeTab = 5"
                                class="px-4 py-2 rounded-3xl leading-none hover:text-white hover:bg-p4-primary h-full  [.bg-p4-primary_&]:border-p4-cyan"
                                :class="{
                            'text-white bg-p4-primary [.bg-p4-primary_&]:bg-p4-cyan': activeTab === 5,
                            'border border-p4-primary [.bg-p4-primary_&]:border-p4-cyan': activeTab !== 5
                            }"
                        >
                            Dev-Ready by Design
                        </button>
                    </li>
                                    <li class="pl-0 list-none">
                        <button
                                @click="activeTab = 6"
                                class="px-4 py-2 rounded-3xl leading-none hover:text-white hover:bg-p4-primary h-full  [.bg-p4-primary_&]:border-p4-cyan"
                                :class="{
                            'text-white bg-p4-primary [.bg-p4-primary_&]:bg-p4-cyan': activeTab === 6,
                            'border border-p4-primary [.bg-p4-primary_&]:border-p4-cyan': activeTab !== 6
                            }"
                        >
                            AI-Assisted Code Remediation
                        </button>
                    </li>
                            </ul>
        </div>

        <div>
                            <div x-show="activeTab === 0" x-cloak>
                    <div class="flex flex-col md:flex-row">
                        <div class="accordions w-full md:w-5/12 py-4 md:mr-4">
                            

<div class=" border-t  w-full border-p4-gray-200">
            <div x-data="{ activeItem: 0 }" class="w-full">
                            <div>
                                                                <button type="button"
                                class="flex w-full items-center justify-between gap-4 py-4 px-4 text-left"
                                @click="activeItem = activeItem === 0 ? -1 : 0"
                                :class="activeItem === 0 ? 'expanded text-p4-primary [.text-p4-white_&]:text-p4-cyan' : 'font-medium'"
                                :aria-expanded="activeItem === 0 ? 'true' : 'false'">
                            <div>
                                <span>Find Security Vulnerabilities with SAST </span>
                            </div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                 fill="none" stroke-width="2" stroke="currentColor"
                                 class="size-5 shrink-0 transition"
                                 :class="activeItem === 0 ? 'rotate-180' : ''">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
                            </svg>
                        </button>
                    
                    <div class="accordion-content grid overflow-hidden transition-all duration-300"
                        :class="activeItem === 0 
                            ? 'grid-rows-[1fr] opacity-100' 
                            : 'grid-rows-[0fr] opacity-0'"
                         role="region">
                        <div class="min-h-0">
                            <div class="sm:text-base text-pretty pb-6  px-4 ">
                                

            <div class="text-long"><div><div class="photoswipe-gallery"><p>Identify and apply fixes to security vulnerabilities as soon as they’re introduced and prove compliance to internationally recognized security standards. &nbsp;</p><ul><li><strong>Security Standards: </strong>Comprehensive coverage of security-focused standards, including <a href="https://www.perforce.com/blog/kw/what-is-cwe">CWE</a>, <a href="https://www.perforce.com/blog/kw/what-is-owasp-top-10">OWASP</a>, <a href="https://www.perforce.com/blog/kw/what-is-cert">CERT</a>, <a href="https://www.perforce.com/blog/kw/what-is-pa-dss">PCI DSS</a>, <a href="https://www.perforce.com/blog/kw/what-is-DISA-STIG">DISA STIG</a>, and <a href="https://www.perforce.com/blog/kw/what-iso-iec-ts-17961">ISO/IEC TS 17961</a>.&nbsp;</li><li><strong>Security Vulnerability Detection: </strong>SQL injection, tainted data, buffer overflow, vulnerable coding practices, and many more. &nbsp;</li><li><strong>Bug, Quality Issue, and Code Smell Detection:</strong> Null pointer dereferences/exceptions, memory/resource leaks, uncaught exceptions, and more.&nbsp;</li></ul></div></div></div>
      
                            </div>
                        </div>
                    </div>

                                            <hr class="border-p4-gray-200 border-t" />
                                    </div>
                    </div>
    </div>
                        </div>
                        <div class="md:w-7/12 pt-10">
                            
                        </div>
                    </div>
                </div>
                            <div x-show="activeTab === 1" x-cloak>
                    <div class="flex flex-col md:flex-row">
                        <div class="accordions w-full md:w-5/12 py-4 md:mr-4">
                            

<div class=" border-t  w-full border-p4-gray-200">
            <div x-data="{ activeItem: 0 }" class="w-full">
                            <div>
                                                                <button type="button"
                                class="flex w-full items-center justify-between gap-4 py-4 px-4 text-left"
                                @click="activeItem = activeItem === 0 ? -1 : 0"
                                :class="activeItem === 0 ? 'expanded text-p4-primary [.text-p4-white_&]:text-p4-cyan' : 'font-medium'"
                                :aria-expanded="activeItem === 0 ? 'true' : 'false'">
                            <div>
                                <span>Project Streams</span>
                            </div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                 fill="none" stroke-width="2" stroke="currentColor"
                                 class="size-5 shrink-0 transition"
                                 :class="activeItem === 0 ? 'rotate-180' : ''">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
                            </svg>
                        </button>
                    
                    <div class="accordion-content grid overflow-hidden transition-all duration-300"
                        :class="activeItem === 0 
                            ? 'grid-rows-[1fr] opacity-100' 
                            : 'grid-rows-[0fr] opacity-0'"
                         role="region">
                        <div class="min-h-0">
                            <div class="sm:text-base text-pretty pb-6  px-4 ">
                                

            <div class="text-long"><div><div class="photoswipe-gallery"><p>Scale across branches and variants. Project Streams provides easy management of shared codebases that have multiple variants or branches by simplifying project rule configuration, issue management, defect citing, reporting, and efficient storage of analysis data. Project Streams keeps compliance synchronized across distributed teams without duplicate work; Perforce Validate centralizes outcomes, deviations, and approvals. &nbsp;</p><p>Creating streams provides the following benefits: &nbsp;</p><ul><li>Assign a single project rule configuration to all variants.</li><li>Issues common to multiple variants are automatically kept in sync and only require citing once. &nbsp;</li><li>Easily identify identical issues across multiple streams and issues unique to a specific stream. &nbsp;</li><li>Generate reports on individual streams for compliance, functional safety, or other evidential purposes. &nbsp;</li><li>More convenient organization and efficient storage of analysis data. &nbsp;</li></ul></div></div></div>
      
                            </div>
                        </div>
                    </div>

                                            <hr class="border-p4-gray-200 border-t" />
                                    </div>
                    </div>
    </div>
                        </div>
                        <div class="md:w-7/12 pt-10">
                            
                        </div>
                    </div>
                </div>
                            <div x-show="activeTab === 2" x-cloak>
                    <div class="flex flex-col md:flex-row">
                        <div class="accordions w-full md:w-5/12 py-4 md:mr-4">
                            

<div class=" border-t  w-full border-p4-gray-200">
            <div x-data="{ activeItem: 0 }" class="w-full">
                            <div>
                                                                <button type="button"
                                class="flex w-full items-center justify-between gap-4 py-4 px-4 text-left"
                                @click="activeItem = activeItem === 0 ? -1 : 0"
                                :class="activeItem === 0 ? 'expanded text-p4-primary [.text-p4-white_&]:text-p4-cyan' : 'font-medium'"
                                :aria-expanded="activeItem === 0 ? 'true' : 'false'">
                            <div>
                                <span>Risk Prioritization</span>
                            </div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                 fill="none" stroke-width="2" stroke="currentColor"
                                 class="size-5 shrink-0 transition"
                                 :class="activeItem === 0 ? 'rotate-180' : ''">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
                            </svg>
                        </button>
                    
                    <div class="accordion-content grid overflow-hidden transition-all duration-300"
                        :class="activeItem === 0 
                            ? 'grid-rows-[1fr] opacity-100' 
                            : 'grid-rows-[0fr] opacity-0'"
                         role="region">
                        <div class="min-h-0">
                            <div class="sm:text-base text-pretty pb-6  px-4 ">
                                

            <div class="text-long"><div><div class="photoswipe-gallery"><p>Prioritize coding issues based on severity of risk. Perforce Klocwork helps you target the most critical defects first using filters, suppressions, and baselines. Use Smart Rank within Validate for large-scale risk prioritization and address high-impact vulnerabilities across your organization. &nbsp;</p></div></div></div>
      
                            </div>
                        </div>
                    </div>

                                            <hr class="border-p4-gray-200 border-t" />
                                    </div>
                    </div>
    </div>
                        </div>
                        <div class="md:w-7/12 pt-10">
                            
                        </div>
                    </div>
                </div>
                            <div x-show="activeTab === 3" x-cloak>
                    <div class="flex flex-col md:flex-row">
                        <div class="accordions w-full md:w-5/12 py-4 md:mr-4">
                            

<div class=" border-t  w-full border-p4-gray-200">
            <div x-data="{ activeItem: 0 }" class="w-full">
                            <div>
                                                                <button type="button"
                                class="flex w-full items-center justify-between gap-4 py-4 px-4 text-left"
                                @click="activeItem = activeItem === 0 ? -1 : 0"
                                :class="activeItem === 0 ? 'expanded text-p4-primary [.text-p4-white_&]:text-p4-cyan' : 'font-medium'"
                                :aria-expanded="activeItem === 0 ? 'true' : 'false'">
                            <div>
                                <span>DevOps Ready</span>
                            </div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                 fill="none" stroke-width="2" stroke="currentColor"
                                 class="size-5 shrink-0 transition"
                                 :class="activeItem === 0 ? 'rotate-180' : ''">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
                            </svg>
                        </button>
                    
                    <div class="accordion-content grid overflow-hidden transition-all duration-300"
                        :class="activeItem === 0 
                            ? 'grid-rows-[1fr] opacity-100' 
                            : 'grid-rows-[0fr] opacity-0'"
                         role="region">
                        <div class="min-h-0">
                            <div class="sm:text-base text-pretty pb-6  px-4 ">
                                

            <div class="text-long"><div><div class="photoswipe-gallery"><p>Klockwork tools are designed with <a href="https://www.perforce.com/blog/kw/what-is-continuous-integration">Continuous Integration</a> and Continuous Delivery foremost in our thinking, which makes it easy to include static analysis as part of your <a href="https://www.perforce.com/blog/kw/static-analysis-ci-cd-pipelines">CI/CD pipelines</a>.&nbsp;</p></div></div></div>
      
                            </div>
                        </div>
                    </div>

                                            <hr class="border-p4-gray-200 border-t" />
                                    </div>
                            <div>
                                                                <button type="button"
                                class="flex w-full items-center justify-between gap-4 py-4 px-4 text-left"
                                @click="activeItem = activeItem === 1 ? -1 : 1"
                                :class="activeItem === 1 ? 'expanded text-p4-primary [.text-p4-white_&]:text-p4-cyan' : 'font-medium'"
                                :aria-expanded="activeItem === 1 ? 'true' : 'false'">
                            <div>
                                <span>Differential Analysis </span>
                            </div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                 fill="none" stroke-width="2" stroke="currentColor"
                                 class="size-5 shrink-0 transition"
                                 :class="activeItem === 1 ? 'rotate-180' : ''">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
                            </svg>
                        </button>
                    
                    <div class="accordion-content grid overflow-hidden transition-all duration-300"
                        :class="activeItem === 1 
                            ? 'grid-rows-[1fr] opacity-100' 
                            : 'grid-rows-[0fr] opacity-0'"
                         role="region">
                        <div class="min-h-0">
                            <div class="sm:text-base text-pretty pb-6  px-4 ">
                                

            <div class="text-long"><div><div class="photoswipe-gallery"><p>Using system context data from the Klocwork Server, it is possible to analyze only the files that changed while also providing differential analysis results as if the entire system had been analyzed. This provides you with the shortest possible analysis times. &nbsp;</p></div></div></div>
      
                            </div>
                        </div>
                    </div>

                                            <hr class="border-p4-gray-200 border-t" />
                                    </div>
                            <div>
                                                                <button type="button"
                                class="flex w-full items-center justify-between gap-4 py-4 px-4 text-left"
                                @click="activeItem = activeItem === 2 ? -1 : 2"
                                :class="activeItem === 2 ? 'expanded text-p4-primary [.text-p4-white_&]:text-p4-cyan' : 'font-medium'"
                                :aria-expanded="activeItem === 2 ? 'true' : 'false'">
                            <div>
                                <span>Easy to Automate </span>
                            </div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                 fill="none" stroke-width="2" stroke="currentColor"
                                 class="size-5 shrink-0 transition"
                                 :class="activeItem === 2 ? 'rotate-180' : ''">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
                            </svg>
                        </button>
                    
                    <div class="accordion-content grid overflow-hidden transition-all duration-300"
                        :class="activeItem === 2 
                            ? 'grid-rows-[1fr] opacity-100' 
                            : 'grid-rows-[0fr] opacity-0'"
                         role="region">
                        <div class="min-h-0">
                            <div class="sm:text-base text-pretty pb-6  px-4 ">
                                

            <div class="text-long"><div><div class="photoswipe-gallery"><p>Klocwork tools have common command-line interfaces and full API support. The Klocwork defect data can be accessed via a REST API, and all output formats use standard formats such as XML, JSON, and PDF. &nbsp;</p></div></div></div>
      
                            </div>
                        </div>
                    </div>

                                            <hr class="border-p4-gray-200 border-t" />
                                    </div>
                            <div>
                                                                <button type="button"
                                class="flex w-full items-center justify-between gap-4 py-4 px-4 text-left"
                                @click="activeItem = activeItem === 3 ? -1 : 3"
                                :class="activeItem === 3 ? 'expanded text-p4-primary [.text-p4-white_&]:text-p4-cyan' : 'font-medium'"
                                :aria-expanded="activeItem === 3 ? 'true' : 'false'">
                            <div>
                                <span>Containerized Builds </span>
                            </div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                 fill="none" stroke-width="2" stroke="currentColor"
                                 class="size-5 shrink-0 transition"
                                 :class="activeItem === 3 ? 'rotate-180' : ''">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
                            </svg>
                        </button>
                    
                    <div class="accordion-content grid overflow-hidden transition-all duration-300"
                        :class="activeItem === 3 
                            ? 'grid-rows-[1fr] opacity-100' 
                            : 'grid-rows-[0fr] opacity-0'"
                         role="region">
                        <div class="min-h-0">
                            <div class="sm:text-base text-pretty pb-6  px-4 ">
                                

            <div class="text-long"><div><div class="photoswipe-gallery"><p>Klocwork can be run within containerized and cloud build systems and supports the provisioning of machine instances as required. This provides maximum flexibility and opportunity to use internal or external cloud services for code analysis. &nbsp;</p></div></div></div>
      
                            </div>
                        </div>
                    </div>

                                            <hr class="border-p4-gray-200 border-t" />
                                    </div>
                    </div>
    </div>
                        </div>
                        <div class="md:w-7/12 pt-10">
                            
                        </div>
                    </div>
                </div>
                            <div x-show="activeTab === 4" x-cloak>
                    <div class="flex flex-col md:flex-row">
                        <div class="accordions w-full md:w-5/12 py-4 md:mr-4">
                            

<div class=" border-t  w-full border-p4-gray-200">
            <div x-data="{ activeItem: 0 }" class="w-full">
                            <div>
                                                                <button type="button"
                                class="flex w-full items-center justify-between gap-4 py-4 px-4 text-left"
                                @click="activeItem = activeItem === 0 ? -1 : 0"
                                :class="activeItem === 0 ? 'expanded text-p4-primary [.text-p4-white_&]:text-p4-cyan' : 'font-medium'"
                                :aria-expanded="activeItem === 0 ? 'true' : 'false'">
                            <div>
                                <span>Perforce Validate Platform</span>
                            </div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                 fill="none" stroke-width="2" stroke="currentColor"
                                 class="size-5 shrink-0 transition"
                                 :class="activeItem === 0 ? 'rotate-180' : ''">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
                            </svg>
                        </button>
                    
                    <div class="accordion-content grid overflow-hidden transition-all duration-300"
                        :class="activeItem === 0 
                            ? 'grid-rows-[1fr] opacity-100' 
                            : 'grid-rows-[0fr] opacity-0'"
                         role="region">
                        <div class="min-h-0">
                            <div class="sm:text-base text-pretty pb-6  px-4 ">
                                

            <div class="text-long"><div><div class="photoswipe-gallery"><p>The Perforce Validate platform is a centralized store of analysis results from Perforce Static Analysis solutions, Klocwork and QAC. Validate provides analysis data, trends, and configurations for codebases across your organization — accessed through a web browser. It is highly customizable, enabling your team to easily define specific QA and compliance rule configurations, identify issues and deviations, and review the entirety of the code by project and section to adequately meet your team’s needs. &nbsp;</p></div></div></div>
      
                            </div>
                        </div>
                    </div>

                                            <hr class="border-p4-gray-200 border-t" />
                                    </div>
                    </div>
    </div>
                        </div>
                        <div class="md:w-7/12 pt-10">
                            
                        </div>
                    </div>
                </div>
                            <div x-show="activeTab === 5" x-cloak>
                    <div class="flex flex-col md:flex-row">
                        <div class="accordions w-full md:w-5/12 py-4 md:mr-4">
                            

<div class=" border-t  w-full border-p4-gray-200">
            <div x-data="{ activeItem: 0 }" class="w-full">
                            <div>
                                                                <button type="button"
                                class="flex w-full items-center justify-between gap-4 py-4 px-4 text-left"
                                @click="activeItem = activeItem === 0 ? -1 : 0"
                                :class="activeItem === 0 ? 'expanded text-p4-primary [.text-p4-white_&]:text-p4-cyan' : 'font-medium'"
                                :aria-expanded="activeItem === 0 ? 'true' : 'false'">
                            <div>
                                <span>Designed for Developers </span>
                            </div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                 fill="none" stroke-width="2" stroke="currentColor"
                                 class="size-5 shrink-0 transition"
                                 :class="activeItem === 0 ? 'rotate-180' : ''">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
                            </svg>
                        </button>
                    
                    <div class="accordion-content grid overflow-hidden transition-all duration-300"
                        :class="activeItem === 0 
                            ? 'grid-rows-[1fr] opacity-100' 
                            : 'grid-rows-[0fr] opacity-0'"
                         role="region">
                        <div class="min-h-0">
                            <div class="sm:text-base text-pretty pb-6  px-4 ">
                                

            <div class="text-long"><div><div class="photoswipe-gallery"><p>By seamlessly integrating static analysis with the rest of your development toolset, Klocwork will shift defect detection to the left of the SDLC and improve developer adoption as a training tool and increasing productivity. &nbsp;</p></div></div></div>
      
                            </div>
                        </div>
                    </div>

                                            <hr class="border-p4-gray-200 border-t" />
                                    </div>
                            <div>
                                                                <button type="button"
                                class="flex w-full items-center justify-between gap-4 py-4 px-4 text-left"
                                @click="activeItem = activeItem === 1 ? -1 : 1"
                                :class="activeItem === 1 ? 'expanded text-p4-primary [.text-p4-white_&]:text-p4-cyan' : 'font-medium'"
                                :aria-expanded="activeItem === 1 ? 'true' : 'false'">
                            <div>
                                <span>No User Configuration </span>
                            </div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                 fill="none" stroke-width="2" stroke="currentColor"
                                 class="size-5 shrink-0 transition"
                                 :class="activeItem === 1 ? 'rotate-180' : ''">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
                            </svg>
                        </button>
                    
                    <div class="accordion-content grid overflow-hidden transition-all duration-300"
                        :class="activeItem === 1 
                            ? 'grid-rows-[1fr] opacity-100' 
                            : 'grid-rows-[0fr] opacity-0'"
                         role="region">
                        <div class="min-h-0">
                            <div class="sm:text-base text-pretty pb-6  px-4 ">
                                

            <div class="text-long"><div><div class="photoswipe-gallery"><p>Get out-of-the-box support for hundreds of compilers and cross-compilers, so build integration is automatic. &nbsp;</p></div></div></div>
      
                            </div>
                        </div>
                    </div>

                                            <hr class="border-p4-gray-200 border-t" />
                                    </div>
                            <div>
                                                                <button type="button"
                                class="flex w-full items-center justify-between gap-4 py-4 px-4 text-left"
                                @click="activeItem = activeItem === 2 ? -1 : 2"
                                :class="activeItem === 2 ? 'expanded text-p4-primary [.text-p4-white_&]:text-p4-cyan' : 'font-medium'"
                                :aria-expanded="activeItem === 2 ? 'true' : 'false'">
                            <div>
                                <span>Easy to Use </span>
                            </div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                 fill="none" stroke-width="2" stroke="currentColor"
                                 class="size-5 shrink-0 transition"
                                 :class="activeItem === 2 ? 'rotate-180' : ''">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
                            </svg>
                        </button>
                    
                    <div class="accordion-content grid overflow-hidden transition-all duration-300"
                        :class="activeItem === 2 
                            ? 'grid-rows-[1fr] opacity-100' 
                            : 'grid-rows-[0fr] opacity-0'"
                         role="region">
                        <div class="min-h-0">
                            <div class="sm:text-base text-pretty pb-6  px-4 ">
                                

            <div class="text-long"><div><div class="photoswipe-gallery"><p>Plugins for popular IDEs (including <a href="https://www.perforce.com/integrations/microsoft-and-perforce-integrations">Microsoft Visual Studio</a>, Elipse, IntelliJ, and more).&nbsp;&nbsp;</p></div></div></div>
      
                            </div>
                        </div>
                    </div>

                                            <hr class="border-p4-gray-200 border-t" />
                                    </div>
                            <div>
                                                                <button type="button"
                                class="flex w-full items-center justify-between gap-4 py-4 px-4 text-left"
                                @click="activeItem = activeItem === 3 ? -1 : 3"
                                :class="activeItem === 3 ? 'expanded text-p4-primary [.text-p4-white_&]:text-p4-cyan' : 'font-medium'"
                                :aria-expanded="activeItem === 3 ? 'true' : 'false'">
                            <div>
                                <span>Connected Desktop </span>
                            </div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                 fill="none" stroke-width="2" stroke="currentColor"
                                 class="size-5 shrink-0 transition"
                                 :class="activeItem === 3 ? 'rotate-180' : ''">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
                            </svg>
                        </button>
                    
                    <div class="accordion-content grid overflow-hidden transition-all duration-300"
                        :class="activeItem === 3 
                            ? 'grid-rows-[1fr] opacity-100' 
                            : 'grid-rows-[0fr] opacity-0'"
                         role="region">
                        <div class="min-h-0">
                            <div class="sm:text-base text-pretty pb-6  px-4 ">
                                

            <div class="text-long"><div><div class="photoswipe-gallery"><p>Local code changes made using the connected desktop plugins provide immediate differential analysis results within IDEs. &nbsp;</p></div></div></div>
      
                            </div>
                        </div>
                    </div>

                                            <hr class="border-p4-gray-200 border-t" />
                                    </div>
                            <div>
                                                                <button type="button"
                                class="flex w-full items-center justify-between gap-4 py-4 px-4 text-left"
                                @click="activeItem = activeItem === 4 ? -1 : 4"
                                :class="activeItem === 4 ? 'expanded text-p4-primary [.text-p4-white_&]:text-p4-cyan' : 'font-medium'"
                                :aria-expanded="activeItem === 4 ? 'true' : 'false'">
                            <div>
                                <span>Detailed Feedback and Help </span>
                            </div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                 fill="none" stroke-width="2" stroke="currentColor"
                                 class="size-5 shrink-0 transition"
                                 :class="activeItem === 4 ? 'rotate-180' : ''">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
                            </svg>
                        </button>
                    
                    <div class="accordion-content grid overflow-hidden transition-all duration-300"
                        :class="activeItem === 4 
                            ? 'grid-rows-[1fr] opacity-100' 
                            : 'grid-rows-[0fr] opacity-0'"
                         role="region">
                        <div class="min-h-0">
                            <div class="sm:text-base text-pretty pb-6  px-4 ">
                                

            <div class="text-long"><div><div class="photoswipe-gallery"><p>Inter-procedural defects and coding violations are identified by severity of risk. For each defect and coding violation, you will receive detailed information of cause with rich, context-sensitive help and guidance on remediation — now with human-in-the-loop AI assistance. This allows for easily accessible opportunities for understanding and learning.</p></div></div></div>
      
                            </div>
                        </div>
                    </div>

                                            <hr class="border-p4-gray-200 border-t" />
                                    </div>
                            <div>
                                                                <button type="button"
                                class="flex w-full items-center justify-between gap-4 py-4 px-4 text-left"
                                @click="activeItem = activeItem === 5 ? -1 : 5"
                                :class="activeItem === 5 ? 'expanded text-p4-primary [.text-p4-white_&]:text-p4-cyan' : 'font-medium'"
                                :aria-expanded="activeItem === 5 ? 'true' : 'false'">
                            <div>
                                <span>Custom Rules </span>
                            </div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                 fill="none" stroke-width="2" stroke="currentColor"
                                 class="size-5 shrink-0 transition"
                                 :class="activeItem === 5 ? 'rotate-180' : ''">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
                            </svg>
                        </button>
                    
                    <div class="accordion-content grid overflow-hidden transition-all duration-300"
                        :class="activeItem === 5 
                            ? 'grid-rows-[1fr] opacity-100' 
                            : 'grid-rows-[0fr] opacity-0'"
                         role="region">
                        <div class="min-h-0">
                            <div class="sm:text-base text-pretty pb-6  px-4 ">
                                

            <div class="text-long"><div><div class="photoswipe-gallery"><p>A graphical custom checker creation tool makes the implementation of project- or organization-specific rules quick and easy, further enriching learning opportunities. &nbsp;</p></div></div></div>
      
                            </div>
                        </div>
                    </div>

                                            <hr class="border-p4-gray-200 border-t" />
                                    </div>
                            <div>
                                                                <button type="button"
                                class="flex w-full items-center justify-between gap-4 py-4 px-4 text-left"
                                @click="activeItem = activeItem === 6 ? -1 : 6"
                                :class="activeItem === 6 ? 'expanded text-p4-primary [.text-p4-white_&]:text-p4-cyan' : 'font-medium'"
                                :aria-expanded="activeItem === 6 ? 'true' : 'false'">
                            <div>
                                <span>Architectural Analysis </span>
                            </div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                 fill="none" stroke-width="2" stroke="currentColor"
                                 class="size-5 shrink-0 transition"
                                 :class="activeItem === 6 ? 'rotate-180' : ''">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
                            </svg>
                        </button>
                    
                    <div class="accordion-content grid overflow-hidden transition-all duration-300"
                        :class="activeItem === 6 
                            ? 'grid-rows-[1fr] opacity-100' 
                            : 'grid-rows-[0fr] opacity-0'"
                         role="region">
                        <div class="min-h-0">
                            <div class="sm:text-base text-pretty pb-6  px-4 ">
                                

            <div class="text-long"><div><div class="photoswipe-gallery"><p>Klocwork also integrates with architectural visualization and enforcement tools, which allow users to further improve the overall quality and maintainability of their codebase through clean and direct dependencies. &nbsp;</p></div></div></div>
      
                            </div>
                        </div>
                    </div>

                                            <hr class="border-p4-gray-200 border-t" />
                                    </div>
                    </div>
    </div>
                        </div>
                        <div class="md:w-7/12 pt-10">
                            
                        </div>
                    </div>
                </div>
                            <div x-show="activeTab === 6" x-cloak>
                    <div class="flex flex-col md:flex-row">
                        <div class="accordions w-full md:w-5/12 py-4 md:mr-4">
                            

<div class=" border-t  w-full border-p4-gray-200">
            <div x-data="{ activeItem: 0 }" class="w-full">
                            <div>
                                                                <button type="button"
                                class="flex w-full items-center justify-between gap-4 py-4 px-4 text-left"
                                @click="activeItem = activeItem === 0 ? -1 : 0"
                                :class="activeItem === 0 ? 'expanded text-p4-primary [.text-p4-white_&]:text-p4-cyan' : 'font-medium'"
                                :aria-expanded="activeItem === 0 ? 'true' : 'false'">
                            <div>
                                <span>Get Immediate Issue Resolution </span>
                            </div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                 fill="none" stroke-width="2" stroke="currentColor"
                                 class="size-5 shrink-0 transition"
                                 :class="activeItem === 0 ? 'rotate-180' : ''">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
                            </svg>
                        </button>
                    
                    <div class="accordion-content grid overflow-hidden transition-all duration-300"
                        :class="activeItem === 0 
                            ? 'grid-rows-[1fr] opacity-100' 
                            : 'grid-rows-[0fr] opacity-0'"
                         role="region">
                        <div class="min-h-0">
                            <div class="sm:text-base text-pretty pb-6  px-4 ">
                                

            <div class="text-long"><div><div class="photoswipe-gallery"><p>Reduce rework on complex defects found in your code. AI-assisted code remediation brings security directly into the developer workflow, using Klocwork to identify issues and AI to suggest targeted fixes. The result is a faster, more seamless path from finding a problem to resolving it. &nbsp;</p></div></div></div>
      
                            </div>
                        </div>
                    </div>

                                            <hr class="border-p4-gray-200 border-t" />
                                    </div>
                            <div>
                                                                <button type="button"
                                class="flex w-full items-center justify-between gap-4 py-4 px-4 text-left"
                                @click="activeItem = activeItem === 1 ? -1 : 1"
                                :class="activeItem === 1 ? 'expanded text-p4-primary [.text-p4-white_&]:text-p4-cyan' : 'font-medium'"
                                :aria-expanded="activeItem === 1 ? 'true' : 'false'">
                            <div>
                                <span>Shift-Left with Context-Rich Analysis </span>
                            </div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                 fill="none" stroke-width="2" stroke="currentColor"
                                 class="size-5 shrink-0 transition"
                                 :class="activeItem === 1 ? 'rotate-180' : ''">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
                            </svg>
                        </button>
                    
                    <div class="accordion-content grid overflow-hidden transition-all duration-300"
                        :class="activeItem === 1 
                            ? 'grid-rows-[1fr] opacity-100' 
                            : 'grid-rows-[0fr] opacity-0'"
                         role="region">
                        <div class="min-h-0">
                            <div class="sm:text-base text-pretty pb-6  px-4 ">
                                

            <div class="text-long"><div><div class="photoswipe-gallery"><p>Spend less time interpreting Klocwork analysis results. Klocwork passes the full contextual information of its findings and detailed documentation directly to the AI, enabling highly accurate, contextual fix suggestions that significantly reduce developer effort. As developers review and apply AI-suggested fixes, the contextual explanations help them internalize secure coding patterns over time — gradually moving security decision-making out of specialist review and into the hands of developers while they’re still writing code, where it is most cost-effective and faster to fix. &nbsp;</p></div></div></div>
      
                            </div>
                        </div>
                    </div>

                                            <hr class="border-p4-gray-200 border-t" />
                                    </div>
                            <div>
                                                                <button type="button"
                                class="flex w-full items-center justify-between gap-4 py-4 px-4 text-left"
                                @click="activeItem = activeItem === 2 ? -1 : 2"
                                :class="activeItem === 2 ? 'expanded text-p4-primary [.text-p4-white_&]:text-p4-cyan' : 'font-medium'"
                                :aria-expanded="activeItem === 2 ? 'true' : 'false'">
                            <div>
                                <span>Work with Multiple LLMs </span>
                            </div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                 fill="none" stroke-width="2" stroke="currentColor"
                                 class="size-5 shrink-0 transition"
                                 :class="activeItem === 2 ? 'rotate-180' : ''">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
                            </svg>
                        </button>
                    
                    <div class="accordion-content grid overflow-hidden transition-all duration-300"
                        :class="activeItem === 2 
                            ? 'grid-rows-[1fr] opacity-100' 
                            : 'grid-rows-[0fr] opacity-0'"
                         role="region">
                        <div class="min-h-0">
                            <div class="sm:text-base text-pretty pb-6  px-4 ">
                                

            <div class="text-long"><div><div class="photoswipe-gallery"><p>Built for flexibility, the VS Code plugin with GitHub Copilot capabilities provide broad AI compatibility with support for multiple LLMs. This lowers developer maintenance efforts while allowing developers to use Copilot’s interactive chat to clarify issues and fine-tune fixes alongside AI. &nbsp;</p><p>Go beyond early defect detection to intelligent resolution. Learn more about accelerating secure coding with AI-assisted code remediation by reading the datasheet. &nbsp;</p><p><a class="p4-cta" href="https://www.perforce.com/system/files/2026-01/datasheet-klocwork-and-qac-ai-assisted-code-remediation.pdf">Download AI-Assisted Code Remediation Datasheet</a></p></div></div></div>
      
                            </div>
                        </div>
                    </div>

                                            <hr class="border-p4-gray-200 border-t" />
                                    </div>
                    </div>
    </div>
                        </div>
                        <div class="md:w-7/12 pt-10">
                            
                        </div>
                    </div>
                </div>
                    </div>
    </div>
</div>


</div>
</div>
              <div>
<div  id="p-22357" class="max-w-container mx-auto layout">
  <!-- Title and Description Section -->
<div class="text-center p-4">
    <h2 class="text-[#00033A] ">Achieve Coding Standards Compliance</h2>
        <p>Klocwork makes it easy to comply with coding standards. Use the following compliance taxonomies to enforce coding standards across your codebase. And you’ll get fewer false positives and false negatives in your diagnostics.</p>
  </div>

<div class="layout">
  <!-- Table Structure -->
  <ul class="responsive-table list-none p-0">
    <!-- Table Header -->
      <li class="table-header text-sm bg-white tracking-wide sticky top-0 z-50 w-full border-b">
        <div class="col py-5 col-1 text-center md:text-left font-medium text-[16px] text-[#4A2AFB] md:w-[250px]" id="sticky-header">
                    <h4 class="text-[16px] my-0 text-[#4A2AFB] md:w-[250px]">Security</h4>
        </div>

        <!-- Generate Dynamic Table Headers -->
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
                
                                                                                                                                                
        <!-- Display Table Headers -->
                  <div class="flex items-center justify-center col p-4 col-1 md:w-[200px] text-center overflow-hidden  text-[14px] leading-[20px]">
              <h4 class="text-[16px] my-0 leading-[20px]">C</h4>
                        </div>
                  <div class="flex items-center justify-center col p-4 col-1 md:w-[200px] text-center overflow-hidden  text-[14px] leading-[20px]">
              <h4 class="text-[16px] my-0 leading-[20px]">C++</h4>
                        </div>
                  <div class="flex items-center justify-center col p-4 col-1 md:w-[200px] text-center overflow-hidden  text-[14px] leading-[20px]">
              <h4 class="text-[16px] my-0 leading-[20px]">C#</h4>
                        </div>
                  <div class="flex items-center justify-center col p-4 col-1 md:w-[200px] text-center overflow-hidden  text-[14px] leading-[20px]">
              <h4 class="text-[16px] my-0 leading-[20px]">Java</h4>
                        </div>
              </li>
    </ul>

    
    <!-- Table Section -->
          <section id="section-0" class="section-container bg-white" data-header-text="Security">
        <ul class="responsive-table list-none p-0">
                    <li class="border-b">
              <h4 class="py-6 my-0 text-center md:text-left font-normal text-[16px] text-[#4A2AFB] md:w-[250px]">Security</h4>

              <!-- Loop Through Headers for Product -->
                              <h4 class="py-6 my-0 text-center md:text-left font-normal text-[16px] text-[#4A2AFB] md:w-[200px] hidden md:block  ">
                </h4>
                              <h4 class="py-6 my-0 text-center md:text-left font-normal text-[16px] text-[#4A2AFB] md:w-[200px] hidden md:block  ">
                </h4>
                              <h4 class="py-6 my-0 text-center md:text-left font-normal text-[16px] text-[#4A2AFB] md:w-[200px] hidden md:block  ">
                </h4>
                              <h4 class="py-6 my-0 text-center md:text-left font-normal text-[16px] text-[#4A2AFB] md:w-[200px] hidden md:block  ">
                </h4>
                        </li>
          
          <!-- Loop Through Details for Each Product -->
                                                            <li class="grid grid-cols-6 border-b">
                                            <div class="col col-1 py-6 text-[#40406C] text-center md:text-left text-[16px] md:w-[250px] leading-[20px] flex items-center">
                         <h4 class="text-[#40406C] my-0 text-center md:text-left text-[16px] p-2 md:w-[250px] leading-[20px]" id="cert">CERT</h4>
                      </div>

                      <!-- Loop Through Headers for Section Details -->
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C++">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C#">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="Java">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                          </li>
                                                                                          <li class="grid grid-cols-6 border-b">
                                            <div class="col col-1 py-6 text-[#40406C] text-center md:text-left text-[16px] md:w-[250px] leading-[20px] flex items-center">
                         <h4 class="text-[#40406C] my-0 text-center md:text-left text-[16px] p-2 md:w-[250px] leading-[20px]" id="cwe">CWE</h4>
                      </div>

                      <!-- Loop Through Headers for Section Details -->
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C++">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C#">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="Java">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                          </li>
                                                                                          <li class="grid grid-cols-6 border-b">
                                            <div class="col col-1 py-6 text-[#40406C] text-center md:text-left text-[16px] md:w-[250px] leading-[20px] flex items-center">
                         <h4 class="text-[#40406C] my-0 text-center md:text-left text-[16px] p-2 md:w-[250px] leading-[20px]" id="cwe_top_25">CWE Top 25</h4>
                      </div>

                      <!-- Loop Through Headers for Section Details -->
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C++">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C#">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="Java">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                          </li>
                                                                                          <li class="grid grid-cols-6 border-b">
                                            <div class="col col-1 py-6 text-[#40406C] text-center md:text-left text-[16px] md:w-[250px] leading-[20px] flex items-center">
                         <h4 class="text-[#40406C] my-0 text-center md:text-left text-[16px] p-2 md:w-[250px] leading-[20px]" id="owasp">OWASP</h4>
                      </div>

                      <!-- Loop Through Headers for Section Details -->
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C++">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C#">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="Java">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                          </li>
                                                                                          <li class="grid grid-cols-6 border-b">
                                            <div class="col col-1 py-6 text-[#40406C] text-center md:text-left text-[16px] md:w-[250px] leading-[20px] flex items-center">
                         <h4 class="text-[#40406C] my-0 text-center md:text-left text-[16px] p-2 md:w-[250px] leading-[20px]" id="disa_stig">DISA STIG</h4>
                      </div>

                      <!-- Loop Through Headers for Section Details -->
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C++">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C#">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="Java">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                          </li>
                                                                                          <li class="grid grid-cols-6 border-b">
                                            <div class="col col-1 py-6 text-[#40406C] text-center md:text-left text-[16px] md:w-[250px] leading-[20px] flex items-center">
                         <h4 class="text-[#40406C] my-0 text-center md:text-left text-[16px] p-2 md:w-[250px] leading-[20px]" id="pci_dss">PCI DSS</h4>
                      </div>

                      <!-- Loop Through Headers for Section Details -->
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C++">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C#">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="Java">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                          </li>
                                                                                          <li class="grid grid-cols-6 border-b">
                                            <div class="col col-1 py-6 text-[#40406C] text-center md:text-left text-[16px] md:w-[250px] leading-[20px] flex items-center">
                         <h4 class="text-[#40406C] my-0 text-center md:text-left text-[16px] p-2 md:w-[250px] leading-[20px]" id="iso/iec_ts_17961_c_secure">ISO/IEC TS 17961 (C Secure)</h4>
                      </div>

                      <!-- Loop Through Headers for Section Details -->
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C++">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C#">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="Java">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                          </li>
                                                </ul>
      </section>
          <section id="section-1" class="section-container bg-white" data-header-text="Safety">
        <ul class="responsive-table list-none p-0">
                    <li class="border-b">
              <h4 class="py-6 my-0 text-center md:text-left font-normal text-[16px] text-[#4A2AFB] md:w-[250px]">Safety</h4>

              <!-- Loop Through Headers for Product -->
                              <h4 class="py-6 my-0 text-center md:text-left font-normal text-[16px] text-[#4A2AFB] md:w-[200px] hidden md:block  ">
                </h4>
                              <h4 class="py-6 my-0 text-center md:text-left font-normal text-[16px] text-[#4A2AFB] md:w-[200px] hidden md:block  ">
                </h4>
                              <h4 class="py-6 my-0 text-center md:text-left font-normal text-[16px] text-[#4A2AFB] md:w-[200px] hidden md:block  ">
                </h4>
                              <h4 class="py-6 my-0 text-center md:text-left font-normal text-[16px] text-[#4A2AFB] md:w-[200px] hidden md:block  ">
                </h4>
                        </li>
          
          <!-- Loop Through Details for Each Product -->
                                                            <li class="grid grid-cols-6 border-b">
                                            <div class="col col-1 py-6 text-[#40406C] text-center md:text-left text-[16px] md:w-[250px] leading-[20px] flex items-center">
                         <h4 class="text-[#40406C] my-0 text-center md:text-left text-[16px] p-2 md:w-[250px] leading-[20px]" id="misra_c_2004">MISRA C 2004</h4>
                      </div>

                      <!-- Loop Through Headers for Section Details -->
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C++">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C#">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="Java">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                          </li>
                                                                                          <li class="grid grid-cols-6 border-b">
                                            <div class="col col-1 py-6 text-[#40406C] text-center md:text-left text-[16px] md:w-[250px] leading-[20px] flex items-center">
                         <h4 class="text-[#40406C] my-0 text-center md:text-left text-[16px] p-2 md:w-[250px] leading-[20px]" id="misra_c_2012">MISRA C 2012</h4>
                      </div>

                      <!-- Loop Through Headers for Section Details -->
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C++">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C#">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="Java">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                          </li>
                                                                                          <li class="grid grid-cols-6 border-b">
                                            <div class="col col-1 py-6 text-[#40406C] text-center md:text-left text-[16px] md:w-[250px] leading-[20px] flex items-center">
                         <h4 class="text-[#40406C] my-0 text-center md:text-left text-[16px] p-2 md:w-[250px] leading-[20px]" id="misra_c_2023">MISRA C 2023</h4>
                      </div>

                      <!-- Loop Through Headers for Section Details -->
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C++">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C#">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="Java">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                          </li>
                                                                                          <li class="grid grid-cols-6 border-b">
                                            <div class="col col-1 py-6 text-[#40406C] text-center md:text-left text-[16px] md:w-[250px] leading-[20px] flex items-center">
                         <h4 class="text-[#40406C] my-0 text-center md:text-left text-[16px] p-2 md:w-[250px] leading-[20px]" id="hkmc">HKMC</h4>
                      </div>

                      <!-- Loop Through Headers for Section Details -->
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C++">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C#">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="Java">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                          </li>
                                                                                          <li class="grid grid-cols-6 border-b">
                                            <div class="col col-1 py-6 text-[#40406C] text-center md:text-left text-[16px] md:w-[250px] leading-[20px] flex items-center">
                         <h4 class="text-[#40406C] my-0 text-center md:text-left text-[16px] p-2 md:w-[250px] leading-[20px]" id="misra_c++_2008">MISRA C++ 2008</h4>
                      </div>

                      <!-- Loop Through Headers for Section Details -->
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C++">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C#">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="Java">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                          </li>
                                                                                          <li class="grid grid-cols-6 border-b">
                                            <div class="col col-1 py-6 text-[#40406C] text-center md:text-left text-[16px] md:w-[250px] leading-[20px] flex items-center">
                         <h4 class="text-[#40406C] my-0 text-center md:text-left text-[16px] p-2 md:w-[250px] leading-[20px]" id="autosar_c++_14">AUTOSAR C++ 14</h4>
                      </div>

                      <!-- Loop Through Headers for Section Details -->
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C++">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C#">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="Java">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                          </li>
                                                                                          <li class="grid grid-cols-6 border-b">
                                            <div class="col col-1 py-6 text-[#40406C] text-center md:text-left text-[16px] md:w-[250px] leading-[20px] flex items-center">
                         <h4 class="text-[#40406C] my-0 text-center md:text-left text-[16px] p-2 md:w-[250px] leading-[20px]" id="jsf_av_c++">JSF AV C++</h4>
                      </div>

                      <!-- Loop Through Headers for Section Details -->
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C++">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C#">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="Java">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                          </li>
                                                </ul>
      </section>
          <section id="section-2" class="section-container bg-white" data-header-text="Quality">
        <ul class="responsive-table list-none p-0">
                    <li class="border-b">
              <h4 class="py-6 my-0 text-center md:text-left font-normal text-[16px] text-[#4A2AFB] md:w-[250px]">Quality</h4>

              <!-- Loop Through Headers for Product -->
                              <h4 class="py-6 my-0 text-center md:text-left font-normal text-[16px] text-[#4A2AFB] md:w-[200px] hidden md:block  ">
                </h4>
                              <h4 class="py-6 my-0 text-center md:text-left font-normal text-[16px] text-[#4A2AFB] md:w-[200px] hidden md:block  ">
                </h4>
                              <h4 class="py-6 my-0 text-center md:text-left font-normal text-[16px] text-[#4A2AFB] md:w-[200px] hidden md:block  ">
                </h4>
                              <h4 class="py-6 my-0 text-center md:text-left font-normal text-[16px] text-[#4A2AFB] md:w-[200px] hidden md:block  ">
                </h4>
                        </li>
          
          <!-- Loop Through Details for Each Product -->
                                                            <li class="grid grid-cols-6 border-b">
                                            <div class="col col-1 py-6 text-[#40406C] text-center md:text-left text-[16px] md:w-[250px] leading-[20px] flex items-center">
                         <h4 class="text-[#40406C] my-0 text-center md:text-left text-[16px] p-2 md:w-[250px] leading-[20px]" id="nasa&#039;s_10_rules">NASA&#039;s 10 Rules</h4>
                      </div>

                      <!-- Loop Through Headers for Section Details -->
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C++">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C#">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="Java">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg class="opacity-50" width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8208)">
                                                  <path d="M20.1211 2.60547L2.12109 20.6055M2.12109 2.60547L20.1211 20.6055"  stroke="#00003A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8208">
                                                      <rect width="22.242" height="22.242" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                          </li>
                                                                                          <li class="grid grid-cols-6 border-b">
                                            <div class="col col-1 py-6 text-[#40406C] text-center md:text-left text-[16px] md:w-[250px] leading-[20px] flex items-center">
                         <h4 class="text-[#40406C] my-0 text-center md:text-left text-[16px] p-2 md:w-[250px] leading-[20px]" id="klocwork_quality">Klocwork Quality</h4>
                      </div>

                      <!-- Loop Through Headers for Section Details -->
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C++">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C#">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="Java">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                          </li>
                                                </ul>
      </section>
          <section id="section-3" class="section-container bg-white" data-header-text="Customize">
        <ul class="responsive-table list-none p-0">
                    <li class="border-b">
              <h4 class="py-6 my-0 text-center md:text-left font-normal text-[16px] text-[#4A2AFB] md:w-[250px]">Customize</h4>

              <!-- Loop Through Headers for Product -->
                              <h4 class="py-6 my-0 text-center md:text-left font-normal text-[16px] text-[#4A2AFB] md:w-[200px] hidden md:block  ">
                </h4>
                              <h4 class="py-6 my-0 text-center md:text-left font-normal text-[16px] text-[#4A2AFB] md:w-[200px] hidden md:block  ">
                </h4>
                              <h4 class="py-6 my-0 text-center md:text-left font-normal text-[16px] text-[#4A2AFB] md:w-[200px] hidden md:block  ">
                </h4>
                              <h4 class="py-6 my-0 text-center md:text-left font-normal text-[16px] text-[#4A2AFB] md:w-[200px] hidden md:block  ">
                </h4>
                        </li>
          
          <!-- Loop Through Details for Each Product -->
                                                            <li class="grid grid-cols-6 border-b">
                                            <div class="col col-1 py-6 text-[#40406C] text-center md:text-left text-[16px] md:w-[250px] leading-[20px] flex items-center">
                         <h4 class="text-[#40406C] my-0 text-center md:text-left text-[16px] p-2 md:w-[250px] leading-[20px]" id="create_your_own_standard">Create Your Own Standard</h4>
                      </div>

                      <!-- Loop Through Headers for Section Details -->
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C++">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C#">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="Java">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                          </li>
                                                                                          <li class="grid grid-cols-6 border-b">
                                            <div class="col col-1 py-6 text-[#40406C] text-center md:text-left text-[16px] md:w-[250px] leading-[20px] flex items-center">
                         <h4 class="text-[#40406C] my-0 text-center md:text-left text-[16px] p-2 md:w-[250px] leading-[20px]" id="create_your_own_rules">Create Your Own Rules</h4>
                      </div>

                      <!-- Loop Through Headers for Section Details -->
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C++">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="C#">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                                <div class="featured-logo relative col col-1  text-sm text-center md:w-[200px] border-b md:border-0 text-[#40406C] py-8 px-4  logo-lavel"  data-label="Java">
                                                              <!-- If Checkbox Value is Defined, Display Check/Uncheck Status -->
                                                                  <div class="flex flex-col gap-4 w-[140px] sm:w-auto items-center text-green-600">
                                                                                                                    <svg width="29" height="23" viewbox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_1583_8188)">
                                                  <path d="M2.12109 11.5962L11.1211 20.5962L26.1211 2.59619"  stroke="#4C00FF"   stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                </g>
                                                <defs>
                                                  <clipPath id="clip0_1583_8188">
                                                      <rect width="28.234" height="21.612" fill="white" transform="translate(0 0.484375)"/>
                                                  </clipPath>
                                                </defs>
                                            </svg>
                                                                                                          
                                <!-- If Comment is Defined, Display It -->
                                                                    <div class="text-[14px] text-[#40406c] leading-[1rem] "></div>
                                                                                            </div>
                          </div>
                                          </li>
                                                </ul>
      </section>
    </div>
</div>



</div>
              <div>

<div id="p-22414" class="paragraph--type--section paragraph--view-mode--default">
  
<div  class="layout layout--two-column-50-50">
  <div  class="grid grid-cols-1 md:grid-cols-2 gap-4 max-w-container mx-auto">
        <div  class="layout__region layout__region--col1">
      

<div id="p-22415" class="rich-text p-4">
      <h2>Award-Winning Security</h2>
    

            <div class="text-long"><div><div class="photoswipe-gallery"><p>We’re known for best-in-class static analysis security — but the industry recognition speaks for itself. Klocwork earned “Best in Show” at Embedded World North America for two consecutive years, validating its ability to help teams secure critical software with confidence.&nbsp;</p></div></div></div>
      
</div>

    </div>
            <div  class="layout__region layout__region--col2">
      
<div id="p-22416" class="paragraph paragraph--type--image paragraph--view-mode--default overflow-hidden">
  <div class="text-center">
          <div>
  
  




  <div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
    <div class="visually-hidden">Image</div>
                          <img loading="lazy" src="/sites/default/files/2026-05/sa_klocwork_product-page_award-winning-security.png" width="601" height="401" alt="Two people work together at a computer in a modern office setting." />


                </div>

</div>

        
  </div>
</div>

    </div>
      </div>
</div>

</div>
</div>
              <div>

<div  id="p-1670" class="compound-third-party-review">
    

<section class="my-20">
    <div class="text-center px-4">
        

<h2  class="heading">
                
      </h2>
    </div>
    <div class="flex justify-center items-center my-16">
        <!-- Main Wrapper for Review Content to Limit Width and Center -->
        <div class="max-w-container">
            <div class="review-card w-full mx-auto p-12 rounded-3xl shadow-lg  bg-cover bg-center">
                            <!-- Star Rating Section -->
                <div class="star-rating flex mb-8 justify-center space-x-4">
                                                                        <span class="star text-p4-cyan text-4xl">&#9733;</span>                                                                                                 <span class="star text-p4-cyan text-4xl">&#9733;</span>                                                                                                 <span class="star text-p4-cyan text-4xl">&#9733;</span>                                                                                                 <span class="star text-p4-cyan text-4xl">&#9733;</span>                                                                                                 <span class="star text-p4-cyan text-4xl">&#9733;</span>                                                             </div>
            
            <!-- Quote Section -->
            <div class="quote text-lg mb-8 text-center ">
                

<h3  class="heading">
                “With Perforce Klocwork, our productivity has dramatically increased, leaving us with more time to mitigate potential problems leveraging the ‘what if’ testing. As a result, our end product is stronger, and Raytheon can get the end product to our customers more quickly than before.”
      </h3>
            </div>

            <!-- Company and Reviewer Details -->
                            <div class="reviewer-details flex items-center justify-center text-center pt-6 ">
                    
                                            <a href="/customers/case-studies/kw/raytheon"
                           class="review-link ml-2 flex items-center"
                           target="_blank" rel="noopener noreferrer">
                            Read Full Case Study
                            <svg class="ml-2 w-3 h-3 transition-colors duration-300"
                                 xmlns="http://www.w3.org/2000/svg"
                                 fill="currentColor" viewBox="0 0 100 100">
                                <polygon points="0,0 100,50 0,100"/>
                            </svg>
                        </a>
                                    </div>
            

            <div class="reviewer-bio flex items-center justify-center text-center pt-2">
                                    <div class="reviewer-bio flex items-center justify-center text-center pt-2">
                                                <div class="flex items-center space-x-2 ">
                                                            
                                                                                                                                                                                                                                                                                                            
                                <div class="company-name">
                                    Robert Young | Software Engineer | Raytheon
                                </div>
                                                    </div>
                    </div>
                            </div>
        </div>
    </div>
</section>
</div>
</div>
              <div>

<div id="p-22417" class="paragraph--type--section paragraph--view-mode--default">
  
<div  class="layout layout--two-column-50-50">
  <div  class="grid grid-cols-1 md:grid-cols-2 gap-4 max-w-container mx-auto">
        <div  class="layout__region layout__region--col1">
      
<div id="p-22418" class="paragraph paragraph--type--image paragraph--view-mode--default overflow-hidden">
  <div class="text-center">
          <div>
  
  




  <div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
    <div class="visually-hidden">Image</div>
                          <img loading="lazy" src="/sites/default/files/2026-05/sa_klocwork_product-page_reliable-support.png" width="601" height="401" alt="Three young men wearing headphones work on computers in a technology laboratory." />


                </div>

</div>

        
  </div>
</div>

    </div>
            <div  class="layout__region layout__region--col2">
      

<div id="p-22419" class="rich-text p-4">
      <h2>Klocwork Professional Services: Continuous, Reliable Support  </h2>
    

            <div class="text-long"><div><div class="photoswipe-gallery"><p>Get onboarding and ongoing support with Perforce Klocwork. You’ll start with an onboarding package for a successful experience. You may also use the Klocwork help documentation for easy-to-follow instructions — whether setting up your workflow or finding answers to specific questions.</p><p><a class="p4-cta" href="https://www.perforce.com/system/files/2025-09/datasheet-klocwork-onboarding-packages_0.pdf">Learn More About Onboarding Packages</a><a class="p4-cta p4-cta--secondary" href="https://help.klocwork.com/">Visit Klocwork Help Documentation</a></p></div></div></div>
      
</div>

    </div>
      </div>
</div>

</div>
</div>
              <div>

<div id="p-1695" class="compound-cards-with-icons">
  <div class="overflow-hidden">

  <section x-data="cardIconCarouselData" class="max-w-container mx-auto py-12 opacity-0 transition-opacity duration-300"
           :class="{'opacity-0': !isReady, 'opacity-100': isReady}">
    <div class="px-4">
      <div>
        <!-- Title and Description Section -->
                    
  
<h2  class="heading text-left">
                Mission-Critical Industries Rely on Klocwork SAST  
      </h2>
                          <p class="text-left">Teams working in mission-critical industries trust Klocwork to accelerate project velocity while maintaining software quality and compliance.</p>
          
      </div>
      
    </div>
    <!-- Card Grid Section -->
    <div class="relative"
        :class="isCarouselActive && visibleCards === 3 ? 'carousel-bleed' : 'carousel-clip'">

      <div
        class="flex transition-transform will-change-transform carousel-track"
        x-ref="carousel"
        @pointerdown.prevent="startDrag($event)"
        @pointermove.prevent="onDrag($event)"
        @pointerup="endDrag()"
        @pointercancel="endDrag()"
        @touchstart.prevent="startDrag($event)"
        @touchmove.prevent="onDrag($event)"
        @touchend="endDrag()"
        :class="{
          'is-dragging': isDragging,
          'is-animating': isAnimating
        }"
        x-effect="$refs.carousel.style.setProperty('--tx', `${translateX}px`)"
      >
                  <div
               class="flex-none"
               :class="{'w-full': visibleCards === 1, 'md:w-1/3': visibleCards === 3}"
               @click="onCardClick(0)"
          >
                        <div id="p-1693" class="card-component w-full p-4">
    <div class="card group bg-white rounded-3xl shadow-md overflow-hidden relative">
        
                <div class="card-top-section h-36 bg-zoom bg-center ">
        </div>
                                                <div class="card-image bg-white rounded-3xl absolute card-icon-position left-12 shadow-md flex items-center justify-center">
                    <img src="https://www.perforce.com/sites/default/files/2024-12/icon-simple-computer-chip-core.svg" alt="Embedded Development icon" class="w-12 h-12 rounded-3xl object-none">
                </div>
                
                <div class="card-content pt-12 px-8 pb-8">
            

<h3  class="heading">
                Embedded Development
      </h3>
           <div class="card-content-text text-p4-dark text-long">
                <div><div class="photoswipe-gallery"><p>Efficiently manage software development when designing increasingly complex embedded systems.</p></div></div>
                </div>
                    </div>
    </div>
</div>
          </div>
                  <div
               class="flex-none"
               :class="{'w-full': visibleCards === 1, 'md:w-1/3': visibleCards === 3}"
               @click="onCardClick(1)"
          >
                        <div id="p-1694" class="card-component w-full p-4">
    <div class="card group bg-white rounded-3xl shadow-md overflow-hidden relative">
        
                <div class="card-top-section h-36 bg-zoom bg-center bg-p4-teal">
        </div>
                                                <div class="card-image bg-white rounded-3xl absolute card-icon-position left-12 shadow-md flex items-center justify-center">
                    <img src="https://www.perforce.com/sites/default/files/2024-12/icon-simple-gauge-dashboard.svg" alt="Automotive icon" class="w-12 h-12 rounded-3xl object-none">
                </div>
                
                <div class="card-content pt-12 px-8 pb-8">
            

<h3  class="heading">
                Automotive
      </h3>
           <div class="card-content-text text-p4-dark text-long">
                <div><div class="photoswipe-gallery"><p>Simplify development and visualize branching and merging for project status across the organization. Implement cybersecurity safeguards early for vehicles. Easily meet and prove compliance to essential automotive safety standards like ISO 26262, and coding standards like MISRA and AUTOSAR with a TÜV-SÜD certified tool. &nbsp;</p></div></div>
                </div>
                                                                                                                                        


<a href="/solutions/automotive"  class="p4-cta p4-cta--secondary">
      Learn More
  </a>
                    </div>
    </div>
</div>
          </div>
                  <div
               class="flex-none"
               :class="{'w-full': visibleCards === 1, 'md:w-1/3': visibleCards === 3}"
               @click="onCardClick(2)"
          >
                        <div id="p-1702" class="card-component w-full p-4">
    <div class="card group bg-white rounded-3xl shadow-md overflow-hidden relative">
        
                <div class="card-top-section h-36 bg-zoom bg-center ">
        </div>
                                                <div class="card-image bg-white rounded-3xl absolute card-icon-position left-12 shadow-md flex items-center justify-center">
                    <img src="https://www.perforce.com/sites/default/files/2024-12/icon-simple-startup-product-rocket-box.svg" alt="Aerospace and Defense icon" class="w-12 h-12 rounded-3xl object-none">
                </div>
                
                <div class="card-content pt-12 px-8 pb-8">
            

<h3  class="heading">
                Aerospace and Defense
      </h3>
           <div class="card-content-text text-p4-dark text-long">
                <div><div class="photoswipe-gallery"><p>Defend your codebase, prioritize risk early, and deliver security reports for DoD standards like DISA STIG. Klocwork helps enforce strict coding standards so you can achieve certification faster for DO-178C, ensuring the safety of your airborne systems. &nbsp;</p></div></div>
                </div>
                                                                                                                                        


<a href="/solutions/aerospace-and-defense"  class="p4-cta p4-cta--secondary">
      Learn More
  </a>
                    </div>
    </div>
</div>
          </div>
                  <div
               class="flex-none"
               :class="{'w-full': visibleCards === 1, 'md:w-1/3': visibleCards === 3}"
               @click="onCardClick(3)"
          >
                        <div id="p-1703" class="card-component w-full p-4">
    <div class="card group bg-white rounded-3xl shadow-md overflow-hidden relative">
        
                <div class="card-top-section h-36 bg-zoom bg-center ">
        </div>
                                                <div class="card-image bg-white rounded-3xl absolute card-icon-position left-12 shadow-md flex items-center justify-center">
                    <img src="https://www.perforce.com/sites/default/files/2024-12/icon-simple-favorite-medical.svg" alt="Medical Technology  icon" class="w-12 h-12 rounded-3xl object-none">
                </div>
                
                <div class="card-content pt-12 px-8 pb-8">
            

<h3  class="heading">
                Medical Technology 
      </h3>
           <div class="card-content-text text-p4-dark text-long">
                <div><div class="photoswipe-gallery"><p>The quality of the code embedded in medical devices and other health software systems can mean the difference between life or death. By using Klocwork, you’ll meet ever-changing government regulations and verify that your medical technology is safe, reliable, and efficient. &nbsp;</p></div></div>
                </div>
                                                                                                                                        


<a href="/solutions/healthcare"  class="p4-cta p4-cta--secondary">
      Learn More
  </a>
                    </div>
    </div>
</div>
          </div>
                  <div
               class="flex-none"
               :class="{'w-full': visibleCards === 1, 'md:w-1/3': visibleCards === 3}"
               @click="onCardClick(4)"
          >
                        <div id="p-1704" class="card-component w-full p-4">
    <div class="card group bg-white rounded-3xl shadow-md overflow-hidden relative">
        
                <div class="card-top-section h-36 bg-zoom bg-center ">
        </div>
                                                <div class="card-image bg-white rounded-3xl absolute card-icon-position left-12 shadow-md flex items-center justify-center">
                    <img src="https://www.perforce.com/sites/default/files/2024-12/icon-simple-light-mode-bright-dark.svg" alt="Industrial Automation icon" class="w-12 h-12 rounded-3xl object-none">
                </div>
                
                <div class="card-content pt-12 px-8 pb-8">
            

<h3  class="heading">
                Industrial Automation
      </h3>
           <div class="card-content-text text-p4-dark text-long">
                <div><div class="photoswipe-gallery"><p>Identify and fix errors in critical infrastructure of robotics, IoT, or energy technology management before they become costly vulnerabilities. Integrate Klocwork into your workflows for streamlined visibility into code compliance and ensure full visibility and traceability of analysis, improving productivity while strengthening safety and reliability. &nbsp;</p></div></div>
                </div>
                    </div>
    </div>
</div>
          </div>
              </div>
    </div>
    <div class="flex items-end">
      <!-- Navigation Arrows and Buttons for Slides -->
      <div x-show="isCarouselActive" class="flex justify-center items-center mr-4 mb-4 w-full">
        <!-- Previous Arrow Button -->
        <button
          @click="prevSlide()"
          :class="activeSlide <= 0 ? 'bg-p4-teal opacity-30 pointer-events-none' : 'bg-p4-teal rounded-full hover:bg-p4-cyan'"
          class="mr-4 rounded-full transition p-2"
          aria-label="Previous"
        >
          <svg xmlns="http://www.w3.org/2000/svg"
                class="w-3 h-3 hover:text-p4-dark transition-colors duration-300 transform rotate-180"
                fill="currentColor" viewBox="0 0 100 100">
            <polygon points="20,0 100,50 20,100"></polygon>
          </svg>
        </button>

        <!-- Pagination Dots (one per original card) -->
        <div class="flex">
          <template x-for="i in maxSlide + 1" :key="i">
            <button
              @click="goToSlide(i - 1)"
              :class="currentDotIndex() === (i - 1)
                ? 'bg-p4-teal text-white'
                : 'bg-p4-dark hover:bg-p4-primary hover:text-white'"
              class="mx-1 w-3 h-3 rounded-full focus:outline-none transition-all duration-300"
              :aria-label="'Go to slide ' + i">
            </button>
          </template>
        </div>

        <!-- Next Arrow Button -->
        <button
          @click="nextSlide()"
          :class="activeSlide >= maxSlide ? 'bg-p4-teal opacity-30 pointer-events-none' : 'bg-p4-teal rounded-full hover:bg-p4-cyan'"
          class="ml-4 rounded-full transition p-2"
          aria-label="Next"
        >
          <svg xmlns="http://www.w3.org/2000/svg"
                class="w-3 h-3 hover:text-p4-dark transition-colors duration-300" fill="currentColor"
                viewBox="0 0 100 100">
            <polygon points="20,0 100,50 20,100"></polygon>
          </svg>
        </button>
      </div>
    </div>
  </section>
</div>
</div>
</div>
              <div>

<div id="p-22420" class="paragraph--type--section paragraph--view-mode--default">
  
<div class="layout layout--one-column max-w-container mx-auto">
        <div  class="main-region p-4">
    

<div id="p-22421" class="rich-text p-4">
      <h2>Strengthen Confidence in Safety-Critical Software  </h2>
    

            <div class="text-long"><div><div class="photoswipe-gallery"><p>Reduce certification risk and simplify compliance and reporting for safety-critical regulations. Klocwork is independently certified for TÜV-SÜD, ISO 9001, and ISO 27001. &nbsp;</p></div></div></div>
      
</div>


<div class="no-padding paragraph--type--section paragraph--view-mode--default" id="p-22422">
  
<div  class="layout layout--three-column-33-33-33">
  <div  class="grid grid-cols-1 md:grid-cols-[1fr_1fr_1fr] gap-4 max-w-container mx-auto">
        <div  class="layout__region layout__region--col1">
      
<div id="p-22423" class="paragraph paragraph--type--image paragraph--view-mode--default overflow-hidden">
  <div class="text-center">
          <div>
  
  




  <div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
    <div class="visually-hidden">Image</div>
                          <img loading="lazy" src="/sites/default/files/2026-05/sa_klocwork_product-page_tuv-logo.png" width="601" height="351" alt="TUV SUD logo." />


                </div>

</div>

        
  </div>
</div>


<div id="p-22424" class="rich-text p-4">
    

            <div class="text-long"><div><div class="photoswipe-gallery"><h3>TÜV-SÜD Certified &nbsp;</h3><p>TÜV-certified qualification materials support functional safety processes in highly regulated industries. Perforce Klocwork is TÜV-SÜD certified for compliance with key functional safety standards: &nbsp;</p><ul><li>ISO 26262 (automotive) up to ASIL D. &nbsp;</li><li>IEC 61508 (general industry) up to SIL 4. &nbsp;</li><li>EN 50716 (railways) up to SW-SIL 4. &nbsp;</li><li>IEC 62304 (medical devices) up to Software Safety Class C. &nbsp;</li></ul><p><a class="p4-cta" href="https://www.perforce.com/sites/default/files/pdfs/klocwork-TUV-safety-product-certificate.pdf">TÜV-SÜD Certificate</a>&nbsp;</p></div></div></div>
      
</div>

    </div>
            <div  class="layout__region layout__region--col2">
      
<div id="p-22425" class="paragraph paragraph--type--image paragraph--view-mode--default overflow-hidden">
  <div class="text-center">
          <div>
  
  




  <div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
    <div class="visually-hidden">Image</div>
                          <img loading="lazy" src="/sites/default/files/2026-05/sa_klocwork_product-page_iso-logo-1.png" width="601" height="351" alt="ISO logo." />


                </div>

</div>

        
  </div>
</div>


<div id="p-22426" class="rich-text p-4">
    

            <div class="text-long"><div><div class="photoswipe-gallery"><h3>ISO 9001 Certified &nbsp;</h3><p>Perforce Klocwork is also certified in <a href="https://www.perforce.com/blog/sca/what-is-iso-9001">ISO 9001</a>.&nbsp;&nbsp;</p><p>ISO 9001 is one of the most widely adopted standards. It ensures that organizations are striving to meet and exceed customers’ requirements and satisfaction through continuous improvement.&nbsp;</p><p><a class="p4-cta" href="https://www.perforce.com/system/files/2025-04/ISO9001-Certificate.PDF">ISO 9001 Certificate</a></p></div></div></div>
      
</div>

    </div>
            <div  class="layout__region layout__region--col3">
      
<div id="p-22427" class="paragraph paragraph--type--image paragraph--view-mode--default overflow-hidden">
  <div class="text-center">
          <div>
  
  




  <div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
    <div class="visually-hidden">Image</div>
                          <img loading="lazy" src="/sites/default/files/2026-05/sa_klocwork_product-page_iso-logo-2.png" width="601" height="351" alt="ISO logo." />


                </div>

</div>

        
  </div>
</div>


<div id="p-22428" class="rich-text p-4">
    

            <div class="text-long"><div><div class="photoswipe-gallery"><h3>ISO 27001 Certified&nbsp; &nbsp;</h3><p>Perforce Klocwork is also certified in <a href="https://www.perforce.com/blog/kw/what-is-iso-27001">ISO 27001</a>.&nbsp;&nbsp;</p><p>ISO 27001 gives specific requirements that an organization must meet in order to be certified by an accredited certification body following the successful completion of an audit.&nbsp;&nbsp;</p><p><a class="p4-cta" href="https://www.perforce.com/system/files/2025-04/00045898-ICT-ENGUS-UKAS.PDF">ISO 27001 Certificate</a></p></div></div></div>
      
</div>

    </div>
      </div>
</div>

</div>

    </div>
    </div>

</div>
</div>
              <div>

<div class="gradient-radial-bottom-black-indigo text-p4-white paragraph--type--section paragraph--view-mode--default" id="p-6959">
  
<div  class="layout layout--three-column-50-25-25">
  <div  class="grid grid-cols-1 md:grid-cols-[2fr_1fr_1fr] gap-4 max-w-container mx-auto">
        <div  class="layout__region layout__region--col1">
      

<div id="p-6960" class="rich-text p-4">
      <h2>Test Klocwork in Your Dev Environment  </h2>
    

            <div class="text-long"><div><div class="photoswipe-gallery"><p>Request your free trial of Klocwork today.&nbsp;</p><p><a class="p4-cta p4-cta--white" href="/products/kw/free-static-code-analyzer-trial">Request My Trial</a></p></div></div></div>
      
</div>

    </div>
            <div  class="layout__region layout__region--col2">
      

<div id="p-6961" class="rich-text p-4">
    

            <div class="text-long"><div><div class="photoswipe-gallery"><h3>See Klocwork Live</h3><p>Start with your custom demo, or access our on-demand Klocwork demo to get an immediate look at Klocwork’s key features. &nbsp;</p><p><a class="p4-cta" href="https://www.perforce.com/products/sca/custom-demo">Access Demo</a></p></div></div></div>
      
</div>

    </div>
            <div  class="layout__region layout__region--col3">
      

<div id="p-6962" class="rich-text p-4">
    

            <div class="text-long"><div><div class="photoswipe-gallery"><h3>Get in Touch</h3><p>Have questions? We’re here to help! &nbsp;</p><p><a class="p4-cta" href="https://www.perforce.com/products/sca/contact-us">Contact Us</a></p></div></div></div>
      
</div>

    </div>
      </div>
</div>

</div>
</div>
          </div>
  
  </div>

</article>


  </div>

  </div>

      </main>

            
<footer  class="footer footer-- min-h-72">
  <div  class="footer__inner">
    <!-- Footer Menu Section -->
    <div  class="footer__menu border-b border-p4-dark max-w-container mx-auto py-8">
        <nav role="navigation" aria-labelledby="block-p4base-footer-menu" id="block-p4base-footer">
            
  <h2 class="visually-hidden" id="block-p4base-footer-menu">Footer</h2>
  

        
  <div class="footer-menu">
<div class="mx-auto px-4 sm:px-6 grid grid-cols-1 sm:grid-cols-3 lg:grid-cols-5 gap-6">
      <div class="footer-menu__section">
            <div class="footer-menu__section-title text-sm mb-4">Solutions</div>
                    <ul class="!pl-0 space-y-2">
                      <li class="list-none !pl-0"><a href="/solutions" class="footer-menu__link text-p4-dark">View All Solutions</a></li>
                  </ul>
          </div>
      <div class="footer-menu__section">
            <div class="footer-menu__section-title text-sm mb-4">Products</div>
                    <ul class="!pl-0 space-y-2">
                      <li class="list-none !pl-0"><a href="/products" class="footer-menu__link text-p4-dark">Browse A-Z</a></li>
                      <li class="list-none !pl-0"><a href="/products/helix-core" class="footer-menu__link text-p4-dark">Featured</a></li>
                  </ul>
          </div>
      <div class="footer-menu__section">
            <div class="footer-menu__section-title text-sm mb-4"><a href="/customers">Customers</a></div>
                    <ul class="!pl-0 space-y-2">
                      <li class="list-none !pl-0"><a href="/customers" class="footer-menu__link text-p4-dark">Customer Stories</a></li>
                  </ul>
          </div>
      <div class="footer-menu__section">
            <div class="footer-menu__section-title text-sm mb-4">Support &amp; Services</div>
                    <ul class="!pl-0 space-y-2">
                      <li class="list-none !pl-0"><a href="https://portal.perforce.com/s/" class="footer-menu__link text-p4-dark">Customer Portal</a></li>
                      <li class="list-none !pl-0"><a href="/support/eol-policy" class="footer-menu__link text-p4-dark">Software End of Life Policy</a></li>
                      <li class="list-none !pl-0"><a href="https://www.perforce.com/professional-services" class="footer-menu__link text-p4-dark">Professional Services</a></li>
                  </ul>
          </div>
      <div class="footer-menu__section">
            <div class="footer-menu__section-title text-sm mb-4">Resources</div>
                    <ul class="!pl-0 space-y-2">
                      <li class="list-none !pl-0"><a href="/resources/ebooks-papers" class="footer-menu__link text-p4-dark">eBooks &amp; Papers</a></li>
                      <li class="list-none !pl-0"><a href="/resources/industry-reports" class="footer-menu__link text-p4-dark">Industry Reports</a></li>
                      <li class="list-none !pl-0"><a href="/resources/videos" class="footer-menu__link text-p4-dark">Videos</a></li>
                      <li class="list-none !pl-0"><a href="/resources/events" class="footer-menu__link text-p4-dark">Events</a></li>
                      <li class="list-none !pl-0"><a href="/resources/webinars" class="footer-menu__link text-p4-dark">Webinars</a></li>
                      <li class="list-none !pl-0"><a href="/blog" class="footer-menu__link text-p4-dark">Blog</a></li>
                      <li class="list-none !pl-0"><a href="/resources" class="footer-menu__link text-p4-dark">All Resources</a></li>
                  </ul>
          </div>
    </div>
</div>


  </nav>

    </div>

<!-- Branding and Social Media Section -->
<div  class="footer__branding_social max-w-container mx-auto py-6 flex items-center justify-between lg:flex-row flex-col">
  <!-- Branding Section -->
  <div  class="footer__branding max-w-[275px] flex-shrink-0">
    


<div  class="logo">
  
<a
   class="logo__link"
    href="/"
>
        

  
<img
   class="logo__image"
      src="/themes/custom/p4base/assets/images/logo.svg"
  alt="Logo"
  />
    </a>
</div>
    <div class="mt-4 text-xs">
      &copy; 2026 Perforce Software Inc. All Rights Reserved.
    </div>
    <div class="mt-2 text-xs text-center lg:text-left">
      <a href="https://www.perforce.com/privacy-policy">Privacy Policy</a> | 
      <a href="https://www.perforce.com/website-terms-use">Terms of Use</a> |
      <a href="https://www.perforce.com/legal">Legal</a><br/>
      <a href="https://trust.perforce.com/">Trust Center</a> |
      <a id="ot-sdk-btn" class="ot-sdk-show-settings"> Cookie Manager</a><br/>
      <a href="https://preferences.perforce.com/form/opt_out">Do Not Sell or Share My Personal Information</a>
    </div>
  </div>

  <!-- Social Menu Section -->
  <div  class="footer__social flex-shrink-0 lg:flex-row flex-col">
      <div class="social-menu">
        <ul class="social-menu__list flex !pl-0 [&>li]:!px-4 mt-4">
                        <li class="social-menu__item">
            <a href="https://www.linkedin.com/company/perforce" class="social-menu__link flex items-center" target="_blank" rel="noopener noreferrer">
              <span class="sr-only">LinkedIn</span>
                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
                  <!-- LinkedIn Icon -->
                  <path d="M19 0H5C2.25 0 0 2.25 0 5v14c0 2.75 2.25 5 5 5h14c2.75 0 5-2.25 5-5V5c0-2.75-2.25-5-5-5zM7.5 19H4.5v-9h3v9zm-1.5-10.5C5.25 8.5 4.5 7.75 4.5 7s.75-1.5 1.5-1.5S7.5 6.25 7.5 7s-.75 1.5-1.5 1.5zM20 19h-3v-4.5c0-1.25-1-2.25-2.25-2.25s-2.25 1-2.25 2.25V19h-3v-9h3v1.25C13.5 9.5 14.25 9 15 9c2.5 0 5 2 5 4.5V19z" />
                </svg>
                          </a>
          </li>
                                <li class="social-menu__item">
            <a href="https://twitter.com/perforce" class="social-menu__link flex items-center" target="_blank" rel="noopener noreferrer">
              <span class="sr-only">Twitter</span>
                              <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="w-6 h-6" viewBox="0 0 300 300.251">
                  <!-- Twitter Icon -->
                <path d="M178.57 127.15 290.27 0h-26.46l-97.03 110.38L89.34 0H0l117.13 166.93L0 300.25h26.46l102.4-116.59 81.8 116.59h89.34M36.01 19.54H76.66l187.13 262.13h-40.66"/>
                </svg>
                          </a>
          </li>
                                <li class="social-menu__item">
            <a href="https://www.youtube.com/user/perforcesoftware" class="social-menu__link flex items-center" target="_blank" rel="noopener noreferrer">
              <span class="sr-only">YouTube</span>
                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
                  <!-- YouTube Icon -->
                  <path d="M19.6 3H4.4C2.85 3 1.5 4.35 1.5 5.9v12.2C1.5 19.65 2.85 21 4.4 21h15.2c1.55 0 2.9-1.35 2.9-2.9V5.9C22.5 4.35 21.15 3 19.6 3zM9.75 16.5V7.5l7.5 4.5-7.5 4.5z" />
                </svg>
                          </a>
          </li>
                  </ul>
  </div>
  </div>
</div>

  </div>
</footer>
      </div>

  </div>

    
    <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/169","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"data":{"extlink":{"extTarget":true,"extTargetAppendNewWindowDisplay":true,"extTargetAppendNewWindowLabel":"(opens in a new window)","extTargetNoOverride":true,"extNofollow":false,"extTitleNoOverride":false,"extNoreferrer":false,"extFollowNoOverride":false,"extClass":"0","extLabel":"(link is external)","extImgClass":false,"extSubdomains":true,"extExclude":"","extInclude":"\\.pdf$","extCssExclude":"","extCssInclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","extHideIcons":false,"mailtoClass":"0","telClass":"0","mailtoLabel":"(link sends email)","telLabel":"(link is a phone number)","extUseFontAwesome":false,"extIconPlacement":"before","extPreventOrphan":true,"extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","extAdditionalLinkClasses":"","extAdditionalMailtoClasses":"","extAdditionalTelClasses":"","extFaTelClasses":"fa fa-phone","allowedDomains":[],"extExcludeNoreferrer":""}},"ajaxTrustedUrl":{"\/search":true},"sitewideAlert":{"refreshInterval":2592000000,"automaticRefresh":false,"showCount":false,"serverSideRender":false},"photoswipe":{"selector":"a.photoswipe:not(.no-lightbox) \u003E img"},"csp":{"nonce":"zEd48p452dB__bJ2liZTeg"},"user":{"uid":0,"permissionsHash":"1f3374e6430c72f4247ff9384a681361502e3d1a5d1a7fc0afa8181a16bd2698"}}</script>
<script src="/sites/default/files/js/js_eGHRAuXkCM4r6nptcWybaJF9iZCPGOV_RG10nQKp36w.js?scope=footer&amp;delta=0&amp;language=en&amp;theme=p4base&amp;include=eJw9iUEOgzAMBD8UyKX_iRxiqFVjR7ER9PcNEullNTsDpbiCfCM8MK9NxQNQBEobawYOGd2xJbyqGpa0EvdrcUPB1jNeziSfWNpRgefnhvrKYBjvGbxAKxMtKlMnPQx5lF0zMU47yjFUbWR7qG91tZNqF3-cSciDkeNJBRMwNo-3-wFbRE-z"></script>
<script src="https://static.addtoany.com/menu/page.js" defer></script>
<script src="/sites/default/files/js/js_Lfm4ihe18LZvwzgpuPDTQmjN0FcM5zwcn8DidONGdtA.js?scope=footer&amp;delta=2&amp;language=en&amp;theme=p4base&amp;include=eJw9iUEOgzAMBD8UyKX_iRxiqFVjR7ER9PcNEullNTsDpbiCfCM8MK9NxQNQBEobawYOGd2xJbyqGpa0EvdrcUPB1jNeziSfWNpRgefnhvrKYBjvGbxAKxMtKlMnPQx5lF0zMU47yjFUbWR7qG91tZNqF3-cSciDkeNJBRMwNo-3-wFbRE-z"></script>
<script src="https://cdn.jsdelivr.net/npm/@alpinejs/focus@3.x.x/dist/cdn.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.3/dist/cdn.min.js"></script>
<script src="/sites/default/files/js/js_Snv65g7pvU-KreBecJ45CY5Nv4J7mce2uKBM08Ub4dg.js?scope=footer&amp;delta=5&amp;language=en&amp;theme=p4base&amp;include=eJw9iUEOgzAMBD8UyKX_iRxiqFVjR7ER9PcNEullNTsDpbiCfCM8MK9NxQNQBEobawYOGd2xJbyqGpa0EvdrcUPB1jNeziSfWNpRgefnhvrKYBjvGbxAKxMtKlMnPQx5lF0zMU47yjFUbWR7qG91tZNqF3-cSciDkeNJBRMwNo-3-wFbRE-z"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/photoswipe/5.4.4/umd/photoswipe-lightbox.umd.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/photoswipe/5.4.4/umd/photoswipe.umd.min.js"></script>
<script src="/sites/default/files/js/js_adlnC9qHqjD1z49-Nnp1abeJXvuFKuobGWrXNQreN2Y.js?scope=footer&amp;delta=8&amp;language=en&amp;theme=p4base&amp;include=eJw9iUEOgzAMBD8UyKX_iRxiqFVjR7ER9PcNEullNTsDpbiCfCM8MK9NxQNQBEobawYOGd2xJbyqGpa0EvdrcUPB1jNeziSfWNpRgefnhvrKYBjvGbxAKxMtKlMnPQx5lF0zMU47yjFUbWR7qG91tZNqF3-cSciDkeNJBRMwNo-3-wFbRE-z"></script>

      <script nonce="zEd48p452dB__bJ2liZTeg">(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.nonce='zEd48p452dB__bJ2liZTeg';d.innerHTML="window.__CF$cv$params={r:'a08fad0d898f2f72',t:'MTc4MTAwMzI4MQ=='};var a=document.createElement('script');a.nonce='zEd48p452dB__bJ2liZTeg';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>
