{"id":42531,"date":"2025-09-25T03:51:46","date_gmt":"2025-09-25T10:51:46","guid":{"rendered":"https:\/\/pathlock.com\/compliance-centric-identity-governance\/"},"modified":"2025-12-18T06:05:10","modified_gmt":"2025-12-18T11:05:10","slug":"compliance-centric-identity-governance","status":"publish","type":"page","link":"https:\/\/pathlock.com\/ar\/compliance-centric-identity-governance\/","title":{"rendered":"Compliance-Centric Identity Governance!"},"content":{"rendered":"\n<style>\n  \/* Base styles *\/\n  .hero-section {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    color: white;\n    min-height: 490px; \/* Use min-height instead of height for flexibility *\/\n    font-family: 'Inter', sans-serif;\n    position: relative; \/* Needed for z-index context if text overlaps canvas *\/\n    z-index: 10; \/* Ensure text is above canvas elements *\/\n    \/* padding-top only for large screens (lg) *\/\n    @media (min-width: 1024px) {\n      padding-top: 128px; \/* Adjust as needed for layout *\/\n    }\n  }\n\n  .hero-section h1 {\n    font-size: 28px;\n    line-height: 32px;\n    font-weight: 400;\n    margin-bottom: 24px;\n    text-transform: uppercase;\n  }\n\n  .hero-section h1 strong {\n    font-weight: 600;\n  }\n\n  .hero-description {\n    line-height: 20px;\n    font-size: 14px;\n    font-weight: 400;\n    margin-bottom: 32px;\n    @media (min-width: 1024px) {\n      margin-bottom: 48px;\n    }\n    \n  }\n\n  .hero-buttons {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    width: 100%;\n    padding: 0 16px;\n    max-width: 400px; \/* Limit button container width on small screens *\/\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .button-primary,\n  .button-secondary {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 600;\n    padding: 12px 28px;\n    line-height: 28px;\n    border-radius: 8px;\n    text-decoration: none;\n    transition: background-color 0.3s;\n    cursor: pointer; \/* Add pointer cursor *\/\n  }\n\n  .button-primary {\n    background-color: #24B770;\n    color: white;\n    border: none; \/* Ensure no default border *\/\n    min-width: 222px; \/* Ensure button has a minimum width *\/\n  }\n\n  .button-primary:hover {\n    background-color: #148752;\n  }\n\n  .button-secondary {\n    background-color: white;\n    color: #0F1556;\n     border: none; \/* Ensure no default border *\/\n  }\n\n  .button-secondary:hover {\n    background-color: #E3E7F6;\n  }\n\n  \/* Responsive styles *\/\n  @media (min-width: 1024px) {\n\n    .hero-section {\n         padding-top: 128px; \/* Keep or adjust desktop padding *\/\n    }\n    .hero-section h1 {\n      font-size: 48px;\n      line-height: 54px;\n      margin-bottom: 24px;\n    }\n\n    .hero-section h1 strong {\n      font-size: 52px; \/* Keep or adjust *\/\n      line-height: 64px; \/* Keep or adjust *\/\n    }\n\n    .hero-description {\n      line-height: 30px;\n      font-size: 20px;\n      margin-bottom: 48px;\n      max-width: none; \/* Remove max-width constraint *\/\n    }\n\n    .hero-buttons {\n      flex-direction: row;\n      width: auto;\n      padding: 0;\n      max-width: none; \/* Remove max-width constraint *\/\n    }\n\n    .button-secondary {\n      padding: 12px 18px; \/* Keep or adjust desktop padding *\/\n    }\n  }\n\n  \/* Animation Keyframes *\/\n  @keyframes slide-in {\n    0% { transform: translateX(-100%); opacity: 0; } \/* Start with opacity 0 *\/\n    100% { transform: translateX(0); opacity: 1; }\n  }\n\n  @keyframes slide-out {\n    0% { transform: translateX(100%); opacity: 0; } \/* Start with opacity 0 *\/\n    100% { transform: translateX(0); opacity: 1; }\n  }\n\n  @keyframes slide-up {\n    0% { opacity: 0; transform: translateY(20px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n\n  @keyframes curtainReveal {\n    0% { clip-path: inset(0 0 100% 0); opacity: 0; }\n    100% { clip-path: inset(0 0 0 0); opacity: 1; }\n  }\n\n  \/* Animation Classes - Initial State *\/\n  [data-animate] {\n    opacity: 0;\n    will-change: transform, opacity, clip-path;\n  }\n\n  \/* Animation Classes - Active State *\/\n  .slide-in { animation: slide-in 1s forwards; }\n  .slide-out { animation: slide-out 1s forwards; }\n  .slide-up { animation: slide-up 1s forwards; }\n  .slide-curtain { animation: curtainReveal 1s ease-out forwards; }\n\n  \/* Reduced motion preference *\/\n  @media (prefers-reduced-motion) {\n    [data-animate] {\n      animation: none !important;\n      opacity: 1 !important;\n      transform: none !important;\n      clip-path: none !important;\n    }\n  }\n\n  \/* Placeholder styles *\/\n  .rive-canvas-placeholder {\n      background-color: transparent; \/* Light grey placeholder *\/\n      \/* Add dimensions if needed, or let parent control size *\/\n      width: 100%;\n      height: 100%;\n      border-radius: inherit; \/* Inherit border radius from parent *\/\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 12px;\n      color: #666;\n  }\n  .rive-canvas-loaded {\n      background-color: transparent; \/* Remove placeholder background on load *\/\n  }\n  .rive-canvas-error {\n       background-color: #ffdddd; \/* Light red for error *\/\n  }\n\n  .hero-section-bg {\n    background-image: url('\/wp-content\/uploads\/2025\/04\/BG-Hero-scaled-1.webp');\n    background-size: cover;\n    background-position: center 30%;\n  }\n\n  @media (max-width: 1023px) {\n      .hero-section-bg {\n          background-image: url('\/wp-content\/uploads\/2025\/04\/BG-Hero-scaled-1-mobile.webp');\n          background-size: cover;\n          background-position: center 30%;\n      }\n  }\n<\/style>\n\n<section class=\"relative pt-12 lg:py-12 overflow-hidden lg:pb-0 bg-[#08257B] hero-section-bg\" >\n  <div class=\"container mx-auto\">\n    <div class=\"relative container isolate z-10\">\n      <!-- Text Content -->\n      <div class=\"hero-section\">\n        <h1>\n          <strong>Compliance-Centric<\/strong><br>Identity Governance        <\/h1>\n        <p class=\"hero-description\">\n            When traditional IGA isn&#8217;t enough, companies turn to<br> Pathlock for compliant provisioning, fine-grained SoD<br> analysis, user access reviews, privileged access, and<br> continuous controls monitoring.        <\/p>\n\n          \n          <div class=\"hero-buttons\">\n              <a href=\"https:\/\/pathlock.com\/contact\/\" class=\"button-primary\">\n                  Schedule Live Demo              <\/a>\n              \n                            <a href=\"https:\/\/pathlock.com\/browser-tours\/main-pathlock-cloud\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button-secondary\">\n                    Launch In-Browser Tour                <\/a>\n                    <\/div>\n      <\/div>\n      <!-- Animations Area (Desktop Only) -->\n      <div class=\"mt-12 lg:mt-24 absolute lg:relative -left-[9999px] lg:left-0 flex flex-col mx-auto items-center justify-center will-change-transform transform-gpu\">\n \n          <!-- Dashboard Background Animation -->\n          <div id=\"dashboard\">\n              <div class=\"relative rounded-lg justify-center items-start inline-flex\" style=\"height: 672px; width: 1040px;\">\n                  <!-- inbox pop-up -->\n                  <div data-animate=\"slide-in\" class=\"absolute top-[39%] left-[-10%] z-20 w-[198px] h-[151px] p-1 bg-white\/80 rounded-md justify-center items-center inline-flex shadow-lg\">\n                      <img decoding=\"async\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/02\/01_homeslide.avif\" alt=\"Inbox Preview\" style=\"display:block;width:100%;height:100%;border-radius:inherit;object-position:center;object-fit:cover\">\n                  <\/div>\n                  <!-- \/inbox pop-up -->\n\n                  <!-- Rive Canvas 1 (Main Dashboard) -->\n                  <canvas class=\"absolute inset-0 w-full h-full z-0 rive-canvas-placeholder\" id=\"home1\" width=\"1040\" height=\"672\">\n                      <!-- Fallback content or description -->\n                      <p>Compliance Dashboard Animation<\/p>\n                  <\/canvas>\n\n                  <!-- schedule pop-up -->\n                  <div data-animate=\"slide-out\" class=\"absolute top-[62%] right-[-10%] z-20 w-[203px] h-[146px] p-[4.50px] bg-white\/80 rounded-md justify-center items-center shadow-lg\">\n                      <img decoding=\"async\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/02\/03_homeslide.webp\" alt=\"Schedule Preview\" style=\"display:block;width:100%;height:100%;border-radius:inherit;object-position:center;object-fit:cover\">\n                  <\/div>\n                  <!-- \/schedule pop-up -->\n              <\/div>\n          <\/div>\n\n          <!-- Chart Animation (Revealed) -->\n          <div data-animate=\"slide-curtain\" class=\"w-[748px] h-[374px] relative rounded-lg -mt-[125px] z-10\">\n              <div id=\"chartNumbersContainer\" class=\"w-full h-full *:!h-auto *:!w-full rive-canvas-placeholder\">\n                  <canvas id=\"home2\" class=\"w-full h-full\">\n                       <!-- Fallback content or description -->\n                       <p>Risk Analysis Chart Animation<\/p>\n                  <\/canvas>\n              <\/div>\n          <\/div>\n      <\/div><!-- \/Animations Area -->\n\n    <\/div><!-- \/relative container -->\n  <\/div><!-- \/container -->\n    <div class=\"hidden lg:block absolute bottom-0 left-0 w-full h-[66px] bg-white\"><div>\n<\/section>\n\n<script>\n\/\/ Debounce function to limit resize event handling\nfunction debounce(func, wait, immediate) {\n\tvar timeout;\n\treturn function() {\n\t\tvar context = this, args = arguments;\n\t\tvar later = function() {\n\t\t\ttimeout = null;\n\t\t\tif (!immediate) func.apply(context, args);\n\t\t};\n\t\tvar callNow = immediate && !timeout;\n\t\tclearTimeout(timeout);\n\t\ttimeout = setTimeout(later, wait);\n\t\tif (callNow) func.apply(context, args);\n\t};\n};\n\ndocument.addEventListener('DOMContentLoaded', function() {\n\n(function() { \/\/ Wrap in IIFE to avoid polluting global scope\n\n\n    \/\/ --- CSS Scroll Animations ---\n    function initScrollAnimations() {\n        const animatedElements = document.querySelectorAll('[data-animate]');\n        if (!animatedElements.length) return;\n\n        const observedElements = new Map();\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting && !observedElements.has(entry.target)) {\n                    const animationType = entry.target.getAttribute('data-animate');\n                    entry.target.classList.add(animationType);\n                    observedElements.set(entry.target, true);\n                    \/\/ observer.unobserve(entry.target); \/\/ Uncomment to only animate once\n                }\n            });\n        }, {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        });\n\n        animatedElements.forEach(el => {\n            if (!observedElements.has(el)) {\n                observer.observe(el);\n            }\n        });\n    }\n    initScrollAnimations();\n\n\n    \/\/ --- Rive Initialization ---\n    if (typeof rive !== 'undefined') {\n        const canvas1 = document.getElementById('home1');\n        const canvas2 = document.getElementById('home2');\n        const canvas2Container = document.getElementById('chartNumbersContainer');\n\n        let riveInstance = null;\n        let riveInstance2 = null;\n        \/\/ No longer need visibilityObserver1 if we don't pause\/play #home1 based on scroll\n        let visibilityObserver2 = null;\n\n        \/\/ Function to handle resizing Rive canvases\n        const resizeRiveInstances = debounce(() => {\n            \/\/ Check if canvas exists and is actually rendered in the DOM (offsetParent)\n            if (riveInstance && canvas1 && canvas1.offsetParent !== null) {\n                 riveInstance.resizeDrawingSurfaceToCanvas();\n            }\n            if (riveInstance2 && canvas2 && canvas2.offsetParent !== null) {\n                 riveInstance2.resizeDrawingSurfaceToCanvas();\n            }\n        }, 250); \/\/ Debounce resize events\n\n        \/\/ window.addEventListener('resize', resizeRiveInstances);\n\n        \/\/ --- Initialize Rive Animation 1 (Main Dashboard - Play Immediately) ---\n        if (canvas1) {\n            canvas1.classList.add('rive-canvas-placeholder');\n\n            riveInstance = new rive.Rive({\n                src: '\/wp-content\/uploads\/2025\/04\/hero-with-fade.riv',\n                canvas: canvas1,\n                autoplay: false, \/\/ Explicitly play in onLoad\n                stateMachines: \"State Machine 1\",\n                onLoad: () => {\n                    console.log('Rive 1 loaded');\n                    canvas1.classList.remove('rive-canvas-placeholder');\n                    canvas1.classList.add('rive-canvas-loaded');\n                    riveInstance.resizeDrawingSurfaceToCanvas();\n\n                    \/\/ *** CHANGE: Play immediately after loading ***\n                    riveInstance.play();\n                    console.log('Rive 1 playing immediately.');\n\n                    \/\/ *** REMOVED: No longer starting visibility observer for #home1 ***\n                    \/\/ startVisibilityObserver(canvas1, riveInstance, 'visibilityObserver1');\n                },\n                onError: (error) => {\n                    console.error('Rive 1 error:', error);\n                    canvas1.classList.remove('rive-canvas-placeholder');\n                    canvas1.classList.add('rive-canvas-error');\n                    canvas1.innerHTML = '<p>Error loading animation.<\/p>';\n                },\n            });\n        } else {\n            console.error('Canvas #home1 not found');\n        }\n\n        \/\/ --- Lazy Initialize Rive Animation 2 (Chart - Scroll Triggered) ---\n        if (canvas2 && canvas2Container) {\n            canvas2Container.classList.add('rive-canvas-placeholder');\n            canvas2.classList.add('rive-canvas-placeholder'); \/\/ Apply to canvas too\n\n            const initRive2 = (entries, observer) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting && !riveInstance2) {\n                        console.log('Initializing Rive 2...');\n                        observer.unobserve(entry.target); \/\/ Stop observing for initialization\n\n                        riveInstance2 = new rive.Rive({\n                            src: '\/wp-content\/uploads\/2025\/04\/hero2.riv',\n                            canvas: canvas2,\n                            autoplay: false, \/\/ Wait for visibility observer\n                            stateMachines: \"State Machine 1\",\n                            artboard: \"risks-pre-lottie\",\n                            onLoad: () => {\n                                console.log('Rive 2 loaded');\n                                canvas2Container.classList.remove('rive-canvas-placeholder');\n                                canvas2Container.classList.add('rive-canvas-loaded');\n                                canvas2.classList.remove('rive-canvas-placeholder');\n                                canvas2.classList.add('rive-canvas-loaded');\n                                riveInstance2.resizeDrawingSurfaceToCanvas();\n\n                                \/\/ *** KEPT: Start visibility observer for #home2 ***\n                                startVisibilityObserver(canvas2Container, riveInstance2, 'visibilityObserver2');\n                            },\n                            onError: (error) => {\n                                console.error('Rive 2 error:', error);\n                                canvas2Container.classList.remove('rive-canvas-placeholder');\n                                canvas2Container.classList.add('rive-canvas-error');\n                                canvas2Container.innerHTML = '<p>Error loading chart animation.<\/p>';\n                            },\n                        });\n                    }\n                });\n            };\n\n            const initObserver = new IntersectionObserver(initRive2, { threshold: 0.01 });\n            initObserver.observe(canvas2Container);\n\n        } else {\n            console.error('Canvas #home2 or its container #chartNumbersContainer not found');\n        }\n\n        \/\/ --- Visibility Observer Function (Play\/Pause - Only for #home2 now) ---\n        const startVisibilityObserver = (element, instance, observerVarName) => {\n            \/\/ Ensure we don't create multiple observers for the same instance if somehow called twice\n             if (window[observerVarName]) {\n                 window[observerVarName].disconnect();\n             }\n\n            window[observerVarName] = new IntersectionObserver(([entry]) => {\n                if (instance && instance.play && instance.pause) {\n                    if (entry.isIntersecting) {\n                        \/\/ console.log(`${observerVarName} playing`);\n                        instance.play();\n                    } else {\n                        \/\/ console.log(`${observerVarName} pausing`);\n                        instance.pause();\n                    }\n                }\n            }, { threshold: 0.5 }); \/\/ Play\/Pause threshold\n\n            window[observerVarName].observe(element);\n        }\n\n    } else {\n        console.error('Rive library not loaded');\n        const canvas1 = document.getElementById('home1');\n        const canvas2Container = document.getElementById('chartNumbersContainer');\n        if (canvas1) canvas1.style.display = 'none';\n        if (canvas2Container) canvas2Container.style.display = 'none';\n    }\n\n})(); \/\/ End IIFE\n\n});\n<\/script>\n\n\n\n\n<style>\n   \n    body.modal-open {\n        overflow: hidden;\n    }\n    .wistia_responsive_padding { padding: 56.25% 0 0 0; position:relative; } \/* 16:9 aspect ratio *\/\n    .wistia_responsive_wrapper { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }\n    .wistia_embed { height: 100%; position: relative; width: 100%; }\n    .wistia_video_container { height: 100%; width: 100%; } \/* Custom container class *\/\n<\/style>\n\n<script type=\"module\" src=\"https:\/\/fast.wistia.com\/embed\/api.js\" async><\/script>\n<script src=\"https:\/\/fast.wistia.com\/assets\/external\/E-v1.js\" async><\/script>\n\n<section class=\"bg-white pb-8 pt-16 lg:pb-12 lg:pt-24 overflow-hidden px-4 \">\n  <div class=\"container mx-auto lg:px-8\">\n    <div class=\"relative container\">\n      <div class=\"text-center text-[#0F1556] px-4 flex flex-col justify-center items-center\">\n                  <span class=\"text-[#148752] text-sm font-bold uppercase leading-[30px] tracking-wider mb-3\">Trusted by 1,300+ Customers<\/span>\n                              <h2 class=\"max-w-[720px] text-3xl lg:text-5xl lg:leading-[60px] font-semibold mb-4 lg:mb-5\">Stories from Customers Around the Globe<\/h2>\n          \n                      <div class=\"text-lg lg:text-xl text-[#2A3274] font-normal  max-w-[720px] leading-[30px]\">\n              Discover how organizations worldwide leverage Pathlock to reduce sensitive access and segregation of duties risks (SoD), prove and maintain regulatory compliance, and more.             <\/div>\n          \n                      <div class=\"mt-4 lg:mt-6\">\n              <a class=\"flex items-center font-semibold hover:text-[#44C382] group text-base leading-7 transition-colors duration-300\" href=\"https:\/\/pathlock.com\/case-studies\/\" >\n                Explore All Success Stories                <span class=\"ml-2 rtl:mr-2 rtl:ml-0 rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#44C382] group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                  <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                  <\/svg>\n                <\/span>\n              <\/a>\n            <\/div>\n                  <\/div>\n\n      <!-- Alpine Component Root - Controls both Desktop\/Mobile triggers and the Modal -->\n      <div\n        x-data=\"videoController()\"\n        class=\"relative\"  \n        >\n        <!-- Desktop version (hover cards) -->\n        <div class=\"hidden lg:flex justify-center gap-4 w-full rounded-lg lg:mt-16\">\n          <template x-for=\"(video, index) in videos\" :key=\"index\">\n            <div\n              @mouseover=\"handleCardHover(index)\"\n              :class=\"activeCard === index ? 'w-[602px]' : 'w-[291px]'\"\n              class=\"h-[550px] relative rounded-lg transition-[width] duration-700 ease-out text-white overflow-hidden\"\n            >\n              <!-- Background image (shown when not active) -->\n              <img x-show=\"activeCard !== index\" :src=\"video.bgImage\" class=\"no-override absolute inset-0 w-full h-full object-cover\" alt=\"Background Image\" \/>\n              <!-- Video cover (shown when  active) -->\n              <img x-show=\"activeCard === index\" :src=\"video.videoCover\" class=\"no-override absolute inset-0 w-full h-full object-cover\" alt=\"Video Cover\" \/>\n              <!-- Video container - always in DOM but hidden when inactive -->\n                <video\n                        x-show=\"activeCard === index\"\n                        :data-index=\"index\"\n                        autoplay loop muted playsinline\n                        class=\"absolute inset-0 w-full h-full object-cover\"\n                        preload=\"none\"\n                >\n                <\/video>\n\n              <!-- Content overlay -->\n              <div class=\"flex flex-col justify-between p-6 z-20 h-full relative\"\n              :class=\"activeCard === index ? 'bg-[#0000]\/20 bg-[radial-gradient(ellipse_97.77%_123.36%_at_-27.33%_81.70%,_#0F1556_0%,_rgba(15,_21,_86,_0)_100%)]' : ''\">\n                <div class=\"flex flex-col flex-start\">\n                  <div class=\"flex flex-row flex-start\">\n                    <img :src=\"video.logo\" class=\"no-override flex flex-start object-contain\" alt=\"Logo\" \/>\n                  <\/div>\n                  <div x-show=\"video.tag != false\" class=\"w-fit mt-3 px-3 py-1 rounded-3xl outline outline-1 outline-offset-[-1px] outline-white inline-flex justify-center items-center gap-2\">\n                    <div class=\"text-center justify-start text-white text-xs font-semibold leading-none\">Fortune 200<\/div>\n                  <\/div>\n                <\/div>\n                \n\n                <!-- Active Card Content -->\n                <div x-show=\"activeCard === index\" class=\"flex flex-col items-start z-10 max-w-[518px]\">\n                  <span\n                    x-show=\"activeCard === index\"\n                    x-transition:enter=\"transition ease-out duration-700 delay-500\"\n                    x-transition:enter-start=\"transform opacity-0 translate-y-3\"\n                    x-transition:enter-end=\"transfrom opacity-100 translate-y-0\"\n                    class=\"text-white text-3xl font-medium mb-4 leading-9\"\n                    x-text=\"video.quote\"\n                  >\n                    \n                  <\/span>\n                  <span\n                    x-show=\"activeCard === index\"\n                    class=\"text-[#F5F6FC] text-sm mb-6\"\n                    x-transition:enter=\"transition ease-out duration-300 delay-[400ms]\"\n                    x-transition:enter-start=\"transform opacity-0 translate-y-2\"\n                    x-transition:enter-end=\"transfrom opacity-100 translate-y-0\"\n                    x-text=\"video.person\"\n                  >\n                <\/span>\n                  <button @click=\"openModal(video.mediaID)\" aria-label=\"Play video\" class=\"flex items-center rounded-lg group\">\n                    <div class=\"w-12 h-12 flex items-center justify-center\">\n                    <svg\n                            class=\"max-w-12 max-h-12\"\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"131\" height=\"131\" viewBox=\"0 0 131 131\" fill=\"none\">\n                              <g filter=\"url(#filter0_b_797_1676_desk)\">\n                                  <circle cx=\"65.5\" cy=\"65.5\" r=\"59.5\" fill=\"white\" fill-opacity=\"0.2\"><\/circle>\n                                  <circle cx=\"65.5\" cy=\"65.5\" r=\"59\" stroke=\"white\" stroke-opacity=\"0.5\"><\/circle>\n                              <\/g>\n                              <g class=\"transition-transform duration-300 ease-in-out group-hover:scale-125\" style=\"transform-origin: center;\">\n                                  <g filter=\"url(#filter1_d_797_1676_desk)\">\n                                      <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M65.2653 107.516C88.6078 107.516 107.531 88.5961 107.531 65.2578C107.531 41.9194 88.6078 23 65.2653 23C41.9228 23 23 41.9194 23 65.2578C23 88.5961 41.9228 107.516 65.2653 107.516ZM82.4356 67.4711C84.1966 66.487 84.1966 64.0266 82.4356 63.0425L58.6613 49.7565C56.9003 48.7724 54.699 50.0026 54.699 51.9709L54.699 78.5428C54.699 80.5111 56.9003 81.7412 58.6613 80.7571L82.4356 67.4711Z\" fill=\"white\"><\/path>\n                                  <\/g>\n                              <\/g>\n                              <defs>\n                                  <filter id=\"filter0_b_797_1676_desk\" x=\"4\" y=\"4\" width=\"123\" height=\"123\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                      <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"><\/feFlood>\n                                      <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"1\"><\/feGaussianBlur>\n                                      <feComposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur_797_1676_desk\"><\/feComposite>\n                                      <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_797_1676_desk\" result=\"shape\"><\/feBlend>\n                                  <\/filter>\n                                  <filter id=\"filter1_d_797_1676_desk\" x=\"0.299999\" y=\"0.299999\" width=\"129.931\" height=\"129.916\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                      <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"><\/feFlood>\n                                      <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"><\/feColorMatrix>\n                                      <feOffset><\/feOffset>\n                                      <feGaussianBlur stdDeviation=\"11.35\"><\/feGaussianBlur>\n                                      <feComposite in2=\"hardAlpha\" operator=\"out\"><\/feComposite>\n                                      <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0588235 0 0 0 0 0.0823529 0 0 0 0 0.337255 0 0 0 0.18 0\"><\/feColorMatrix>\n                                      <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_797_1676_desk\"><\/feBlend>\n                                      <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_797_1676_desk\" result=\"shape\"><\/feBlend>\n                                  <\/filter>\n                              <\/defs>\n                          <\/svg>\n                    <\/div>\n                    <span class=\"rtl:ml-0 rtl:mr-2 ml-2 text-sm text-[#F5F6FC] font-semibold group-hover:text-[#24B770]\">\u0634\u0627\u0647\u062f \u0627\u0644\u0641\u064a\u062f\u064a\u0648<\/span>\n                  <\/button>\n                <\/div>\n\n                <!-- Inactive Card Content -->\n                <div x-show=\"activeCard !== index\" class=\"z-20 flex flex-col items-start max-w-[225px]\">\n                  <span x-text=\"video.stat.value\" class=\"text-5xl font-semibold leading-[30px] [text-shadow:_0px_0px_10px_rgb(0_0_0_\/_0.25)] mb-3\"><\/span>\n                  <span x-text=\"video.stat.label\" class=\"text-lg font-normal font-['Inter'] leading-normal [text-shadow:_0px_0px_10px_rgb(0_0_0_\/_0.25)]\"><\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/template>\n        <\/div>\n\n        <!-- Mobile version (slider) -->\n        <div x-data=\"mobileSlider()\" class=\"lg:hidden w-full mt-12\" >\n\n          <!-- Slides Container -->\n          <div class=\"relative overflow-visible w-full\"> <!-- Changed overflow-visible to hidden -->\n              <div class=\"max-w-[90%] flex transition-transform duration-500 ease-in-out\"\n                   :style=\"{ transform: `translateX(${isRTL ? '' : '-'}${currentSlide * 100}%)` }\"\n                   @touchstart=\"startDrag\"\n                   @touchmove=\"drag\"\n                   @touchend=\"endDrag\"\n                   x-ref=\"slider\"\n              >\n              <template x-for=\"(video, index) in videos\" :key=\"index\">\n                <!-- Slide Item -->\n                <div class=\"w-full flex-shrink-0 px-1 relative\">\n                  <div class=\"h-[304px] relative rounded-lg overflow-hidden\">\n                    <!-- Background image only -->\n                    <img :src=\"video.bgImage\" class=\"no-override absolute inset-0 w-full h-full object-cover\" alt=\"Background Image\" \/>\n\n                    <!-- Content overlay -->\n                    <div class=\"flex flex-col justify-between p-6 pb-4 z-20 h-full relative bg-[#0F15564D]\">\n                      <div class=\"flex flex-col flex-start\">\n                        <div class=\"flex flex-row flex-start\">\n                          <img :src=\"video.logo\" class=\"no-override flex flex-start object-contain\" alt=\"Logo\" \/>\n                        <\/div>\n                        <div x-show=\"video.tag != false\" class=\"w-fit mt-3 px-3 py-1 rounded-3xl outline outline-1 outline-offset-[-1px] outline-white inline-flex justify-center items-center gap-2\">\n                          <div class=\"text-center justify-start text-white text-xs font-semibold leading-none\">Fortune 200<\/div>\n                        <\/div>\n                      <\/div>\n\n                      <div class=\"flex flex-col items-start z-10\">\n                        <div class=\"z-20 flex flex-col items-start max-w-[225px] text-white mb-3\">\n                          <span x-text=\"video.stat.value\" class=\"text-5xl font-semibold leading-[30px] [text-shadow:_0px_0px_10px_rgb(0_0_0_\/_0.25)] mb-3\"><\/span>\n                          <span x-text=\"video.stat.label\" class=\"text-lg font-normal leading-normal [text-shadow:_0px_0px_10px_rgb(0_0_0_\/_0.25)]\"><\/span>\n                        <\/div>\n                         <!-- Dispatch event to parent controller -->\n                        <button @click=\"openModal(video.mediaID)\" aria-label=\"Play video\" class=\"group flex items-center rounded-lg\">\n                          <div class=\"w-12 h-12 bg-white bg-opacity-20 rounded-full flex items-center justify-center\">\n                            <svg\n                              class=\"max-w-12 max-h-12\"\n                              xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"131\" height=\"131\" viewBox=\"0 0 131 131\" fill=\"none\">\n                                <g filter=\"url(#filter0_b_797_1676_mob)\">\n                                    <circle cx=\"65.5\" cy=\"65.5\" r=\"59.5\" fill=\"white\" fill-opacity=\"0.2\"><\/circle>\n                                    <circle cx=\"65.5\" cy=\"65.5\" r=\"59\" stroke=\"white\" stroke-opacity=\"0.5\"><\/circle>\n                                <\/g>\n                                <g class=\"transition-transform duration-300 ease-in-out group-hover:scale-125\" style=\"transform-origin: center;\">\n                                    <g filter=\"url(#filter1_d_797_1676_mob)\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M65.2653 107.516C88.6078 107.516 107.531 88.5961 107.531 65.2578C107.531 41.9194 88.6078 23 65.2653 23C41.9228 23 23 41.9194 23 65.2578C23 88.5961 41.9228 107.516 65.2653 107.516ZM82.4356 67.4711C84.1966 66.487 84.1966 64.0266 82.4356 63.0425L58.6613 49.7565C56.9003 48.7724 54.699 50.0026 54.699 51.9709L54.699 78.5428C54.699 80.5111 56.9003 81.7412 58.6613 80.7571L82.4356 67.4711Z\" fill=\"white\"><\/path>\n                                    <\/g>\n                                <\/g>\n                                <defs>\n                                    <filter id=\"filter0_b_797_1676_mob\" x=\"4\" y=\"4\" width=\"123\" height=\"123\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"><\/feFlood>\n                                        <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"1\"><\/feGaussianBlur>\n                                        <feComposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur_797_1676_mob\"><\/feComposite>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_797_1676_mob\" result=\"shape\"><\/feBlend>\n                                    <\/filter>\n                                    <filter id=\"filter1_d_797_1676_mob\" x=\"0.299999\" y=\"0.299999\" width=\"129.931\" height=\"129.916\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"><\/feFlood>\n                                        <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"><\/feColorMatrix>\n                                        <feOffset><\/feOffset>\n                                        <feGaussianBlur stdDeviation=\"11.35\"><\/feGaussianBlur>\n                                        <feComposite in2=\"hardAlpha\" operator=\"out\"><\/feComposite>\n                                        <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0588235 0 0 0 0 0.0823529 0 0 0 0 0.337255 0 0 0 0.18 0\"><\/feColorMatrix>\n                                        <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_797_1676_mob\"><\/feBlend>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_797_1676_mob\" result=\"shape\"><\/feBlend>\n                                    <\/filter>\n                                <\/defs>\n                            <\/svg>\n                          <\/div>\n                          <span class=\"rtl:ml-0 rtl:mr-2 ml-2 text-sm text-[#F5F6FC] font-semibold group-hover:text-[#24B770]\">\u0634\u0627\u0647\u062f \u0627\u0644\u0641\u064a\u062f\u064a\u0648<\/span>\n                        <\/button>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/template>\n            <\/div>\n          <\/div>\n\n          <!-- Slider indicators -->\n          <div class=\"flex justify-center gap-2 mt-6\">\n            <template x-for=\"(_, index) in videos\" :key=\"index\">\n              <button @click=\"goToSlide(index)\" class=\"w-3 h-3 rounded-full transition-colors\"\n                :class=\"currentSlide === index ? 'bg-[#6e759f]' : 'bg-[#E3E7F6]'\">\n              <\/button>\n            <\/template>\n          <\/div>\n\n\n          \n        <\/div>\n        <!-- Modal -->\n        <div x-show=\"isModalOpen\" x-cloak class=\"fixed inset-0 z-50\">\n          <!-- Modal Backdrop -->\n          <div \n            class=\"fixed inset-0 bg-[#0f1556] bg-opacity-60\"\n            x-transition:enter=\"transition ease-out duration-300\"\n            x-transition:enter-start=\"opacity-0\"\n            x-transition:enter-end=\"opacity-100\"\n            x-transition:leave=\"transition ease-in duration-300\"\n            x-transition:leave-start=\"opacity-100\"\n            x-transition:leave-end=\"opacity-0\"\n            @click=\"closeModal()\"\n          ><\/div>\n\n          <!-- Modal Content -->\n          <div class=\"fixed inset-0 flex items-center justify-center p-4\">\n            <div\n              @click.stop\n              x-transition:enter=\"transition ease-out duration-300\"\n              x-transition:enter-start=\"opacity-0 transform scale-90\"\n              x-transition:enter-end=\"opacity-100 transform scale-100\"\n              x-transition:leave=\"transition ease-in duration-300\"\n              x-transition:leave-start=\"opacity-100 transform scale-100\"\n              x-transition:leave-end=\"opacity-0 transform scale-90\"\n              class=\"rounded-lg max-w-5xl overflow-hidden w-full mx-4 relative\"\n            >\n              <div class=\"flex justify-end items-center p-4 absolute z-10 right-4\">\n                <button\n                  @click=\"closeModal()\"\n                  aria-label=\"Close modal\"\n                  class=\"bg-white hover:bg-gray-100 text-gray-800 p-2 rounded-full focus:outline-none\"\n                >\n                  <svg\n                    class=\"h-4 w-4\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    viewBox=\"0 0 24 24\"\n                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                  >\n                    <path\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                      stroke-width=\"2\"\n                      d=\"M6 18L18 6M6 6l12 12\"\n                    ><\/path>\n                  <\/svg>\n                <\/button>\n              <\/div>\n\n              <div class=\"p-4 pt-0\">\n                <div id=\"wistia-video-container\" class=\"w-full aspect-video\" style=\"aspect-ratio: 16 \/ 9;\"><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <!-- Logos -->\n      <div class=\"pt-8 lg:pt-16\">\n        <div class=\"relative flex flex-wrap gap-4 mx-auto lg:items-strech justify-center md:justify-between\">\n            <!-- Ensure images have appropriate alt text if meaningful -->\n            <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] w-auto\"  width=\"auto\" height=\"48\"  src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2024\/10\/ms.svg\" alt=\"Microsoft logo\">\n            <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] w-auto\"  width=\"auto\" height=\"48\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2024\/10\/university-of-cal.svg\" alt=\"University of California logo\">\n            <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] w-auto\"  width=\"auto\" height=\"48\"  src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2024\/11\/siemens.svg\" alt=\"Siemens logo\">\n            <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] w-auto\"  width=\"auto\" height=\"48\"  src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2024\/10\/Chevron.svg\" alt=\"Chevron logo\">\n            <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] w-auto\"  width=\"auto\" height=\"48\"  src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2024\/10\/live-nation.svg\" alt=\"Live Nation logo\">\n            <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] w-auto\"  width=\"auto\" height=\"48\"  src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2024\/11\/sonoco.svg\" alt=\"Sonoco logo\">\n        <\/div>\n    <\/div>\n\n    <\/div> <!-- End relative container -->\n  <\/div> <!-- End container mx-auto -->\n<\/section>\n\n<script>\n  document.addEventListener('alpine:init', () => {\n    \/\/ Shared video data (Make sure URLs and IDs are correct)\n    const videoData = [\n      {\n        videoUrlWEBM: 'https:\/\/pathlock.com\/wp-content\/uploads\/videos\/jabil600.webm',\n        bgImage: 'https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/Jabil-Customers-Card-v3.avif',\n        videoCover:'https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/jabil.avif',\n        logo: 'https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/jabil.svg',\n        mediaID: 'warq7glqoo', \/\/ Wistia Hashed ID\n        tag: 'Fortune 200',\n        person: 'Suzan Zortea | \u0645\u062f\u064a\u0631 \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0641\u064a \u062c\u0627\u0628\u064a\u0644 Jabil',\n        quote: '\u0644\u0642\u062f \u0642\u0627\u0645\u062a Pathlock \u0628\u062a\u0628\u0633\u064a\u0637 \u0639\u0645\u0644\u064a\u0627\u062a \u0645\u0631\u0627\u062c\u0639\u0627\u062a \u0642\u0627\u0646\u0648\u0646 \u0633\u0627\u0631\u0628\u0627\u0646\u064a\u0633-\u0623\u0648\u0643\u0633\u0644\u064a (SOX) \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0646\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u0633\u0627\u0639\u062f\u062a\u0646\u0627 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0627\u0646\u062a\u0647\u0627\u0643\u0627\u062a \u0627\u0644\u0641\u0635\u0644 \u0628\u064a\u0646 \u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a \"SoD\" \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629\u060c \u062d\u062a\u0649 \u0646\u062a\u0645\u0643\u0646 \u0645\u0646 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u062a\u062e\u0641\u064a\u0641 \u0645\u0646 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0641\u0639\u0644\u064a\u0629\u060c \u0648\u0644\u064a\u0633 \u0627\u0644\u0645\u064f\u062d\u062a\u0645\u0644\u0629 \u0641\u062d\u0633\u0628.',\n        stat: { value: '5X', label: '\u062a\u062d\u0633\u064a\u0646 \u062e\u0645\u0633\u0629 \u0623\u0636\u0639\u0627\u0641 \u0641\u064a \u0633\u0631\u0639\u0629 \u0625\u0639\u062f\u0627\u062f \u062a\u062f\u0642\u064a\u0642 \u0642\u0627\u0646\u0648\u0646 \u0633\u0627\u0631\u0628\u0627\u0646\u064a\u0633-\u0623\u0648\u0643\u0633\u0644\u064a' },\n        loaded: false\n      },\n      {\n        videoUrlWEBM: 'https:\/\/pathlock.com\/wp-content\/uploads\/videos\/csm600.webm',\n        bgImage: 'https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/CSM-Customers-Card.avif',\n        videoCover:'https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/csm.avif',\n        logo: 'https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/csm.svg',\n        mediaID: 'eluh781wd9', \/\/ Wistia Hashed ID\n        tag: false,\n        person: 'Claudio Minoia | \u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u062a\u0642\u0646\u064a \u0641\u064a CSM Ingredients',\n        quote: '\u0644\u0642\u062f \u0645\u0646\u062d\u0646\u0627 Pathlock \u0631\u0635\u062f \u0644\u062d\u0638\u064a \u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u0623\u062a\u0645\u062a \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0641\u0635\u0644 \u0628\u064a\u0646 \u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a \"SoD\" \u0627\u0644\u062e\u0627\u0635 \u0628\u0646\u0627\u060c \u0645\u0645\u0627 \u0623\u062f\u0649 \u0625\u0644\u0649 \u062a\u062c\u0646\u0628 \u0627\u0644\u062a\u062e\u0645\u064a\u0646 \u0648\u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644.',\n        stat: { value: '95%', label: '\u0627\u0646\u062e\u0641\u0627\u0636 \u0628\u0646\u0633\u0628\u0629 95% \u0641\u064a \u0645\u0631\u0627\u062c\u0639\u0627\u062a \u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u064a\u062f\u0648\u064a \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645' },\n        loaded: false\n      },\n      {\n        videoUrlWEBM: 'https:\/\/pathlock.com\/wp-content\/uploads\/videos\/lee600.webm',\n        bgImage: 'https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/Lee-Customers-Cardavif.avif',\n        videoCover:'https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/lee.avif',\n        logo: 'https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/lee.webp',\n        mediaID: 'rq86egfbh3', \/\/ Wistia Hashed ID\n        tag: false,\n        person: 'Charles Lukes | \u0645\u0633\u0624\u0648\u0644 \u0623\u0645\u0646 PeopleSoft\u060c \u0645\u0646\u0637\u0642\u0629 \u0645\u0642\u0627\u0637\u0639\u0629 \u0644\u064a \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629',\n        quote: '\"\u0636\u0645\u0646\u062a Pathlock \u062a\u0648\u0641\u064a\u0631\u064b\u0627 \u0622\u0645\u0646\u064b\u0627 \u0648\u0645\u062a\u0648\u0627\u0641\u0642\u064b\u0627 \u0648\u0625\u062f\u0627\u0631\u0629 \u062f\u0648\u0631\u0629 \u062d\u064a\u0627\u0629 \u0627\u0644\u0647\u0648\u064a\u0629 \u0644\u0644\u0637\u0644\u0627\u0628 \u0648\u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646.\"',\n        stat: { value: '10X', label: '\u0632\u064a\u0627\u062f\u0629 \u0628\u0645\u0642\u062f\u0627\u0631 10 \u0623\u0636\u0639\u0627\u0641 \u0641\u064a \u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645-\u0627\u0644\u062a\u0646\u0642\u0644-\u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621' },\n        loaded: false\n      }\n    ];\n\n    \/\/ Combined Desktop\/Modal controller\n    Alpine.data('videoController', () => ({\n      activeCard: 0,\n      videos: [...videoData],\n      isModalOpen: false,\n      currentVideoId: null,\n      wistiaEmbed: null,\n      \n      init() {\n        this.loadVideo(this.activeCard); \/\/ Preload first video for desktop hover\n      },\n\n        loadVideo(index) {\n            if (index < 0 || index >= this.videos.length || this.videos[index].loaded) return;\n            this.videos[index].loaded = true;\n\n            this.$nextTick(() => {\n                const videoElement = this.$el.querySelector(`video[data-index=\"${index}\"]`);\n                if (!videoElement) return;\n\n\n                videoElement.innerHTML = '';\n\n\n\n\n                const webm = document.createElement('source');\n                webm.type = 'video\/webm';\n                webm.src = this.videos[index].videoUrlWEBM;\n\n                videoElement.appendChild(webm);\n                videoElement.load();\n\n                if (this.activeCard === index) {\n                    videoElement.play().catch(e => console.log(\"Autoplay prevented:\", e));\n                }\n            });\n        },\n\n      handleCardHover(index) {\n        if (this.activeCard === index) return;\n\n        \/\/ Pause previously active video if it exists\n        const previousVideoElement = this.$el.querySelector(`video[data-index=\"${this.activeCard}\"]`);\n        if (previousVideoElement) {\n           previousVideoElement.pause();\n        }\n\n        this.activeCard = index;\n        this.loadVideo(index); \/\/ Load the video if not already loaded\n\n         \/\/ Play the newly active video\n        this.$nextTick(() => {\n          const currentVideoElement = this.$el.querySelector(`video[data-index=\"${index}\"]`);\n          if (currentVideoElement && currentVideoElement.readyState >= 3) { \/\/ HAVE_FUTURE_DATA or more\n              currentVideoElement.play().catch(e => console.log(\"Hover play prevented:\", e));\n          } else if (currentVideoElement) {\n             \/\/ If not ready, listen for canplay event\n             currentVideoElement.addEventListener('canplay', () => {\n                currentVideoElement.play().catch(e => console.log(\"Hover play prevented after canplay:\", e));\n             }, { once: true }); \/\/ Remove listener after it fires once\n          }\n        });\n      },\n      openModal(mediaId) {\n        console.log(\"Opening modal for mediaId:\", mediaId);\n        this.currentVideoId = mediaId;\n        this.isModalOpen = true;\n        console.log(\"Modal state:\", this.isModalOpen);\n        document.body.classList.add('modal-open');\n        \n        \/\/ Wait for Alpine to render the modal before creating the video\n        this.$nextTick(() => {\n        \/\/ Select the single, correctly placed container\n        const container = document.getElementById('wistia-video-container');\n        console.log(\"Container for Wistia video:\", container);\n            if (container) {\n              this.createWistiaVideo(mediaId, container); \/\/ Pass container reference\n            } else {\n              console.error(\"Wistia container not found in modal.\");\n            }\n          });\n      },\n      closeModal() {\n        if (this.wistiaEmbed) {\n          \/\/ Properly remove Wistia player\n          try {\n            this.wistiaEmbed.remove();\n            window._wq = window._wq || [];\n            window._wq.push({ id: this.currentVideoId, onRemove: function(video) {\n              console.log('Video removed');\n            }});\n          } catch (e) {\n            console.error('Error removing Wistia player:', e);\n          }\n          this.wistiaEmbed = null;\n        }\n        \n        \/\/ Clean up the container\n        const container = document.getElementById('wistia-video-container');\n        if (container) {\n          container.innerHTML = '';\n        }\n        \n        this.isModalOpen = false;\n        this.currentVideoId = null;\n        document.body.classList.remove('modal-open');\n      },\n      \n      createWistiaVideo(mediaId, container) { \/\/ Accept container element\n          container.innerHTML = ''; \/\/ Clear previous video\n\n          const videoDiv = document.createElement('div');\n          \/\/ Use Wistia's preferred class structure for async embeds\n          videoDiv.className = `wistia_responsive_padding`; \/\/ Outer padding div\n          videoDiv.style.padding = '56.25% 0 0 0';\n          videoDiv.style.position = 'relative';\n\n          const wrapperDiv = document.createElement('div'); \/\/ Inner wrapper\n          wrapperDiv.className = `wistia_responsive_wrapper`;\n          wrapperDiv.style.height = '100%';\n          wrapperDiv.style.left = '0';\n          wrapperDiv.style.position = 'absolute';\n          wrapperDiv.style.top = '0';\n          wrapperDiv.style.width = '100%';\n\n          const embedDiv = document.createElement('div'); \/\/ The actual embed target\n          embedDiv.className = `wistia_embed wistia_async_${mediaId} videoFoam=true`; \/\/ Added videoFoam=true\n          embedDiv.style.height = '100%';\n          embedDiv.style.position = 'relative';\n          embedDiv.style.width = '100%';\n\n          wrapperDiv.appendChild(embedDiv);\n          videoDiv.appendChild(wrapperDiv);\n          container.appendChild(videoDiv); \/\/ Add the whole structure\n\n          window._wq = window._wq || [];\n          window._wq.push({\n            id: mediaId,\n            onReady: (video) => {\n              this.wistiaEmbed = video;\n              video.play();\n            }\n          });\n\n          \/\/ Re-scan for embeds if Wistia script already loaded\n          if (typeof Wistia !== 'undefined' && Wistia.hasLoaded) {\n             Wistia.api.scan();\n          }\n      },\n\n    }));\n\n    \/\/ Mobile slider controller\n      Alpine.data('mobileSlider', () => ({\n          currentSlide: 0,\n          videos: [...videoData],\n          startX: 0,\n          currentX: 0,\n          isDragging: false,\n          dragThreshold: 50,\n          isRTL: false,\n\n          init() {\n              console.log(document.documentElement.dir, document.documentElement.lang)\n              this.isRTL = document.documentElement.dir === 'rtl' ||\n                  document.documentElement.lang === 'ar';\n          },\n\n          get sliderVideos() {\n              return this.videos;\n          },\n\n          startDrag(e) {\n              if (e.touches.length === 1) {\n                  this.isDragging = true;\n                  this.startX = e.touches[0].clientX;\n                  this.currentX = this.startX;\n                  this.$refs.slider.style.transition = 'none';\n              }\n          },\n\n          drag(e) {\n              if (!this.isDragging || e.touches.length !== 1) return;\n\n              this.currentX = e.touches[0].clientX;\n              const diffX = this.currentX - this.startX;\n\n              const sliderWidth = this.$refs.slider.offsetWidth \/ this.videos.length;\n              const percentageOffset = (diffX \/ sliderWidth) * 100;\n\n              const rtlMultiplier = this.isRTL ? 1 : -1;\n              this.$refs.slider.style.transform = `translateX(${rtlMultiplier * (this.currentSlide * 100) + percentageOffset}%)`;\n          },\n\n          endDrag() {\n              if (!this.isDragging) return;\n              this.isDragging = false;\n\n              this.$refs.slider.style.transition = 'transform 0.5s ease-in-out';\n\n              const diffX = this.currentX - this.startX;\n              if (Math.abs(diffX) > this.dragThreshold) {\n                  if (this.isRTL) {\n\n                      if (diffX < 0) {\n                          this.prevSlide();\n                      } else {\n                          this.nextSlide();\n                      }\n                  } else {\n\n                      if (diffX < 0) {\n                          this.nextSlide();\n                      } else {\n                          this.prevSlide();\n                      }\n                  }\n              } else {\n                  this.goToSlide(this.currentSlide);\n              }\n\n              this.startX = 0;\n              this.currentX = 0;\n          },\n\n          nextSlide() {\n              this.goToSlide((this.currentSlide + 1) % this.videos.length);\n          },\n\n          prevSlide() {\n              this.goToSlide((this.currentSlide - 1 + this.videos.length) % this.videos.length);\n          },\n\n          goToSlide(index) {\n              this.currentSlide = index;\n              const sign = this.isRTL ? '' : '-';\n              this.$refs.slider.style.transform = `translateX(${sign}${this.currentSlide * 100}%)`;\n          },\n      }));\n  });\n<\/script>\n\n\n\n<style>\n    @media (min-width: 1024px) {\n        .active-tab {\n            box-shadow: 0 4px 38px #1018590d;\n        }\n    }\n<\/style>\n\n<section class=\"py-8 lg:py-12 scroll-mt-28\" id=\"platform\">\n    <div class=\"container mx-auto max-w-[1024px] px-4 lg:px-8\">\n        <div class=\"relative\">\n            <div class=\"text-center flex flex-col justify-center items-center mb-12 lg:mb-16\">\n                                    <span class=\"text-[#148752] text-sm font-bold uppercase leading-[30px] tracking-wider mb-3\">PLATFORM<\/span>\n                                                    <h2 class=\"tracking-tight text-3xl leading-[38px] lg:text-5xl font-semibold max-w-[804px] lg:!leading-[60px]\">Discover Pathlock Identity Security Platform<\/h2>\n                \n                            <\/div>\n\n            \n            <div class=\"rounded-lg bg-white\" x-data=\"tabComponent('5')\" x-init=\"init()\">\n                <div class=\"flex mx-auto justify-center\">\n                    <div>\n                        <!-- Mobile Dropdown -->\n                        <div class=\"block lg:hidden bg-white rounded-lg\">\n                            <select x-on:change=\"setActiveTab(parseInt($el.value))\" class=\"rounded-lg mb-6 py-3 rtl:pr-8 px-4 pe-9 block w-full border-[#F5F6FC] font-medium bg-[#F5F6FC] text-sm focus:border-blue-500 focus:ring-blue-50\">\n                                                                    <option value=\"1\">Access Risk <br>Analysis<\/option>\n                                                                    <option value=\"2\">Compliant <br>Provisioning<\/option>\n                                                                    <option value=\"3\">User Access <br>Reviews<\/option>\n                                                                    <option value=\"4\">Elevated Access <br>Management<\/option>\n                                                                    <option value=\"5\">Role <br>Management<\/option>\n                                                            <\/select>\n                        <\/div>\n\n                        <!-- Desktop Tabs -->\n                        <div style=\"box-shadow: 0px 12px 16px -4px rgba(15, 21, 86, 0.03);\" class=\"hidden lg:flex max-w-[1216px] min-w-[1216px] p-1.5 bg-white rounded-lg justify-around outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] justify-start items-center gap-1.5\">\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 1 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 1 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 1 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 1 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 1 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 1 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 1 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(1)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 1 ? 'font-semibold' : 'font-medium'\">\n                      Access Risk <br>Analysis                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 2 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 2 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 2 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 2 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 2 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 2 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 2 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(2)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 2 ? 'font-semibold' : 'font-medium'\">\n                      Compliant <br>Provisioning                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 3 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 3 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 3 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 3 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 3 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 3 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 3 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(3)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 3 ? 'font-semibold' : 'font-medium'\">\n                      User Access <br>Reviews                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 4 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 4 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 4 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 4 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 4 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 4 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 4 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(4)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 4 ? 'font-semibold' : 'font-medium'\">\n                      Elevated Access <br>Management                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 5 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 5 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 5 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 5 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 5 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 5 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 5 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(5)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 5 ? 'font-semibold' : 'font-medium'\">\n                      Role <br>Management                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                    <\/div>\n\n                        <!-- Tab Content -->\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 1\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          Access Risk Analysis                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">Pathlock automates SoD and sensitive access risk analysis with customizable rulesets, ensuring quick time-to-value and reducing risk and costs. <\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Cross-app capabilities with 100+ connectors                                             <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Out-of-the-box ruleset content                                             <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Intuitive UI for reviewing and managing reported risks                                             <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                                                                    <a class=\"w-full lg:w-auto justify-center flex items-center font-semibold py-3 px-[18px] bg-white border border-[#D0D5DD] hover:bg-[#F9FAFB] text-[#0F1556] group leading-7 rounded-lg transition-colors duration-200\" href=\"https:\/\/pathlock.com\/products\/sap-access-risk-analysis\/\">\n                                                Learn More                                            <\/a>\n                                        \n                                                                            <\/div>\n\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas1\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/access_risk_analysis.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 2\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          Compliant Provisioning                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">With Pathlock\u2019s compliant provisioning, you can model and validate user permissions before granting access. You can also automate the entire Joiner-Mover-Leaver (JML) process while maintaining compliance. <\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Flexible workflows                                             <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Configurable individual portals (employee, third-party, etc.)                                             <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Out-of-the-box workflows for common scenarios                                             <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                                                                    <a class=\"w-full lg:w-auto justify-center flex items-center font-semibold py-3 px-[18px] bg-white border border-[#D0D5DD] hover:bg-[#F9FAFB] text-[#0F1556] group leading-7 rounded-lg transition-colors duration-200\" href=\"https:\/\/pathlock.com\/products\/compliant-provisioning\/\">\n                                                Learn More                                            <\/a>\n                                        \n                                                                            <\/div>\n\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas2\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/compliant_provisioning.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 3\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          User Access Reviews                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">Establish an automated continuous process of user access reviews, where reviewers can make informed decisions on whether to confirm or revoke access. In addition to that, you get the audit trail to prove reviews have taken place. <\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Inclusion of contextual HR, risk and usage data for better campaign results (20-30% revocation rates vs. 2-3%)                                             <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Distributed administration of Certs (i.e. Third Party)                                             <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Out-of-the-box workflows for common certifications                                             <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                                                                    <a class=\"w-full lg:w-auto justify-center flex items-center font-semibold py-3 px-[18px] bg-white border border-[#D0D5DD] hover:bg-[#F9FAFB] text-[#0F1556] group leading-7 rounded-lg transition-colors duration-200\" href=\"https:\/\/pathlock.com\/products\/user-access-review-software\/\">\n                                                Learn More                                            <\/a>\n                                        \n                                                                            <\/div>\n\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas3\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/certifications.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 4\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          Elevated Access Management                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">Leverage the fully automated elevated access management process with built-in workflows that reduces the need for additional IT resources. With Pathlock, you also receive auditor-ready proof that the privileged user sessions are being tracked, monitored and reviewed. <\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Multi-app change log support                                             <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Clear\u202fwho\u202fchanged\u202fwhat\u202fwith \u201cbefore\u201d and \u201cafter\u201d values                                             <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Out-of-the-box content                                             <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                                                                    <a class=\"w-full lg:w-auto justify-center flex items-center font-semibold py-3 px-[18px] bg-white border border-[#D0D5DD] hover:bg-[#F9FAFB] text-[#0F1556] group leading-7 rounded-lg transition-colors duration-200\" href=\"https:\/\/pathlock.com\/products\/elevated-access-management-software\/\">\n                                                Learn More                                            <\/a>\n                                        \n                                                                            <\/div>\n\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas4\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/elevated_access_management_.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 5\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          Role Management                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">Leverage Pathlock\u2019s visual role builder and role manager to assess audit readiness, evaluate existing roles, and design new compliant roles with simulations and \u201cwhat-if\u201d analysis. <\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Dynamic role management with cross-application capabilities                                             <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Streamlined role creation and optimization with automated suggestions                                             <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                Advanced analytics for role impact and compliance monitoring                                             <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                                                                    <a class=\"w-full lg:w-auto justify-center flex items-center font-semibold py-3 px-[18px] bg-white border border-[#D0D5DD] hover:bg-[#F9FAFB] text-[#0F1556] group leading-7 rounded-lg transition-colors duration-200\" href=\"https:\/\/pathlock.com\/products\/role-management\/\">\n                                                Learn More                                            <\/a>\n                                        \n                                                                            <\/div>\n\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas5\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/role_management.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<script>\n    function tabComponent() {\n        return {\n            selectedTab: 1,\n            progress: 0,\n            riveInstances: {},\n            interval: null,\n            progressInterval: null,\n            intervalDuration: 12000,\n            lastAutoChangeTab: 1,\n            isHoverPaused: false,\n            elapsedTime: 0,\n            isDesktop: false,\n            totalTabs: 0,\n            isRTL: document.dir === 'rtl' || document.documentElement.dir === 'rtl',\n\n            checkScreenSize() {\n                this.isDesktop = window.innerWidth >= 1024;\n            },\n\n            getProgressBackground(progress) {\n                \/\/ RTL-aware progress bar background\n                if (this.isRTL) {\n                    return `background: linear-gradient(to left, #E3E7F6 ${progress}%, #F5F6FC ${progress}%);`;\n                }\n                return `background: linear-gradient(to right, #E3E7F6 ${progress}%, #F5F6FC ${progress}%);`;\n            },\n\n            setActiveTab(tabId) {\n                this.selectedTab = tabId;\n                this.lastAutoChangeTab = tabId;\n                this.resetProgressBar();\n\n                if (this.isDesktop) {\n                    this.pauseOnHover();\n                }\n\n                this.$nextTick(() => {\n                    this.initializeRiveForTab(tabId);\n                    this.resizeRiveCanvas();\n                });\n            },\n\n            updateProgress(value) {\n                this.progress = value;\n            },\n\n            pauseOnHover() {\n                if (!this.isDesktop) return;\n\n                if (!this.isHoverPaused) {\n                    this.isHoverPaused = true;\n                    if (this.progressInterval) {\n                        clearInterval(this.progressInterval);\n                        this.progressInterval = null;\n                    }\n                    if (this.interval) {\n                        clearInterval(this.interval);\n                        this.interval = null;\n                    }\n                }\n            },\n\n            resumeOnHover() {\n                if (!this.isDesktop) return;\n\n                if (this.isHoverPaused) {\n                    this.isHoverPaused = false;\n                    this.startProgressUpdate(this.elapsedTime);\n                    this.startAutoChange();\n                }\n            },\n\n            resetInterval() {\n                if (!this.isDesktop) return;\n\n                clearInterval(this.interval);\n                clearInterval(this.progressInterval);\n                this.progress = 0;\n                this.elapsedTime = 0;\n                this.startAutoChange();\n                this.startProgressUpdate();\n            },\n\n            startAutoChange() {\n                if (!this.isDesktop) return;\n\n                if (this.interval) {\n                    clearInterval(this.interval);\n                }\n\n                const remainingTime = this.intervalDuration - this.elapsedTime;\n\n                this.interval = setTimeout(() => {\n                    const nextTab = this.lastAutoChangeTab < this.totalTabs ? this.lastAutoChangeTab + 1 : 1;\n                    this.lastAutoChangeTab = nextTab;\n                    this.selectedTab = nextTab;\n                    this.resetProgressBar();\n                    this.initializeRiveForTab(nextTab);\n                    this.resizeRiveCanvas();\n\n                    this.startRegularAutoChange();\n                }, remainingTime);\n            },\n\n            startRegularAutoChange() {\n                if (!this.isDesktop) return;\n\n                if (this.interval) {\n                    clearInterval(this.interval);\n                }\n                this.interval = setInterval(() => {\n                    const nextTab = this.lastAutoChangeTab < this.totalTabs ? this.lastAutoChangeTab + 1 : 1;\n                    this.lastAutoChangeTab = nextTab;\n                    this.selectedTab = nextTab;\n                    this.resetProgressBar();\n                    this.initializeRiveForTab(nextTab);\n                    this.resizeRiveCanvas();\n                }, this.intervalDuration);\n            },\n\n            startProgressUpdate(startTime = 0) {\n                if (!this.isDesktop) return;\n\n                this.elapsedTime = startTime;\n                const step = 50;\n\n                if (this.progressInterval) {\n                    clearInterval(this.progressInterval);\n                }\n\n                this.progressInterval = setInterval(() => {\n                    this.elapsedTime += step;\n                    this.updateProgress((this.elapsedTime \/ this.intervalDuration) * 100);\n\n                    if (this.elapsedTime >= this.intervalDuration) {\n                        this.elapsedTime = 0;\n                        this.updateProgress(0);\n                    }\n                }, step);\n            },\n\n            pauseActiveRiveAnimation() {\n                if (this.riveInstances[this.selectedTab]) {\n                    try {\n                        this.riveInstances[this.selectedTab].pause();\n                    } catch(e) {\n                        console.log('Pause not available for this Rive instance');\n                    }\n                }\n            },\n\n            resumeActiveRiveAnimation() {\n                if (this.riveInstances[this.selectedTab]) {\n                    try {\n                        this.riveInstances[this.selectedTab].play();\n                    } catch(e) {\n                        console.log('Play not available for this Rive instance');\n                    }\n                }\n            },\n\n            initializeRiveForTab(tabId) {\n                const canvas = this.$refs[`riveCanvas${tabId}`];\n                if (!canvas) return;\n\n                if (this.riveInstances[tabId]) {\n                    try {\n                        this.riveInstances[tabId].stop();\n                        this.riveInstances[tabId].cleanup();\n                    } catch(e) {}\n                }\n\n                const src = canvas.dataset.src;\n                if (!src) return;\n\n                if (canvas.parentElement) {\n                    const container = canvas.parentElement;\n                    canvas.width = container.clientWidth;\n                    canvas.height = container.clientHeight;\n                }\n\n                \/\/  ArrayBuffer insted src to fix console error loading file; may be corrupted\n                fetch(src)\n                    .then(res => {\n                        if (!res.ok) throw new Error(`Failed to fetch .riv: ${res.status}`);\n                        return res.arrayBuffer();\n                    })\n                    .then(buffer => {\n                        this.riveInstances[tabId] = new rive.Rive({\n                            buffer: buffer,\n                            canvas: canvas,\n                            autoplay: true,\n                            onLoad: () => {\n                                this.riveInstances[tabId].resizeDrawingSurfaceToCanvas();\n                            },\n                            onError: (error) => {\n                                console.error(`Rive error for tab ${tabId}:`, error);\n                            },\n                        });\n                    })\n                    .catch(err => {\n                        console.error(`Error loading .riv for tab ${tabId}:`, err);\n                    });\n            },\n\n            resizeRiveCanvas() {\n                setTimeout(() => {\n                    const activeCanvas = this.$refs[`riveCanvas${this.selectedTab}`];\n                    if (activeCanvas && this.riveInstances[this.selectedTab]) {\n                        const container = activeCanvas.parentElement;\n                        const containerWidth = container.clientWidth;\n                        const containerHeight = container.clientHeight;\n\n                        activeCanvas.width = containerWidth;\n                        activeCanvas.height = containerHeight;\n\n                        try {\n                            this.riveInstances[this.selectedTab].resizeDrawingSurfaceToCanvas();\n                        } catch(e) {\n                            console.log('Error resizing Rive canvas:', e);\n                        }\n                    }\n                }, 10);\n            },\n\n            countTotalTabs() {\n                let count = 0;\n                for (let i = 1; ; i++) {\n                    const canvas = this.$refs[`riveCanvas${i}`];\n                    if (!canvas) break;\n                    count++;\n                }\n                this.totalTabs = count;\n                return count;\n            },\n\n            initPlayers() {\n                setTimeout(() => {\n                    this.countTotalTabs();\n\n                    if (this.totalTabs > 0) {\n                        this.selectedTab = 1;\n                        this.lastAutoChangeTab = 1;\n\n                        this.initializeRiveForTab(1);\n\n                        if (this.isDesktop) {\n                            this.startRegularAutoChange();\n                            this.startProgressUpdate();\n                        }\n                    } else {\n                        console.warn(\"No Rive animations found.\");\n                    }\n                }, 50);\n            },\n\n            resetProgressBar() {\n                if (!this.isDesktop) {\n                    this.progress = 0;\n                    return;\n                }\n\n                this.elapsedTime = 0;\n                this.updateProgress(0);\n                if (this.progressInterval) {\n                    clearInterval(this.progressInterval);\n                }\n                this.startProgressUpdate();\n            },\n\n            handleResize() {\n                const wasDesktop = this.isDesktop;\n                this.checkScreenSize();\n\n                if (!wasDesktop && this.isDesktop) {\n                    this.startRegularAutoChange();\n                    this.startProgressUpdate();\n                } else if (wasDesktop && !this.isDesktop) {\n                    if (this.interval) {\n                        clearInterval(this.interval);\n                        this.interval = null;\n                    }\n                    if (this.progressInterval) {\n                        clearInterval(this.progressInterval);\n                        this.progressInterval = null;\n                    }\n                    this.progress = 0;\n                    this.elapsedTime = 0;\n                    this.isHoverPaused = false;\n                }\n\n                this.resizeRiveCanvas();\n            },\n\n            init() {\n                this.$nextTick(() => {\n                    this.checkScreenSize();\n                    this.initPlayers();\n\n                    window.addEventListener('resize', () => {\n                        this.handleResize();\n                    });\n                });\n            }\n        };\n    }\n<\/script>\n\n\n\n<section id=\"connectors\" class=\"container mx-auto bg-white py-8 lg:py-12 px-4 lg:px-8 scroll-mt-28\" x-data>\n    <div class=\"container mx-auto\">\n        <div class=\"relative\">\n            <div class=\"text-center flex flex-col justify-center items-center\">\n                <span class=\"text-[#148752] text-sm font-bold uppercase leading-[30px] tracking-wider mb-3\">\u0627\u0644\u0645\u0648\u0635\u0644\u0627\u062a <\/span>\n\n                                    <h2 class=\"tracking-tight text-3xl leading-[38px] lg:text-5xl font-semibold mb-4 lg:mb-5 max-w-[720px] lg:!leading-[60px]\">Fine-Grained Governance for More Than 100 ERPs and Apps<\/h2>\n                \n                                    <div class=\"text-lg lg:text-xl font-normal text-[#2A3274] max-w-[720px]\">\n                        Extend the reach of Pathlock Cloud to the critical systems and applications that power your enterprise. Leverage existing integrations available in Pathlock Connector Studio, or create your own.                    <\/div>\n                \n                <div class=\"mt-8 mb-[46px] group\">\n                                    <\/div>\n                <div class=\"relative space-y-[18px] container mx-auto text-center\">\n                    <!-- Left fade effect -->\n                    <div dir=\"rtl\" class=\"absolute rtl:rotate-180  left-0 rtl:left-auto rtl:right-0 top-0 bottom-0 w-24 z-10 pointer-events-none\"\n                         style=\"background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);\"><\/div>\n\n                    <!-- Right fade effect -->\n                    <div dir=\"rtl\" class=\"absolute rtl:rotate-180 right-0 rtl:right-auto rtl:left-0 top-0 bottom-0 w-24 z-10 pointer-events-none\"\n                         style=\"background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);\"><\/div>\n                                                <div\n                                    x-data=\"marquee('right')\"\n                                    class=\"overflow-hidden w-full\"\n                                    dir=\"ltr\"\n                                    style=\"direction: ltr;\"\n                            >\n                                <div\n                                        x-ref=\"container\"\n                                        class=\"flex\"\n                                        @mouseenter=\"pause()\"\n                                        @mouseleave=\"play()\"\n                                >\n                                    <div x-ref=\"original\" class=\"flex gap-[18px] pr-[18px]\">\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/applications\/sap-erp\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/SAP.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">SAP ERP<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/applications\/oracle-ebs\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/oracle.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Oracle E-Business Suite<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/applications\/sap-erp\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/SAP.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">SAP S4\/HANA<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/applications\/oracle-fusion-cloud-erp-access-governance\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/oracle.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Oracle ERP Cloud<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/applications\/sap-ariba-access-governance\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/ariba.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">SAP Ariba<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/applications\/workday-access-governance\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/workday.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Workday<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/microsoft-dynamics-365-crm\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/dynamics.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Microsoft Dynamics 365<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/applications\/microsoft-entra-id\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/entra.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Microsoft Entra ID Governance<\/span>\n                                            <\/a>\n                                                                            <\/div>\n                                    <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div\n                                    x-data=\"marquee('left')\"\n                                    class=\"overflow-hidden w-full\"\n                                    dir=\"ltr\"\n                                    style=\"direction: ltr;\"\n                            >\n                                <div\n                                        x-ref=\"container\"\n                                        class=\"flex\"\n                                        @mouseenter=\"pause()\"\n                                        @mouseleave=\"play()\"\n                                >\n                                    <div x-ref=\"original\" class=\"flex gap-[18px] pr-[18px]\">\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/microsoft-teams\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/teams.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Microsoft Teams<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/applications\/peoplesoft-identity-governance\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2024\/10\/ps.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">PeopleSoft<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/google-workspace\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/google.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Google Workspace<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/applications\/peoplesoft-campus-solutions\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2024\/10\/ps.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Peoplesoft Campus Solutions<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/applications\/access-governance-for-jd-edwards\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/jd.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">JD Edwards<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/okta\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/okta.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Okta<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/manhattan-wms\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/manhattan.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Manhattan<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/applications\/sap-successfactors-access-governance\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/successfactors.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">SAP SuccessFactors<\/span>\n                                            <\/a>\n                                                                            <\/div>\n                                    <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div\n                                    x-data=\"marquee('right')\"\n                                    class=\"overflow-hidden w-full\"\n                                    dir=\"ltr\"\n                                    style=\"direction: ltr;\"\n                            >\n                                <div\n                                        x-ref=\"container\"\n                                        class=\"flex\"\n                                        @mouseenter=\"pause()\"\n                                        @mouseleave=\"play()\"\n                                >\n                                    <div x-ref=\"original\" class=\"flex gap-[18px] pr-[18px]\">\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/servicenow\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/servicenow.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Service Now<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/coupa\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/coupa.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Coupa<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/jira\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/jira.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Jira Service Management<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/sailpoint-identitynow-hr-identity-source\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/sailpoint.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Sailpoint<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/salesforce-2\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/salesforce.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Salesforce<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/high-radius\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/high-radius.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">High Radius<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/ibm-maximo\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/ibm-maximo.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Maximo<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/infor-ln\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/Infor-LN.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Infor LN<\/span>\n                                            <\/a>\n                                                                            <\/div>\n                                    <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                                <\/div>\n                            <\/div>\n                                        <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener('alpine:init', () => {\n        Alpine.data('marquee', (direction = 'left') => ({\n            \/\/ Configuration\n            speed: 0.18,\n            paused: false,\n\n            \/\/ State\n            position: 0,\n            animationId: null,\n            containerWidth: 0,\n\n            \/\/ Initialize the marquee\n            init() {\n                this.$nextTick(() => {\n                    \/\/ Clone the original items\n                    const original = this.$refs.original;\n                    const clone = this.$refs.clone;\n                    clone.innerHTML = original.innerHTML;\n\n                    \/\/ Calculate container width\n                    this.containerWidth = original.offsetWidth;\n\n                    \/\/ Set initial position based on direction\n                    this.position = direction === 'left' ? -this.containerWidth : 0;\n\n                    \/\/ Start animation\n                    this.play();\n                });\n            },\n\n            \/\/ Start the animation\n            play() {\n                this.paused = false;\n                if (!this.animationId) {\n                    this.animate();\n                }\n            },\n\n            \/\/ Pause the animation\n            pause() {\n                this.paused = true;\n                if (this.animationId) {\n                    cancelAnimationFrame(this.animationId);\n                    this.animationId = null;\n                }\n            },\n\n            \/\/ Animation loop\n            animate() {\n                if (this.paused) return;\n\n                \/\/ Update position\n                if (direction === 'left') {\n                    this.position += this.speed;\n                    if (this.position >= 0) {\n                        this.position = -this.containerWidth;\n                    }\n                } else {\n                    this.position -= this.speed;\n                    if (this.position <= -this.containerWidth) {\n                        this.position = 0;\n                    }\n                }\n\n                \/\/ Apply transform\n                this.$refs.container.style.transform = `translateX(${this.position}px)`;\n\n                \/\/ Continue animation loop\n                this.animationId = requestAnimationFrame(() => this.animate());\n            },\n\n            \/\/ Clean up on component removal\n            destroy() {\n                this.pause();\n            }\n        }));\n    });\n<\/script>\n\n\n<style>\n    \/* Style for when body has overflow hidden *\/\n    body.modal-open {\n        overflow: hidden;\n    }\n<\/style>\n\n<script>\nfunction modalVideoPlayer(){\n  return {\n    activeModal: null,\n    scriptLoaded: false,\n    async toggleModal(modalId) {\n      if (this.activeModal === modalId) {\n        this.closeModal();\n      } else {\n        this.activeModal = modalId;\n        document.body.classList.add('modal-open');\n        await this.loadWistiaScripts();\n        this.playVideo();\n      }\n    },\n    closeModal() {\n      const player = document.querySelector('wistia-player[media-id=\"yhd8fv0ubm\"]');\n      if (player) {\n        player.pause();\n      }\n      this.activeModal = null;\n      document.body.classList.remove('modal-open');\n    },\n    loadWistiaScripts() {\n      return new Promise((resolve) => {\n        if (!this.scriptLoaded) {\n          const playerScript = document.createElement('script');\n          playerScript.src = \"https:\/\/fast.wistia.com\/player.js\";\n          playerScript.async = true;\n          document.body.appendChild(playerScript);\n\n          const embedScript = document.createElement('script');\n          embedScript.src = \"https:\/\/fast.wistia.com\/embed\/yhd8fv0ubm.js\";\n          embedScript.async = true;\n          embedScript.type = \"module\";\n          document.body.appendChild(embedScript);\n\n          let scriptsLoaded = 0;\n          const checkScriptsLoaded = () => {\n            scriptsLoaded++;\n            if (scriptsLoaded === 2) {\n              this.scriptLoaded = true;\n              resolve();\n            }\n          };\n\n          playerScript.onload = checkScriptsLoaded;\n          embedScript.onload = checkScriptsLoaded;\n        } else {\n          resolve();\n        }\n      });\n    },\n    playVideo() {\n      const player = document.querySelector('wistia-player[media-id=\"yhd8fv0ubm\"]');\n      if (player) {\n        player.play();\n      }\n    }\n  }\n}\n<\/script>\n\n<section id=\"partnerships\" class=\"bg-[#f5f6fc] py-[40px] mt-8 lg:mt-12 lg:py-24 mb-8 lg:mb-12 w-full scroll-mt-28 \" x-data=\"modalVideoPlayer()\" id=\"partnerships\">\n  <div class=\"container mx-auto px-4 lg:px-8\">\n    <div class=\"relative container text-center flex justify-center align-center\">\n      <div class=\"text-center  text-[#0F1556] px-4 flex flex-col justify-center items-center\">\n                <span class=\"text-[#148752] text-sm lg:text-base font-bold uppercase leading-[30px] tracking-wider mb-3\">PARTNERSHIPS<\/span>\n                        <h2 class=\"text-3xl lg:text-5xl leading-[38px] lg:leading-[60px] max-w-[920px] font-semibold mb-4 lg:mb-5\">Deployed in Partnership with the World\u2019s Top Systems Integrators<\/h2>\n        \n                <div class=\"text-lg max-w-[720px] lg:text-xl leading-[30px] font-normal\">\n            Pathlock collaborates with the world\u2019s leading Systems Integrators to ensure seamless deployments and expert implementation, delivering rapid time-to-value, maximum security, and continuous compliance.        <\/div>\n        \n                  <div class=\"mt-8 group\">\n            <a class=\"flex items-center text-base font-semibold group-hover:text-[#44C382]  leading-7 transition-colors duration-300\" href=\"\/case-studies\/\">Explore All Success Stories              <span class=\"rtl:rotate-180 ml-2 rtl:ml-0 rtl:mr-2 stroke-[#0F1556] group-hover:stroke-[#44C382] rtl:group-hover:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/span>\n            <\/a>\n          <\/div> \n        \n      <\/div>\n    <\/div>\n\n    <div id=\"split\" class=\"\">\n      <div class=\"\">\n        <div class=\"relative overflow-hidden rounded-lg bg-blue-950 mx-auto inset-0 flex flex-col lg:flex-row items-center justify-center container mt-10 lg:mt-16 text-white bg-gradient-to-b from-[#0e1b7a] to-[#0f1556]\">\n          <div class=\"absolute top-0 right-0 w-full h-full z-0\">\n            <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/08\/bg-svg-1.svg\" alt=\"bg-svg\" class=\"no-override w-full h-full object-cover\" style=\"object-position: center center;\">\n          <\/div>\n              <div class=\"relative z-10 w-full lg:w-[47%] flex h-full min-h-[210px] sm:min-h-[350px] lg:min-h-[491px] bg-no-repeat bg-cover rounded-t-lg lg:rounded-t-none lg:rounded-l-lg\" style=\"background-image: url('https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/kpmgvideo-2_0000.webp'); background-position: top center;\">\n                              <video\n                autoplay\n                loop\n                muted\n                playsinline\n                class=\"absolute inset-0 w-full h-full object-cover\"\n                preload=\"none\"\n                >\n                  <source src=\"\/wp-content\/uploads\/videos\/kpmg.webm\" type=\"video\/webm\">\n                  Your browser does not support the video tag.\n                <\/video>\n                          \n                <div class=\"absolute w-full h-full bottom-0 left-0\">\n                  <button \n                          @click=\"toggleModal('yhd8fv0ubm')\" \n                          class=\"flex absolute  lg:bottom-[24px] bottom-[14px] lg:left-[24px] left-[17px] rounded-lg\"\n                      >\n                        <div class=\"group w-16 h-16 lg:w-24 lg:h-24\">\n                            <svg \n                              class=\"max-w-16 max-h-16 lg:max-w-24 lg:max-h-24\"\n                              xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"131\" height=\"131\" viewBox=\"0 0 131 131\" fill=\"none\">\n                                <g filter=\"url(#filter0_b_797_1676)\">\n                                    <circle cx=\"65.5\" cy=\"65.5\" r=\"59.5\" fill=\"white\" fill-opacity=\"0.2\"><\/circle>\n                                    <circle cx=\"65.5\" cy=\"65.5\" r=\"59\" stroke=\"white\" stroke-opacity=\"0.5\"><\/circle>\n                                <\/g>\n                                <g class=\"transition-transform duration-300 ease-in-out group-hover:scale-125\" style=\"transform-origin: center;\">\n                                    <g filter=\"url(#filter1_d_797_1676)\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M65.2653 107.516C88.6078 107.516 107.531 88.5961 107.531 65.2578C107.531 41.9194 88.6078 23 65.2653 23C41.9228 23 23 41.9194 23 65.2578C23 88.5961 41.9228 107.516 65.2653 107.516ZM82.4356 67.4711C84.1966 66.487 84.1966 64.0266 82.4356 63.0425L58.6613 49.7565C56.9003 48.7724 54.699 50.0026 54.699 51.9709L54.699 78.5428C54.699 80.5111 56.9003 81.7412 58.6613 80.7571L82.4356 67.4711Z\" fill=\"white\"><\/path>\n                                    <\/g>\n                                <\/g>\n                                <defs>\n                                    <filter id=\"filter0_b_797_1676\" x=\"4\" y=\"4\" width=\"123\" height=\"123\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"><\/feFlood>\n                                        <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"1\"><\/feGaussianBlur>\n                                        <feComposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur_797_1676\"><\/feComposite>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_797_1676\" result=\"shape\"><\/feBlend>\n                                    <\/filter>\n                                    <filter id=\"filter1_d_797_1676\" x=\"0.299999\" y=\"0.299999\" width=\"129.931\" height=\"129.916\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"><\/feFlood>\n                                        <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"><\/feColorMatrix>\n                                        <feOffset><\/feOffset>\n                                        <feGaussianBlur stdDeviation=\"11.35\"><\/feGaussianBlur>\n                                        <feComposite in2=\"hardAlpha\" operator=\"out\"><\/feComposite>\n                                        <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0588235 0 0 0 0 0.0823529 0 0 0 0 0.337255 0 0 0 0.18 0\"><\/feColorMatrix>\n                                        <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_797_1676\"><\/feBlend>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_797_1676\" result=\"shape\"><\/feBlend>\n                                    <\/filter>\n                                <\/defs>\n                            <\/svg>\n                        <\/div>\n                  <\/button>\n                <\/div>\n              <\/div>\n              <div class=\"z-10 flex justify-center align-center lg:w-[53%] py-10 px-4 lg:p-16\">\n                <div class=\" flex-col justify-start items-start gap-8 flex\">\n                    <div class=\"flex-col justify-start items-start gap-6 flex\">\n                        <h3 class=\" text-white text-2xl lg:text-3xl font-medium leading-looselg:leading-[38px]\">\u201cAt KPMG, we are committed to innovation and collaboration, which is why we chose to collaborate with Pathlock \u2014 a leader redefining identity security\u2026\u201d<\/h3>\n                    <\/div>\n                    <div class=\"justify-start items-center gap-5 inline-flex \">\n                        <div class=\"min-w-20 max-w-20 h-20\">\n                            <img decoding=\"async\" class=\"no-override rounded-lg\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/05\/kpmg-1.webp\" alt=\"company logo\" \/>\n                        <\/div>\n                        <div class=\"flex flex-col justify-start items-start gap-1\">\n                            <div class=\"text-[#f5f6fc] text-base lg:text-lg font-semibold leading-normal lg:leading-7\">\u2014 Mick McGarry<\/div>\n                            <div class=\"text-[#ecf0fb] text-sm lg:text-base font-normal leading-tight lg:leading-normal\">US Offering Leader for GRC and Cybersecurity Services \/ KPMG<\/div>\n                        <\/div>\n                    <\/div>\n\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n      <!-- Modal 1 -->\n    <div x-show=\"activeModal !== null\"  x-cloak class=\"fixed inset-0\" style=\"z-index: 99;\">\n      <!-- Modal Backdrop -->\n      <div\n        class=\"fixed inset-0 bg-[#0f1556] bg-opacity-60\"\n        x-transition:enter=\"transition ease-out duration-300\"\n        x-transition:enter-start=\"opacity-0\"\n        x-transition:enter-end=\"opacity-100\"\n        x-transition:leave=\"transition ease-in duration-300\"\n        x-transition:leave-start=\"opacity-100\"\n        x-transition:leave-end=\"opacity-0\"\n      ><\/div>\n\n      <!-- Modal Content -->\n      <div class=\"fixed inset-0 flex items-center justify-center p-4\">\n        <div\n          @click.stop\n          x-transition:enter=\"transition ease-out duration-300\"\n          x-transition:enter-start=\"opacity-0 transform scale-90\"\n          x-transition:enter-end=\"opacity-100 transform scale-100\"\n          x-transition:leave=\"transition ease-in duration-300\"\n          x-transition:leave-start=\"opacity-100 transform scale-100\"\n          x-transition:leave-end=\"opacity-0 transform scale-90\"\n          class=\"rounded-lg max-w-5xl overflow-hidden w-full mx-4 relative\"\n        >\n          <div class=\"flex justify-end items-center p-4 absolute z-10 right-4\">\n            <button\n              @click=\"closeModal('yhd8fv0ubm')\"\n              class=\"bg-white hover:bg-gray-100 text-gray-800 p-2 rounded-full focus:outline-none\"\n            >\n              <svg\n                class=\"h-6 w-6\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M6 18L18 6M6 6l12 12\"\n                ><\/path>\n              <\/svg>\n            <\/button>\n          <\/div>\n\n          <div class=\"p-4 pt-0\">\n          <wistia-player         \n                class=\"w-full !h-full rounded-lg !object-cover aspect-video\" \n                media-id=\"yhd8fv0ubm\" \n                @ready=\"this.play()\"\n                x-cloak\n            >\n            <\/wistia-player>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n\n          <div id=\"split-logos\" class=\" pt-10 lg:pt-16\">\n        <div class=\"\">\n          <div class=\"relative flex flex-wrap gap-4 lg:items-strech justify-center md:justify-between\"> \n                                            <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/kpmg.svg\" alt=\"logo\" class=\"no-override h-[36px] lg:h-[48px] w-auto\"  width=\"auto\" height=\"48\" \/>\n                                                          <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/pwc.svg\" alt=\"logo\" class=\"no-override h-[36px] lg:h-[48px] w-auto\"  width=\"auto\" height=\"48\" \/>\n                                                          <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/deloitte.svg\" alt=\"logo\" class=\"no-override h-[36px] lg:h-[48px] w-auto\"  width=\"auto\" height=\"48\" \/>\n                                                          <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/protiviti.svg\" alt=\"logo\" class=\"no-override h-[36px] lg:h-[48px] w-auto\"  width=\"auto\" height=\"48\" \/>\n                                                          <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/ey.svg\" alt=\"logo\" class=\"no-override h-[36px] lg:h-[48px] w-auto\"  width=\"auto\" height=\"48\" \/>\n                                                          <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/accenture.svg\" alt=\"logo\" class=\"no-override h-[36px] lg:h-[48px] w-auto\"  width=\"auto\" height=\"48\" \/>\n                                    <\/div>\n        <\/div>\n      <\/div>\n    \n  <\/div> \n<\/section>\n\n\n\n<section id=\"accordion_69f234724e877\" class=\"bg-white pt-8 lg:pt-12\">\n    <div class=\"container mx-auto px-4 lg:px-8\">\n        <div class=\"relative container-xl\">\n                            <div class=\"text-center flex flex-col justify-center items-center mb-12 lg:mb-16\">\n                                            <span class=\"text-[#148752] text-sm font-bold uppercase leading-[30px] tracking-wider mb-3\">BEYOND IGA<\/span>\n                                                                <h2 class=\"max-w-[720px] container-sm text-[#0F1556] text-3xl leading-[38px] lg:text-5xl lg:leading-[60px] font-semibold mb-5\">Go Beyond Traditional Identity Governance<\/h2>\n                                                                <div class=\"mx-auto px-4 max-w-[720px] text-lg lg:text-xl text-[#2A3274] text-center container-sm font-normal\">\n                            Reduce the cost of compliance and security by automating the testing and enforcement of controls for the applications you rely on every day.                         <\/div>\n                                    <\/div>\n                        <div x-data=\"tabComponent2('accordion_69f234724e877')\" class=\"\">\n                <div class=\"flex flex-col lg:flex-row\">\n                    <div class=\"flex flex-col w-full lg:w-1\/2\">\n                        <h3 class=\"text-[#0F1556] leading-[30px] lg:leading-[38px] text-xl lg:text-3xl text-start font-semibold mb-2\">\n                            Continuous Controls Monitoring                        <\/h3>\n                        <p class=\"mb-8 lg:mb-10 text-[#2A3274] text-start\">\n                            Automate financial and IT application controls testing. Be alerted on suspicious transactions and critical configuration changes.                        <\/p>\n                                                    <div x-data=\"{selected:1}\">\n\n                                <div class=\"block lg:hidden\">\n                                    <select x-on:change=\"setActiveTab($el.value)\" class=\"mb-6 rounded-lg py-3 px-4 pe-9 block w-full border-[#F5F6FC] font-semibold bg-[#F5F6FC] text-sm focus:border-blue-500 focus:ring-blue-50\">\n                                                                                    <option value=\"1\">Risk Quantification and Transaction Monitoring<\/option>\n                                                                                    <option value=\"2\">Configuration Change Monitoring<\/option>\n                                                                                    <option value=\"3\">Business and Manual Process Control Management<\/option>\n                                                                            <\/select>\n                                <\/div>\n\n\n                                <ul class=\"hidden lg:block\">\n                                                                            <li class=\"relative px-6 py-4 transition-all duration-300 rounded-lg group\/outer\" :class=\"tab == '1' ? ['bg-[#F5F6FC]', 'py-4'] : 'bg-white'\">\n                                            <button type=\"button\" class=\"w-full text-start\" :class=\"tab == '1' ? 'border-transparent' : 'border-[#F5F6FC]'\" @click.prevent=\"setActiveTab('1')\">\n                                                <div class=\"flex items-center justify-between\">\n                                                    <div class=\"flex items-center\">\n                                                                                                                <span class=\"text-[#0F1556] text-base\" :class=\"tab == '1' ? 'font-semibold' : 'font-normal'\">\n                                                            Risk Quantification and Transaction Monitoring                                                        <\/span>\n                                                    <\/div>\n                                                    <span :class=\"tab != '1' ? 'rotate-0' : 'rotate-180'\" class=\"transition transform duration-300 group-hover\/outer:rotate-180 flex-shrink-0 ms-2\">\n                                                        <svg width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                            <rect class=\"transition transform duration-300 group-hover\/outer:fill-[#6E759F]\" y=\"0.133301\" width=\"24\" height=\"24\" rx=\"12\" :fill=\"tab != '1' ? '#F5F6FC' : '#6E759F'\"\/>\n                                                            <path class=\"transition transform duration-300 group-hover\/outer:stroke-[#F5F6FC]\" d=\"M7 9.6333L12 14.6333L17 9.6333\" :stroke=\"tab != '1' ? '#6E759F' : '#F5F6FC'\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                        <\/svg>\n                                                    <\/span>\n                                                <\/div>\n                                            <\/button>\n                                            <div class=\"relative overflow-hidden transition-all max-h-0 duration-300\" x-ref=\"container1\" x-bind:style=\"tab == '1' ? 'max-height: max-content' : ''\">\n                                                <p class=\"pe-10 text-[#2A3274] mt-3\">Analyze SoD conflicts against real-time financial data<\/p>\n                                                                                                    <a class=\"inline-flex items-center font-semibold hover:text-[#44C382] group\/inner leading-7 mt-4 transition-colors duration-300\" href=\"\/products\/continuous-controls-monitoring\/\">\n                                                        <span>\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                                                        <span class=\"ms-2 rtl:rotate-180 stroke-[#0F1556] group-hover\/inner:stroke-[#44C382] group-hover\/inner:translate-x-0.5 rtl:group-hover\/inner:-translate-x-0.5 transition ease-in-out duration-300\">\n                                                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                            <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                        <\/svg>\n                                                    <\/span>\n                                                    <\/a>\n                                                                                            <\/div>\n                                        <\/li>\n                                                                            <li class=\"relative px-6 py-4 transition-all duration-300 rounded-lg group\/outer\" :class=\"tab == '2' ? ['bg-[#F5F6FC]', 'py-4'] : 'bg-white'\">\n                                            <button type=\"button\" class=\"w-full text-start\" :class=\"tab == '2' ? 'border-transparent' : 'border-[#F5F6FC]'\" @click.prevent=\"setActiveTab('2')\">\n                                                <div class=\"flex items-center justify-between\">\n                                                    <div class=\"flex items-center\">\n                                                                                                                <span class=\"text-[#0F1556] text-base\" :class=\"tab == '2' ? 'font-semibold' : 'font-normal'\">\n                                                            Configuration Change Monitoring                                                        <\/span>\n                                                    <\/div>\n                                                    <span :class=\"tab != '2' ? 'rotate-0' : 'rotate-180'\" class=\"transition transform duration-300 group-hover\/outer:rotate-180 flex-shrink-0 ms-2\">\n                                                        <svg width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                            <rect class=\"transition transform duration-300 group-hover\/outer:fill-[#6E759F]\" y=\"0.133301\" width=\"24\" height=\"24\" rx=\"12\" :fill=\"tab != '2' ? '#F5F6FC' : '#6E759F'\"\/>\n                                                            <path class=\"transition transform duration-300 group-hover\/outer:stroke-[#F5F6FC]\" d=\"M7 9.6333L12 14.6333L17 9.6333\" :stroke=\"tab != '2' ? '#6E759F' : '#F5F6FC'\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                        <\/svg>\n                                                    <\/span>\n                                                <\/div>\n                                            <\/button>\n                                            <div class=\"relative overflow-hidden transition-all max-h-0 duration-300\" x-ref=\"container1\" x-bind:style=\"tab == '2' ? 'max-height: max-content' : ''\">\n                                                <p class=\"pe-10 text-[#2A3274] mt-3\">Detailed information on changes to master application data<\/p>\n                                                                                                    <a class=\"inline-flex items-center font-semibold hover:text-[#44C382] group\/inner leading-7 mt-4 transition-colors duration-300\" href=\"\/products\/continuous-controls-monitoring\/\">\n                                                        <span>\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                                                        <span class=\"ms-2 rtl:rotate-180 stroke-[#0F1556] group-hover\/inner:stroke-[#44C382] group-hover\/inner:translate-x-0.5 rtl:group-hover\/inner:-translate-x-0.5 transition ease-in-out duration-300\">\n                                                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                            <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                        <\/svg>\n                                                    <\/span>\n                                                    <\/a>\n                                                                                            <\/div>\n                                        <\/li>\n                                                                            <li class=\"relative px-6 py-4 transition-all duration-300 rounded-lg group\/outer\" :class=\"tab == '3' ? ['bg-[#F5F6FC]', 'py-4'] : 'bg-white'\">\n                                            <button type=\"button\" class=\"w-full text-start\" :class=\"tab == '3' ? 'border-transparent' : 'border-[#F5F6FC]'\" @click.prevent=\"setActiveTab('3')\">\n                                                <div class=\"flex items-center justify-between\">\n                                                    <div class=\"flex items-center\">\n                                                                                                                <span class=\"text-[#0F1556] text-base\" :class=\"tab == '3' ? 'font-semibold' : 'font-normal'\">\n                                                            Business and Manual Process Control Management                                                        <\/span>\n                                                    <\/div>\n                                                    <span :class=\"tab != '3' ? 'rotate-0' : 'rotate-180'\" class=\"transition transform duration-300 group-hover\/outer:rotate-180 flex-shrink-0 ms-2\">\n                                                        <svg width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                            <rect class=\"transition transform duration-300 group-hover\/outer:fill-[#6E759F]\" y=\"0.133301\" width=\"24\" height=\"24\" rx=\"12\" :fill=\"tab != '3' ? '#F5F6FC' : '#6E759F'\"\/>\n                                                            <path class=\"transition transform duration-300 group-hover\/outer:stroke-[#F5F6FC]\" d=\"M7 9.6333L12 14.6333L17 9.6333\" :stroke=\"tab != '3' ? '#6E759F' : '#F5F6FC'\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                        <\/svg>\n                                                    <\/span>\n                                                <\/div>\n                                            <\/button>\n                                            <div class=\"relative overflow-hidden transition-all max-h-0 duration-300\" x-ref=\"container1\" x-bind:style=\"tab == '3' ? 'max-height: max-content' : ''\">\n                                                <p class=\"pe-10 text-[#2A3274] mt-3\">Integrate and streamline control mechanisms from various frameworks into a centralized, automated system<\/p>\n                                                                                                    <a class=\"inline-flex items-center font-semibold hover:text-[#44C382] group\/inner leading-7 mt-4 transition-colors duration-300\" href=\"\/products\/continuous-controls-monitoring\/\">\n                                                        <span>\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                                                        <span class=\"ms-2 rtl:rotate-180 stroke-[#0F1556] group-hover\/inner:stroke-[#44C382] group-hover\/inner:translate-x-0.5 rtl:group-hover\/inner:-translate-x-0.5 transition ease-in-out duration-300\">\n                                                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                            <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                        <\/svg>\n                                                    <\/span>\n                                                    <\/a>\n                                                                                            <\/div>\n                                        <\/li>\n                                                                    <\/ul>\n                            <\/div>\n                                            <\/div>\n\n\n                    <div class=\"w-full lg:w-1\/2 h-[475px] lg:h-[512px] mt-8 lg:mt-0\">\n                                                    <div class=\"bg-[#F5F6FC] aspect-square flex flex-col lg:flex-row justify-center items-center align-middle lg:ms-8 h-full overflow-hidden max-h-0  rounded-lg\" x-ref=\"containerA\" x-bind:style=\"tab === '1' ? 'max-height: 580px' : ''\">\n                                                                    <canvas\n                                            class=\"w-full h-auto aspect-square\"\n                                            x-ref=\"riveCanvas1\"\n                                            data-rive-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/07\/ccm_risk_quantification.riv\"\n                                            style=\"width:100%; height: 100%; max-height: 580px; display: block;\"\n                                            aria-label=\"Animation for Risk Quantification and Transaction Monitoring\"\n                                    ><\/canvas>\n                                                                <div class=\"flex flex-col lg:hidden w-full bg-[#F5F6FC] pb-6 px-6\">\n                                    <p class=\"pb-6\">Analyze SoD conflicts against real-time financial data<\/p>\n                                                                            <a class=\"flex items-center font-semibold hover:text-[#44C382] group leading-7\" href=\"\/products\/continuous-controls-monitoring\/\">\n                                            \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f                                            <span class=\"ml-2 rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#44C382] group-hover:translate-x-0.5 rtl:group-hover:-translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <\/svg>\n                                        <\/span>\n                                        <\/a>\n                                                                    <\/div>\n                            <\/div>\n                                                    <div class=\"bg-[#F5F6FC] aspect-square flex flex-col lg:flex-row justify-center items-center align-middle lg:ms-8 h-full overflow-hidden max-h-0  rounded-lg\" x-ref=\"containerA\" x-bind:style=\"tab === '2' ? 'max-height: 580px' : ''\">\n                                                                    <canvas\n                                            class=\"w-full h-auto aspect-square\"\n                                            x-ref=\"riveCanvas2\"\n                                            data-rive-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/07\/ccm_configuration_change_monitoring_.riv\"\n                                            style=\"width:100%; height: 100%; max-height: 580px; display: block;\"\n                                            aria-label=\"Animation for Configuration Change Monitoring\"\n                                    ><\/canvas>\n                                                                <div class=\"flex flex-col lg:hidden w-full bg-[#F5F6FC] pb-6 px-6\">\n                                    <p class=\"pb-6\">Detailed information on changes to master application data<\/p>\n                                                                            <a class=\"flex items-center font-semibold hover:text-[#44C382] group leading-7\" href=\"\/products\/continuous-controls-monitoring\/\">\n                                            \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f                                            <span class=\"ml-2 rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#44C382] group-hover:translate-x-0.5 rtl:group-hover:-translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <\/svg>\n                                        <\/span>\n                                        <\/a>\n                                                                    <\/div>\n                            <\/div>\n                                                    <div class=\"bg-[#F5F6FC] aspect-square flex flex-col lg:flex-row justify-center items-center align-middle lg:ms-8 h-full overflow-hidden max-h-0  rounded-lg\" x-ref=\"containerA\" x-bind:style=\"tab === '3' ? 'max-height: 580px' : ''\">\n                                                                    <canvas\n                                            class=\"w-full h-auto aspect-square\"\n                                            x-ref=\"riveCanvas3\"\n                                            data-rive-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/07\/ccm_controls_monitoring__.riv\"\n                                            style=\"width:100%; height: 100%; max-height: 580px; display: block;\"\n                                            aria-label=\"Animation for Business and Manual Process Control Management\"\n                                    ><\/canvas>\n                                                                <div class=\"flex flex-col lg:hidden w-full bg-[#F5F6FC] pb-6 px-6\">\n                                    <p class=\"pb-6\">Integrate and streamline control mechanisms from various frameworks into a centralized, automated system<\/p>\n                                                                            <a class=\"flex items-center font-semibold hover:text-[#44C382] group leading-7\" href=\"\/products\/continuous-controls-monitoring\/\">\n                                            \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f                                            <span class=\"ml-2 rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#44C382] group-hover:translate-x-0.5 rtl:group-hover:-translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <\/svg>\n                                        <\/span>\n                                        <\/a>\n                                                                    <\/div>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<script>\n    function tabComponent2(uniqueId) {\n        const componentRiveInstances = {};\n\n        return {\n            tab: \"1\",\n\n            init() {\n                this.$nextTick(() => {\n                    this.waitForRive(() => {\n                        this.initializeAllRivePlayers();\n                    });\n                });\n            },\n\n            waitForRive(callback) {\n                if (typeof rive !== 'undefined') {\n                    callback();\n                } else {\n                    setTimeout(() => this.waitForRive(callback), 100);\n                }\n            },\n\n            setActiveTab(tabId) {\n                const oldTab = this.tab;\n                this.tab = String(tabId);\n\n                if (oldTab && oldTab !== this.tab && componentRiveInstances[oldTab]) {\n                    try {\n                        componentRiveInstances[oldTab].stop();\n                    } catch (e) {\n                        console.warn(`Could not stop Rive for tab ${oldTab}`, e);\n                    }\n                }\n\n                setTimeout(() => {\n                    const riveInstance = componentRiveInstances[this.tab];\n                    if (riveInstance && typeof riveInstance.resizeDrawingSurfaceToCanvas === 'function') {\n                        riveInstance.resizeDrawingSurfaceToCanvas();\n                        this.playPlayer(this.tab);\n                    } else {\n                        this.playPlayer(this.tab);\n                    }\n                }, 150);\n            },\n\n            initializeAllRivePlayers() {\n                const canvasElements = document.querySelectorAll(`#${uniqueId} canvas[data-rive-src]`);\n                let loadedCount = 0;\n                const totalCount = canvasElements.length;\n\n                if (totalCount === 0) return;\n\n                canvasElements.forEach(canvas => {\n                    const tabId = canvas.getAttribute('x-ref').replace('riveCanvas', '');\n                    const riveSrc = canvas.dataset.riveSrc;\n\n                    if (riveSrc && !componentRiveInstances[tabId]) {\n                        try {\n                            const riveInstance = new rive.Rive({\n                                src: riveSrc,\n                                canvas: canvas,\n                                autoplay: false,\n                                stateMachines: ['State Machine 1'],\n                                onLoad: () => {\n                                    componentRiveInstances[tabId] = riveInstance;\n                                    riveInstance.resizeDrawingSurfaceToCanvas();\n                                    loadedCount++;\n\n                                    if (loadedCount === totalCount) {\n                                        setTimeout(() => {\n                                            this.playPlayer(this.tab);\n                                        }, 100);\n                                    }\n                                },\n                                onLoadError: (error) => {\n                                    console.error(`Rive load error for tab ${tabId}:`, error);\n                                    loadedCount++;\n                                    if (loadedCount === totalCount) {\n                                        setTimeout(() => {\n                                            this.playPlayer(this.tab);\n                                        }, 100);\n                                    }\n                                }\n                            });\n                        } catch (error) {\n                            console.error(`Error creating Rive instance for tab ${tabId}:`, error);\n                            loadedCount++;\n                        }\n                    }\n                });\n            },\n\n            playPlayer(tabId) {\n                const currentTabId = String(tabId);\n                const riveInstance = componentRiveInstances[currentTabId];\n\n                if (riveInstance && typeof riveInstance.play === 'function') {\n                    try {\n                        if (typeof riveInstance.reset === 'function') {\n                            riveInstance.reset();\n                        }\n                        riveInstance.play();\n                    } catch (error) {\n                        console.error(`Error playing Rive for tab ${currentTabId}:`, error);\n                    }\n                }\n            },\n\n            stopAllPlayers() {\n                Object.keys(componentRiveInstances).forEach(tabId => {\n                    const riveInstance = componentRiveInstances[tabId];\n                    if (riveInstance && typeof riveInstance.stop === 'function') {\n                        try {\n                            riveInstance.stop();\n                        } catch (error) {\n                            console.error(`Error stopping Rive for tab ${tabId}:`, error);\n                        }\n                    }\n                });\n            }\n        }\n    }\n<\/script>\n\n\n\n<section id=\"accordion_69f2347251462\" class=\"bg-white pt-8 lg:pt-12\">\n    <div class=\"container mx-auto px-4 lg:px-8\">\n        <div class=\"relative container-xl\">\n                        <div x-data=\"tabComponent2('accordion_69f2347251462')\" class=\"pb-8 lg:pb-12 pt-4\">\n                <div class=\"flex flex-col lg:flex-row-reverse\">\n                    <div class=\"flex flex-col w-full lg:w-1\/2\">\n                        <h3 class=\"text-[#0F1556] leading-[30px] lg:leading-[38px] text-xl lg:text-3xl text-start font-semibold mb-2\">\n                            Cybersecurity Application Controls                        <\/h3>\n                        <p class=\"mb-8 lg:mb-10 text-[#2A3274] text-start\">\n                            Enforce data security controls and stop cybersecurity threats on your critical systems                        <\/p>\n                                                    <div x-data=\"{selected:1}\">\n\n                                <div class=\"block lg:hidden\">\n                                    <select x-on:change=\"setActiveTab($el.value)\" class=\"mb-6 rounded-lg py-3 px-4 pe-9 block w-full border-[#F5F6FC] font-semibold bg-[#F5F6FC] text-sm focus:border-blue-500 focus:ring-blue-50\">\n                                                                                    <option value=\"1\">Dynamic Data Masking<\/option>\n                                                                                    <option value=\"2\">Vulnerability and Code Scanning<\/option>\n                                                                                    <option value=\"3\">Threat Detection<\/option>\n                                                                                    <option value=\"4\">Transport Control<\/option>\n                                                                                    <option value=\"5\">Session Logging and DLP<\/option>\n                                                                            <\/select>\n                                <\/div>\n\n\n                                <ul class=\"hidden lg:block\">\n                                                                            <li class=\"relative px-6 py-4 transition-all duration-300 rounded-lg group\/outer\" :class=\"tab == '1' ? ['bg-[#F5F6FC]', 'py-4'] : 'bg-white'\">\n                                            <button type=\"button\" class=\"w-full text-start\" :class=\"tab == '1' ? 'border-transparent' : 'border-[#F5F6FC]'\" @click.prevent=\"setActiveTab('1')\">\n                                                <div class=\"flex items-center justify-between\">\n                                                    <div class=\"flex items-center\">\n                                                                                                                <span class=\"text-[#0F1556] text-base\" :class=\"tab == '1' ? 'font-semibold' : 'font-normal'\">\n                                                            Dynamic Data Masking                                                        <\/span>\n                                                    <\/div>\n                                                    <span :class=\"tab != '1' ? 'rotate-0' : 'rotate-180'\" class=\"transition transform duration-300 group-hover\/outer:rotate-180 flex-shrink-0 ms-2\">\n                                                        <svg width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                            <rect class=\"transition transform duration-300 group-hover\/outer:fill-[#6E759F]\" y=\"0.133301\" width=\"24\" height=\"24\" rx=\"12\" :fill=\"tab != '1' ? '#F5F6FC' : '#6E759F'\"\/>\n                                                            <path class=\"transition transform duration-300 group-hover\/outer:stroke-[#F5F6FC]\" d=\"M7 9.6333L12 14.6333L17 9.6333\" :stroke=\"tab != '1' ? '#6E759F' : '#F5F6FC'\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                        <\/svg>\n                                                    <\/span>\n                                                <\/div>\n                                            <\/button>\n                                            <div class=\"relative overflow-hidden transition-all max-h-0 duration-300\" x-ref=\"container1\" x-bind:style=\"tab == '1' ? 'max-height: max-content' : ''\">\n                                                <p class=\"pe-10 text-[#2A3274] mt-3\">Dynamically mask and anonymize data at the field level and at the point of access<\/p>\n                                                                                                    <a class=\"inline-flex items-center font-semibold hover:text-[#44C382] group\/inner leading-7 mt-4 transition-colors duration-300\" href=\"\/products\/cybersecurity-application-controls\/\">\n                                                        <span>\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                                                        <span class=\"ms-2 rtl:rotate-180 stroke-[#0F1556] group-hover\/inner:stroke-[#44C382] group-hover\/inner:translate-x-0.5 rtl:group-hover\/inner:-translate-x-0.5 transition ease-in-out duration-300\">\n                                                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                            <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                        <\/svg>\n                                                    <\/span>\n                                                    <\/a>\n                                                                                            <\/div>\n                                        <\/li>\n                                                                            <li class=\"relative px-6 py-4 transition-all duration-300 rounded-lg group\/outer\" :class=\"tab == '2' ? ['bg-[#F5F6FC]', 'py-4'] : 'bg-white'\">\n                                            <button type=\"button\" class=\"w-full text-start\" :class=\"tab == '2' ? 'border-transparent' : 'border-[#F5F6FC]'\" @click.prevent=\"setActiveTab('2')\">\n                                                <div class=\"flex items-center justify-between\">\n                                                    <div class=\"flex items-center\">\n                                                                                                                <span class=\"text-[#0F1556] text-base\" :class=\"tab == '2' ? 'font-semibold' : 'font-normal'\">\n                                                            Vulnerability and Code Scanning                                                        <\/span>\n                                                    <\/div>\n                                                    <span :class=\"tab != '2' ? 'rotate-0' : 'rotate-180'\" class=\"transition transform duration-300 group-hover\/outer:rotate-180 flex-shrink-0 ms-2\">\n                                                        <svg width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                            <rect class=\"transition transform duration-300 group-hover\/outer:fill-[#6E759F]\" y=\"0.133301\" width=\"24\" height=\"24\" rx=\"12\" :fill=\"tab != '2' ? '#F5F6FC' : '#6E759F'\"\/>\n                                                            <path class=\"transition transform duration-300 group-hover\/outer:stroke-[#F5F6FC]\" d=\"M7 9.6333L12 14.6333L17 9.6333\" :stroke=\"tab != '2' ? '#6E759F' : '#F5F6FC'\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                        <\/svg>\n                                                    <\/span>\n                                                <\/div>\n                                            <\/button>\n                                            <div class=\"relative overflow-hidden transition-all max-h-0 duration-300\" x-ref=\"container1\" x-bind:style=\"tab == '2' ? 'max-height: max-content' : ''\">\n                                                <p class=\"pe-10 text-[#2A3274] mt-3\">Identify unaddressed risk in your SAP systems<\/p>\n                                                                                                    <a class=\"inline-flex items-center font-semibold hover:text-[#44C382] group\/inner leading-7 mt-4 transition-colors duration-300\" href=\"\/products\/cybersecurity-application-controls\/\">\n                                                        <span>\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                                                        <span class=\"ms-2 rtl:rotate-180 stroke-[#0F1556] group-hover\/inner:stroke-[#44C382] group-hover\/inner:translate-x-0.5 rtl:group-hover\/inner:-translate-x-0.5 transition ease-in-out duration-300\">\n                                                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                            <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                        <\/svg>\n                                                    <\/span>\n                                                    <\/a>\n                                                                                            <\/div>\n                                        <\/li>\n                                                                            <li class=\"relative px-6 py-4 transition-all duration-300 rounded-lg group\/outer\" :class=\"tab == '3' ? ['bg-[#F5F6FC]', 'py-4'] : 'bg-white'\">\n                                            <button type=\"button\" class=\"w-full text-start\" :class=\"tab == '3' ? 'border-transparent' : 'border-[#F5F6FC]'\" @click.prevent=\"setActiveTab('3')\">\n                                                <div class=\"flex items-center justify-between\">\n                                                    <div class=\"flex items-center\">\n                                                                                                                <span class=\"text-[#0F1556] text-base\" :class=\"tab == '3' ? 'font-semibold' : 'font-normal'\">\n                                                            Threat Detection                                                        <\/span>\n                                                    <\/div>\n                                                    <span :class=\"tab != '3' ? 'rotate-0' : 'rotate-180'\" class=\"transition transform duration-300 group-hover\/outer:rotate-180 flex-shrink-0 ms-2\">\n                                                        <svg width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                            <rect class=\"transition transform duration-300 group-hover\/outer:fill-[#6E759F]\" y=\"0.133301\" width=\"24\" height=\"24\" rx=\"12\" :fill=\"tab != '3' ? '#F5F6FC' : '#6E759F'\"\/>\n                                                            <path class=\"transition transform duration-300 group-hover\/outer:stroke-[#F5F6FC]\" d=\"M7 9.6333L12 14.6333L17 9.6333\" :stroke=\"tab != '3' ? '#6E759F' : '#F5F6FC'\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                        <\/svg>\n                                                    <\/span>\n                                                <\/div>\n                                            <\/button>\n                                            <div class=\"relative overflow-hidden transition-all max-h-0 duration-300\" x-ref=\"container1\" x-bind:style=\"tab == '3' ? 'max-height: max-content' : ''\">\n                                                <p class=\"pe-10 text-[#2A3274] mt-3\">Continuous monitoring for a wide range of internal and external threats<\/p>\n                                                                                                    <a class=\"inline-flex items-center font-semibold hover:text-[#44C382] group\/inner leading-7 mt-4 transition-colors duration-300\" href=\"\/products\/cybersecurity-application-controls\/\">\n                                                        <span>\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                                                        <span class=\"ms-2 rtl:rotate-180 stroke-[#0F1556] group-hover\/inner:stroke-[#44C382] group-hover\/inner:translate-x-0.5 rtl:group-hover\/inner:-translate-x-0.5 transition ease-in-out duration-300\">\n                                                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                            <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                        <\/svg>\n                                                    <\/span>\n                                                    <\/a>\n                                                                                            <\/div>\n                                        <\/li>\n                                                                            <li class=\"relative px-6 py-4 transition-all duration-300 rounded-lg group\/outer\" :class=\"tab == '4' ? ['bg-[#F5F6FC]', 'py-4'] : 'bg-white'\">\n                                            <button type=\"button\" class=\"w-full text-start\" :class=\"tab == '4' ? 'border-transparent' : 'border-[#F5F6FC]'\" @click.prevent=\"setActiveTab('4')\">\n                                                <div class=\"flex items-center justify-between\">\n                                                    <div class=\"flex items-center\">\n                                                                                                                <span class=\"text-[#0F1556] text-base\" :class=\"tab == '4' ? 'font-semibold' : 'font-normal'\">\n                                                            Transport Control                                                        <\/span>\n                                                    <\/div>\n                                                    <span :class=\"tab != '4' ? 'rotate-0' : 'rotate-180'\" class=\"transition transform duration-300 group-hover\/outer:rotate-180 flex-shrink-0 ms-2\">\n                                                        <svg width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                            <rect class=\"transition transform duration-300 group-hover\/outer:fill-[#6E759F]\" y=\"0.133301\" width=\"24\" height=\"24\" rx=\"12\" :fill=\"tab != '4' ? '#F5F6FC' : '#6E759F'\"\/>\n                                                            <path class=\"transition transform duration-300 group-hover\/outer:stroke-[#F5F6FC]\" d=\"M7 9.6333L12 14.6333L17 9.6333\" :stroke=\"tab != '4' ? '#6E759F' : '#F5F6FC'\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                        <\/svg>\n                                                    <\/span>\n                                                <\/div>\n                                            <\/button>\n                                            <div class=\"relative overflow-hidden transition-all max-h-0 duration-300\" x-ref=\"container1\" x-bind:style=\"tab == '4' ? 'max-height: max-content' : ''\">\n                                                <p class=\"pe-10 text-[#2A3274] mt-3\">Continuously monitor the export and import of SAP transports <\/p>\n                                                                                                    <a class=\"inline-flex items-center font-semibold hover:text-[#44C382] group\/inner leading-7 mt-4 transition-colors duration-300\" href=\"\/products\/cybersecurity-application-controls\/\">\n                                                        <span>\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                                                        <span class=\"ms-2 rtl:rotate-180 stroke-[#0F1556] group-hover\/inner:stroke-[#44C382] group-hover\/inner:translate-x-0.5 rtl:group-hover\/inner:-translate-x-0.5 transition ease-in-out duration-300\">\n                                                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                            <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                        <\/svg>\n                                                    <\/span>\n                                                    <\/a>\n                                                                                            <\/div>\n                                        <\/li>\n                                                                            <li class=\"relative px-6 py-4 transition-all duration-300 rounded-lg group\/outer\" :class=\"tab == '5' ? ['bg-[#F5F6FC]', 'py-4'] : 'bg-white'\">\n                                            <button type=\"button\" class=\"w-full text-start\" :class=\"tab == '5' ? 'border-transparent' : 'border-[#F5F6FC]'\" @click.prevent=\"setActiveTab('5')\">\n                                                <div class=\"flex items-center justify-between\">\n                                                    <div class=\"flex items-center\">\n                                                                                                                <span class=\"text-[#0F1556] text-base\" :class=\"tab == '5' ? 'font-semibold' : 'font-normal'\">\n                                                            Session Logging and DLP                                                        <\/span>\n                                                    <\/div>\n                                                    <span :class=\"tab != '5' ? 'rotate-0' : 'rotate-180'\" class=\"transition transform duration-300 group-hover\/outer:rotate-180 flex-shrink-0 ms-2\">\n                                                        <svg width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                            <rect class=\"transition transform duration-300 group-hover\/outer:fill-[#6E759F]\" y=\"0.133301\" width=\"24\" height=\"24\" rx=\"12\" :fill=\"tab != '5' ? '#F5F6FC' : '#6E759F'\"\/>\n                                                            <path class=\"transition transform duration-300 group-hover\/outer:stroke-[#F5F6FC]\" d=\"M7 9.6333L12 14.6333L17 9.6333\" :stroke=\"tab != '5' ? '#6E759F' : '#F5F6FC'\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                        <\/svg>\n                                                    <\/span>\n                                                <\/div>\n                                            <\/button>\n                                            <div class=\"relative overflow-hidden transition-all max-h-0 duration-300\" x-ref=\"container1\" x-bind:style=\"tab == '5' ? 'max-height: max-content' : ''\">\n                                                <p class=\"pe-10 text-[#2A3274] mt-3\">Protect sensitive information from unauthorized exposure<\/p>\n                                                                                                    <a class=\"inline-flex items-center font-semibold hover:text-[#44C382] group\/inner leading-7 mt-4 transition-colors duration-300\" href=\"\/products\/cybersecurity-application-controls\/\">\n                                                        <span>\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                                                        <span class=\"ms-2 rtl:rotate-180 stroke-[#0F1556] group-hover\/inner:stroke-[#44C382] group-hover\/inner:translate-x-0.5 rtl:group-hover\/inner:-translate-x-0.5 transition ease-in-out duration-300\">\n                                                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                            <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                        <\/svg>\n                                                    <\/span>\n                                                    <\/a>\n                                                                                            <\/div>\n                                        <\/li>\n                                                                    <\/ul>\n                            <\/div>\n                                            <\/div>\n\n\n                    <div class=\"w-full lg:w-1\/2 h-[475px] lg:h-[512px] mt-8 lg:mt-0\">\n                                                    <div class=\"bg-[#F5F6FC] aspect-square flex flex-col lg:flex-row justify-center items-center align-middle lg:me-8 h-full overflow-hidden max-h-0  rounded-lg\" x-ref=\"containerA\" x-bind:style=\"tab === '1' ? 'max-height: 580px' : ''\">\n                                                                    <canvas\n                                            class=\"w-full h-auto aspect-square\"\n                                            x-ref=\"riveCanvas1\"\n                                            data-rive-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/cac_dac.riv\"\n                                            style=\"width:100%; height: 100%; max-height: 580px; display: block;\"\n                                            aria-label=\"Animation for Dynamic Data Masking\"\n                                    ><\/canvas>\n                                                                <div class=\"flex flex-col lg:hidden w-full bg-[#F5F6FC] pb-6 px-6\">\n                                    <p class=\"pb-6\">Dynamically mask and anonymize data at the field level and at the point of access<\/p>\n                                                                            <a class=\"flex items-center font-semibold hover:text-[#44C382] group leading-7\" href=\"\/products\/cybersecurity-application-controls\/\">\n                                            \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f                                            <span class=\"ml-2 rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#44C382] group-hover:translate-x-0.5 rtl:group-hover:-translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <\/svg>\n                                        <\/span>\n                                        <\/a>\n                                                                    <\/div>\n                            <\/div>\n                                                    <div class=\"bg-[#F5F6FC] aspect-square flex flex-col lg:flex-row justify-center items-center align-middle lg:me-8 h-full overflow-hidden max-h-0  rounded-lg\" x-ref=\"containerA\" x-bind:style=\"tab === '2' ? 'max-height: 580px' : ''\">\n                                                                    <canvas\n                                            class=\"w-full h-auto aspect-square\"\n                                            x-ref=\"riveCanvas2\"\n                                            data-rive-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/cac_code_scanning_.riv\"\n                                            style=\"width:100%; height: 100%; max-height: 580px; display: block;\"\n                                            aria-label=\"Animation for Vulnerability and Code Scanning\"\n                                    ><\/canvas>\n                                                                <div class=\"flex flex-col lg:hidden w-full bg-[#F5F6FC] pb-6 px-6\">\n                                    <p class=\"pb-6\">Identify unaddressed risk in your SAP systems<\/p>\n                                                                            <a class=\"flex items-center font-semibold hover:text-[#44C382] group leading-7\" href=\"\/products\/cybersecurity-application-controls\/\">\n                                            \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f                                            <span class=\"ml-2 rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#44C382] group-hover:translate-x-0.5 rtl:group-hover:-translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <\/svg>\n                                        <\/span>\n                                        <\/a>\n                                                                    <\/div>\n                            <\/div>\n                                                    <div class=\"bg-[#F5F6FC] aspect-square flex flex-col lg:flex-row justify-center items-center align-middle lg:me-8 h-full overflow-hidden max-h-0  rounded-lg\" x-ref=\"containerA\" x-bind:style=\"tab === '3' ? 'max-height: 580px' : ''\">\n                                                                    <canvas\n                                            class=\"w-full h-auto aspect-square\"\n                                            x-ref=\"riveCanvas3\"\n                                            data-rive-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/cac_threat_detection.riv\"\n                                            style=\"width:100%; height: 100%; max-height: 580px; display: block;\"\n                                            aria-label=\"Animation for Threat Detection\"\n                                    ><\/canvas>\n                                                                <div class=\"flex flex-col lg:hidden w-full bg-[#F5F6FC] pb-6 px-6\">\n                                    <p class=\"pb-6\">Continuous monitoring for a wide range of internal and external threats<\/p>\n                                                                            <a class=\"flex items-center font-semibold hover:text-[#44C382] group leading-7\" href=\"\/products\/cybersecurity-application-controls\/\">\n                                            \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f                                            <span class=\"ml-2 rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#44C382] group-hover:translate-x-0.5 rtl:group-hover:-translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <\/svg>\n                                        <\/span>\n                                        <\/a>\n                                                                    <\/div>\n                            <\/div>\n                                                    <div class=\"bg-[#F5F6FC] aspect-square flex flex-col lg:flex-row justify-center items-center align-middle lg:me-8 h-full overflow-hidden max-h-0  rounded-lg\" x-ref=\"containerA\" x-bind:style=\"tab === '4' ? 'max-height: 580px' : ''\">\n                                                                    <canvas\n                                            class=\"w-full h-auto aspect-square\"\n                                            x-ref=\"riveCanvas4\"\n                                            data-rive-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/cac_transport_control.riv\"\n                                            style=\"width:100%; height: 100%; max-height: 580px; display: block;\"\n                                            aria-label=\"Animation for Transport Control\"\n                                    ><\/canvas>\n                                                                <div class=\"flex flex-col lg:hidden w-full bg-[#F5F6FC] pb-6 px-6\">\n                                    <p class=\"pb-6\">Continuously monitor the export and import of SAP transports <\/p>\n                                                                            <a class=\"flex items-center font-semibold hover:text-[#44C382] group leading-7\" href=\"\/products\/cybersecurity-application-controls\/\">\n                                            \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f                                            <span class=\"ml-2 rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#44C382] group-hover:translate-x-0.5 rtl:group-hover:-translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <\/svg>\n                                        <\/span>\n                                        <\/a>\n                                                                    <\/div>\n                            <\/div>\n                                                    <div class=\"bg-[#F5F6FC] aspect-square flex flex-col lg:flex-row justify-center items-center align-middle lg:me-8 h-full overflow-hidden max-h-0  rounded-lg\" x-ref=\"containerA\" x-bind:style=\"tab === '5' ? 'max-height: 580px' : ''\">\n                                                                    <canvas\n                                            class=\"w-full h-auto aspect-square\"\n                                            x-ref=\"riveCanvas5\"\n                                            data-rive-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/06\/cac_session_logging_and_dlp.riv\"\n                                            style=\"width:100%; height: 100%; max-height: 580px; display: block;\"\n                                            aria-label=\"Animation for Session Logging and DLP\"\n                                    ><\/canvas>\n                                                                <div class=\"flex flex-col lg:hidden w-full bg-[#F5F6FC] pb-6 px-6\">\n                                    <p class=\"pb-6\">Protect sensitive information from unauthorized exposure<\/p>\n                                                                            <a class=\"flex items-center font-semibold hover:text-[#44C382] group leading-7\" href=\"\/products\/cybersecurity-application-controls\/\">\n                                            \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f                                            <span class=\"ml-2 rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#44C382] group-hover:translate-x-0.5 rtl:group-hover:-translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <\/svg>\n                                        <\/span>\n                                        <\/a>\n                                                                    <\/div>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<script>\n    function tabComponent2(uniqueId) {\n        const componentRiveInstances = {};\n\n        return {\n            tab: \"1\",\n\n            init() {\n                this.$nextTick(() => {\n                    this.waitForRive(() => {\n                        this.initializeAllRivePlayers();\n                    });\n                });\n            },\n\n            waitForRive(callback) {\n                if (typeof rive !== 'undefined') {\n                    callback();\n                } else {\n                    setTimeout(() => this.waitForRive(callback), 100);\n                }\n            },\n\n            setActiveTab(tabId) {\n                const oldTab = this.tab;\n                this.tab = String(tabId);\n\n                if (oldTab && oldTab !== this.tab && componentRiveInstances[oldTab]) {\n                    try {\n                        componentRiveInstances[oldTab].stop();\n                    } catch (e) {\n                        console.warn(`Could not stop Rive for tab ${oldTab}`, e);\n                    }\n                }\n\n                setTimeout(() => {\n                    const riveInstance = componentRiveInstances[this.tab];\n                    if (riveInstance && typeof riveInstance.resizeDrawingSurfaceToCanvas === 'function') {\n                        riveInstance.resizeDrawingSurfaceToCanvas();\n                        this.playPlayer(this.tab);\n                    } else {\n                        this.playPlayer(this.tab);\n                    }\n                }, 150);\n            },\n\n            initializeAllRivePlayers() {\n                const canvasElements = document.querySelectorAll(`#${uniqueId} canvas[data-rive-src]`);\n                let loadedCount = 0;\n                const totalCount = canvasElements.length;\n\n                if (totalCount === 0) return;\n\n                canvasElements.forEach(canvas => {\n                    const tabId = canvas.getAttribute('x-ref').replace('riveCanvas', '');\n                    const riveSrc = canvas.dataset.riveSrc;\n\n                    if (riveSrc && !componentRiveInstances[tabId]) {\n                        try {\n                            const riveInstance = new rive.Rive({\n                                src: riveSrc,\n                                canvas: canvas,\n                                autoplay: false,\n                                stateMachines: ['State Machine 1'],\n                                onLoad: () => {\n                                    componentRiveInstances[tabId] = riveInstance;\n                                    riveInstance.resizeDrawingSurfaceToCanvas();\n                                    loadedCount++;\n\n                                    if (loadedCount === totalCount) {\n                                        setTimeout(() => {\n                                            this.playPlayer(this.tab);\n                                        }, 100);\n                                    }\n                                },\n                                onLoadError: (error) => {\n                                    console.error(`Rive load error for tab ${tabId}:`, error);\n                                    loadedCount++;\n                                    if (loadedCount === totalCount) {\n                                        setTimeout(() => {\n                                            this.playPlayer(this.tab);\n                                        }, 100);\n                                    }\n                                }\n                            });\n                        } catch (error) {\n                            console.error(`Error creating Rive instance for tab ${tabId}:`, error);\n                            loadedCount++;\n                        }\n                    }\n                });\n            },\n\n            playPlayer(tabId) {\n                const currentTabId = String(tabId);\n                const riveInstance = componentRiveInstances[currentTabId];\n\n                if (riveInstance && typeof riveInstance.play === 'function') {\n                    try {\n                        if (typeof riveInstance.reset === 'function') {\n                            riveInstance.reset();\n                        }\n                        riveInstance.play();\n                    } catch (error) {\n                        console.error(`Error playing Rive for tab ${currentTabId}:`, error);\n                    }\n                }\n            },\n\n            stopAllPlayers() {\n                Object.keys(componentRiveInstances).forEach(tabId => {\n                    const riveInstance = componentRiveInstances[tabId];\n                    if (riveInstance && typeof riveInstance.stop === 'function') {\n                        try {\n                            riveInstance.stop();\n                        } catch (error) {\n                            console.error(`Error stopping Rive for tab ${tabId}:`, error);\n                        }\n                    }\n                });\n            }\n        }\n    }\n<\/script>\n\n\n\n<section class=\"relative container mx-auto px-4 lg:px-8 my-8 lg:my-12\">\n    <div class=\"relative overflow-hidden rounded-xl mx-auto inset-0 flex items-center justify-center container text-white bg-gradient-to-b from-[#0e1b7a] to-[#0f1556]\">\n\n        \n        <div class=\"z-10 w-full lg:w-[65%] flex flex-col items-center lg:items-start px-4 py-12 lg:p-16 h-full text-center lg:text-left lg:rtl:text-right\">\n\n                            <div class=\"mb-8 h-6\">\n                    <img decoding=\"async\"\n                            class=\"no-override\"\n                            src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2024\/11\/Auto-Layout-Horizontal.svg\"\n                            alt=\"\"\n                    \/>\n                <\/div>\n            \n                            <h2 class=\"text-[24px] leading-[32px] lg:text-[36px] lg:leading-[44px] font-semibold mb-8 max-w-[615px]\">\n                    Pathlock Recognized as a Leader in Access Control for Multi-App Environments                <\/h2>\n            \n                            <div class=\"text-xl font-normal leading-[30px]\">\n                    Learn why KuppingerCole, a leading independent analyst firm for identity security, named Pathlock the overall leader in Access Control Tools for Multi-Vendor LoB Environments.                <\/div>\n            \n                            <div class=\"w-full lg:w-auto mt-6 lg:mt-12\">\n                    <a\n                    class=\"flex justify-center items-center font-semibold py-3 px-[18px] bg-[white] hover:bg-[#E3E7F6] group leading-7 rounded-lg text-[#344054] transition-colors duration-300\"\n                    href=\"https:\/\/pathlock.com\/resource\/pathlock-recognized-as-leader-in-access-control-for-multi-app-environments\/\"\n                                        >\n                    Download Full Report (.PDF)                    <\/a>\n                <\/div>\n            \n        <\/div>\n\n                    <div class=\"z-10 hidden lg:flex justify-center align-center lg:w-[45%]\">\n                <img decoding=\"async\"\n                        class=\"no-override z-10\"\n                        src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/IMG.webp\"\n                        alt=\"\"\n                \/>\n            <\/div>\n        \n    <\/div>\n<\/section>\n\n\n\n\n\n\n\n\n\n\n\n  <section class=\"bg-[#101657] border-b-[#ECF0FB] border-b-[1px] mx-auto relative  \">\n    <div class=\"relative flex-col-reverse lg:flex-row overflow-hidden  rounded-xl mx-auto inset-0 flex container  text-white bg-[#0F1556]\">\n    <div id=\"bg-image\" class=\"hidden lg:block absolute top-0 right-0 w-full h-full z-0\">\n      <img decoding=\"async\" class=\"rtl:-scale-x-100 no-override absolute inset-0 w-full h-full object-cover object-right\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2022\/08\/Banner-1.png\" alt=\"\" \/>\n    <\/div>\n    <div class=\"z-10 w-full lg:max-w-[627px] flex flex-col items-center lg:items-start px-4 -mt-10 lg:mt-0 pb-12 lg:p-16 lg:pr-0 lg:pl-8 h-full text-center lg:rtl:text-right lg:text-left\">\n      <h2 class=\"mb-3 lg:mb-5 max-w-[587px] text-bold text-3xl lg:text-5xl font-semibold leading-9 lg:leading-[60px]\">Get Expert Guidance on SAP Access Governance<\/h2>\n      <div class=\"text-base lg:text-xl font-normal leading-normal lg:leading-[30px]\">Whether you\u2019re preparing for an audit, planning a cloud migration, or tackling complex role design, our experts provide practical, one-on-one guidance to help you reduce risk and strengthen controls. Free of charge and with no sales pitch<\/div>\n      <div class=\"w-full lg:w-auto mt-6 lg:mt-8\">\n        <a class=\"flex justify-center items-center font-semibold py-3 px-[18px] bg-[white] hover:bg-[#E3E7F6] group leading-7  rounded-lg text-[#344054] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/experts\/\" rel=\"noopener\" target=\"_blank\">Book Time with Experts        <\/a>\n      <\/div>  \n    <\/div>\n    <div class=\"flex relative lg:hidden justify-center align-center w-full\">\n      <img decoding=\"async\" class=\"no-override object-cover w-full\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2022\/08\/062-3Mgd0viv08Q-copy-7-1.png\" \/>\n      <div class=\"w-full inset-0 top-[120px] absolute bg-gradient-to-b from-[#0F1556]\/0 to-[#0F1556]\/100\"><\/div>\n    <\/div>\n  <\/div>\n<\/section> \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":72,"featured_media":42125,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":true,"content-type":"","footnotes":""},"class_list":["post-42531","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Compliance-Centric Identity Governance | Pathlock<\/title>\n<meta name=\"description\" content=\"More than 1,300 organizations worldwide chose to go beyond traditional IGA with Pathlock, the new leader in Identity Security.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pathlock.com\/ar\/compliance-centric-identity-governance\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Compliance-Centric Identity Governance | Pathlock\" \/>\n<meta property=\"og:description\" content=\"More than 1,300 organizations worldwide chose to go beyond traditional IGA with Pathlock, the new leader in Identity Security.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pathlock.com\/ar\/compliance-centric-identity-governance\/\" \/>\n<meta property=\"og:site_name\" content=\"Pathlock\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-18T11:05:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/OpenGraph-Pathlock-Logo.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Compliance-Centric Identity Governance | Pathlock\" \/>\n<meta name=\"twitter:description\" content=\"More than 1,300 organizations worldwide chose to go beyond traditional IGA with Pathlock, the new leader in Identity Security.\" \/>\n<meta name=\"twitter:site\" content=\"@pathlock\" \/>\n<meta name=\"twitter:label1\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/compliance-centric-identity-governance\\\/\",\"url\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/compliance-centric-identity-governance\\\/\",\"name\":\"Compliance-Centric Identity Governance | Pathlock\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/compliance-centric-identity-governance\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/compliance-centric-identity-governance\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/OpenGraph-Pathlock-Logo.webp\",\"datePublished\":\"2025-09-25T10:51:46+00:00\",\"dateModified\":\"2025-12-18T11:05:10+00:00\",\"description\":\"More than 1,300 organizations worldwide chose to go beyond traditional IGA with Pathlock, the new leader in Identity Security.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/compliance-centric-identity-governance\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/pathlock.com\\\/ar\\\/compliance-centric-identity-governance\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/compliance-centric-identity-governance\\\/#primaryimage\",\"url\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/OpenGraph-Pathlock-Logo.webp\",\"contentUrl\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/OpenGraph-Pathlock-Logo.webp\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/compliance-centric-identity-governance\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Compliance-Centric Identity Governance!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/#website\",\"url\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/\",\"name\":\"Pathlock\",\"description\":\"The Leader in Application Security and Controls Automation\",\"publisher\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/#organization\",\"name\":\"Pathlock, Inc\",\"url\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/Zrzut-ekranu-2021-11-17-o-10.56.42.png\",\"contentUrl\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/Zrzut-ekranu-2021-11-17-o-10.56.42.png\",\"width\":460,\"height\":148,\"caption\":\"Pathlock, Inc\"},\"image\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/pathlock\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/pathlock\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCgo4izMJ70K4gnyWQ_mP-OA\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Compliance-Centric Identity Governance | Pathlock","description":"More than 1,300 organizations worldwide chose to go beyond traditional IGA with Pathlock, the new leader in Identity Security.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pathlock.com\/ar\/compliance-centric-identity-governance\/","og_locale":"ar_AR","og_type":"article","og_title":"Compliance-Centric Identity Governance | Pathlock","og_description":"More than 1,300 organizations worldwide chose to go beyond traditional IGA with Pathlock, the new leader in Identity Security.","og_url":"https:\/\/pathlock.com\/ar\/compliance-centric-identity-governance\/","og_site_name":"Pathlock","article_modified_time":"2025-12-18T11:05:10+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/OpenGraph-Pathlock-Logo.webp","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_title":"Compliance-Centric Identity Governance | Pathlock","twitter_description":"More than 1,300 organizations worldwide chose to go beyond traditional IGA with Pathlock, the new leader in Identity Security.","twitter_site":"@pathlock","twitter_misc":{"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pathlock.com\/ar\/compliance-centric-identity-governance\/","url":"https:\/\/pathlock.com\/ar\/compliance-centric-identity-governance\/","name":"Compliance-Centric Identity Governance | Pathlock","isPartOf":{"@id":"https:\/\/pathlock.com\/ar\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pathlock.com\/ar\/compliance-centric-identity-governance\/#primaryimage"},"image":{"@id":"https:\/\/pathlock.com\/ar\/compliance-centric-identity-governance\/#primaryimage"},"thumbnailUrl":"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/OpenGraph-Pathlock-Logo.webp","datePublished":"2025-09-25T10:51:46+00:00","dateModified":"2025-12-18T11:05:10+00:00","description":"More than 1,300 organizations worldwide chose to go beyond traditional IGA with Pathlock, the new leader in Identity Security.","breadcrumb":{"@id":"https:\/\/pathlock.com\/ar\/compliance-centric-identity-governance\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pathlock.com\/ar\/compliance-centric-identity-governance\/"]}]},{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/pathlock.com\/ar\/compliance-centric-identity-governance\/#primaryimage","url":"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/OpenGraph-Pathlock-Logo.webp","contentUrl":"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/OpenGraph-Pathlock-Logo.webp","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/pathlock.com\/ar\/compliance-centric-identity-governance\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pathlock.com\/ar\/"},{"@type":"ListItem","position":2,"name":"Compliance-Centric Identity Governance!"}]},{"@type":"WebSite","@id":"https:\/\/pathlock.com\/ar\/#website","url":"https:\/\/pathlock.com\/ar\/","name":"Pathlock","description":"The Leader in Application Security and Controls Automation","publisher":{"@id":"https:\/\/pathlock.com\/ar\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pathlock.com\/ar\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"},{"@type":"Organization","@id":"https:\/\/pathlock.com\/ar\/#organization","name":"Pathlock, Inc","url":"https:\/\/pathlock.com\/ar\/","logo":{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/pathlock.com\/ar\/#\/schema\/logo\/image\/","url":"https:\/\/pathlock.com\/wp-content\/uploads\/2021\/11\/Zrzut-ekranu-2021-11-17-o-10.56.42.png","contentUrl":"https:\/\/pathlock.com\/wp-content\/uploads\/2021\/11\/Zrzut-ekranu-2021-11-17-o-10.56.42.png","width":460,"height":148,"caption":"Pathlock, Inc"},"image":{"@id":"https:\/\/pathlock.com\/ar\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/pathlock","https:\/\/www.linkedin.com\/company\/pathlock","https:\/\/www.youtube.com\/channel\/UCgo4izMJ70K4gnyWQ_mP-OA"]}]}},"ACF":false,"_links":{"self":[{"href":"https:\/\/pathlock.com\/ar\/wp-json\/wp\/v2\/pages\/42531","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pathlock.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pathlock.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pathlock.com\/ar\/wp-json\/wp\/v2\/users\/72"}],"replies":[{"embeddable":true,"href":"https:\/\/pathlock.com\/ar\/wp-json\/wp\/v2\/comments?post=42531"}],"version-history":[{"count":0,"href":"https:\/\/pathlock.com\/ar\/wp-json\/wp\/v2\/pages\/42531\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pathlock.com\/ar\/wp-json\/wp\/v2\/media\/42125"}],"wp:attachment":[{"href":"https:\/\/pathlock.com\/ar\/wp-json\/wp\/v2\/media?parent=42531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}