{"id":44572,"date":"2024-10-31T14:18:44","date_gmt":"2024-10-31T18:18:44","guid":{"rendered":"https:\/\/pathlock.com\/the-leader-in-application-security-and-controls-automation\/"},"modified":"2026-05-19T07:49:40","modified_gmt":"2026-05-19T11:49:40","slug":"the-leader-in-application-security-and-controls-automation","status":"publish","type":"page","link":"https:\/\/pathlock.com\/fr\/","title":{"rendered":"Gouvernance des identit\u00e9s centr\u00e9e sur la conformit\u00e9"},"content":{"rendered":"\n<section aria-labelledby=\"hero-heading\">\n    <div class=\"relative lg:py-24 py-12\">\n        <div class=\"absolute inset-0 -z-10\">\n\n            <video class=\"w-full h-full object-cover\"\n                   autoplay loop muted playsinline\n                   preload=\"metadata\"\n                   aria-hidden=\"true\"\n                   tabindex=\"-1\"\n                poster=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/hero_video_cover.avif\">\n                                    <source src=\"\/wp-content\/uploads\/2026\/03\/hero_video_bg.webm\" type=\"video\/webm\" fetchpriority=\"high\">\n                                                    <source src=\"\/wp-content\/uploads\/2026\/03\/hero_video_bg.mp4\" type=\"video\/mp4\" fetchpriority=\"high\">\n                            <\/video>\n        <\/div>\n\n        <div class=\"container pt-[80px] mx-auto lg:px-8 px-4 text-center\">\n\n            <h1 id=\"hero-heading\"\n                class=\"text-white lg:text-7xl text-4xl font-semibold lg:leading-[90px] leading-10\">\n                Gouvernance des identit\u00e9s et<br> des acc\u00e8s pr\u00eate pour les audits             <\/h1>\n\n\n            <div class=\"lg:mt-6 mt-4 text-[#EAF3FF] lg:text-xl text-sm lg:leading-8 leading-5\">\n                S\u00e9curisez et g\u00e9rez les <b class=\"text-white\">identit\u00e9s humaines et non humaines dans l\u2019ensemble des syst\u00e8mes ERP <span class=\"sm:block inline\">et des applications strat\u00e9giques, le tout au sein d\u2019une seule et m\u00eame plateforme<b class=\"text-white\">native IA<\/b>. <\/span>            <\/div>\n\n            <div class=\"flex flex-wrap sm:gap-5 gap-3 items-center justify-center lg:mt-12 mt-8\">\n\n                \n                    <a class=\"flex sm:w-auto w-full rounded-lg justify-center items-center bg-[#24B770] hover:bg-[#148752] transition-colors duration-300 px-[18px] py-3 text-white text-base font-semibold leading-6 focus:outline-2 focus:outline-white focus:outline-offset-2\"\n                       href=\"\/fr\/contact\/\"\n                       data-cta=\"primary\">\n                        Planifier une d\u00e9mo                    <\/a>\n                \n                \n                    <a class=\"flex sm:w-auto w-full rounded-lg outline outline-1 overflow-hidden outline-offset-[-1px] outline-[#E3E7F6] justify-center items-center px-[18px] py-3 gap-2 stroke-white text-white text-base font-semibold leading-6 transition-colors duration-300 hover:bg-white hover:text-[#0F1556] hover:stroke-[#0F1556] focus:outline-2 focus:outline-white focus:outline-offset-2 group\"\n                       href=\"\/fr\/browser-tours\/main-pathlock-cloud\/\"\n                       data-cta=\"secondary\">\n                        Lancez la visite guid\u00e9e                        <span class=\"group-hover:translate-x-0.5 group-hover:rtl:-translate-x-0.5 rtl:rotate-180 transition ease-in-out duration-300\" aria-hidden=\"true\">\n\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\"\n                                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                 aria-hidden=\"true\"\n                                 focusable=\"false\">\n                                <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\"\n                                      stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/svg>\n                        <\/span>\n                    <\/a>\n                \n            <\/div>\n        <\/div>\n\n                    <div class=\"lg:pt-24 pt-12 text-center max-w-[1920px] mx-auto\">\n\n                <div class=\"container mx-auto lg:px-8 px-4\">\n                    <div class=\"text-[#F5F6FC] text-base uppercase leading-6\">\n                        Plus de 1 400 clients nous font confiance                    <\/div>\n                <\/div>\n\n\n                <div class=\"logo-slider-wrapper mx-auto mt-8\"\n                     role=\"region\"\n                     aria-label=\"Trusted by\">\n                    <div class=\"logo-slider-track ltr\"\n                         aria-hidden=\"true\">\n                                                        <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-aramco\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-pg\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-jabil\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-chevron\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-toyota\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-siemens\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-ms\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-electrolux\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-university_of_cal\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-linde\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-aramco\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-pg\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-jabil\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-chevron\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-toyota\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-siemens\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-ms\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-electrolux\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-university_of_cal\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-linde\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-aramco\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-pg\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-jabil\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-chevron\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-toyota\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-siemens\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-ms\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-electrolux\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-university_of_cal\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                            <div class=\"logo-slide max-w-[240px]\">\n                                    <svg class=\"md:h-[48px] h-[36px]\" aria-hidden=\"true\" focusable=\"false\">\n                                        <use href=\"#logo-linde\"\/>\n                                    <\/svg>\n                                <\/div>\n                                                <\/div>\n                    <ul class=\"sr-only\">\n                                                    <li>Aramco<\/li>\n                                                    <li>P&amp;G<\/li>\n                                                    <li>Jabil<\/li>\n                                                    <li>Chevron<\/li>\n                                                    <li>Toyota<\/li>\n                                                    <li>Siemens<\/li>\n                                                    <li>Microsoft<\/li>\n                                                    <li>Electrolux<\/li>\n                                                    <li>University of California<\/li>\n                                                    <li>Linde<\/li>\n                                            <\/ul>\n                <\/div>\n\n            <\/div>\n        \n    <\/div>\n<\/section>\n\n<style>\n    .logo-slider-wrapper {\n        overflow: hidden;\n        -webkit-user-select: none;\n        user-select: none;\n        -webkit-mask-image: linear-gradient(\n                to right,\n                transparent 0%,\n                black 12%,\n                black 88%,\n                transparent 100%\n        );\n        mask-image: linear-gradient(\n                to right,\n                transparent 0%,\n                black 12%,\n                black 88%,\n                transparent 100%\n        );\n    }\n\n    .logo-slider-track {\n        display: flex;\n        gap: 0;\n        width: max-content;\n        will-change: transform;\n    }\n\n    .logo-slider-track.ltr {\n        animation: logo-scroll-ltr 40s linear infinite;\n    }\n\n    @keyframes logo-scroll-ltr {\n        from { transform: translateX(0); }\n        to   { transform: translateX(-33.333%); }\n    }\n\n    .logo-slider-track.rtl {\n        animation: logo-scroll-rtl 40s linear infinite;\n    }\n\n    @keyframes logo-scroll-rtl {\n        from { transform: translateX(0); }\n        to   { transform: translateX(33.333%); }\n    }\n\n    .logo-slide {\n        flex-shrink: 0;\n        padding: 0 3rem;\n        display: flex;\n        align-items: center;\n    }\n\n    .logo-slide svg {\n        fill: currentColor;\n        color: white;\n    }\n\n    .logo-slider-wrapper:hover .logo-slider-track {\n        animation-play-state: paused;\n    }\n\n    @media (max-width: 768px) {\n        .logo-slide {\n            padding: 0 1.5rem;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .logo-slider-track {\n            animation: none;\n        }\n    }\n<\/style>\n\n\n\n<section class=\"w-full py-16 lg:py-24 bg-white overflow-hidden font-['Inter']\">\n    <div class=\"container mx-auto px-4 lg:px-8 flex flex-col items-center\">\n\n        <!-- Header Section -->\n        <div class=\"w-full text-center lg:text-left lg:rtl:text-right flex flex-col items-start gap-4 lg:gap-6 mb-12 lg:mb-16\">\n                            <p class=\"text-[#148752] text-sm w-full lg:text-base font-bold uppercase leading-8 tracking-wider\">\n                    PLATEFORME DE GOUVERNANCE POUR L\u2019\u00c8RE DE L\u2019IA                <\/p>\n            \n                            <h2 class=\"text-[#0F1556] text-3xl md:text-4xl lg:text-5xl font-semibold md:leading-tight lg:leading-[60px]\">\n                    Point de convergence de la gouvernance des identit\u00e9s, des contr\u00f4les d\u2019applications et de l\u2019audit                <\/h2>\n                    <\/div>\n\n        <!-- Main Content Area: Accordion + Image\/Video Widget -->\n        <div class=\"w-full flex flex-col lg:flex-row gap-8 items-start gov-platform-container\" data-total=\"4\">\n\n            <!-- Left Side: Accordion -->\n            <div class=\"w-full lg:w-[55%] flex flex-col relative lg:h-[800px] overflow-hidden\">\n                                    <div class=\"gov-accordion-item border-b border-[#E2E8F0] relative overflow-hidden\" data-index=\"0\">\n\n                        <!-- Accordion Header -->\n                        <button class=\"gov-accordion-header w-full py-6 flex justify-between items-center bg-white transition-colors text-left group\">\n                            <h3 class=\"gov-accordion-title transition-colors duration-300 text-xl lg:text-2xl text-[#6E759F] font-normal group-hover:underline\">\n                                Gouvernance des identit\u00e9s et des acc\u00e8s                            <\/h3>\n                            <div class=\"gov-accordion-icon transform transition-transform duration-300 rotate-180 text-[#0F1556]\">\n                                <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/button>\n\n                        <!-- Accordion Content -->\n                        <!-- FIX: max-height is now set to 'none' for the open item via inline style.     -->\n                        <!-- The exact scrollHeight will be measured and applied by JS on open\/close,     -->\n                        <!-- which eliminates the sluggish animation caused by the old max-h-[1000px]     -->\n                        <!-- trick (CSS had to animate from 0 \u2192 1000px even for tiny content).            -->\n                        <div class=\"gov-accordion-content overflow-hidden transition-[max-height,opacity,padding] duration-300 ease-in-out\"\n                             style=\"max-height: none; opacity: 1; padding-bottom: 2rem;\">\n\n                            <!-- Description -->\n                            <div class=\"text-[#475569] text-lg leading-7 mb-6 description\">\n                                <p>\u00c0 mesure que le nombre d\u2019identit\u00e9s augmente, les processus manuels engendrent des risques et une perte d\u2019efficacit\u00e9. Automatisez les processus cl\u00e9s de <a href=\"https:\/\/pathlock.com\/fr\/initiative\/modernize-iga\/\">gouvernance des identit\u00e9s<\/a>, notamment :<\/p>\n                            <\/div>\n\n                            <!-- Cards Grid -->\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                                                                    <a href=\"https:\/\/pathlock.com\/fr\/products\/compliant-provisioning\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/compliant_provisioning.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Provisionnement conforme                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Automatisez l\u2019int\u00e9gration et le d\u00e9part des employ\u00e9s (arriv\u00e9e\/mutation\/d\u00e9part).                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/fr\/products\/compliant-provisioning\/#interface-utilisateur-intuitive-et-moderne\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/encrypted_add.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Demandes d\u2019acc\u00e8s                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Portail libre-service permettant aux utilisateurs de demander facilement les applications dont ils ont besoin.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/fr\/products\/user-access-review-software\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/access_certifications.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Certifications d\u2019acc\u00e8s                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Automatisez les contr\u00f4les d\u2019acc\u00e8s des responsables pour r\u00e9ussir facilement les audits.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/fr\/products\/role-management\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/role_management.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Gestion des r\u00f4les                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Regroupez et attribuez automatiquement les autorisations en fonction du poste occup\u00e9 par l\u2019utilisateur.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                            <\/div>\n\n                        <\/div>\n\n                        <!-- Progress Bar line -->\n                        <div class=\"absolute bottom-[-1px] left-0 h-0.5 bg-[#0F1556] gov-progress-bar w-0 transition-all ease-linear\"><\/div>\n                    <\/div>\n                                    <div class=\"gov-accordion-item border-b border-[#E2E8F0] relative overflow-hidden\" data-index=\"1\">\n\n                        <!-- Accordion Header -->\n                        <button class=\"gov-accordion-header w-full py-6 flex justify-between items-center bg-white transition-colors text-left group\">\n                            <h3 class=\"gov-accordion-title transition-colors duration-300 text-xl lg:text-2xl text-[#6E759F] font-normal group-hover:underline\">\n                                GRC des applications                            <\/h3>\n                            <div class=\"gov-accordion-icon transform transition-transform duration-300 text-[#6E759F]\">\n                                <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/button>\n\n                        <!-- Accordion Content -->\n                        <!-- FIX: max-height is now set to 'none' for the open item via inline style.     -->\n                        <!-- The exact scrollHeight will be measured and applied by JS on open\/close,     -->\n                        <!-- which eliminates the sluggish animation caused by the old max-h-[1000px]     -->\n                        <!-- trick (CSS had to animate from 0 \u2192 1000px even for tiny content).            -->\n                        <div class=\"gov-accordion-content overflow-hidden transition-[max-height,opacity,padding] duration-300 ease-in-out\"\n                             style=\"max-height: 0px; opacity: 0; padding-bottom: 0;\">\n\n                            <!-- Description -->\n                            <div class=\"text-[#475569] text-lg leading-7 mb-6 description\">\n                                <p><a href=\"https:\/\/pathlock.com\/fr\/products\/application-access-governance\/\">Les lacunes<\/a> en mati\u00e8re de gouvernance sont source de risques. Comblez-les avant qu\u2019elles n\u2019entra\u00eenent des fraudes, des d\u00e9faillances des contr\u00f4les ou des constatations d\u2019audit en automatisant :<\/p>\n                            <\/div>\n\n                            <!-- Cards Grid -->\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                                                                    <a href=\"https:\/\/pathlock.com\/fr\/products\/sap-access-risk-analysis\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/sod.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                S\u00e9paration des t\u00e2ches (SoD)                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Identifiez et bloquez les combinaisons d\u2019acc\u00e8s toxiques et \u00e0 haut risque.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/fr\/products\/elevated-access-management-software\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/emergency_access.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Acc\u00e8s d\u2019urgence                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Acc\u00e8s \u00ab bris de glace \u00bb s\u00e9curis\u00e9 et enti\u00e8rement tra\u00e7able pour les administrateurs.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/fr\/products\/dynamic-access-control\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/dac.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Contr\u00f4le d&#039;acc\u00e8s dynamique                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Masquez les donn\u00e9es de mani\u00e8re conditionnelle ou bloquez les transactions sensibles en temps r\u00e9el.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/fr\/products\/role-management\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/entitlement_design.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Conception des droits                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Cr\u00e9ez et testez des r\u00f4les s\u00e9curis\u00e9s et conformes pour vos applications ERP.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                            <\/div>\n\n                        <\/div>\n\n                        <!-- Progress Bar line -->\n                        <div class=\"absolute bottom-[-1px] left-0 h-0.5 bg-[#0F1556] gov-progress-bar w-0 transition-all ease-linear\"><\/div>\n                    <\/div>\n                                    <div class=\"gov-accordion-item border-b border-[#E2E8F0] relative overflow-hidden\" data-index=\"2\">\n\n                        <!-- Accordion Header -->\n                        <button class=\"gov-accordion-header w-full py-6 flex justify-between items-center bg-white transition-colors text-left group\">\n                            <h3 class=\"gov-accordion-title transition-colors duration-300 text-xl lg:text-2xl text-[#6E759F] font-normal group-hover:underline\">\n                                Audit et assurance                            <\/h3>\n                            <div class=\"gov-accordion-icon transform transition-transform duration-300 text-[#6E759F]\">\n                                <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/button>\n\n                        <!-- Accordion Content -->\n                        <!-- FIX: max-height is now set to 'none' for the open item via inline style.     -->\n                        <!-- The exact scrollHeight will be measured and applied by JS on open\/close,     -->\n                        <!-- which eliminates the sluggish animation caused by the old max-h-[1000px]     -->\n                        <!-- trick (CSS had to animate from 0 \u2192 1000px even for tiny content).            -->\n                        <div class=\"gov-accordion-content overflow-hidden transition-[max-height,opacity,padding] duration-300 ease-in-out\"\n                             style=\"max-height: 0px; opacity: 0; padding-bottom: 0;\">\n\n                            <!-- Description -->\n                            <div class=\"text-[#475569] text-lg leading-7 mb-6 description\">\n                                <p>Mettre en place des contr\u00f4les est une chose, prouver leur efficacit\u00e9 en est une autre. Pathlock automatise les processus <a href=\"https:\/\/pathlock.com\/fr\/products\/continuous-controls-monitoring\/\">d\u2019audit et d\u2019assurance<\/a>, notamment :<\/p>\n                            <\/div>\n\n                            <!-- Cards Grid -->\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                                                                    <a href=\"https:\/\/pathlock.com\/fr\/products\/continuous-controls-monitoring\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/ccm.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Surveillance continue des contr\u00f4les                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Des alertes en temps r\u00e9el d\u00e8s qu\u2019une r\u00e8gle de conformit\u00e9 ou une politique informatique n\u2019est pas respect\u00e9e.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/fr\/products\/continuous-controls-monitoring\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/enriched_transaction.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Surveillance avanc\u00e9e des transactions                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Analysez les transactions financi\u00e8res en les contextualisant pour identifier les fraudes av\u00e9r\u00e9es.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/fr\/products\/continuous-controls-monitoring\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/audit_trails.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Pistes d\u2019audit                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Un journal infalsifiable indiquant pr\u00e9cis\u00e9ment qui a modifi\u00e9 quelles donn\u00e9es et quand.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/fr\/initiative\/audit-readiness\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/audit-_reporting.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Rapports d\u2019audit                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Des preuves et des rapports pr\u00eats \u00e0 l\u2019emploi, \u00e0 remettre directement aux auditeurs externes.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                            <\/div>\n\n                        <\/div>\n\n                        <!-- Progress Bar line -->\n                        <div class=\"absolute bottom-[-1px] left-0 h-0.5 bg-[#0F1556] gov-progress-bar w-0 transition-all ease-linear\"><\/div>\n                    <\/div>\n                                    <div class=\"gov-accordion-item border-b border-[#E2E8F0] relative overflow-hidden\" data-index=\"3\">\n\n                        <!-- Accordion Header -->\n                        <button class=\"gov-accordion-header w-full py-6 flex justify-between items-center bg-white transition-colors text-left group\">\n                            <h3 class=\"gov-accordion-title transition-colors duration-300 text-xl lg:text-2xl text-[#6E759F] font-normal group-hover:underline\">\n                                Cybers\u00e9curit\u00e9 ERP                            <\/h3>\n                            <div class=\"gov-accordion-icon transform transition-transform duration-300 text-[#6E759F]\">\n                                <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/button>\n\n                        <!-- Accordion Content -->\n                        <!-- FIX: max-height is now set to 'none' for the open item via inline style.     -->\n                        <!-- The exact scrollHeight will be measured and applied by JS on open\/close,     -->\n                        <!-- which eliminates the sluggish animation caused by the old max-h-[1000px]     -->\n                        <!-- trick (CSS had to animate from 0 \u2192 1000px even for tiny content).            -->\n                        <div class=\"gov-accordion-content overflow-hidden transition-[max-height,opacity,padding] duration-300 ease-in-out\"\n                             style=\"max-height: 0px; opacity: 0; padding-bottom: 0;\">\n\n                            <!-- Description -->\n                            <div class=\"text-[#475569] text-lg leading-7 mb-6 description\">\n                                <p>Les vuln\u00e9rabilit\u00e9s non corrig\u00e9es et les menaces actives peuvent contourner les contr\u00f4les de gouvernance. Pathlock <a href=\"https:\/\/pathlock.com\/fr\/products\/cybersecurity-application-controls\/\">s\u00e9curise les syst\u00e8mes ERP<\/a> en automatisant :<\/p>\n                            <\/div>\n\n                            <!-- Cards Grid -->\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                                                                    <a href=\"https:\/\/pathlock.com\/fr\/products\/cybersecurity-application-controls\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/vulnerability.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Gestion des vuln\u00e9rabilit\u00e9s                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Identifiez et corrigez les correctifs manquants ou les failles de s\u00e9curit\u00e9 dans les syst\u00e8mes d\u2019information essentiels de l\u2019entreprise.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/fr\/products\/sap-threat-detection-tool-for-enterprise\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/threat_detection.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                D\u00e9tection des menaces                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Une surveillance en temps r\u00e9el pour d\u00e9tecter et bloquer les attaques en cours contre les syst\u00e8mes financiers.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                                    <a href=\"https:\/\/pathlock.com\/fr\/products\/cybersecurity-application-controls\/\"\n                                                                                                                       class=\"bg-[#FAFBFD] border border-[#E2E8F0] hover:bg-[#E3E7F6] rounded p-5 flex flex-col gap-3 group\/card cursor-pointer\">\n                                        <div class=\"w-6 h-6 rounded flex items-center justify-center\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/transport_control.svg\" alt=\"\" class=\"h-6 w-6 object-contain\" \/>                                        <\/div>\n                                        <div class=\"flex flex-col gap-1\">\n                                            <h4 class=\"text-[#0F1556] text-base font-semibold leading-snug\">\n                                                Contr\u00f4le des transports                                            <\/h4>\n                                            <p class=\"text-[#475569] text-sm leading-snug\">\n                                                Emp\u00eacher que des mises \u00e0 jour de code malveillantes ou d\u00e9fectueuses ne soient d\u00e9ploy\u00e9es en production.                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                                            <\/div>\n\n                        <\/div>\n\n                        <!-- Progress Bar line -->\n                        <div class=\"absolute bottom-[-1px] left-0 h-0.5 bg-[#0F1556] gov-progress-bar w-0 transition-all ease-linear\"><\/div>\n                    <\/div>\n                            <\/div>\n\n            <!-- Right Side: Sticky Media Widget -->\n            <div class=\"hidden lg:block w-full lg:w-[45%] sticky right-0 min-h-[500px] lg:h-[800px]\">\n                <div class=\"relative w-full h-[500px] lg:h-full rounded-xl overflow-hidden bg-[#0F1556]\">\n\n                                            <div class=\"gov-media-layer absolute inset-0 w-full h-full transition-opacity duration-700 ease-in-out opacity-100 z-10\" data-index=\"0\">\n\n                            <!-- Background: video or image -->\n                            <!-- Lazy video: src lives in data-src; JS loads it on demand -->\n                                                            <video loop muted playsinline preload=\"none\"\n                                       class=\"absolute inset-0 w-full h-full object-cover gov-lazy-video\">\n                                                                            <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Identity%20%26%20Access%20Governance-vp9-chrome.webm\" type=\"video\/webm\">\n                                                                                                                <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Identity%20%26%20Access%20Governance.mp4\" type=\"video\/mp4\">\n                                                                        Your browser does not support the video tag.\n                                <\/video>\n                            \n                            <picture class=\"no-override absolute inset-0 w-full h-full pointer-events-none z-10 opacity-40\">\n                                <source media=\"(max-width: 640px)\" srcset=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\">\n                                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\" class=\"no-override w-full h-full object-cover\" aria-hidden=\"true\" alt=\"\">\n                            <\/picture>\n\n                            <!-- Content Layer -->\n                            <div class=\"absolute inset-0 flex flex-col justify-between px-8 py-12 z-20\">\n\n                                <!-- Logo -->\n                                                                                                    <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-4 rounded inline-flex items-center self-start shadow-sm\">\n                                                                                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Lee.svg\" alt=\"\" class=\"h-10 object-contain\" \/>\n                                                                            <\/div>\n                                \n                                <!-- Quote and Stats -->\n                                <div class=\"flex flex-col gap-24\">\n                                    <h3 class=\"text-white text-3xl md:text-4xl lg:text-[44px] font-normal leading-tight lg:leading-[55px]\">\n                                        \"Pathlock a garanti un <span class=\"text-[#B9D4FF]\">provisionnement<\/span> conforme et la <span class=\"text-[#B9D4FF]\">gestion du cycle de vie des identit\u00e9s<\/span>\"                                    <\/h3>\n                                    <div class=\"flex flex-col\">\n                                        <div class=\"text-white text-6xl lg:text-[80px] font-semibold leading-none mb-2\">\n                                            10x                                        <\/div>\n                                        <div class=\"text-white text-lg lg:text-xl font-normal opacity-90\">\n                                            Augmentation de de l\u2019automatisation JML                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n                                            <div class=\"gov-media-layer absolute inset-0 w-full h-full transition-opacity duration-700 ease-in-out opacity-0 z-0\" data-index=\"1\">\n\n                            <!-- Background: video or image -->\n                            <!-- Lazy video: src lives in data-src; JS loads it on demand -->\n                                                            <video loop muted playsinline preload=\"none\"\n                                       class=\"absolute inset-0 w-full h-full object-cover gov-lazy-video\">\n                                                                            <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Application%20GRC1-vp9-chrome.webm\" type=\"video\/webm\">\n                                                                                                                <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Application%20GRC.mp4\" type=\"video\/mp4\">\n                                                                        Your browser does not support the video tag.\n                                <\/video>\n                            \n                            <picture class=\"no-override absolute inset-0 w-full h-full pointer-events-none z-10 opacity-40\">\n                                <source media=\"(max-width: 640px)\" srcset=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\">\n                                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\" class=\"no-override w-full h-full object-cover\" aria-hidden=\"true\" alt=\"\">\n                            <\/picture>\n\n                            <!-- Content Layer -->\n                            <div class=\"absolute inset-0 flex flex-col justify-between px-8 py-12 z-20\">\n\n                                <!-- Logo -->\n                                                                                                    <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-4 rounded inline-flex items-center self-start shadow-sm\">\n                                                                                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/JAbil.svg\" alt=\"\" class=\"h-10 object-contain\" \/>\n                                                                            <\/div>\n                                \n                                <!-- Quote and Stats -->\n                                <div class=\"flex flex-col gap-24\">\n                                    <h3 class=\"text-white text-3xl md:text-4xl lg:text-[44px] font-normal leading-tight lg:leading-[55px]\">\n                                        \u00ab Pathlock a automatis\u00e9 notre <span class=\"text-[#B9D4FF]\">analyse de la s\u00e9paration des t\u00e2ches<\/span>, ce qui a permis de rationaliser la mise en conformit\u00e9 \u00bb                                    <\/h3>\n                                    <div class=\"flex flex-col\">\n                                        <div class=\"text-white text-6xl lg:text-[80px] font-semibold leading-none mb-2\">\n                                            7x                                        <\/div>\n                                        <div class=\"text-white text-lg lg:text-xl font-normal opacity-90\">\n                                            R\u00e9ponse plus rapide aux infractions                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n                                            <div class=\"gov-media-layer absolute inset-0 w-full h-full transition-opacity duration-700 ease-in-out opacity-0 z-0\" data-index=\"2\">\n\n                            <!-- Background: video or image -->\n                            <!-- Lazy video: src lives in data-src; JS loads it on demand -->\n                                                            <video loop muted playsinline preload=\"none\"\n                                       class=\"absolute inset-0 w-full h-full object-cover gov-lazy-video\">\n                                                                            <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Audit%20and%20Assurance-vp9-chrome.webm\" type=\"video\/webm\">\n                                                                                                                <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/Audit%20and%20Assurance.mp4\" type=\"video\/mp4\">\n                                                                        Your browser does not support the video tag.\n                                <\/video>\n                            \n                            <picture class=\"no-override absolute inset-0 w-full h-full pointer-events-none z-10 opacity-40\">\n                                <source media=\"(max-width: 640px)\" srcset=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\">\n                                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\" class=\"no-override w-full h-full object-cover\" aria-hidden=\"true\" alt=\"\">\n                            <\/picture>\n\n                            <!-- Content Layer -->\n                            <div class=\"absolute inset-0 flex flex-col justify-between px-8 py-12 z-20\">\n\n                                <!-- Logo -->\n                                                                                                    <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-4 rounded inline-flex items-center self-start shadow-sm\">\n                                                                                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/csm.svg\" alt=\"\" class=\"h-10 object-contain\" \/>\n                                                                            <\/div>\n                                \n                                <!-- Quote and Stats -->\n                                <div class=\"flex flex-col gap-24\">\n                                    <h3 class=\"text-white text-3xl md:text-4xl lg:text-[44px] font-normal leading-tight lg:leading-[55px]\">\n                                        \u00ab Pathlock a permis de rationaliser nos audits SOX en nous aidant \u00e0 <span class=\"text-[#B9D4FF]\">identifier les v\u00e9ritables violations de la s\u00e9paration des t\u00e2ches<\/span> \u00bb                                    <\/h3>\n                                    <div class=\"flex flex-col\">\n                                        <div class=\"text-white text-6xl lg:text-[80px] font-semibold leading-none mb-2\">\n                                            5x                                        <\/div>\n                                        <div class=\"text-white text-lg lg:text-xl font-normal opacity-90\">\n                                            Pr\u00e9paration plus rapide des audits                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n                                            <div class=\"gov-media-layer absolute inset-0 w-full h-full transition-opacity duration-700 ease-in-out opacity-0 z-0\" data-index=\"3\">\n\n                            <!-- Background: video or image -->\n                            <!-- Lazy video: src lives in data-src; JS loads it on demand -->\n                                                            <video loop muted playsinline preload=\"none\"\n                                       class=\"absolute inset-0 w-full h-full object-cover gov-lazy-video\">\n                                                                            <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/ERP%20Cybersecurity-vp9-chrome.webm\" type=\"video\/webm\">\n                                                                                                                <source data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/ERP%20Cybersecurity.mp4\" type=\"video\/mp4\">\n                                                                        Your browser does not support the video tag.\n                                <\/video>\n                            \n                            <picture class=\"no-override absolute inset-0 w-full h-full pointer-events-none z-10 opacity-40\">\n                                <source media=\"(max-width: 640px)\" srcset=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\">\n                                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/Background-pattern-dots-small@2x.webp\" class=\"no-override w-full h-full object-cover\" aria-hidden=\"true\" alt=\"\">\n                            <\/picture>\n\n                            <!-- Content Layer -->\n                            <div class=\"absolute inset-0 flex flex-col justify-between px-8 py-12 z-20\">\n\n                                <!-- Logo -->\n                                                                                                    <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-4 rounded inline-flex items-center self-start shadow-sm\">\n                                                                                    <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Linde-hp-hero.svg\" alt=\"\" class=\"h-10 object-contain\" \/>\n                                                                            <\/div>\n                                \n                                <!-- Quote and Stats -->\n                                <div class=\"flex flex-col gap-24\">\n                                    <h3 class=\"text-white text-3xl md:text-4xl lg:text-[44px] font-normal leading-tight lg:leading-[55px]\">\n                                        \u00ab Gr\u00e2ce \u00e0 Pathlock, nous pouvons d\u00e9sormais <span class=\"text-[#B9D4FF]\">enqu\u00eater sur les incidents critiques et y r\u00e9agir<\/span> beaucoup plus rapidement \u00bb                                    <\/h3>\n                                    <div class=\"flex flex-col\">\n                                        <div class=\"text-white text-6xl lg:text-[80px] font-semibold leading-none mb-2\">\n                                            80%                                        <\/div>\n                                        <div class=\"text-white text-lg lg:text-xl font-normal opacity-90\">\n                                            Diminution du temps moyen de d\u00e9tection des menaces                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n                    \n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    \/* Make links in accordion description underlined by default, remove underline on hover\/focus *\/\n    .gov-accordion-content .description a {\n        text-decoration: underline;\n    }\n    .gov-accordion-content .description a:hover,\n    .gov-accordion-content .description a:focus {\n        text-decoration: none;\n    }\n    \/*\n     * FIX: Instead of animating max-height from 0\u21921000px (which is slow for small content),\n     * we now set exact scrollHeight via JS. The CSS transition covers max-height + opacity + padding.\n     * transform: scale() on the title avoids layout reflow while giving a visual size change.\n     *\/\n    .gov-accordion-title {\n        display: inline-block;\n        transform-origin: left center;\n        transition: transform .22s ease, color .22s ease;\n        will-change: transform;\n    }\n    .gov-accordion-title.is-active {\n        transform: scale(1.15);\n    }\n<\/style>\n\n<script>\n\n        document.addEventListener('DOMContentLoaded', function () {\n        const container = document.querySelector('.gov-platform-container');\n        if (!container) return;\n\n        const total = parseInt(container.getAttribute('data-total')) || 0;\n\n        \/\/ FIX: guard against single-item edge case that caused infinite rotation loop\n        if (total <= 1) return;\n\n        const items       = container.querySelectorAll('.gov-accordion-item');\n        const mediaLayers = container.querySelectorAll('.gov-media-layer');\n\n        let currentActiveIndex = -1;\n        const rotateDelay = 10000; \/\/ ms per tab\n        let isInView      = false;\n\n        let rafId         = null;\n        let timeoutId     = null;\n        let startTime     = 0;\n        let remainingTime = rotateDelay;\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ Accordion open\/close using exact scrollHeight\n        \/\/ FIX: replaces the old max-h-[1000px] Tailwind trick so the CSS\n        \/\/ transition animates from 0 \u2192 actual height (no sluggish overshoot).\n        \/\/ ------------------------------------------------------------------\n        function openContent(content) {\n            content.style.maxHeight  = content.scrollHeight + 'px';\n            content.style.opacity    = '1';\n            content.style.paddingBottom = '2rem';\n\n            \/\/ After transition ends, set to 'none' so content can resize freely\n            \/\/ (e.g. dynamic inner content, images loading)\n            content.addEventListener('transitionend', function onEnd() {\n                content.removeEventListener('transitionend', onEnd);\n                if (content.style.opacity === '1') {\n                    content.style.maxHeight = 'none';\n                }\n            });\n        }\n\n        function closeContent(content) {\n            \/\/ First lock the current height so the browser has something to animate from\n            content.style.maxHeight     = content.scrollHeight + 'px';\n            content.style.opacity       = '1';\n            content.style.paddingBottom = '2rem';\n\n            \/\/ Force reflow so the transition starts from the locked value\n            \/\/ eslint-disable-next-line no-unused-expressions\n            content.offsetHeight;\n\n            content.style.maxHeight     = '0px';\n            content.style.opacity       = '0';\n            content.style.paddingBottom = '0';\n        }\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ Lazy video loader\n        \/\/ src lives in data-src at render time; this copies it over and plays.\n        \/\/ A simple array tracks already-loaded videos to avoid re-fetching.\n        \/\/ ------------------------------------------------------------------\n        var loadedVideos = [];\n\n        function loadVideo(layer) {\n            if (window.innerWidth < 1024) return;\n            var video = layer.querySelector('.gov-lazy-video');\n            if (!video || loadedVideos.indexOf(video) !== -1) return;\n\n            video.querySelectorAll('source[data-src]').forEach(function (source) {\n                source.src = source.getAttribute('data-src');\n                source.removeAttribute('data-src');\n            });\n\n            video.load();\n            video.play().catch(function () {\n                \/\/ Autoplay blocked by browser policy \u2014 silently ignore.\n            });\n\n            loadedVideos.push(video);\n        }\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ Progress bar helpers\n        \/\/ ------------------------------------------------------------------\n        function resetProgressBars() {\n            items.forEach(function (item) {\n                const bar = item.querySelector('.gov-progress-bar');\n                if (bar) {\n                    bar.style.transition = 'none';\n                    bar.style.width      = '0%';\n                }\n            });\n        }\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ setActiveTab \u2014 purely visual; does NOT call startAutoRotation\n        \/\/ FIX: decoupled from rotation logic so the flow is explicit:\n        \/\/   click \u2192 setActiveTab \u2192 startAutoRotation (called from handler)\n        \/\/   auto  \u2192 setActiveTab (called from timer callback)\n        \/\/ ------------------------------------------------------------------\n        function setActiveTab(newIndex) {\n            if (newIndex === currentActiveIndex) return;\n\n            resetProgressBars();\n\n            items.forEach(function (item, idx) {\n                const title   = item.querySelector('.gov-accordion-title');\n                const icon    = item.querySelector('.gov-accordion-icon');\n                const content = item.querySelector('.gov-accordion-content');\n\n                if (idx === newIndex) {\n                    title.classList.add('is-active');\n                    title.classList.remove('group-hover:underline', 'text-[#6E759F]', 'font-normal');\n                    title.classList.add('text-[#0F1556]', 'font-medium');\n\n                    \/\/ FIX: use remove\/add instead of classList.replace (replace silently\n                    \/\/ no-ops when the class isn't present, which can leave state inconsistent)\n                    icon.classList.remove('text-[#6E759F]');\n                    icon.classList.add('text-[#0F1556]', 'rotate-180');\n\n                    openContent(content);\n                } else {\n                    title.classList.remove('is-active', 'text-[#0F1556]', 'font-medium');\n                    title.classList.add('group-hover:underline', 'text-[#6E759F]', 'font-normal');\n\n                    icon.classList.remove('text-[#0F1556]', 'rotate-180');\n                    icon.classList.add('text-[#6E759F]');\n\n                    closeContent(content);\n                }\n            });\n\n            \/\/ Crossfade media layer + lazy-load video for the incoming tab\n            mediaLayers.forEach(function (layer, idx) {\n                if (idx === newIndex) {\n                    layer.classList.remove('opacity-0', 'z-0');\n                    layer.classList.add('opacity-100', 'z-10');\n                    \/\/ Load video only when its layer becomes active\n                    loadVideo(layer);\n                } else {\n                    layer.classList.remove('opacity-100', 'z-10');\n                    layer.classList.add('opacity-0', 'z-0');\n                }\n            });\n\n            currentActiveIndex = newIndex;\n        }\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ Timer helpers\n        \/\/ ------------------------------------------------------------------\n        function clearTimers() {\n            if (rafId)     { cancelAnimationFrame(rafId); rafId     = null; }\n            if (timeoutId) { clearTimeout(timeoutId);     timeoutId = null; }\n        }\n\n        function startAutoRotation() {\n            clearTimers();\n\n            if (!remainingTime || remainingTime > rotateDelay) remainingTime = rotateDelay;\n\n            const activeItem       = items[currentActiveIndex];\n            const activeProgressBar = activeItem ? activeItem.querySelector('.gov-progress-bar') : null;\n\n            startTime = performance.now();\n\n            function frame(now) {\n                const elapsed    = now - startTime;\n                const percentage = Math.min(elapsed \/ remainingTime, 1);\n                if (activeProgressBar) activeProgressBar.style.width = (percentage * 100) + '%';\n\n                if (elapsed < remainingTime) {\n                    rafId = requestAnimationFrame(frame);\n                } else {\n                    advance();\n                }\n            }\n\n            function advance() {\n                const nextIndex = (currentActiveIndex + 1) % total;\n                remainingTime = rotateDelay;\n                setActiveTab(nextIndex);\n                \/\/ Restart rotation for the new tab\n                startAutoRotation();\n            }\n\n            rafId     = requestAnimationFrame(frame);\n            timeoutId = setTimeout(advance, remainingTime);\n\n            remainingTime = rotateDelay;\n        }\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ Click handlers\n        \/\/ FIX: startAutoRotation is called EXPLICITLY here, not inside setActiveTab,\n        \/\/ making the data flow obvious and easy to reason about.\n        \/\/ ------------------------------------------------------------------\n        items.forEach(function (item, idx) {\n            item.querySelector('.gov-accordion-header').addEventListener('click', function () {\n                remainingTime = rotateDelay;\n                setActiveTab(idx);\n                if (isInView) startAutoRotation();\n            });\n        });\n\n        \/\/ Pause \/ resume on hover\n        container.addEventListener('mouseenter', function () {\n            if (!isInView || !startTime) return;\n            remainingTime = Math.max(rotateDelay - (performance.now() - startTime), 0);\n            clearTimers();\n        });\n\n        container.addEventListener('mouseleave', function () {\n            if (isInView) startAutoRotation();\n        });\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ FIX: visibilitychange \u2014 reset timer when user returns to tab so the\n        \/\/ progress bar doesn't jump due to browser RAF throttling in background.\n        \/\/ ------------------------------------------------------------------\n        document.addEventListener('visibilitychange', function () {\n            if (document.hidden) {\n                clearTimers();\n            } else if (isInView) {\n                remainingTime = rotateDelay; \/\/ give the current tab a fresh full duration\n                startAutoRotation();\n            }\n        });\n\n        \/\/ ------------------------------------------------------------------\n        \/\/ IntersectionObserver: only rotate while section is \u226550% visible.\n        \/\/ Also triggers lazy load of the first video on first intersection.\n        \/\/ ------------------------------------------------------------------\n            const io = new IntersectionObserver(function (entries) {\n                entries.forEach(function (entry) {\n                    if (entry.isIntersecting && entry.intersectionRatio >= 0.5) {\n\n                        isInView = true;\n\n                        if (window.innerWidth >= 1024) {\n                            var firstLayer = mediaLayers[currentActiveIndex];\n                            if (firstLayer) loadVideo(firstLayer);\n                            startAutoRotation();\n                        }\n                    } else {\n                        isInView = false;\n                        clearTimers();\n                        resetProgressBars();\n                        remainingTime = rotateDelay;\n                        startTime     = 0;\n                    }\n                });\n            }, { root: null, threshold: [0, 0.25, 0.5] });\n\n        io.observe(container);\n\n        \/\/ Initialise first tab (rotation starts only when observer fires)\n        setActiveTab(0);\n    });\n\n<\/script>\n\n\n\n<section id=\"connectors\" class=\"bg-[#F5F6FC] lg:py-24 py-12 lg:px-8 px-4 overflow-x-hidden\">\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 lg:text-base font-bold uppercase leading-[30px] tracking-wider mb-3\">Int\u00e9grations<\/span>\n\n                                    <h2 class=\"text-[#0F1556] lg:text-5xl text-3xl font-semibold lg:leading-[60px] leading-[38px]\">Connecteurs pr\u00e9fabriqu\u00e9s pour plus de 150 applications,  Outils sans code pour les int\u00e9grations personnalis\u00e9es<\/h2>\n                \n                \n                <div class=\"mt-8 mb-[46px] group\">\n                                            <a class=\"flex items-center font-semibold group-hover:text-[#44C382] leading-7 transition-colors duration-300 text-[#0F1556]\"\n                           href=\"\/fr\/integrations\/\">Explorer Connector\u00a0Studio                            <span dir=\"ltr\"\n                                  class=\"ml-2 rtl:mr-2 rtl:ml-0 stroke-[#0F1556] rtl:rotate-180 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\"\n                                     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\"\n                                          stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/svg>\n                            <\/span>\n                        <\/a>\n                                    <\/div>\n\n                <div class=\"overflow-x-hidden flex justify-center\">\n                    <div class=\"relative max-w-[1920px] mx-auto space-y-[18px] text-center\">\n                        <div dir=\"ltr\"\n                             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(245, 246, 252,1) 0%, rgba(245, 246, 252,0) 100%);\"><\/div>\n                        <div dir=\"ltr\"\n                             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(245, 246, 252,1) 0%, rgba(245, 246, 252,0) 100%);\"><\/div>\n\n                                                        <div\n                                        x-data=\"marquee('right')\"\n                                        class=\"overflow-hidden w-full hidden md:block\"\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=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/applications\/sap-erp\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/SAP.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">SAP ERP<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/applications\/oracle-ebs\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/oracle.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Oracle E-Business Suite<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/applications\/sap-erp\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/SAP.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">SAP S4\/HANA<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/applications\/oracle-fusion-cloud-erp-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/oracle.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Oracle ERP Cloud<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/applications\/sap-ariba-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/ariba.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">SAP Ariba<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/applications\/workday-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/workday.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Workday<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/integrations\/microsoft-dynamics-365-crm\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/dynamics.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Microsoft Dynamics 365<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/applications\/microsoft-entra-id\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/entra.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Microsoft Entra ID Governance<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/integrations\/microsoft-teams\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/teams.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Microsoft Teams<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/applications\/peoplesoft-identity-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/peoplesoft.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">PeopleSoft<\/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 hidden md:block\"\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=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/integrations\/google-workspace\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/google.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Google Workspace<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/applications\/peoplesoft-campus-solutions\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/peoplesoft.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Peoplesoft Campus Solutions<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/applications\/access-governance-for-jd-edwards\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/jd.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">JD Edwards<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/integrations\/okta\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/okta_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Okta<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/integrations\/manhattan-wms\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/manhattan.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Manhattan<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/applications\/sap-successfactors-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/success.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">SAP SuccessFactors<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/integrations\/servicenow\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/service_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Service Now<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/integrations\/coupa\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/coupa.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Coupa<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/integrations\/sailpoint-identitynow-hr-identity-source\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/sailpoint_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Sailpoint<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/integrations\/salesforce-2\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-3 rtl:ml-3 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/sales_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"md:text-lg text-xs font-semibold whitespace-nowrap text-[#0F1556]\">Salesforce<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Mobile rows (3 rows, visible below md) -->\n                                                            <div\n                                        x-data=\"marquee('right')\"\n                                        class=\"overflow-hidden w-full md:hidden\"\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=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/applications\/sap-erp\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/SAP.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">SAP ERP<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/applications\/oracle-ebs\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/oracle.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Oracle E-Business Suite<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/applications\/sap-erp\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/SAP.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">SAP S4\/HANA<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/applications\/oracle-fusion-cloud-erp-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/oracle.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Oracle ERP Cloud<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/applications\/sap-ariba-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/ariba.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">SAP Ariba<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/applications\/workday-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/workday.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Workday<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/integrations\/microsoft-dynamics-365-crm\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/dynamics.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Microsoft Dynamics 365<\/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 md:hidden\"\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=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/applications\/microsoft-entra-id\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/entra.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Microsoft Entra ID Governance<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/integrations\/microsoft-teams\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/teams.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Microsoft Teams<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/applications\/peoplesoft-identity-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/peoplesoft.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">PeopleSoft<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/integrations\/google-workspace\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/google.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Google Workspace<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/applications\/peoplesoft-campus-solutions\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/peoplesoft.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Peoplesoft Campus Solutions<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/applications\/access-governance-for-jd-edwards\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/jd.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">JD Edwards<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/integrations\/okta\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/okta_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Okta<\/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 md:hidden\"\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=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/integrations\/manhattan-wms\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/manhattan.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Manhattan<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/applications\/sap-successfactors-access-governance\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/success.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">SAP SuccessFactors<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/integrations\/servicenow\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/service_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Service Now<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/integrations\/coupa\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/coupa.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Coupa<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/integrations\/sailpoint-identitynow-hr-identity-source\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/sailpoint_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Sailpoint<\/span>\n                                                <\/a>\n                                                                                            <a dir=\"ltr\"\n                                                   class=\"inline-flex items-center bg-[#FAFBFD] border border-[#CED5EE] rounded-lg p-3 hover:bg-[#E3E7F6] transition-colors duration-300\"\n                                                   href=\"https:\/\/pathlock.com\/fr\/integrations\/salesforce-2\/\">\n                                                    <span dir=\"ltr\"\n                                                          class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/sales_logo_sm.svg\" alt=\"\"\n                                                             class=\"w-full h-full object-contain\"\/>\n                                                    <\/span>\n                                                    <span class=\"text-xs font-semibold whitespace-nowrap\">Salesforce<\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                        <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                                    <\/div>\n                                <\/div>\n                                                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener('alpine:init', () => {\n        Alpine.data('marquee', (direction = 'left') => ({\n            speed: 0.35,\n            paused: false,\n            position: 0,\n            animationId: null,\n            containerWidth: 0,\n            resizeObserver: null,\n\n            init() {\n                this.$nextTick(() => {\n                    this.setup();\n\n                    this.resizeObserver = new ResizeObserver(() => {\n                        this.pause();\n                        this.setup();\n                    });\n                    this.resizeObserver.observe(this.$refs.original);\n                });\n            },\n\n            setup() {\n                const original = this.$refs.original;\n                const clone    = this.$refs.clone;\n\n                if (original.offsetWidth === 0) return;\n                \n                clone.innerHTML = '';\n                const originalWidth = original.offsetWidth;\n                const screenWidth   = window.innerWidth;\n                const clonesNeeded  = Math.ceil((screenWidth * 2) \/ originalWidth) + 1;\n\n                for (let i = 0; i < clonesNeeded; i++) {\n                    clone.innerHTML += original.innerHTML;\n                }\n\n                this.containerWidth = originalWidth;\n\n                if (direction === 'right') {\n                    this.position = -this.containerWidth;\n                } else {\n                    this.position = 0;\n                }\n\n                this.play();\n            },\n\n            play() {\n                this.paused = false;\n                if (!this.animationId) this.animate();\n            },\n\n            pause() {\n                this.paused = true;\n                if (this.animationId) {\n                    cancelAnimationFrame(this.animationId);\n                    this.animationId = null;\n                }\n            },\n\n            animate() {\n                if (this.paused) return;\n\n                if (direction === 'left') {\n                    this.position -= this.speed;\n                    if (this.position <= -this.containerWidth) {\n                        this.position = 0;\n                    }\n                } else {\n                    this.position += this.speed;\n                    if (this.position >= 0) {\n                        this.position = -this.containerWidth;\n                    }\n                }\n\n                this.$refs.container.style.transform = `translateX(${this.position}px)`;\n                this.animationId = requestAnimationFrame(() => this.animate());\n            },\n\n            destroy() {\n                this.pause();\n                if (this.resizeObserver) {\n                    this.resizeObserver.disconnect();\n                }\n            }\n        }));\n    });\n<\/script>\n\n\n<section class=\"w-full py-16 lg:py-24 bg-white overflow-hidden font-['Inter']\">\n  <div class=\"container mx-auto px-4 lg:px-8 flex flex-col items-center\">\n    \n    <!-- Header Section -->\n    <div class=\"w-full max-w-4xl text-center flex flex-col items-center gap-4 lg:gap-6 mb-12 lg:mb-16\">\n                <div class=\"text-[#148752] text-sm lg:text-base font-bold uppercase leading-8 tracking-wider\">\n            CAPACIT\u00c9S CL\u00c9S        <\/div>\n                \n                <h2 class=\"text-[#0F1556] text-3xl md:text-4xl lg:text-5xl font-semibold md:leading-tight lg:leading-[60px]\">\n            Gouvernance des identit\u00e9s et des acc\u00e8s : con\u00e7ue pour aujourd\u2019hui, pr\u00eate pour l\u2019avenir        <\/h2>\n                \n                <p class=\"text-[#2A3274] text-lg lg:text-xl font-normal leading-relaxed max-w-[880px] mt-2\">\n            Nous offrons les capacit\u00e9s essentielles requises pour r\u00e9pondre aux exigences actuelles en mati\u00e8re d\u2019audit, de conformit\u00e9 et de s\u00e9curit\u00e9, avec l\u2019\u00e9volutivit\u00e9 et la flexibilit\u00e9 n\u00e9cessaires pour soutenir la croissance future et l\u2019\u00e9volution des risques.        <\/p>\n            <\/div>\n\n    <!-- Slider Section -->\n    <div class=\"w-full relative key-capabilities-slider\" data-total=\"7\">\n        \n        <!-- Pills Navigation -->\n        <div class=\"flex  flex-nowrap lg:flex-wrap justify-start lg:justify-center items-center gap-3 mb-8 lg:mb-12 px-4 lg:max-w-[884px] lg:mx-auto overflow-x-auto scrollbar-hide pb-2\">\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"0\">\n                    Access Risk Analysis                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"1\">\n                    Compliant Provisioning                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"2\">\n                    Certifications                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"3\">\n                    AI Governance                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"4\">\n                    Privileged Access Management                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"5\">\n                    Dynamic Access Controls                <\/button>\n                            <button \n                    class=\"capability-pill px-5 py-3 rounded-full text-sm lg:text-base font-semibold transition-all duration-300 cursor-pointer shadow-sm whitespace-nowrap shrink-0\"\n                    data-index=\"6\">\n                    Continuous Controls Monitoring                <\/button>\n                    <\/div>\n\n        <!-- Slider Container -->\n        <div class=\"relative w-full\">\n            \n            <!-- Desktop Left Arrow (match insights.php styles) -->\n            <button class=\"cap-prev hidden xl:inline-flex absolute left-[-24px] top-1\/2 -translate-y-1\/2 z-20 w-10 h-10 bg-white rounded-full border border-[#e3e7f6] text-[#0F1556] shadow-sm hover:bg-[#f7fafc] disabled:opacity-40 items-center justify-center\" aria-label=\"Previous capability\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/button>\n\n            <!-- Cards -->\n            <div class=\"relative w-full overflow-hidden rounded-lg bg-[#F8F9FF] shadow-sm\">\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full block\" data-index=\"0\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Access Risk Analysis                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Pathlock automatise l\u2019analyse des risques SoD et li\u00e9s aux acc\u00e8s sensibles \u00e0 l\u2019aide d\u2019ensembles de r\u00e8gles personnalisables, garantissant ainsi un retour sur investissement rapide et r\u00e9duisant les risques et les co\u00fbts.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/fr\/products\/sap-access-risk-analysis\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">En savoir plus<\/span>\n                                <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\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_0)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_0)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_0)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_0)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_0\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_0\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_0\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_0\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/access-risk-analysis.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"1\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Compliant Provisioning                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Gr\u00e2ce \u00e0 la fonctionnalit\u00e9 de provisionnement conforme de Pathlock, vous pouvez mod\u00e9liser et valider les autorisations des utilisateurs avant de leur accorder l\u2019acc\u00e8s. Vous pouvez \u00e9galement automatiser l\u2019ensemble du processus JML (Joiner-Mover-Leaver) tout en garantissant la conformit\u00e9.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/fr\/products\/compliant-provisioning\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">En savoir plus<\/span>\n                                <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\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_1)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_1)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_1)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_1)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_1\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_1\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_1\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_1\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/compliant-provisioning.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"2\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Certifications                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Mettre en place un processus continu de r\u00e9vision des droits d\u2019acc\u00e8s des utilisateurs, dans le cadre duquel les responsables de la r\u00e9vision peuvent prendre des d\u00e9cisions \u00e9clair\u00e9es quant \u00e0 la confirmation ou \u00e0 la r\u00e9vocation de ces droits. De plus, vous obtenez la piste d\u2019audit pour prouver que les v\u00e9rifications ont bien eu lieu.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/fr\/products\/user-access-review-software\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">En savoir plus<\/span>\n                                <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\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_2)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_2)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_2)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_2)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_2\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_2\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_2\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_2\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/certifications.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"3\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                AI Governance                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Pathlock assure un contr\u00f4le d\u2019acc\u00e8s coh\u00e9rent pour toutes les identit\u00e9s en traitant les identit\u00e9s non humaines (INH) avec la m\u00eame rigueur que les utilisateurs humains. Dans le m\u00eame temps, elle int\u00e8gre des agents d\u2019IA directement dans les flux de travail de gouvernance afin de permettre des d\u00e9cisions plus rapides et plus s\u00fbres.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/fr\/use-cases\/nhi-governance\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">En savoir plus<\/span>\n                                <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\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_3)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_3)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_3)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_3)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_3\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_3\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_3\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_3\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/ai-governance-2.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"4\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Privileged Access Management                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Tirez parti du processus de gestion \u00e9lev\u00e9e des acc\u00e8s enti\u00e8rement automatis\u00e9 avec des flux de travail int\u00e9gr\u00e9s qui r\u00e9duisent le besoin en ressources informatiques suppl\u00e9mentaires. Avec Pathlock, vous recevez \u00e9galement une preuve pr\u00eate \u00e0 \u00eatre soumise \u00e0 l\u2019auditeur attestant que les sessions des utilisateurs privil\u00e9gi\u00e9s sont suivies.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/fr\/products\/elevated-access-management-software\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">En savoir plus<\/span>\n                                <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\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_4)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_4)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_4)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_4)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_4\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_4\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_4\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_4\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/privileged-access-management.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"5\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Dynamic Access Controls                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Appliquez des politiques bas\u00e9es sur des attributs en temps r\u00e9el pour masquer, brouiller et restreindre les donn\u00e9es sensibles, r\u00e9duisant ainsi les risques, \u00e9liminant la complexit\u00e9 des r\u00f4les et rationalisant la conformit\u00e9.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/fr\/products\/dynamic-access-control\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">En savoir plus<\/span>\n                                <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\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_5)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_5)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_5)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_5)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_5\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_5\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_5\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_5\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/dynamic-access-control.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                                    <div class=\"capability-card flex flex-col-reverse lg:flex-row w-full hidden\" data-index=\"6\">\n                        \n                        <!-- Text Content Area -->\n                        <div class=\"flex-1 p-8 md:p-12 flex flex-col justify-center items-start gap-6 lg:gap-8\">\n                            <h3 class=\"text-[#0F1556] text-3xl lg:text-4xl font-medium leading-tight\">\n                                Continuous Controls Monitoring                            <\/h3>\n                            \n                            <p class=\"text-[#2A3274] text-base lg:text-lg leading-relaxed\">\n                                Automatisez la surveillance des contr\u00f4les, analysez les transactions pour d\u00e9terminer leur impact financier et d\u00e9tectez les changements critiques, acc\u00e9l\u00e9rant ainsi la correction des risques et garantissant une conformit\u00e9 continue.                            <\/p>\n                            \n                                                        <a href=\"https:\/\/pathlock.com\/fr\/products\/continuous-controls-monitoring\/\" target=\"\" class=\"flex items-center text-base font-semibold text-[#0F1556] group group-hover:text-[#44C382] leading-7 transition-colors duration-300 mt-2 lg:mt-4\">\n                                <span class=\"group-hover:text-[#44C382] transition-colors duration-300\">En savoir plus<\/span>\n                                <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\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                            <\/a>\n                                                    <\/div>\n\n                        <!-- Image Area -->\n                        <div class=\"w-full lg:w-[50%] shrink-0 bg-[#0F1556] flex items-center justify-center p-8 md:p-12 relative min-h-[300px] lg:min-h-[610px] overflow-hidden\">\n                        \n\n                            <!-- Decorative SVG background (placed behind the image\/placeholder) -->\n                            <div class=\"absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden\">\n                                <!-- Inline SVG provided by designer. Use per-card unique IDs so defs\/clipPaths don't clash across multiple cards. -->\n                                                                <svg class=\"w-[120%] h-[120%] max-w-none max-h-none opacity-90\" width=\"594\" height=\"518\" viewBox=\"0 0 594 518\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <g clip-path=\"url(#clip0_cap_svg_6)\">\n                                        <rect width=\"594\" height=\"518\" fill=\"#0F1556\"\/>\n                                        <rect width=\"594\" height=\"518\" fill=\"url(#paint0_radial_cap_svg_6)\"\/>\n                                        <path d=\"M1639.49 533.061C1648.42 517.597 1648.42 498.549 1639.49 483.085L1353.77 -12.1139C1344.84 -27.5907 1328.33 -37.1259 1310.47 -37.1259L739.083 -37.1259C721.214 -37.1259 704.704 -27.5907 695.774 -12.1138L410.055 483.085C401.132 498.549 401.132 517.597 410.055 533.061L695.775 1028.26C704.704 1043.74 721.214 1053.27 739.083 1053.27L1310.47 1053.27C1328.33 1053.27 1344.85 1043.74 1353.77 1028.26L1639.49 533.061Z\" fill=\"url(#paint1_linear_cap_svg_6)\"\/>\n                                        <path d=\"M-921.582 -25.1223C-930.505 -9.65839 -930.505 9.38965 -921.582 24.8536L-635.863 520.053C-626.933 535.53 -610.423 545.065 -592.555 545.065L-21.1707 545.065C-3.30242 545.065 13.2078 535.53 22.1376 520.053L307.857 24.8536C316.78 9.3897 316.78 -9.65839 307.857 -25.1223L22.1376 -520.321C13.2078 -535.798 -3.30237 -545.333 -21.1706 -545.333L-592.554 -545.333C-610.423 -545.333 -626.933 -535.798 -635.863 -520.321L-921.582 -25.1223Z\" fill=\"url(#paint2_linear_cap_svg_6)\"\/>\n                                    <\/g>\n                                    <defs>\n                                        <radialGradient id=\"paint0_radial_cap_svg_6\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(-816.217 -756.747 867.775 -2582.44 1070.13 997.913)\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/radialGradient>\n                                        <linearGradient id=\"paint1_linear_cap_svg_6\" x1=\"395.637\" y1=\"1148.88\" x2=\"575.777\" y2=\"172.905\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <linearGradient id=\"paint2_linear_cap_svg_6\" x1=\"322.275\" y1=\"-640.943\" x2=\"142.135\" y2=\"335.034\" gradientUnits=\"userSpaceOnUse\">\n                                            <stop stop-color=\"#1424EE\"\/>\n                                            <stop offset=\"1\" stop-color=\"#0F1556\"\/>\n                                        <\/linearGradient>\n                                        <clipPath id=\"clip0_cap_svg_6\">\n                                            <rect width=\"594\" height=\"518\" fill=\"white\"\/>\n                                        <\/clipPath>\n                                    <\/defs>\n                                <\/svg>\n                            <\/div>\n\n                                                                                                                                <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/continuous-controls-monitoring.avif\" alt=\"\" class=\"w-full h-auto max-w-[450px] object-contain rounded-lg shadow-2xl relative z-10\" \/>\n                                                                                    <\/div>\n                        \n                    <\/div>\n                            <\/div>\n\n            <!-- Desktop Right Arrow (match insights.php styles) -->\n            <button class=\"cap-next hidden xl:inline-flex absolute right-[-24px] top-1\/2 -translate-y-1\/2 z-20 w-10 h-10 bg-white rounded-full border border-[#e3e7f6] text-[#0F1556] shadow-sm hover:bg-[#f7fafc] disabled:opacity-40 items-center justify-center\" aria-label=\"Next capability\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/button>\n\n        <\/div>\n\n        <!-- Mobile\/Tablet Arrows (Below content) - use same style as insights.php -->\n        <div class=\"flex xl:hidden justify-start md:justify-center items-center gap-4 mt-8 px-4\">\n            <button class=\"rtl:rotate-180 cap-prev inline-flex items-center justify-center w-10 h-10 rounded-full bg-white border border-[#e3e7f6] text-[#0F1556] shadow-sm hover:bg-[#f7fafc] disabled:opacity-40\" aria-label=\"Previous capability\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/button>\n            <button class=\"rtl:rotate-180 cap-next inline-flex items-center justify-center w-10 h-10 rounded-full bg-white border border-[#e3e7f6] text-[#0F1556] shadow-sm hover:bg-[#f7fafc] disabled:opacity-40\" aria-label=\"Next capability\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/button>\n        <\/div>\n        \n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n@keyframes capFadeIn {\n    from { opacity: 0; transform: translateX(10px); }\n    to { opacity: 1; transform: translateX(0); }\n}\n.animate-fade-in {\n    animation: capFadeIn 0.3s ease-out forwards;\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const sliders = document.querySelectorAll('.key-capabilities-slider');\n    \n    sliders.forEach(slider => {\n        let current = 0; \/\/ Default to Privileged Access Management if possible, but 0 is safe\n        const total = parseInt(slider.getAttribute('data-total'));\n        if (total <= 0) return;\n\n        const pills = slider.querySelectorAll('.capability-pill');\n        const cards = slider.querySelectorAll('.capability-card');\n        const prevBtns = slider.querySelectorAll('.cap-prev');\n        const nextBtns = slider.querySelectorAll('.cap-next');\n\n        \/\/ Target indices for specific tabs if desired, otherwise index is standard\n        \/\/ In the mockup, \"Privileged Access Management\" is selected by default\n        \/\/ Let's find it and set it as default if it exists\n        pills.forEach((pill, idx) => {\n            if (pill.innerText.trim() === 'Privileged Access Management') {\n                current = idx;\n            }\n        });\n\n        function updateSlider(newIndex) {\n            \/\/ Revert old pill\n            pills[current].classList.remove('bg-[#0F1556]', 'text-white');\n            pills[current].classList.add('bg-[#F8F9FF]', 'text-[#0F1556]');\n            \n            \/\/ Set new pill\n            pills[newIndex].classList.remove('bg-[#F8F9FF]', 'text-[#0F1556]');\n            pills[newIndex].classList.add('bg-[#0F1556]', 'text-white');\n\n            \/\/ Hide old card\n            cards[current].classList.remove('block', 'animate-fade-in');\n            cards[current].classList.add('hidden');\n            \n            \/\/ Show new card\n            cards[newIndex].classList.remove('hidden');\n            cards[newIndex].classList.add('block', 'animate-fade-in');\n\n            current = newIndex;\n        }\n\n        \/\/ Initialize state (reset all, then apply current)\n        pills.forEach((pill, idx) => {\n            if (idx === current) {\n                pill.classList.add('bg-[#0F1556]', 'text-white');\n            } else {\n                pill.classList.add('bg-[#F8F9FF]', 'text-[#0F1556]');\n            }\n        });\n\n        cards.forEach((card, idx) => {\n            if (idx === current) {\n                card.classList.remove('hidden');\n                card.classList.add('block');\n            } else {\n                card.classList.remove('block');\n                card.classList.add('hidden');\n            }\n        });\n\n        \/\/ Event Listeners\n        pills.forEach((pill, idx) => {\n            pill.addEventListener('click', () => {\n                if(current !== idx) updateSlider(idx);\n            });\n        });\n\n        prevBtns.forEach(btn => {\n            btn.addEventListener('click', () => {\n                const newIndex = (current - 1 + total) % total;\n                updateSlider(newIndex);\n            });\n        });\n\n        nextBtns.forEach(btn => {\n            btn.addEventListener('click', () => {\n                const newIndex = (current + 1) % total;\n                updateSlider(newIndex);\n            });\n        });\n    });\n});\n<\/script>\n\n\n<style>\n    body.modal-open {\n        overflow: hidden;\n    }\n\n    .wistia_responsive_padding {\n        padding: 56.25% 0 0 0;\n        position: relative;\n    }\n\n    .wistia_responsive_wrapper {\n        height: 100%;\n        left: 0;\n        position: absolute;\n        top: 0;\n        width: 100%;\n    }\n\n    .wistia_embed {\n        height: 100%;\n        position: relative;\n        width: 100%;\n    }\n\n    .wistia_video_container {\n        height: 100%;\n        width: 100%;\n    }\n\n    .slider-hidden {\n        opacity: 0;\n        pointer-events: none;\n    }\n\n    .slider-visible {\n        opacity: 1;\n        pointer-events: auto;\n        transition: opacity 0.3s ease-out;\n    }\n<\/style>\n\n\n<section class=\"p-16 lg:p-24 overflow-hidden px-4\" style=\"background-color:#F5F6FC\">\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 lg:text-base font-bold uppercase leading-[30px] tracking-wider mb-3\">\n                        NOS CLIENTS                    <\/span>\n                                                    <h2 class=\"text-3xl lg:text-5xl lg:leading-[60px] font-semibold mb-12 lg:mb-16\">\n                        Les plus grandes entreprises<br> mondiales font confiance \u00e0 Pathlock                    <\/h2>\n                            <\/div>\n\n            <!-- Alpine Component Root -->\n            <div x-data=\"videoController()\" class=\"relative\">\n\n                <!-- Mobile version (slider) -->\n                <div x-data=\"mobileSlider()\" class=\"w-full\">\n\n                    <!-- Slides Container -->\n                    <div class=\"relative overflow-visible w-full\"\n                         :class=\"ready ? 'slider-visible' : 'slider-hidden'\">\n                        <div class=\"flex\"\n                             @touchstart=\"startDrag\"\n                             @touchmove=\"drag\"\n                             @touchend=\"endDrag\"\n                             x-ref=\"slider\">\n                            <template x-for=\"(video, index) in videos\" :key=\"index\">\n                                <div class=\"flex-shrink-0 h-[500px] px-4 relative\"\n                                     :style=\"{ width: slideWidth + 'px' }\">\n                                    <div class=\"relative rounded-lg overflow-hidden transition-all duration-500\"\n                                         :class=\"isActive(index) ? 'h-[500px] opacity-100' : 'h-[475px] opacity-60'\">\n\n                                        <!-- Background image -->\n                                        <img loading=\"lazy\" :src=\"video.bgImage\"\n                                             class=\"no-override absolute inset-0 w-full h-full object-cover\"\n                                             alt=\"Background Image\"\/>\n\n                                        <!-- Dot pattern overlay -->\n                                        <picture class=\"no-override absolute inset-0 w-full h-full pointer-events-none z-10\">\n                                            <source media=\"(max-width: 640px)\" srcset=\"\/wp-content\/uploads\/2026\/04\/background_pattern_dots_small.webp\">\n                                            <img decoding=\"async\" loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/04\/background_pattern_dots_big.webp\"\n                                                 class=\"no-override w-full h-full object-cover\"\n                                                 aria-hidden=\"true\" alt=\"\"\/>\n                                        <\/picture>\n\n                                        <!-- Background video -->\n                                        <video :data-index=\"index\"\n                                               class=\"absolute inset-0 w-full h-full object-cover transition-opacity duration-500\"\n                                               :class=\"isActive(index) ? 'opacity-100' : 'opacity-0'\"\n                                               muted loop playsinline preload=\"none\">\n                                        <\/video>\n\n                                        <!-- Content overlay -->\n                                        <div class=\"flex flex-col justify-between gap-8 md:p-8 p-4 z-20 h-full relative bg-[#0F15564D]\">\n                                            <div class=\"flex flex-col flex-start\">\n                                                <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-3 rounded inline-flex items-center self-start shadow-sm\">\n                                                    <img loading=\"lazy\" :src=\"video.logo\" class=\"no-override h-10 object-contain\" alt=\"Logo\"\/>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"z-20 flex flex-col items-start text-white sm:py-8\"\n                                                 style=\"max-width:900px\">\n                                                <span x-text=\"video.quote\"\n                                                      class=\"md:text-4xl text-2xl font-normal md:leading-10 leading-8 hyphens-auto\"><\/span>\n                                            <\/div>\n                                            <div class=\"flex flex-col items-start z-10\">\n                                                <button @click=\"openModal(video.mediaID)\"\n                                                        aria-label=\"Play video\"\n                                                        class=\"group flex items-center rounded-lg\">\n                                                    <div class=\"w-12 h-12 rtl:rotate-180 bg-white bg-opacity-20 rounded-full flex items-center justify-center\">\n                                                        <svg class=\"max-w-12 max-h-12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                                             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\"\/>\n                                                                <circle cx=\"65.5\" cy=\"65.5\" r=\"59\" stroke=\"white\" stroke-opacity=\"0.5\"\/>\n                                                            <\/g>\n                                                            <g class=\"transition-transform duration-300 ease-in-out group-hover:scale-125\"\n                                                               style=\"transform-origin: center;\">\n                                                                <g filter=\"url(#filter1_d_797_1676_mob)\">\n                                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                                                                          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\"\n                                                                          fill=\"white\"\/>\n                                                                <\/g>\n                                                            <\/g>\n                                                            <defs>\n                                                                <filter id=\"filter0_b_797_1676_mob\" x=\"4\" y=\"4\" width=\"123\" height=\"123\"\n                                                                        filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                                                    <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n                                                                    <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"1\"\/>\n                                                                    <feComposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur_797_1676_mob\"\/>\n                                                                    <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_797_1676_mob\" result=\"shape\"\/>\n                                                                <\/filter>\n                                                                <filter id=\"filter1_d_797_1676_mob\" x=\"0.299999\" y=\"0.299999\"\n                                                                        width=\"129.931\" height=\"129.916\"\n                                                                        filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                                                    <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n                                                                    <feColorMatrix in=\"SourceAlpha\" type=\"matrix\"\n                                                                                   values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n                                                                                   result=\"hardAlpha\"\/>\n                                                                    <feOffset\/>\n                                                                    <feGaussianBlur stdDeviation=\"11.35\"\/>\n                                                                    <feComposite in2=\"hardAlpha\" operator=\"out\"\/>\n                                                                    <feColorMatrix type=\"matrix\"\n                                                                                   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\"\/>\n                                                                    <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_797_1676_mob\"\/>\n                                                                    <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_797_1676_mob\" result=\"shape\"\/>\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]\">\n                                                        Regardez la vid\u00e9o                                                    <\/span>\n                                                <\/button>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/template>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Slider controls -->\n                    <div class=\"flex items-center justify-center slider-hidden gap-4 mt-6\"\n                         :class=\"ready ? 'slider-visible' : 'slider-hidden'\">\n                        <button @click=\"prevSlide()\"\n                                class=\"w-8 h-8 rtl:rotate-180 flex items-center justify-center rounded-full border border-[#CED5EE] shadow-sm hover:!bg-[#f7fafc] transition-colors duration-200\"\n                                aria-label=\"Previous\">\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                <path d=\"M10 12L6 8L10 4\" stroke=\"#0F1556\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/svg>\n                        <\/button>\n                        <div class=\"flex items-center gap-2 px-4 py-[14px] border border-[#CED5EE] rounded-full\">\n                            <template x-for=\"(_, index) in Array.from({length: videos.length - 2})\" :key=\"index\">\n                                <button @click=\"goToSlide(index + 1)\"\n                                        class=\"w-10 h-1 rounded transition-colors duration-300\"\n                                        :class=\"realIndex() === index ? 'bg-[#0F1556]' : 'bg-[#CED5EE]'\"\n                                        :aria-label=\"`Go to slide ${index + 1}`\">\n                                <\/button>\n                            <\/template>\n                        <\/div>\n                        <button @click=\"nextSlide()\"\n                                class=\"w-8 h-8 rtl:rotate-180 flex items-center justify-center rounded-full border border-[#CED5EE] shadow-sm hover:!bg-[#f7fafc] transition-colors duration-200\"\n                                aria-label=\"Next\">\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                <path d=\"M6 4L10 8L6 12\" stroke=\"#0F1556\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Modal -->\n                <div x-show=\"isModalOpen\" x-cloak class=\"fixed inset-0 z-50\">\n                    <div 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()\"><\/div>\n                    <div class=\"fixed inset-0 flex items-center justify-center p-4\">\n                        <div @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                            <div class=\"flex justify-end items-center p-4 absolute z-10 right-4\">\n                                <button @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                                    <svg class=\"h-4 w-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"\/>\n                                    <\/svg>\n                                <\/button>\n                            <\/div>\n                            <div class=\"p-4 pt-0\">\n                                <div id=\"wistia-container-6a1654fa112b1\" class=\"w-full\" style=\"aspect-ratio: 16 \/ 9;\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                                    <div class=\"pt-8 lg:pt-16 container lg:px-8 px-4\">\n                        <div class=\"relative flex flex-wrap gap-x-16 gap-y-[45px] mx-auto justify-center\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/Chevron_logo.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/siemens_logo.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/logo_ms.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/Toyota_logo.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Linde-color.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/aramco_logo.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/jabil_logo.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/geico_.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/electrolux_lightbg.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/panasonic.svg\"\n                                     alt=\"\">\n                                                            <img loading=\"lazy\" decoding=\"async\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\"\n                                     width=\"auto\" height=\"48\"\n                                     src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/03\/vw.svg\"\n                                     alt=\"\">\n                                                    <\/div>\n                    <\/div>\n                \n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    (function () {\n        const videoData = [{\"bgImage\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/jabil7200000-1.avif\",\"logo\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/jabildarkbg.svg\",\"mediaID\":\"warq7glqoo\",\"videoUrlWEBM\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Jabil720-vp9-chrome.webm\",\"videoUrlMP4\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Jabil720.mp4\",\"quote\":\"Pathlock a simplifi\\u00e9 nos audits SOX en nous aidant \\u00e0 identifier les v\\u00e9ritables violations SoD, ce qui nous permet de nous concentrer sur l\\u2019att\\u00e9nuation des risques r\\u00e9els, et non seulement des risques potentiels.\",\"tag\":\"\"},{\"bgImage\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/CSM720_0000.webp\",\"logo\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/csm.svg\",\"mediaID\":\"eluh781wd9\",\"videoUrlWEBM\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/CSM720-vp9-chrome.webm\",\"videoUrlMP4\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/CSM720.mp4\",\"quote\":\"Pathlock nous a permis d\\u2019obtenir une visibilit\\u00e9 en temps r\\u00e9el sur les risques d\\u2019acc\\u00e8s et d\\u2019automatiser notre analyse SoD, \\u00e9liminant ainsi les conjectures et rationalisant la conformit\\u00e9.\",\"tag\":\"\"},{\"bgImage\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Lee720_0000.webp\",\"logo\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Lee.svg\",\"mediaID\":\"rq86egfbh3\",\"videoUrlWEBM\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Lee720-vp9-chrome.webm\",\"videoUrlMP4\":\"\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Lee720.mp4\",\"quote\":\"Pathlock a garanti un provisionnement s\\u00e9curis\\u00e9 et conforme ainsi qu\\u2019une gestion du cycle de vie des identit\\u00e9s pour les \\u00e9tudiants et le personnel.\",\"tag\":\"\"}];\n\n\n        let wistiaScriptsLoaded = false;\n        let wistiaScriptsLoading = null; \/\/ shared Promise so concurrent clicks don't double-load\n\n        function loadWistiaScripts() {\n            if (wistiaScriptsLoaded) return Promise.resolve();\n            if (wistiaScriptsLoading)  return wistiaScriptsLoading;\n\n            wistiaScriptsLoading = new Promise(function (resolve) {\n                let loaded = 0;\n                function onLoad() {\n                    loaded++;\n                    if (loaded === 2) {\n                        wistiaScriptsLoaded = true;\n                        resolve();\n                    }\n                }\n\n                \/\/ api.js (ES module)\n                const apiScript = document.createElement('script');\n                apiScript.src   = 'https:\/\/fast.wistia.com\/embed\/api.js';\n                apiScript.type  = 'module';\n                apiScript.async = true;\n                apiScript.onload = onLoad;\n                document.body.appendChild(apiScript);\n\n                \/\/ E-v1.js (classic embed helper)\n                const embedScript = document.createElement('script');\n                embedScript.src   = 'https:\/\/fast.wistia.com\/assets\/external\/E-v1.js';\n                embedScript.async = true;\n                embedScript.onload = onLoad;\n                document.body.appendChild(embedScript);\n            });\n\n            return wistiaScriptsLoading;\n        }\n\n        function registerAlpineComponents() {\n\n            \/\/ \u2500\u2500\u2500 Modal controller \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n            Alpine.data('videoController', () => ({\n                isModalOpen: false,\n                currentVideoId: null,\n                wistiaEmbed: null,\n\n                openModal(mediaId) {\n                    this.currentVideoId = mediaId;\n                    this.isModalOpen = true;\n                    document.body.classList.add('modal-open');\n\n                    const self = this;\n                    \/\/ FIX: load Wistia scripts lazily \u2014 only now, not on page load\n                    loadWistiaScripts().then(function () {\n                        self.$nextTick(function () {\n                            const container = document.getElementById('wistia-container-6a1654fa112b1');\n                            if (container) {\n                                self.createWistiaVideo(mediaId, container);\n                            } else {\n                                console.error('[Wistia] Container not found in modal.');\n                            }\n                        });\n                    });\n                },\n\n                closeModal() {\n                    if (this.wistiaEmbed) {\n                        try { this.wistiaEmbed.remove(); } catch (e) { console.error(e); }\n                        this.wistiaEmbed = null;\n                    }\n                    const container = document.getElementById('wistia-container-6a1654fa112b1');\n                    if (container) container.innerHTML = '';\n                    this.isModalOpen    = false;\n                    this.currentVideoId = null;\n                    document.body.classList.remove('modal-open');\n                },\n\n                createWistiaVideo(mediaId, container) {\n                    container.innerHTML = '';\n\n                    const paddingDiv = document.createElement('div');\n                    paddingDiv.className = 'wistia_responsive_padding';\n                    paddingDiv.style.cssText = 'padding:56.25% 0 0 0;position:relative;';\n\n                    const wrapperDiv = document.createElement('div');\n                    wrapperDiv.className = 'wistia_responsive_wrapper';\n                    wrapperDiv.style.cssText = 'height:100%;left:0;position:absolute;top:0;width:100%;';\n\n                    const embedDiv = document.createElement('div');\n                    embedDiv.className = `wistia_embed wistia_async_${mediaId} videoFoam=true`;\n                    embedDiv.style.cssText = 'height:100%;position:relative;width:100%;';\n\n                    wrapperDiv.appendChild(embedDiv);\n                    paddingDiv.appendChild(wrapperDiv);\n                    container.appendChild(paddingDiv);\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                    if (typeof Wistia !== 'undefined' && Wistia.hasLoaded) {\n                        Wistia.api.scan();\n                    }\n                },\n            }));\n\n\n            Alpine.data('mobileSlider', () => ({\n                currentSlide: 1,\n                videos: [],\n                startX: 0,\n                currentX: 0,\n                isDragging: false,\n                dragThreshold: 50,\n                isRTL: false,\n                slideWidth: 0,\n                offset: 0,\n                ready: false,\n                isAnimating: false,\n                animTimer: null,\n\n                init() {\n                    const original = [...videoData];\n\n                    if (original.length === 1) {\n                        this.videos = original;\n                        this.currentSlide = 0;\n                        this.$nextTick(() => {\n                            this.calcDimensions();\n                            window.addEventListener('resize', () => this.calcDimensions());\n                        });\n                        return;\n                    }\n\n                    this.videos = [\n                        original[original.length - 1],\n                        ...original,\n                        original[0],\n                    ];\n                    this.currentSlide = 1;\n                    this.isRTL = document.documentElement.dir === 'rtl' ||\n                        document.documentElement.lang === 'ar';\n\n                    this.$nextTick(() => {\n                        this.calcDimensions();\n                        window.addEventListener('resize', () => this.calcDimensions());\n                    });\n                },\n\n                calcDimensions() {\n                    const wrapperWidth = this.$refs.slider.parentElement.offsetWidth;\n                    this.slideWidth = window.innerWidth < 640\n                        ? Math.round(wrapperWidth)\n                        : Math.round(wrapperWidth * 0.87);\n                    this.offset = window.innerWidth < 640\n                        ? 0\n                        : Math.round((wrapperWidth - this.slideWidth) \/ 2);\n                    this.$refs.slider.style.transition = 'none';\n                    this.$refs.slider.style.transform  = `translateX(${this.getTranslate(this.currentSlide)}px)`;\n                    this.$nextTick(() => {\n                        this.ready = true;\n                        this.loadAndPlayVideo(this.currentSlide);\n                    });\n                },\n\n                getTranslate(slide) {\n                    const sign = this.isRTL ? 1 : -1;\n                    return sign * slide * this.slideWidth + this.offset;\n                },\n\n                realIndex() {\n                    const total = videoData.length;\n                    return (this.currentSlide - 1 + total) % total;\n                },\n\n                isActive(index) {\n                    const total = videoData.length;\n                    const ri = (index - 1 + total) % total;\n                    return ri === this.realIndex();\n                },\n\n                startDrag(e) {\n                    if (videoData.length <= 1) return;\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                    this.currentX = e.touches[0].clientX;\n                    const diffX = this.currentX - this.startX;\n                    const base  = this.getTranslate(this.currentSlide);\n                    this.$refs.slider.style.transform = `translateX(${base + diffX}px)`;\n                },\n\n                endDrag() {\n                    if (!this.isDragging) return;\n                    this.isDragging = false;\n                    this.$refs.slider.style.transition = 'transform 0.5s ease-in-out';\n                    const diffX = this.currentX - this.startX;\n                    if (Math.abs(diffX) > this.dragThreshold && !this.isAnimating) {\n                        if (this.isRTL) {\n                            diffX < 0 ? this.prevSlide() : this.nextSlide();\n                        } else {\n                            diffX < 0 ? this.nextSlide() : this.prevSlide();\n                        }\n                    } else {\n                        if (!this.isAnimating) this.goToSlide(this.currentSlide);\n                    }\n                    this.startX  = 0;\n                    this.currentX = 0;\n                },\n\n                nextSlide() {\n                    if (!this.isAnimating) this.goToSlide(this.currentSlide + 1); },\n                prevSlide() { if (!this.isAnimating) this.goToSlide(this.currentSlide - 1); },\n\n                goToSlide(index, animate = true) {\n                    if (this.isAnimating) return;\n                    this.isAnimating = true;\n\n                    const prev = this.currentSlide;\n                    this.currentSlide = index;\n\n                    this.$refs.slider.style.transition = animate ? 'transform 0.5s ease-in-out' : 'none';\n                    this.$refs.slider.style.transform  = `translateX(${this.getTranslate(index)}px)`;\n\n                    if (prev !== index) {\n                        const prevVideo = this.$refs.slider.querySelector(`video[data-index=\"${prev}\"]`);\n                        if (prevVideo) prevVideo.pause();\n                    }\n\n                    const total    = this.videos.length;\n                    const lastReal = total - 2;\n\n                    if (this.animTimer) clearTimeout(this.animTimer);\n                    this.animTimer = setTimeout(() => {\n                        if (this.currentSlide === 0) {\n                            this.$refs.slider.style.transition = 'none';\n                            this.currentSlide = lastReal;\n                            this.$refs.slider.style.transform  = `translateX(${this.getTranslate(lastReal)}px)`;\n                        } else if (this.currentSlide === total - 1) {\n                            this.$refs.slider.style.transition = 'none';\n                            this.currentSlide = 1;\n                            this.$refs.slider.style.transform  = `translateX(${this.getTranslate(1)}px)`;\n                        }\n                        this.$nextTick(() => this.loadAndPlayVideo(this.currentSlide));\n                        this.isAnimating = false;\n                    }, 500);\n                },\n\n\n                loadAndPlayVideo(index) {\n                    const videoEl = this.$refs.slider.querySelector(`video[data-index=\"${index}\"]`);\n                    if (!videoEl) return;\n\n                    const item = this.videos[index];\n                    if (!item) return;\n\n                    if (!videoEl.dataset.loaded) {\n                        videoEl.dataset.loaded = 'true';\n\n                        if (item.videoUrlWEBM) {\n                            const s  = document.createElement('source');\n                            s.type   = 'video\/webm';\n                            s.src    = item.videoUrlWEBM;\n                            videoEl.appendChild(s);\n                        }\n                        if (item.videoUrlMP4) {\n                            const s  = document.createElement('source');\n                            s.type   = 'video\/mp4';\n                            s.src    = item.videoUrlMP4;\n                            videoEl.appendChild(s);\n                        }\n                        videoEl.load();\n                    }\n\n                    if (videoEl.readyState >= 3) {\n                        videoEl.play().catch(e => console.log('[Slider] Autoplay prevented:', e));\n                    } else {\n                        videoEl.addEventListener('canplay', () => {\n                            videoEl.play().catch(e => console.log('[Slider] Autoplay prevented:', e));\n                        }, { once: true });\n                    }\n                },\n            }));\n        }\n\n        if (typeof Alpine !== 'undefined' && typeof Alpine.data === 'function') {\n            registerAlpineComponents();\n        } else {\n            document.addEventListener('alpine:init', registerAlpineComponents);\n        }\n    })();\n\n<\/script>\n\n\n\n<section class=\"self-stretch inline-flex flex-col justify-start items-center overflow-hidden w-full bg-gradient-to-b from-[#0F1556] via-[#0E154F] to-[#121B66] font-['Inter']\" style=\"background-image: url('https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/reports-bg.avif'); background-size: cover; background-position: center;\">\n    <div class=\"container px-4 lg:px-8 py-16 lg:py-24 flex flex-col justify-center items-center gap-16 mx-auto\">\n        <div class=\"max-w-[1280px] px-8 flex flex-col justify-start items-start gap-8\">\n            <div class=\"self-stretch flex flex-col justify-start items-center gap-8\">\n                <div class=\"self-stretch flex flex-col justify-start items-center gap-5\">\n                    <div class=\"self-stretch flex flex-col justify-start items-center gap-3\">\n                                                <div class=\"justify-center text-[#24B770] text-base font-bold uppercase leading-5 tracking-wider\">RECONNAISSANCE DE L\u2019ANALYSTE<\/div>\n                        \n                                                <h2 class=\"max-w-[810px] text-center justify-start text-white text-3xl lg:text-5xl font-semibold leading-9 lg:leading-[60px]\">La boussole du leadership de KuppingerCole pour les outils de contr\u00f4le d\u2019acc\u00e8s dans les environnements SAP<\/h2>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"self-stretch flex justify-center items-stretch gap-8 flex-wrap content-center\">\n                                            <div class=\"flex-1 px-3 pb-3 rounded-lg outline outline-1 outline-slate-3h-full flex-1 px-3 pb-3 rounded-lg outline outline-1 outline-slate-300\/30 backdrop-blur-[10.10px] flex flex-col justify-start items-center overflow-hidden min-w-[300px] lg:max-w-[384px]\" style=\"background-image: url('https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/reports-card-bg_3.webp'); background-size: cover; background-position: center;\">\n                    <div class=\"self-stretch px-2 py-8 inline-flex justify-center items-center\">\n                                                    <img decoding=\"async\" loading=\"lazy\" class=\"flex-1 h-80 shadow-[0px_4px_19px_0px_rgba(15,21,86,0.30)]\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/sap.avif\" alt=\"\" \/>\n                                            <\/div>\n\n                    <div class=\"self-stretch flex-1 p-6 bg-white\/10 rounded-lg outline outline-1 outline-offset-[-1px] outline-white\/20 backdrop-blur-[6px] flex flex-col justify-between items-start gap-8\">\n                        <div class=\"self-stretch flex flex-col justify-start items-start gap-4\">\n                            <div class=\"self-stretch flex flex-col justify-start items-start\">\n                                                                    <img decoding=\"async\" loading=\"lazy\" class=\"no-override w-auto h-[28px] mb-4\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/kcole.svg\" alt=\"\" \/>\n                                                                <div class=\"self-stretch justify-start text-white text-lg lg:text-xl font-semibold leading-7 lg:leading-8\">Pathlock d\u00e9sign\u00e9 leader global dans les outils de contr\u00f4le d&#039;acc\u00e8s pour les environnements SAP<\/div>\n                            <\/div>\n                        <\/div>\n\n                                                <a href=\"https:\/\/pathlock.com\/fr\/resources\/reports\/access-control-tools-for-sap-environments\/\" target=\"\" class=\"self-stretch md:self-auto px-6 py-3 rounded-lg outline outline-1 outline-[#E3E7F6] hover:bg-[#E3E7F6] transition-all duration-300 inline-flex justify-center items-center gap-2 group\">\n                            <span class=\"text-white group-hover:text-[#0F1556] text-base font-semibold leading-6\">T\u00e9l\u00e9charger le rapport complet<\/span>\n                            <svg class=\"w-5 h-5 rtl:rotate-180 text-white group-hover:translate-x-1 group-hover:rtl:-translate-x-1 transition-transform duration-300 group-hover:stroke-[#0F1556]\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n                            <\/svg>\n                        <\/a>\n                                            <\/div>\n                <\/div>\n                                <div class=\"flex-1 px-3 pb-3 rounded-lg outline outline-1 outline-slate-3h-full flex-1 px-3 pb-3 rounded-lg outline outline-1 outline-slate-300\/30 backdrop-blur-[10.10px] flex flex-col justify-start items-center overflow-hidden min-w-[300px] lg:max-w-[384px]\" style=\"background-image: url('https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/reports-card-bg_3.webp'); background-size: cover; background-position: center;\">\n                    <div class=\"self-stretch px-2 py-8 inline-flex justify-center items-center\">\n                                                    <img decoding=\"async\" loading=\"lazy\" class=\"flex-1 h-80 shadow-[0px_4px_19px_0px_rgba(15,21,86,0.30)]\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/business.avif\" alt=\"\" \/>\n                                            <\/div>\n\n                    <div class=\"self-stretch flex-1 p-6 bg-white\/10 rounded-lg outline outline-1 outline-offset-[-1px] outline-white\/20 backdrop-blur-[6px] flex flex-col justify-between items-start gap-8\">\n                        <div class=\"self-stretch flex flex-col justify-start items-start gap-4\">\n                            <div class=\"self-stretch flex flex-col justify-start items-start\">\n                                                                    <img decoding=\"async\" loading=\"lazy\" class=\"no-override w-auto h-[28px] mb-4\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/kcole.svg\" alt=\"\" \/>\n                                                                <div class=\"self-stretch justify-start text-white text-lg lg:text-xl font-semibold leading-7 lg:leading-8\">Pathlock d\u00e9sign\u00e9 leader global dans la gestion des risques des applications m\u00e9tier<\/div>\n                            <\/div>\n                        <\/div>\n\n                                                <a href=\"https:\/\/pathlock.com\/fr\/resources\/reports\/access-control-tools-for-multi-vendor-lob-environments\/\" target=\"\" class=\"self-stretch md:self-auto px-6 py-3 rounded-lg outline outline-1 outline-[#E3E7F6] hover:bg-[#E3E7F6] transition-all duration-300 inline-flex justify-center items-center gap-2 group\">\n                            <span class=\"text-white group-hover:text-[#0F1556] text-base font-semibold leading-6\">T\u00e9l\u00e9charger le rapport complet<\/span>\n                            <svg class=\"w-5 h-5 rtl:rotate-180 text-white group-hover:translate-x-1 group-hover:rtl:-translate-x-1 transition-transform duration-300 group-hover:stroke-[#0F1556]\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n                            <\/svg>\n                        <\/a>\n                                            <\/div>\n                <\/div>\n                                <div class=\"flex-1 px-3 pb-3 rounded-lg outline outline-1 outline-slate-3h-full flex-1 px-3 pb-3 rounded-lg outline outline-1 outline-slate-300\/30 backdrop-blur-[10.10px] flex flex-col justify-start items-center overflow-hidden min-w-[300px] lg:max-w-[384px]\" style=\"background-image: url('https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/reports-card-bg_3.webp'); background-size: cover; background-position: center;\">\n                    <div class=\"self-stretch px-2 py-8 inline-flex justify-center items-center\">\n                                                    <img decoding=\"async\" loading=\"lazy\" class=\"flex-1 h-80 shadow-[0px_4px_19px_0px_rgba(15,21,86,0.30)]\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/gartner.avif\" alt=\"\" \/>\n                                            <\/div>\n\n                    <div class=\"self-stretch flex-1 p-6 bg-white\/10 rounded-lg outline outline-1 outline-offset-[-1px] outline-white\/20 backdrop-blur-[6px] flex flex-col justify-between items-start gap-8\">\n                        <div class=\"self-stretch flex flex-col justify-start items-start gap-4\">\n                            <div class=\"self-stretch flex flex-col justify-start items-start\">\n                                                                    <img decoding=\"async\" loading=\"lazy\" class=\"no-override w-auto h-[28px] mb-4\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/05\/Gartner.svg\" alt=\"\" \/>\n                                                                <div class=\"self-stretch justify-start text-white text-lg lg:text-xl font-semibold leading-7 lg:leading-8\">Guide du march\u00e9 Gartner\u00ae pour Identity Governance and Administration<\/div>\n                            <\/div>\n                        <\/div>\n\n                                                <a href=\"https:\/\/pathlock.com\/fr\/resources\/reports\/2025-gartner-market-guide-for-iga\/\" target=\"\" class=\"self-stretch md:self-auto px-6 py-3 rounded-lg outline outline-1 outline-[#E3E7F6] hover:bg-[#E3E7F6] transition-all duration-300 inline-flex justify-center items-center gap-2 group\">\n                            <span class=\"text-white group-hover:text-[#0F1556] text-base font-semibold leading-6\">T\u00e9l\u00e9charger le rapport complet<\/span>\n                            <svg class=\"w-5 h-5 rtl:rotate-180 text-white group-hover:translate-x-1 group-hover:rtl:-translate-x-1 transition-transform duration-300 group-hover:stroke-[#0F1556]\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n                            <\/svg>\n                        <\/a>\n                                            <\/div>\n                <\/div>\n                                    <\/div>\n    <\/div>\n<\/section>\n\n\n\n<style>\n    body.modal-open {\n        overflow: hidden;\n    }\n<\/style>\n\n\n\n<section id=\"partenariats\"\n         class=\"bg-[#f5f6fc] py-[40px] mt-8 lg:mt-12 lg:py-24 mb-0 w-full scroll-mt-28 !mt-0\"\n         x-data=\"modalVideoPlayer()\">\n\n    <div class=\"container mx-auto px-4 lg:px-8\">\n\n        <!-- Header -->\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\">\n                        PARTENARIATS                    <\/span>\n                \n                                    <h2 class=\"text-3xl lg:text-5xl leading-[38px] lg:leading-[60px] max-w-[920px] font-semibold mb-4 lg:mb-5\">\n                        D\u00e9ploy\u00e9 en partenariat avec les meilleurs int\u00e9grateurs de syst\u00e8mes du monde                    <\/h2>\n                \n                                    <div class=\"text-lg max-w-[720px] lg:text-xl leading-[30px] font-normal\">\n                        Pathlock collabore avec les principaux <b>int\u00e9grateurs de syst\u00e8mes<\/b> mondiaux afin de garantir des d\u00e9ploiements transparents et une mise en \u0153uvre experte, offrant ainsi un retour sur investissement rapide, une s\u00e9curit\u00e9 maximale et une conformit\u00e9 continue.                    <\/div>\n                \n                            <\/div>\n        <\/div>\n\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\n                    <div class=\"absolute top-0 right-0 w-full h-full z-0\">\n                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/08\/bg-svg-1.svg\" alt=\"\" class=\"no-override w-full h-full object-cover\" style=\"object-position: center center;\" aria-hidden=\"true\">\n                    <\/div>\n\n                    <!-- Video \/ cover panel -->\n                                        <div id=\"partenariats-loop-video\"\n                         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\"\n                         style=\"background-image: url('https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/kpmgvideo-2_0000.webp'); background-position: top center;\">\n\n                                                    <!--\n                                Lazy video: autoplay and src are intentionally omitted here.\n                                The inline IntersectionObserver above copies data-src \u2192 src\n                                and calls play() once this wrapper enters the viewport.\n                            -->\n                            <video loop muted playsinline preload=\"none\"\n                                   class=\"hero-lazy-video absolute inset-0 w-full h-full object-cover\">\n                                                                    <source data-src=\"\/wp-content\/uploads\/videos\/kpmg.webm\" type=\"video\/webm\">\n                                                                                                    <source data-src=\"\/wp-content\/uploads\/videos\/kpmg.mp4\" type=\"video\/mp4\">\n                                                            <\/video>\n                        \n                        <!-- Play button -->\n                        <div class=\"absolute w-full h-full bottom-0 left-0\">\n                            <button @click=\"toggleModal('yhd8fv0ubm')\"\n                                    class=\"flex absolute lg:bottom-[24px] bottom-[14px] lg:left-[24px] left-[17px] rounded-lg\">\n                                <div class=\"group w-16 h-16 lg:w-24 lg:h-24\">\n                                    <svg 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\"\/>\n                                            <circle cx=\"65.5\" cy=\"65.5\" r=\"59\" stroke=\"white\" stroke-opacity=\"0.5\"\/>\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\"\/>\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\"\/>\n                                                <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"1\"\/>\n                                                <feComposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur_797_1676\"\/>\n                                                <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_797_1676\" result=\"shape\"\/>\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\"\/>\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\"\/>\n                                                <feOffset\/>\n                                                <feGaussianBlur stdDeviation=\"11.35\"\/>\n                                                <feComposite in2=\"hardAlpha\" operator=\"out\"\/>\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\"\/>\n                                                <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_797_1676\"\/>\n                                                <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_797_1676\" result=\"shape\"\/>\n                                            <\/filter>\n                                        <\/defs>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Testimonial panel -->\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-loose lg:leading-[38px]\">\n                                    \u00ab Chez KPMG, nous nous engageons en faveur de l\u2019innovation et de la collaboration. C\u2019est pourquoi nous avons choisi de collaborer avec Pathlock, un leader qui red\u00e9finit la s\u00e9curit\u00e9 des identit\u00e9s... \u00bb                                <\/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\" loading=\"lazy\" class=\"no-override rounded-lg\"\n                                         src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2026\/04\/kpmg-small.svg\"\n                                         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\">\n                                        \u2014 Mick McGarry                                    <\/div>\n                                    <div class=\"text-[#ecf0fb] text-sm lg:text-base font-normal leading-tight lg:leading-normal\">\n                                        Leader am\u00e9ricain des offres de services GRC et de cybers\u00e9curit\u00e9 \/ KPMG                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Wistia modal -->\n        <div x-show=\"activeModal !== null\" x-cloak class=\"fixed inset-0\" style=\"z-index: 99;\">\n            <!-- Backdrop -->\n            <div 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\"><\/div>\n\n            <!-- Content -->\n            <div class=\"fixed inset-0 flex items-center justify-center p-4\">\n                <div @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 @click=\"closeModal('yhd8fv0ubm')\"\n                                class=\"bg-white hover:bg-gray-100 text-gray-800 p-2 rounded-full focus:outline-none\">\n                            <svg class=\"h-6 w-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"\/>\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                        <\/wistia-player>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Logos -->\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-stretch justify-center md:justify-between\">\n                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/kpmg.svg\" alt=\"logo\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\" height=\"48\" \/>\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/pwc.svg\" alt=\"logo\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\" height=\"48\" \/>\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/deloitte.svg\" alt=\"logo\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\" height=\"48\" \/>\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/protiviti.svg\" alt=\"logo\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\" height=\"48\" \/>\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/ey.svg\" alt=\"logo\"\n                                     class=\"no-override h-[36px] lg:h-[48px] w-auto\" width=\"auto\" height=\"48\" \/>\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/accenture.svg\" alt=\"logo\"\n                                     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<script>\n\n    function modalVideoPlayer() {\n        return {\n            activeModal: null,\n            scriptLoaded: false,\n            toggleModal: function (modalId) {\n                if (this.activeModal === modalId) {\n                    this.closeModal();\n                } else {\n                    this.activeModal = modalId;\n                    document.body.classList.add('modal-open');\n                    var self = this;\n                    this.loadWistiaScripts().then(function () {\n                        self.playVideo();\n                    });\n                }\n            },\n            closeModal: function () {\n                var player = document.querySelector('wistia-player[media-id=\"yhd8fv0ubm\"]');\n                if (player) player.pause();\n                this.activeModal = null;\n                document.body.classList.remove('modal-open');\n            },\n            loadWistiaScripts: function () {\n                var self = this;\n                return new Promise(function (resolve) {\n                    if (self.scriptLoaded) { resolve(); return; }\n\n                    var loaded = 0;\n                    function onLoad() {\n                        loaded++;\n                        if (loaded === 2) { self.scriptLoaded = true; resolve(); }\n                    }\n\n                    var playerScript = document.createElement('script');\n                    playerScript.src   = 'https:\/\/fast.wistia.com\/player.js';\n                    playerScript.async = true;\n                    playerScript.onload = onLoad;\n                    document.body.appendChild(playerScript);\n\n                    var embedScript = document.createElement('script');\n                    embedScript.src   = 'https:\/\/fast.wistia.com\/embed\/yhd8fv0ubm.js';\n                    embedScript.async = true;\n                    embedScript.type  = 'module';\n                    embedScript.onload = onLoad;\n                    document.body.appendChild(embedScript);\n                });\n            },\n            playVideo: function () {\n                var player = document.querySelector('wistia-player[media-id=\"yhd8fv0ubm\"]');\n                if (player) player.play();\n            }\n        };\n    }\n    (function () {\n        document.addEventListener('DOMContentLoaded', function () {\n            var wrapperId = 'partenariats-loop-video';\n            var wrapper = document.getElementById(wrapperId);\n\n            if (!wrapper) {\n                return;\n            }\n\n            var video = wrapper.querySelector('.hero-lazy-video');\n\n            if (!video) {\n                return;\n            }\n            video.querySelectorAll('source').forEach(function (source) {\n            });\n            var io = new IntersectionObserver(function (entries, observer) {\n                entries.forEach(function (entry) {\n                    console.log('[LazyVideo] IntersectionObserver fired \u2014 isIntersecting:', entry.isIntersecting, '| ratio:', entry.intersectionRatio.toFixed(2));\n\n                    if (!entry.isIntersecting) return;\n\n                    video.querySelectorAll('source[data-src]').forEach(function (source) {\n                        var dataSrc = source.getAttribute('data-src');\n                        source.src = dataSrc;\n                        source.removeAttribute('data-src');\n                        console.log('[LazyVideo] Set src:', dataSrc, '| type:', source.type);\n                    });\n\n                    \/\/ autoplay attribute gives the browser an explicit permission signal\n                    video.setAttribute('autoplay', '');\n                    console.log('[LazyVideo] autoplay attribute set');\n\n                    \/\/ Fallback: play() after the browser has buffered enough to start\n                    video.addEventListener('canplay', function onCanPlay() {\n                        console.log('[LazyVideo] canplay fired \u2014 calling play()');\n                        video.removeEventListener('canplay', onCanPlay);\n                        video.play().then(function () {\n                        }).catch(function (err) {\n                        });\n                    });\n\n                    video.addEventListener('error', function (e) {\n                        console.error('[LazyVideo] Video error:', e, video.error);\n                    });\n\n                    video.load();\n\n                    observer.disconnect();\n                });\n            }, { threshold: 0.1 });\n\n            io.observe(wrapper);\n        });\n    }());\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":16,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":true,"content-type":"","footnotes":""},"class_list":["post-44572","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Compliance-Centric Identity Governance | Pathlock<\/title>\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\/fr\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\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\/fr\/\" \/>\n<meta property=\"og:site_name\" content=\"Pathlock\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-19T11:49:40+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<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/\",\"url\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/\",\"name\":\"Compliance-Centric Identity Governance | Pathlock\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/#website\"},\"datePublished\":\"2024-10-31T18:18:44+00:00\",\"dateModified\":\"2026-05-19T11:49:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/pathlock.com\\\/fr\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gouvernance des identit\u00e9s centr\u00e9e sur la conformit\u00e9\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/\",\"name\":\"Pathlock\",\"description\":\"The Leader in Application Security and Controls Automation\",\"publisher\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/#organization\",\"name\":\"Pathlock, Inc\",\"url\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/#\\\/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\\\/fr\\\/#\\\/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","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\/fr\/","og_locale":"fr_FR","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\/fr\/","og_site_name":"Pathlock","article_modified_time":"2026-05-19T11:49:40+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","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pathlock.com\/fr\/","url":"https:\/\/pathlock.com\/fr\/","name":"Compliance-Centric Identity Governance | Pathlock","isPartOf":{"@id":"https:\/\/pathlock.com\/fr\/#website"},"datePublished":"2024-10-31T18:18:44+00:00","dateModified":"2026-05-19T11:49:40+00:00","breadcrumb":{"@id":"https:\/\/pathlock.com\/fr\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pathlock.com\/fr\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pathlock.com\/fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pathlock.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Gouvernance des identit\u00e9s centr\u00e9e sur la conformit\u00e9"}]},{"@type":"WebSite","@id":"https:\/\/pathlock.com\/fr\/#website","url":"https:\/\/pathlock.com\/fr\/","name":"Pathlock","description":"The Leader in Application Security and Controls Automation","publisher":{"@id":"https:\/\/pathlock.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pathlock.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/pathlock.com\/fr\/#organization","name":"Pathlock, Inc","url":"https:\/\/pathlock.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/pathlock.com\/fr\/#\/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\/fr\/#\/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\/fr\/wp-json\/wp\/v2\/pages\/44572","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pathlock.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pathlock.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pathlock.com\/fr\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/pathlock.com\/fr\/wp-json\/wp\/v2\/comments?post=44572"}],"version-history":[{"count":0,"href":"https:\/\/pathlock.com\/fr\/wp-json\/wp\/v2\/pages\/44572\/revisions"}],"wp:attachment":[{"href":"https:\/\/pathlock.com\/fr\/wp-json\/wp\/v2\/media?parent=44572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}