{"id":43801,"date":"2021-09-22T13:17:54","date_gmt":"2021-09-22T17:17:54","guid":{"rendered":"https:\/\/pathlock.com\/nos-partenaires\/"},"modified":"2025-11-05T07:02:40","modified_gmt":"2025-11-05T15:02:40","slug":"our-partners","status":"publish","type":"page","link":"https:\/\/pathlock.com\/fr\/our-partners\/","title":{"rendered":"Our partners"},"content":{"rendered":"<style>\n    \/* Style for when body has overflow hidden *\/\n    body.modal-open {\n        overflow: hidden;\n    }\n\n    @media (max-width: 1024px) {\n        .hero-partners {\n            background-image: none !important;\n\n        }\n    }\n\n<\/style>\n<script type=\"module\" src=\"https:\/\/fast.wistia.com\/embed\/api.js\" async><\/script>\n<script src=\"https:\/\/fast.wistia.com\/assets\/external\/E-v1.js\" async><\/script>\n<!-- Hero -->\n<div class=\"overflow-hidden\">\n    <div class=\"mt-[80px]\">\n        <section x-data=\"modalForm()\"\n                 class=\"hero-partners w-full flex justify-center pt-12 pb-18 lg:pb-80 lg:pt-24 z-50 bg-[#0F1556]\"\n                            style=\"background-image:url('https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/BG-Hero-x.svg'); background-size:cover; background-position:center center;\"\n            >\n            <div class=\"flex flex-col mx-auto px-4\">\n                <div class=\"pb-24  gap-4 md:gap-5 text-center\">\n                    <div class=\"flex flex-col gap-8 md:gap-12 items-center\">\n                        <div class=\"flex flex-col gap-4 md:gap-5\">\n                            <div class=\"flex flex-col gap-2 md:gap-4 max-w-[1005px] mx-auto\">\n                                <div class=\"hidden lg:flex flex-row items-center mx-auto\">\n                                    <div class=\"justify-center items-center flex\">\n                                        <a href=\"https:\/\/pathlock.com\/\" target=\"\"\n                                           class=\"text-[#ced5ee] hover:text-[#24B770] text-xs font-normal leading-[18px]\">\n                                            Accueil                                        <\/a>\n                                    <\/div>\n                                    <div class=\"relative\">\n                                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"\n                                             xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M6 12L10 8L6 4\" stroke=\"#96A1C8\" stroke-width=\"1.33333\"\n                                                  stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"justify-center items-center flex gap-1\">\n                                        <div class=\"text-[#24B770] text-xs font-semibold leading-[18px]\">Partenaires<\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <h1 class=\"text-white font-semibold text-[28px] md:text-6xl leading-[30px] md:leading-[72px] md:tracking-[-1.2px] \">\n                                    Assurer ensemble une gouvernance des identit\u00e9s tenant compte des risques                                <\/h1>\n                            <\/div>\n                            <div class=\"max-w-[720px] mx-auto\">\n                                <p class=\"text-sm md:text-lg text-[#f2f9ff] leading-[20px] md:leading-[28px] font-normal\">\n                                    Les partenaires de Pathlock poss\u00e8dent des capacit\u00e9s uniques allant de la conception et de la mise en \u0153uvre de syst\u00e8mes \u00e0 l\u2019att\u00e9nuation des risques et aux services de conseil, apportant \u00e0 nos clients les meilleures pratiques en mati\u00e8re de gouvernance des identit\u00e9s tenant compte des risques.                                <\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"w-full flex gap-3 flex-col md:flex-row justify-center flex-wrap\">\n                                                            <button @click=\"openModal('fd03870f-f95d-4883-9f13-6f350fad0c1d')\"\n                                        class=\"h-12 px-[18px] py-3 bg-[#24b770] hover:bg-[#148752] rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] justify-center items-center gap-1.5 inline-flex overflow-hidden\"\n                                        type=\"button\">\n                                    <div class=\"px-0.5 justify-center items-center flex\">\n                                        <div class=\"text-white text-base font-semibold leading-normal\">Devenir partenaire<\/div>\n                                    <\/div>\n                                <\/button>\n                                                        <a class=\"h-12 px-[18px] py-3 bg-white hover:bg-[#E3E7F6] rounded-lg shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)] border border-[#e3e7f6] justify-center items-center gap-1.5 inline-flex overflow-hidden\" href=\"\/fr\/our-partners\/partner-catalog\/\">\n                            <div class=\"px-0.5 justify-center items-center flex\">\n                                <div class=\"text-[#0f1556] text-base font-semibold leading-normal\">Trouver un partenaire<\/div>\n                            <\/div>\n                        <\/a>                            <div class=\"basis-full flex justify-center md:mt-5 group\">\n                                                                    <a class=\"flex text-white items-center font-semibold group-hover:text-[#44C382]  leading-7 transition-colors duration-300\"\n                                       href=\"https:\/\/portal.pathlock.com\/\">Explorer le portail des partenaires                                        <span class=\"rtl:mr-2 rtl:ml-0 ml-2 rtl:rotate-180 stroke-white group-hover:stroke-[#44C382] group-hover:translate-x-0.5 rtl:group-hover:-translate-x-0.5 transition ease-in-out duration-300\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                        <\/span>\n                                    <\/a>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div x-show=\"activeModal !== null\" x-cloak class=\"fixed inset-0 z-50\"\n                 x-effect=\"document.body.style.overflow = activeModal ? 'hidden' : ''\">\n                <!-- Modal Backdrop -->\n                <div\n                        class=\"fixed inset-0 bg-[#0f1556] bg-opacity-60\"\n                        x-transition:enter=\"transition ease-out duration-300\"\n                        x-transition:enter-start=\"opacity-0\"\n                        x-transition:enter-end=\"opacity-100\"\n                        x-transition:leave=\"transition ease-in duration-300\"\n                        x-transition:leave-start=\"opacity-100\"\n                        x-transition:leave-end=\"opacity-0\"\n                ><\/div>\n\n                <!-- Modal Wrapper for Centering -->\n                <div class=\"fixed inset-0 flex items-center justify-center z-50 p-4\">\n                    <div class=\"relative bg-white max-w-md w-full rounded-lg shadow-lg\"\n                         @click.away=\"closeModal()\">\n                        <!-- Close Button -->\n                        <div class=\"flex justify-end p-2\">\n                            <button\n                                    @click=\"closeModal()\"\n                                    class=\"text-gray-800 hover:bg-gray-100 p-2 rounded-full focus:outline-none\"\n                            >\n                                <svg\n                                        class=\"h-6 w-6\"\n                                        fill=\"none\"\n                                        stroke=\"currentColor\"\n                                        viewBox=\"0 0 24 24\"\n                                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                >\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                          d=\"M6 18L18 6M6 6l12 12\"\/>\n                                <\/svg>\n                            <\/button>\n                        <\/div>\n\n                        <!-- Modal Content -->\n                        <div class=\"p-8 pt-0 lg:px-10 lg:pb-12 bg-white\">\n                            <script charset=\"utf-8\" type=\"text\/javascript\"\n                                    src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n                            <div id=\"form-copy\" class=\"form-container flex-col\">\n                                <div class=\"flex-col justify-start items-start gap-3 mb-5 inline-flex text-center w-full\">\n                                    <div id=\"form-title\"\n                                         class=\"self-stretch text-center text-[#0f1556] text-xl lg:text-2xl font-bold leading-[30px]\">Devenir partenaire Pathlock<\/div>\n                                    <div id=\"form-subtitle\"\n                                         class=\"text-center text-[#667084] text-xs lg:text-sm font-normal leading-normal w-full\">Rejoignez-nous dans notre mission visant \u00e0 garantir un parcours sans risque<\/div>\n                                <\/div>\n                                <div id=\"hero-header-form-container\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n<\/div>\n<!-- Video -->\n<section class=\"w-full relative flex justify-center pb-24 bg-[#F5F6FC]\" x-data=\"{ showModal: false }\">\n    <div class=\"flex flex-col container mx-auto px-4 lg:px-8\">\n        <div class=\"mt-[-64px] lg:mt-[-320px]\">\n            <!-- Looped 10-second Wistia video -->\n            <div>\n                <div class=\"relative cursor-pointer hover:cursor-pointer shadow-lg rounded-xl\"\n                     @click=\"showModal = true; pauseLoopedVideo(); document.body.classList.add('modal-open');\">\n                    <div class=\"overlay bg-black\/15 absolute h-full w-full left-0 top-0 right-0 bottom-0 z-[1] rounded-xl flex justify-center items-center\">\n                        <div class=\"group\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"131\" height=\"131\" viewBox=\"0 0 131 131\"\n                                 fill=\"none\">\n                                <!-- SVG content unchanged -->\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\"\n                                   style=\"transform-origin: center;\">\n                                    <g filter=\"\">\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\"><\/path>\n                                    <\/g>\n                                <\/g>\n                                <defs>\n                                    <filter id=\"filter0_b_797_1676\" 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\"\n                                                     result=\"effect1_backgroundBlur_797_1676\"\/>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_797_1676\"\n                                                 result=\"shape\"\/>\n                                    <\/filter>\n                                    <filter id=\"filter1_d_797_1676\" x=\"0.299999\" y=\"0.299999\" width=\"129.931\"\n                                            height=\"129.916\" filterUnits=\"userSpaceOnUse\"\n                                            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\"\n                                                 result=\"effect1_dropShadow_797_1676\"\/>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_797_1676\"\n                                                 result=\"shape\"\/>\n                                    <\/filter>\n                                <\/defs>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Add ID for direct iframe access as fallback -->\n                    <div id=\"looped-video-container\">\n\n                        <div class=\"wistia_responsive_padding\"\n                             style=\"padding:56.25% 0 0 0;position:relative;border-radius: 8px; overflow: hidden;\">\n                            <div class=\"wistia_responsive_wrapper\"\n                                 style=\"height:100%;left:0;position:absolute;top:0;width:100%;\">\n                                <div class=\"wistia_embed wistia_async_pw7430j644 videoFoam=true autoPlay=true loop=true muted=true\"\n                                     style=\"height:100%;position:relative;width:100%\">\n                                    <div class=\"wistia_swatch\"\n                                         style=\"height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity 200ms;width:100%;\">\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n\n\n                <div x-show=\"showModal === true\" x-cloak class=\"fixed inset-0\" style=\"z-index: 99;\">\n                    <!-- Modal Backdrop -->\n                    <div\n                            class=\"fixed inset-0 bg-[#0f1556] bg-opacity-60\"\n                            x-transition:enter=\"transition ease-out duration-300\"\n                            x-transition:enter-start=\"opacity-0\"\n                            x-transition:enter-end=\"opacity-100\"\n                            x-transition:leave=\"transition ease-in duration-300\"\n                            x-transition:leave-start=\"opacity-100\"\n                            x-transition:leave-end=\"opacity-0\"\n                    ><\/div>\n\n                    <!-- Modal Content -->\n                    <div class=\"fixed inset-0 flex items-center justify-center p-4\">\n                        <div\n                                @click.stop\n                                x-transition:enter=\"transition ease-out duration-300\"\n                                x-transition:enter-start=\"opacity-0 transform scale-90\"\n                                x-transition:enter-end=\"opacity-100 transform scale-100\"\n                                x-transition:leave=\"transition ease-in duration-300\"\n                                x-transition:leave-start=\"opacity-100 transform scale-100\"\n                                x-transition:leave-end=\"opacity-0 transform scale-90\"\n                                class=\"rounded-lg max-w-5xl overflow-hidden w-full mx-4 relative\"\n                        >\n                            <div class=\"flex justify-end items-center p-4 absolute z-10 right-4\">\n                                <button\n                                        @click=\"showModal = false; resumeLoopedVideo(); document.body.classList.remove('modal-open');\"\n                                        class=\"bg-white hover:bg-gray-100 text-gray-800 p-2 rounded-full focus:outline-none\"\n                                >\n                                    <svg\n                                            class=\"h-6 w-6\"\n                                            fill=\"none\"\n                                            stroke=\"currentColor\"\n                                            viewBox=\"0 0 24 24\"\n                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                    >\n                                        <path\n                                                stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\"\n                                                stroke-width=\"2\"\n                                                d=\"M6 18L18 6M6 6l12 12\"\n                                        ><\/path>\n                                    <\/svg>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"p-4 pt-0\">\n                                <script src=\"https:\/\/fast.wistia.com\/player.js\" async><\/script>\n                                <script src=\"https:\/\/fast.wistia.com\/embed\/z2922m0bla\" async\n                                        type=\"module\"><\/script>\n                                <wistia-player media-id=\"z2922m0bla\" aspect=\"1.7777777777777777\"\n                                               loading=\"lazy\"><\/wistia-player>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n    <style>\n        #breadcrumbs > span {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.25rem;\n        }\n\n        .breadcrumb_last {\n            color: #24b770;\n            font-weight: 600;\n        }\n\n        .breadcrumbs__container a:hover {\n            color: #24b770;\n        }\n\n    <\/style>\n    <!-- Improved Wistia control script with multiple approaches -->\n    <script>\n        \/\/ Track the looped video instance\n        let loopedVideoInstance = null;\n\n        \/\/ Initialize Wistia API\n        window._wq = window._wq || [];\n\n        \/\/ Set up video ready handler\n        window._wq.push({\n            id: \"pw7430j644\",\n            options: {\n                autoPlay: true,\n                muted: true,\n                silentAutoPlay: true,\n                endVideoBehavior: \"loop\"\n            },\n            onReady: function (video) {\n                loopedVideoInstance = video;\n                console.log(\"Loop mode enabled for video:\", \"pw7430j644\");\n            }\n        });\n\n        \/\/ Function to toggle loop mode (\u0432\u043a\u043b\/\u0432\u044b\u043a\u043b)\n        function setLoopMode(enable) {\n            if (loopedVideoInstance) {\n                try {\n                    loopedVideoInstance.loop(enable);\n                    console.log(\"Loop mode set to:\", enable);\n                } catch (e) {\n                    console.log(\"Failed to set loop mode:\", e);\n                }\n            }\n        }\n\n        \/\/ Function to pause the looped video with multiple fallbacks\n        function pauseLoopedVideo() {\n            \/\/ Method 1: Direct instance\n            if (loopedVideoInstance) {\n                try {\n                    loopedVideoInstance.pause();\n                    return;\n                } catch (e) {\n                    console.log(\"Failed to pause using direct instance:\", e);\n                }\n            }\n\n            \/\/ Method 2: Wistia API\n            if (window.Wistia && window.Wistia.api) {\n                try {\n                    const video = window.Wistia.api(\"pw7430j644\");\n                    if (video) {\n                        video.pause();\n                        return;\n                    }\n                } catch (e) {\n                    console.log(\"Failed to pause using Wistia.api:\", e);\n                }\n            }\n\n            \/\/ Method 3: Direct iframe access (last resort)\n            try {\n                const container = document.getElementById(\"looped-video-container\");\n                if (container) {\n                    const iframe = container.querySelector(\"iframe\");\n                    if (iframe) {\n                        \/\/ Force pause by removing or hiding the iframe temporarily\n                        iframe.style.visibility = \"hidden\";\n                        setTimeout(() => {\n                            iframe.style.visibility = \"visible\";\n                        }, 50);\n                    }\n                }\n            } catch (e) {\n                console.log(\"Failed to use visibility toggle method:\", e);\n            }\n        }\n\n        \/\/ Function to resume the looped video\n        function resumeLoopedVideo() {\n            \/\/ Method 1: Direct instance\n            if (loopedVideoInstance) {\n                try {\n                    loopedVideoInstance.play();\n                    return;\n                } catch (e) {\n                    console.log(\"Failed to resume using direct instance:\", e);\n                }\n            }\n\n            \/\/ Method 2: Wistia API\n            if (window.Wistia && window.Wistia.api) {\n                try {\n                    const video = window.Wistia.api(\"pw7430j644\");\n                    if (video) {\n                        video.play();\n                        return;\n                    }\n                } catch (e) {\n                    console.log(\"Failed to resume using Wistia.api:\", e);\n                }\n            }\n\n            \/\/ Method 3: Reload the video (last resort)\n            try {\n                const container = document.getElementById(\"looped-video-container\");\n                if (container) {\n                    const iframe = container.querySelector(\"iframe\");\n                    if (iframe && iframe.style.visibility === \"hidden\") {\n                        iframe.style.visibility = \"visible\";\n                    }\n                }\n            } catch (e) {\n                console.log(\"Failed to make iframe visible:\", e);\n            }\n        }\n    <\/script>\n\n<\/section>\n<style>\n    .header-form-container {\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        padding: 40px;\n        max-width: 430px;\n        width: 100%;\n        margin: 0 auto;\n        box-sizing: border-box;\n        background-color: #ffffff;\n        border-radius: 8px;\n        border: 1px solid #D6D8E4;\n        box-shadow: 0px 30px 48px rgba(16, 24, 89, 0.1);\n    }\n\n\n    #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 15px;\n        width: 100%;\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n        font-family: 'Inter', sans-serif;\n        background: none;\n        box-shadow: none;\n        border: none;\n        font-size: 14px;\n    }\n\n\n    #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-firstname, #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-jobtitle {\n        flex: 0 0 100%;\n        min-width: 0;\n        box-sizing: border-box;\n        font-size: 14px\n    }\n\n    #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-lastname, #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-phone {\n        flex: 0 0 100%;\n        min-width: 0;\n        box-sizing: border-box;\n        font-size: 14px\n    }\n\n\n    @media screen and (min-width: 1280px) {\n        #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-firstname, #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-jobtitle {\n            flex: 0 0 calc(45% - 7.5px);\n            min-width: 0;\n            box-sizing: border-box;\n        }\n\n        #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-lastname, #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-phone {\n            flex: 0 0 calc(55% - 7.5px);\n            min-width: 0;\n            box-sizing: border-box;\n        }\n    }\n\n    #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-email, #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs-company, #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs_numemployees, #hsForm_fd03870f-f95d-4883-9f13-6f350fad0c1d .hs_comments__c {\n        flex: 0 0 100%;\n        min-width: 0;\n        box-sizing: border-box;\n        font-size: 14px\n    }\n\n    \/* Input fields *\/\n\n    .hs-input {\n        width: 100%;\n        padding: 10px 14px;\n        border: 1px solid #ccc;\n        border-radius: 5px;\n        font-size: 14px\n    }\n\n    \/* Select dropdown *\/\n\n    select.hs-input {\n        appearance: none;\n        background: white;\n        cursor: pointer;\n        color: #667085;\n    }\n\n    \/* Textarea *\/\n\n    textarea.hs-input {\n        resize: none !important;\n        height: 5em !important;\n    }\n\n    \/* Submit Button *\/\n    .hs_submit {\n        display: inline-flex;\n        width: 100%;\n\n        .actions {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            width: 100%;\n        }\n    }\n\n    .hs-button {\n        width: 100%;\n        \/* display: flex; *\/\n        background: #24b770;\n        color: white;\n        padding: 12px;\n        border: none;\n        border-radius: 5px;\n        font-size: 16px;\n        font-weight: 600;\n        cursor: pointer;\n        transition: background 0.3s ease;\n    }\n\n    .hs-button:hover {\n        background: #148752;\n    }\n\n\n    .hs-error-msgs {\n        color: red;\n        font-size: 12px;\n    }\n\n    .legal-consent-container {\n        order: 999;\n        color: #96a1c8;\n        font-size: 12px;\n        text-align: center;\n        width: 100%;\n        margin-top: -8px;\n    }\n\n    .legal-consent-container a {\n        text-decoration: underline;\n    }\n<\/style>\n<script>\n\n    function modalForm() { \/\/ This is for Section 1\n\n        const lang = \"fr\";\n\n        const messages = {\n            en: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Thank you!<\/div>\n            <p>Our Partner team will reach out to you shortly.<\/p>\n        <\/div>\n    `,\n            de: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Vielen Dank!<\/div>\n            <p>Unser Partner-Team wird sich in K\u00fcrze bei Ihnen melden.<\/p>\n        <\/div>\n    `,\n            fr: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Merci!<\/div>\n            <p>Notre \u00e9quipe partenaire vous contactera sous peu.<\/p>\n        <\/div>\n    `,\n            es: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">\u00a1Gracias!<\/div>\n            <p>Nuestro equipo de socios se pondr\u00e1 en contacto con usted pronto.<\/p>\n        <\/div>\n    `,\n            pt: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Obrigado!<\/div>\n            <p>Nossa equipe de parceiros entrar\u00e1 em contato com voc\u00ea em breve.<\/p>\n        <\/div>\n    `,\n            ar: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">\u0634\u0643\u0631\u064b\u0627 \u0644\u0643!<\/div>\n            <p>\u0633\u064a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0641\u0631\u064a\u0642 \u0627\u0644\u0634\u0631\u0643\u0627\u0621 \u0644\u062f\u064a\u0646\u0627 \u0642\u0631\u064a\u0628\u064b\u0627.<\/p>\n        <\/div>\n    `\n        };\n\n        return {\n            activeModal: null,\n            isFormInitialized: false, \/\/ New flag for Section 1's form\n            formTargetId: 'hero-header-form-container', \/\/ The ID of the div where S1 form renders\n\n            openModal(modalId) {\n                console.log('openModal', modalId);\n                this.activeModal = modalId;\n                \/\/ Only initialize the form if it's this modal's ID AND it hasn't been initialized yet for this instance\n                if (modalId === 'fd03870f-f95d-4883-9f13-6f350fad0c1d' && !this.isFormInitialized) {\n                    this.initializeHubspotForm();\n                }\n            },\n            closeModal() {\n                this.activeModal = null;\n                \/\/ OPTIONALLY: Clean up the form when modal closes to be safer\n                \/\/ const targetEl = document.getElementById(this.formTargetId);\n                \/\/ if (targetEl) {\n                \/\/     targetEl.innerHTML = ''; \/\/ Clear the form\n                \/\/ }\n                \/\/ this.isFormInitialized = false; \/\/ Allow re-initialization next time\n                \/\/ Or, if HubSpot handles subsequent `create` calls to the same target well,\n                \/\/ you might not need to clear\/reset `isFormInitialized`.\n                \/\/ Testing is key here.\n            },\n            initializeHubspotForm() {\n                if (this.isFormInitialized) return; \/\/ Already done for this S1 modal instance\n\n                const targetEl = document.getElementById(this.formTargetId);\n                if (!targetEl) {\n                    console.error(`Section 1: Target container #${this.formTargetId} not found.`);\n                    return;\n                }\n                \/\/ Ensure it's empty if we are re-initializing (though `isFormInitialized` should prevent this unless modal is fully reset)\n                \/\/ targetEl.innerHTML = '';\n\n                \/\/ Safely resolve CID if helper is missing on this page\n                var cid = null;\n                try {\n                    if (typeof getCID === 'function') {\n                        cid = getCID();\n                    }\n                } catch (e) {\n                    console.warn('getCID unavailable, using default campaign id.');\n                }\n                if (cid == null) {\n                    cid = \"701PZ00000IlEYNYA3\";\n                }\n\n                \/\/ Ensure HubSpot library is loaded before creating the form\n                if (!window.hbspt || !window.hbspt.forms || !window.hbspt.forms.create) {\n                    setTimeout(() => this.initializeHubspotForm(), 120);\n                    return;\n                }\n\n                hbspt.forms.create({\n                    region: \"na1\",\n                    portalId: \"20500227\",\n                    formId: \"fd03870f-f95d-4883-9f13-6f350fad0c1d\", \/\/ The form_id for Section 1\n                    target: `#${this.formTargetId}`,      \/\/ Target S1's specific div\n                    css: \"\",\n                    locale: \"fr\",\n                    translations: {\n                        en: {submitText: \"Submit Application\"},\n                        de: {submitText: \"Envoyer une demande\"},\n                        fr: {submitText: \"Envoyer une demande\"},\n                        es: {submitText: \"Envoyer une demande\"},\n                        pt: {submitText: \"Envoyer une demande\"},\n                        ar: {submitText: \"Envoyer une demande\"},\n                    },\n                    \/\/ ... (rest of your S1 form config: customizations, sfdcCampaignId, onFormReady, onFormSubmitted)\n                    sfdcCampaignId: cid,\n                    onFormReady: ($form) => {\n                        this.isFormInitialized = true; \/\/ Mark as initialized for S1\n                        console.log(\"Section 1 HubSpot form ready.\");\n                        if (cid) {\n                            $form.find('input[name=\"cid\"]').val(cid);\n                        }\n                    },\n                    onFormSubmitted: (jqueryFormObject, data) => {\n\n                        const formEl = jqueryFormObject.get(0);\n                        if (!formEl) return;\n\n                        const parentContainer = formEl.closest('.form-container');\n                        if (!parentContainer) return;\n\n                        parentContainer.innerHTML = messages[lang] || messages['en'];\n\n                        \/\/ ... S1 specific submission logic ...\n\n                        console.log(\"Section 1 Form Submitted:\", data);\n                        const submittedValues = data.submissionValues;\n                        if (submittedValues && submittedValues.sap_version) {\n                            const sapVersionSelected = submittedValues.sap_version;\n                            let redirectUrl = 'https:\/\/pathlock.com\/fr\/default-thank-you\/'; \/\/ Default thank you page\n\n                            if (sapVersionSelected === 'sap_basis_release_7.4x-7.52') {\n                                redirectUrl = 'https:\/\/pathlock.com\/fr\/thank-you-sap-basis\/';\n                            } else if (sapVersionSelected === 's4hana_1909_and_above') {\n                                redirectUrl = 'https:\/\/pathlock.com\/fr\/thank-you-s4hana\/';\n                            }\n                            \/\/ Add more else if blocks for other sap_version values if needed\n\n                            \/\/ Perform the redirect\n                            \/\/ HubSpot often handles its own \"thank you\" message display or inline redirect.\n                            \/\/ If you want to override HubSpot's default \"thank you\" behavior and *always* redirect:\n                            console.log('Redirecting to:', redirectUrl, 'for SAP version:', sapVersionSelected);\n                            window.location.href = redirectUrl;\n\n                        } else {\n                            let redirectUrl = 'https:\/\/pathlock.com\/fr\/thank-you-cac\/'; \/\/ Default thank you page\n                            \/\/\/  window.location.href = redirectUrl;\n                        }\n                    }\n                });\n            }\n        }\n    }\n<\/script>\n\n\n\n\n\n\n\n<section class=\"bg-[#F5F6FC]\">\n    <div class=\"container mx-auto px-4 lg:px-8 flex flex-col pb-16 md:pb-24 self-stretch md:self-auto items-center gap-8\">\n                <h2 class=\"text-[#148752] text-center text-sm font-extrabold leading-[30px] tracking-[1.4px] uppercase\">\n            PARTENAIRES PATHLOCK        <\/h2>\n                <!-- Partner Cards Content -->\n                <div class=\"w-full grid grid-cols-1 xl:grid-cols-3 gap-8 px-4 md:p-0 items-start self-stretch md:self-auto\">\n                        <!-- Product Card -->\n            <div class=\"flex flex-col items-start self-stretch rounded-b-lg rounded-l-lg border-r border-b border-l border-[#E3E7F6] bg-white\">\n                <!-- Product Card Upper -->\n                <div class=\"w-full flex-col justify-start items-start inline-flex\">\n                <div class=\"self-stretch px-8 pt-11 pb-12 bg-white border-t-4 rounded-b-lg\" style=\"border-top-color: #24b770;\">\n                    <div class=\"self-stretch flex-col justify-start items-center gap-6 flex\">\n                    <h2 class=\"xl:self-stretch text-center text-[#0f1556] text-[28px] font-semibold font-['Inter'] leading-8\">\n                        Partenaires de services                    <\/h2>\n                    <p class=\"self-stretch text-center text-[#2a3274] text-base font-normal font-['Inter'] leading-normal\">\n                        Les partenaires de services Pathlock offrent un support de bout en bout, y compris un d\u00e9ploiement transparent, une optimisation du syst\u00e8me et une gestion des risques, adapt\u00e9s pour maximiser la valeur commerciale de notre plateforme pour chaque client Pathlock.                    <\/p>\n                                            <a class=\"w-[100%] xl:w-[310px] px-[18px] py-3 bg-white rounded-lg shadow-[0px_1px_2px_0px_rgba(15,21,86,0.05)] border border-[#e3e7f6] justify-center items-center gap-1.5 inline-flex overflow-hidden text-[#0f1556] text-base font-semibold leading-normal hover:bg-[#24B770] hover:text-white\"\n                           href=\"\/fr\/our-partners\/partner-catalog\/?type%5B%5D=services-partner\"\n                           target=\"_self\">\n                        Voir tous les partenaires                        <\/a>\n                                        <\/div>\n                <\/div>\n                <\/div>\n            <\/div>\n                        <!-- Product Card -->\n            <div class=\"flex flex-col items-start self-stretch rounded-b-lg rounded-l-lg border-r border-b border-l border-[#E3E7F6] bg-white\">\n                <!-- Product Card Upper -->\n                <div class=\"w-full flex-col justify-start items-start inline-flex\">\n                <div class=\"self-stretch px-8 pt-11 pb-12 bg-white border-t-4 rounded-b-lg\" style=\"border-top-color: #077f92;\">\n                    <div class=\"self-stretch flex-col justify-start items-center gap-6 flex\">\n                    <h2 class=\"xl:self-stretch text-center text-[#0f1556] text-[28px] font-semibold font-['Inter'] leading-8\">\n                        Partenaires technologiques                    <\/h2>\n                    <p class=\"self-stretch text-center text-[#2a3274] text-base font-normal font-['Inter'] leading-normal\">\n                        Nos partenaires technologiques collaborent avec Pathlock pour am\u00e9liorer les capacit\u00e9s de notre plateforme, stimuler l\u2019innovation et permettre des solutions int\u00e9gr\u00e9es qui garantissent une interop\u00e9rabilit\u00e9 transparente avec les principales technologies d\u2019entreprise.                    <\/p>\n                                            <a class=\"w-[100%] xl:w-[310px] px-[18px] py-3 bg-white rounded-lg shadow-[0px_1px_2px_0px_rgba(15,21,86,0.05)] border border-[#e3e7f6] justify-center items-center gap-1.5 inline-flex overflow-hidden text-[#0f1556] text-base font-semibold leading-normal hover:bg-[#24B770] hover:text-white\"\n                           href=\"\/fr\/our-partners\/partner-catalog\/?type%5B%5D=technology-partner\"\n                           target=\"_self\">\n                        Voir tous les partenaires                        <\/a>\n                                        <\/div>\n                <\/div>\n                <\/div>\n            <\/div>\n                        <!-- Product Card -->\n            <div class=\"flex flex-col items-start self-stretch rounded-b-lg rounded-l-lg border-r border-b border-l border-[#E3E7F6] bg-white\">\n                <!-- Product Card Upper -->\n                <div class=\"w-full flex-col justify-start items-start inline-flex\">\n                <div class=\"self-stretch px-8 pt-11 pb-12 bg-white border-t-4 rounded-b-lg\" style=\"border-top-color: #3e42b5;\">\n                    <div class=\"self-stretch flex-col justify-start items-center gap-6 flex\">\n                    <h2 class=\"xl:self-stretch text-center text-[#0f1556] text-[28px] font-semibold font-['Inter'] leading-8\">\n                        Partenaires de distribution                    <\/h2>\n                    <p class=\"self-stretch text-center text-[#2a3274] text-base font-normal font-['Inter'] leading-normal\">\n                        Les partenaires de distribution de Pathlock comprennent des revendeurs et des distributeurs et \u00e9tendent notre port\u00e9e mondiale, en g\u00e9rant la logistique, les ventes et l\u2019engagement r\u00e9gional pour favoriser l\u2019adoption de la plate-forme dans tous les secteurs et toutes les zones g\u00e9ographiques.                    <\/p>\n                                            <a class=\"w-[100%] xl:w-[310px] px-[18px] py-3 bg-white rounded-lg shadow-[0px_1px_2px_0px_rgba(15,21,86,0.05)] border border-[#e3e7f6] justify-center items-center gap-1.5 inline-flex overflow-hidden text-[#0f1556] text-base font-semibold leading-normal hover:bg-[#24B770] hover:text-white\"\n                           href=\"\/fr\/our-partners\/partner-catalog\/?type%5B%5D=distribution-partner\"\n                           target=\"_self\">\n                        Voir tous les partenaires                        <\/a>\n                                        <\/div>\n                <\/div>\n                <\/div>\n            <\/div>\n                    <\/div>\n        \n        <div class=\"relative container mx-auto text-center overflow-hidden mt-8\">\n            <div class=\"absolute left-0 top-0 bottom-0 w-24 z-10 pointer-events-none\" style=\"background: linear-gradient(90deg, #F5F6FC 0%, rgba(255,255,255,0) 100%);\"><\/div>\n            <div class=\"absolute right-0 top-0 bottom-0 w-24 z-10 pointer-events-none\" style=\"background: linear-gradient(270deg, #F5F6FC 0%, rgba(255,255,255,0) 100%);\"><\/div>\n                            <div x-data=\"marquee('right')\" class=\"overflow-hidden w-full\">\n                    <div x-ref=\"container\" class=\"flex\" @mouseenter=\"pause()\" @mouseleave=\"play()\">\n                        <div x-ref=\"original\" class=\"flex gap-[60px] pr-[18px]\">\n                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Accenture_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Adsotech_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Aglea_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Logo-AXT-200x50-INV-web-copy-1.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Birlasoft_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Br1ght_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/CAG_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Carahsoft_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/CDW_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Credence-IA_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Deloitte_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/EY_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Fusion5_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Guidepoint_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/GulfIT_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/IBM_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/KPMG_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Lukardi_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Mindsquare_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/MS_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Oracle_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/PWC_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Quistor_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Resulting-IT_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Servicenow_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Taborda_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Turkey_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Version1_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Workday_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Protivity_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                                                                <span class=\"inline-flex items-center justify-center bg-[#F5F6FC] rounded-lg p-2 h-16 w-32\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Br1ght_logo.svg\" alt=\"\" class=\"max-h-12 max-w-full object-contain\" \/>\n                                    <\/span>\n                                                                                    <\/div>\n                        <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n<script>\ndocument.addEventListener('alpine:init', () => {\n  Alpine.data('marquee', (direction = 'left') => ({\n    \/\/ Configuration\n    speed: 0.18,\n    paused: false,\n    \n    \/\/ State\n    position: 0,\n    animationId: null,\n    containerWidth: 0,\n    \n    \/\/ Initialize the marquee\n    init() {\n      this.$nextTick(() => {\n        \/\/ Clone the original items\n        const original = this.$refs.original;\n        const clone = this.$refs.clone;\n        clone.innerHTML = original.innerHTML;\n        \n        \/\/ Calculate container width\n        this.containerWidth = original.offsetWidth;\n        \n        \/\/ Set initial position based on direction\n        this.position = direction === 'left' ? -this.containerWidth : 0;\n        \n        \/\/ Start animation\n        this.play();\n      });\n    },\n    \n    \/\/ Start the animation\n    play() {\n      this.paused = false;\n      if (!this.animationId) {\n        this.animate();\n      }\n    },\n    \n    \/\/ Pause the animation\n    pause() {\n      this.paused = true;\n      if (this.animationId) {\n        cancelAnimationFrame(this.animationId);\n        this.animationId = null;\n      }\n    },\n    \n    \/\/ Animation loop\n    animate() {\n      if (this.paused) return;\n      \n      \/\/ Update position\n      if (direction === 'left') {\n        this.position += this.speed;\n        if (this.position >= 0) {\n          this.position = -this.containerWidth;\n        }\n      } else {\n        this.position -= this.speed;\n        if (this.position <= -this.containerWidth) {\n          this.position = 0;\n        }\n      }\n      \n      \/\/ Apply transform\n      this.$refs.container.style.transform = `translateX(${this.position}px)`;\n      \n      \/\/ Continue animation loop\n      this.animationId = requestAnimationFrame(() => this.animate());\n    },\n    \n    \/\/ Clean up on component removal\n    destroy() {\n      this.pause();\n    }\n  }));\n});\n<\/script>\n\n\n\n\n\n\n\n<style>\n    @media (min-width: 1024px) {\n        section {\n            padding-top: var(--pt-desktop);\n            padding-bottom: var(--pb-desktop);\n        }\n    }\n<\/style>\n<!-- Section: Key Initiatives -->\n<section class=\"container mx-auto px-4 lg:px-8\" style=\"\n         --pt-mobile: 48px;\n         --pb-mobile: 48px;\n         --pt-desktop: 48px;\n         --pb-desktop: 48px;\n         padding-top: var(--pt-mobile);\n         padding-bottom: var(--pb-mobile);\n\">\n    <div class=\"w-full grid grid-cols-1 md:grid-cols-3 xl:grid-cols-3 gap-8 md:p-0 items-start self-stretch md:self-auto\">\n        <!-- Left Card -->\n        <div class=\"col-span-3 lg:col-span-1 flex items-center self-stretch rounded-lg\" style=\"background-image:url( https:\/\/pathlock.com\/wp-content\/uploads\/2025\/03\/Initiatives-BG.svg); background-size: cover; background-position: center center; background-repeat: no-repeat;\"> \n            <!-- <div class=\"flex items-center gap-2 self-stretch md:p-0 md:rounded-lg xl:w-min-1\/3\"> -->\n                <div class=\"flex py-16 flex-[1_1_0]\">\n                    <!-- Left Card Content -->\n                    <div class=\"flex flex-col pl-8 pr-5 justify-center items-start gap-5 flex-[1_1_0]\">\n                        <div class=\"flex flex-col items-start gap-5 self-stretch\">\n                            <h2 class=\"text-[#FAFBFD] font-semibold text-4xl tracking-[-0.72px]\">\n                                Initiatives cl\u00e9s                            <\/h2>\n                        <\/div>\n                        <div class=\"flex flex-col items-start gap-[30px] self-stretch\">\n                            <p class=\"text-[#FAFBFD] text-xl\"> D\u00e9couvrez comment Pathlock peut vous aider \u00e0 relever votre d\u00e9fi commercial unique.<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <!-- <\/div> -->\n        <\/div>\n        <!-- Initiatives Features -->\n        <div class=\"col-span-3 lg:col-span-2\"> \n            <div class=\"grid md:grid-cols-2 gap-8\"> \n                                        <a href=\"\/fr\/use-cases\/erp-and-cloud-migrations\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        Transformation num\u00e9rique                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        Plus de 50 % des projets ERP d\u00e9passent les budgets et les d\u00e9lais pr\u00e9vus. Pathlock vous aide \u00e0 simplifier la transformation num\u00e9rique et \u00e0 r\u00e9ussir votre modernisation.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">En savoir plus<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"\/fr\/use-cases\/sox-software\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        Conformit\u00e9 SOX                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        40 % des organisations \u00e9chouent \u00e0 au moins un contr\u00f4le SOX chaque ann\u00e9e. Pathlock vous aide \u00e0 \u00e9viter les \u00e9checs d\u2019audit, les retraitements et les atteintes \u00e0 la r\u00e9putation.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">En savoir plus<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"\/fr\/initiative\/audit-readiness\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        Pr\u00e9paration \u00e0 l\u2019audit                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        Les entreprises consacrent plus de 20 000 heures par an \u00e0 la conformit\u00e9. Pathlock automatise les processus manuels sujets aux erreurs afin de simplifier la pr\u00e9paration des audits.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">En savoir plus<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"\/fr\/initiative\/ipo-readiness\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        Pr\u00e9paration \u00e0 l\u2019introduction en bourse                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        32 % des entreprises signalent des faiblesses importantes li\u00e9es \u00e0 des probl\u00e8mes de SoD. Pathlock automatise des contr\u00f4les plus stricts pour garantir une introduction en bourse plus fluide.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">En savoir plus<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"\/fr\/use-cases\/nhi-governance\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        Gouvernance de NHI                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        Dans de nombreuses entreprises, les identit\u00e9s non humaines sont 20 fois plus nombreuses que les utilisateurs. Pathlock applique des contr\u00f4les rigoureux \u00e0 ces deux aspects afin de garantir la s\u00e9curit\u00e9 et la conformit\u00e9.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">En savoir plus<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"\/fr\/products\/cybersecurity-application-controls\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        Cybers\u00e9curit\u00e9 SAP                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        Prot\u00e9gez votre environnement SAP, du d\u00e9veloppement au d\u00e9ploiement. Pathlock s\u00e9curise les applications et les donn\u00e9es SAP afin de r\u00e9duire le risque de violation.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">En savoir plus<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                <\/div>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n\n<script>\n  window.wpVideoData = [{\"videoUrlMP4\":\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/kpmg2.mp4\",\"videoUrlWEBM\":\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/kpmg2.webm\",\"bgImage\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/10\/kpmg-2x.webp\",\"videoCover\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/10\/kpmg-2x.webp\",\"logo\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/10\/kpmg.svg\",\"mediaID\":\"yhd8fv0ubm\",\"person\":\"Mick McGarry | Responsable des offres am\u00e9ricaines pour les services GRC et cybers\u00e9curit\u00e9\",\"quote\":\"\u201cChez 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\u2026\u201d\",\"stat\":{\"value\":\"\",\"label\":\"\"},\"loaded\":false},{\"videoUrlMP4\":\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/protiviti.mp4\",\"videoUrlWEBM\":\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/protiviti.webm\",\"bgImage\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/10\/pro-2xpng.webp\",\"videoCover\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/10\/pro-2xpng.webp\",\"logo\":\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/10\/protiviti.svg\",\"mediaID\":\"gkwgurx0no\",\"person\":\"Kyle Wechsler | Responsable s\u00e9curit\u00e9, GRC et contr\u00f4les SAP\",\"quote\":\"\u201cPathlock fournit la plateforme logicielle qui rend applicables les strat\u00e9gies de gouvernance et de gestion des risques de Protiviti. \u201d\",\"stat\":{\"value\":\"\",\"label\":\"\"},\"loaded\":false}];\n<\/script>\n<style>\n    \/* Style for when body has overflow hidden *\/\n    body.modal-open {\n        overflow: hidden;\n    }\n<\/style>\n\n\n\n\n<section id=\"section-69dfe3be46e67\" class=\"w-full scroll-mt-28 bg-white py-8 lg:py-12\">\n  <div class=\"container mx-auto px-4 lg:px-8\">\n    <div class=\"relative container text-center flex justify-center align-center\">\n      <div class=\"text-center  text-[#0F1556] px-4 flex flex-col justify-center items-center\">\n                        <h2 class=\"text-3xl lg:text-5xl leading-[38px] lg:leading-[60px] max-w-[920px] font-semibold mb-4 lg:mb-5\">Reconnu par les principaux partenaires mondiaux<\/h2>\n        \n                <div class=\"text-lg max-w-[720px] lg:text-xl leading-[30px] font-normal\">\n            Pathlock collabore avec les principaux int\u00e9grateurs de syst\u00e8mes 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        \n      <\/div>\n    <\/div>\n\n    \n        <div class=\"relative container mt-10 lg:mt-16\">\n\n      <!-- Alpine Component Root - Controls both Desktop\/Mobile triggers and the Modal -->\n      <div\n        x-data=\"videoController()\"\n        class=\"relative min-h-[436px] lg:min-h-[500px]\"  \n\n        >\n        <!-- Desktop version (hover) -->\n        <div class=\"hidden lg:flex justify-center gap-4 w-full rounded-lg\">\n          <template x-for=\"(video, index) in videos\" :key=\"index\">\n            <template x-if=\"index >= desktopStartIndex &#038;&#038; index < desktopStartIndex + 3\">\n              <div\n  \n                :style=\"activeCard === index ? { flexBasis: 'calc(66.666% - 16px)' } : { flexBasis: '33.333%' }\"\n                class=\"h-[500px] relative rounded-lg transition-[flex-basis] duration-700 ease-out text-white overflow-hidden shrink-0\"\n\n              >\n                <!-- Background image (shown when not active) -->\n                <img x-show=\"activeCard !== index\" :src=\"video.bgImage\" class=\"no-override absolute inset-0 w-full h-full object-cover\" alt=\"Background Image\" \/>\n                <!-- Video cover (shown when  active) -->\n                <img x-show=\"activeCard === index\" :src=\"video.videoCover\" class=\"no-override absolute inset-0 w-full h-full object-cover\" alt=\"Video Cover\" \/>\n                <!-- Video container - always in DOM but hidden when inactive -->\n                <video\n                  x-show=\"activeCard === index\"\n                  :x-ref=\"'videoPlayer_' + index\"\n                  :data-index=\"index\"\n                  autoplay\n                  loop\n                  muted\n                  playsinline\n                  class=\"absolute inset-0 w-full h-full object-cover\"\n                  preload=\"none\"\n                >\n                  <source :src=\"video.loaded ? video.videoUrlMP4 : ''\" type=\"video\/mp4\">\n                  <source :src=\"video.loaded ? video.videoUrlWEBM : ''\" type=\"video\/webm\">\n                  Your browser does not support the video tag.\n                <\/video>\n\n                <!-- Content overlay -->\n                <div @mouseover=\"handleCardHover(index)\" class=\"flex cursor-pointer flex-col justify-between p-6 z-20 h-full relative\"\n                :style=\"{ backgroundImage: 'radial-gradient(ellipse 97.77% 123.36% at -27.33% 81.70%, #0F1556 0%, rgba(15, 21, 86, 0) 100%), linear-gradient(0deg, rgba(15, 21, 86, 0.30) 0%, rgba(15, 21, 86, 0.30) 100%)' }\">\n                  <div class=\"flex flex-col flex-start\">\n                    <div class=\"flex flex-row flex-start\">\n                      <img x-show=\"activeCard == index\"\n                           x-transition:enter=\"transition ease-out duration-300 delay-[200ms]\"\n                           x-transition:enter-start=\"transform opacity-0 translate-y-2\"\n                           x-transition:enter-end=\"transform opacity-100 translate-y-0\"\n                           :src=\"video.logo\" class=\"no-override flex flex-start object-contain\" alt=\"Logo\" \/>\n                    <\/div>\n                  <\/div>\n                  \n\n                  <!-- Active Card Content -->\n                  <div x-show=\"activeCard === index\" class=\"flex flex-col items-start z-10 max-w-[518px]\">\n                    <span\n                      x-show=\"activeCard === index\"\n                      x-transition:enter=\"transition ease-out duration-700 delay-500\"\n                      x-transition:enter-start=\"transform opacity-0 translate-y-3\"\n                      x-transition:enter-end=\"transfrom opacity-100 translate-y-0\"\n                      class=\"text-white text-3xl font-medium mb-4 leading-[38px]\"\n                      x-text=\"video.quote\"\n                    >\n                      \n                    <\/span>\n                    <span\n                      x-show=\"activeCard === index\"\n                      class=\"text-[#F5F6FC] text-sm mb-6\"\n                      x-transition:enter=\"transition ease-out duration-300 delay-[400ms]\"\n                      x-transition:enter-start=\"transform opacity-0 translate-y-2\"\n                      x-transition:enter-end=\"transfrom opacity-100 translate-y-0\"\n                      x-text=\"video.person\"\n                    >\n                  <\/span>\n                    <button @click.stop=\"openModal(video.mediaID)\" aria-label=\"Play video\" class=\"flex items-center rounded-lg group\">\n                      <div class=\"w-12 h-12 flex items-center justify-center\">\n                      <svg\n                              class=\"max-w-12 max-h-12\"\n                              xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"131\" height=\"131\" viewBox=\"0 0 131 131\" fill=\"none\">\n                                <g filter=\"url(#filter0_b_797_1676_desk)\">\n                                    <circle cx=\"65.5\" cy=\"65.5\" r=\"59.5\" fill=\"white\" fill-opacity=\"0.2\"><\/circle>\n                                    <circle cx=\"65.5\" cy=\"65.5\" r=\"59\" stroke=\"white\" stroke-opacity=\"0.5\"><\/circle>\n                                <\/g>\n                                <g class=\"transition-transform duration-300 ease-in-out group-hover:scale-125\" style=\"transform-origin: center;\">\n                                    <g filter=\"url(#filter1_d_797_1676_desk)\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M65.2653 107.516C88.6078 107.516 107.531 88.5961 107.531 65.2578C107.531 41.9194 88.6078 23 65.2653 23C41.9228 23 23 41.9194 23 65.2578C23 88.5961 41.9228 107.516 65.2653 107.516ZM82.4356 67.4711C84.1966 66.487 84.1966 64.0266 82.4356 63.0425L58.6613 49.7565C56.9003 48.7724 54.699 50.0026 54.699 51.9709L54.699 78.5428C54.699 80.5111 56.9003 81.7412 58.6613 80.7571L82.4356 67.4711Z\" fill=\"white\"><\/path>\n                                    <\/g>\n                                <\/g>\n                                <defs>\n                                    <filter id=\"filter0_b_797_1676_desk\" x=\"4\" y=\"4\" width=\"123\" height=\"123\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"><\/feFlood>\n                                        <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"1\"><\/feGaussianBlur>\n                                        <feComposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur_797_1676_desk\"><\/feComposite>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_797_1676_desk\" result=\"shape\"><\/feBlend>\n                                    <\/filter>\n                                    <filter id=\"filter1_d_797_1676_desk\" x=\"0.299999\" y=\"0.299999\" width=\"129.931\" height=\"129.916\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"><\/feFlood>\n                                        <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"><\/feColorMatrix>\n                                        <feOffset><\/feOffset>\n                                        <feGaussianBlur stdDeviation=\"11.35\"><\/feGaussianBlur>\n                                        <feComposite in2=\"hardAlpha\" operator=\"out\"><\/feComposite>\n                                        <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0588235 0 0 0 0 0.0823529 0 0 0 0 0.337255 0 0 0 0.18 0\"><\/feColorMatrix>\n                                        <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_797_1676_desk\"><\/feBlend>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_797_1676_desk\" result=\"shape\"><\/feBlend>\n                                    <\/filter>\n                                <\/defs>\n                            <\/svg>\n                      <\/div>\n                      <span class=\"ml-2 text-sm text-[#F5F6FC] font-semibold group-hover:text-[#24B770]\">Regardez la vid\u00e9o<\/span>\n                    <\/button>\n                  <\/div>\n\n                  <!-- Inactive Card Content -->\n                  <div x-show=\"activeCard !== index\" class=\"z-20 flex flex-col items-start\">\n                   <div class=\"flex flex-col flex-start\">\n                     <div class=\"flex flex-row flex-start\">\n                       <img x-show=\"activeCard !== index\"\n                            x-transition:enter=\"transition ease-out duration-300\"\n                            x-transition:enter-start=\"transform opacity-0 translate-y-2\"\n                            x-transition:enter-end=\"transform opacity-100 translate-y-0\"\n                            :src=\"video.logo\" class=\"no-override flex flex-start object-contain\" alt=\"Logo\" \/>\n                     <\/div>\n                   <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/template>\n          <\/template>\n        <\/div>\n\n\n        <!-- Mobile version (slider) -->\n        <div x-data=\"mobileSlider()\" class=\"lg:hidden w-full\">\n\n          <!-- Slides Container -->\n          <div class=\"relative overflow-hidden w-full\"> <!-- Changed overflow-visible to hidden -->\n            <div class=\"max-w-[80%] flex transition-transform duration-500 ease-in-out\"\n              :style=\"{ transform: `translateX(-${currentSlide * 100}%)` }\"\n              @touchstart=\"startDrag\"\n              @touchmove=\"drag\"\n              @touchend=\"endDrag\"\n              x-ref=\"slider\"\n            >\n              <template x-for=\"(video, index) in videos\" :key=\"index\">\n                <!-- Slide Item -->\n                <div class=\"w-full flex-shrink-0 px-2 relative\">\n                  <div class=\"h-[400px] relative rounded-lg overflow-hidden\">\n                    <!-- Background image only -->\n                    <img :src=\"video.bgImage\" class=\"no-override absolute inset-0 w-full h-full object-cover\" alt=\"Background Image\" \/>\n\n                    <!-- Content overlay -->\n                    <div class=\"flex flex-col justify-between p-6 z-20 h-full relative bg-[#0F15564D]\">\n                      <div class=\"flex flex-col flex-start\">\n                        <div class=\"flex flex-row flex-start\">\n                          <img :src=\"video.logo\" class=\"no-override flex flex-start object-contain\" alt=\"Logo\" \/>\n                        <\/div>\n                      <\/div>\n\n                      <div class=\"flex flex-col items-start z-10\">\n                        <div class=\"z-20 flex flex-col items-start max-w-[225px] text-white mb-3\">\n                          <span x-text=\"video.stat.value\" class=\"text-5xl font-semibold leading-[30px] [text-shadow:_0px_0px_10px_rgb(0_0_0_\/_0.25)] mb-3\"><\/span>\n                          <span x-text=\"video.stat.label\" class=\"text-lg font-normal leading-normal [text-shadow:_0px_0px_10px_rgb(0_0_0_\/_0.25)]\"><\/span>\n                        <\/div>\n                         <!-- Dispatch event to parent controller -->\n                        <button @click=\"openModal(video.mediaID)\" aria-label=\"Play video\" class=\"group flex items-center rounded-lg\">\n                          <div class=\"w-12 h-12 bg-white bg-opacity-20 rounded-full flex items-center justify-center\">\n                            <svg\n                              class=\"max-w-12 max-h-12\"\n                              xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"131\" height=\"131\" viewBox=\"0 0 131 131\" fill=\"none\">\n                                <g filter=\"url(#filter0_b_797_1676_mob)\">\n                                    <circle cx=\"65.5\" cy=\"65.5\" r=\"59.5\" fill=\"white\" fill-opacity=\"0.2\"><\/circle>\n                                    <circle cx=\"65.5\" cy=\"65.5\" r=\"59\" stroke=\"white\" stroke-opacity=\"0.5\"><\/circle>\n                                <\/g>\n                                <g class=\"transition-transform duration-300 ease-in-out group-hover:scale-125\" style=\"transform-origin: center;\">\n                                    <g filter=\"url(#filter1_d_797_1676_mob)\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M65.2653 107.516C88.6078 107.516 107.531 88.5961 107.531 65.2578C107.531 41.9194 88.6078 23 65.2653 23C41.9228 23 23 41.9194 23 65.2578C23 88.5961 41.9228 107.516 65.2653 107.516ZM82.4356 67.4711C84.1966 66.487 84.1966 64.0266 82.4356 63.0425L58.6613 49.7565C56.9003 48.7724 54.699 50.0026 54.699 51.9709L54.699 78.5428C54.699 80.5111 56.9003 81.7412 58.6613 80.7571L82.4356 67.4711Z\" fill=\"white\"><\/path>\n                                    <\/g>\n                                <\/g>\n                                <defs>\n                                    <filter id=\"filter0_b_797_1676_mob\" x=\"4\" y=\"4\" width=\"123\" height=\"123\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"><\/feFlood>\n                                        <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"1\"><\/feGaussianBlur>\n                                        <feComposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur_797_1676_mob\"><\/feComposite>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_797_1676_mob\" result=\"shape\"><\/feBlend>\n                                    <\/filter>\n                                    <filter id=\"filter1_d_797_1676_mob\" x=\"0.299999\" y=\"0.299999\" width=\"129.931\" height=\"129.916\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"><\/feFlood>\n                                        <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"><\/feColorMatrix>\n                                        <feOffset><\/feOffset>\n                                        <feGaussianBlur stdDeviation=\"11.35\"><\/feGaussianBlur>\n                                        <feComposite in2=\"hardAlpha\" operator=\"out\"><\/feComposite>\n                                        <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0588235 0 0 0 0 0.0823529 0 0 0 0 0.337255 0 0 0 0.18 0\"><\/feColorMatrix>\n                                        <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_797_1676_mob\"><\/feBlend>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_797_1676_mob\" result=\"shape\"><\/feBlend>\n                                    <\/filter>\n                                <\/defs>\n                            <\/svg>\n                          <\/div>\n                          <span class=\"ml-2 text-sm text-[#F5F6FC] font-semibold group-hover:text-[#24B770]\">Regardez la vid\u00e9o <\/span>\n                        <\/button>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/template>\n            <\/div>\n          <\/div>\n\n          <!-- Slider indicators -->\n          <div class=\"flex justify-center gap-2 mt-6\">\n            <template x-for=\"(_, index) in videos\" :key=\"index\">\n              <button @click=\"goToSlide(index)\" class=\"w-3 h-3 rounded-full transition-colors\"\n                :class=\"currentSlide === index ? 'bg-[#6e759f]' : 'bg-[#E3E7F6]'\">\n              <\/button>\n            <\/template>\n          <\/div>\n\n\n          \n        <\/div>\n        <!-- Modal -->\n        <div x-show=\"isModalOpen\" x-cloak class=\"fixed inset-0 z-50\">\n          <!-- Modal Backdrop -->\n          <div \n            class=\"fixed inset-0 bg-[#0f1556] bg-opacity-60\"\n            x-transition:enter=\"transition ease-out duration-300\"\n            x-transition:enter-start=\"opacity-0\"\n            x-transition:enter-end=\"opacity-100\"\n            x-transition:leave=\"transition ease-in duration-300\"\n            x-transition:leave-start=\"opacity-100\"\n            x-transition:leave-end=\"opacity-0\"\n            @click=\"closeModal()\"\n          ><\/div>\n\n          <!-- Modal Content -->\n          <div class=\"fixed inset-0 flex items-center justify-center p-4\">\n            <div\n              @click.stop\n              x-transition:enter=\"transition ease-out duration-300\"\n              x-transition:enter-start=\"opacity-0 transform scale-90\"\n              x-transition:enter-end=\"opacity-100 transform scale-100\"\n              x-transition:leave=\"transition ease-in duration-300\"\n              x-transition:leave-start=\"opacity-100 transform scale-100\"\n              x-transition:leave-end=\"opacity-0 transform scale-90\"\n              class=\"rounded-lg max-w-5xl overflow-hidden w-full mx-4 relative\"\n            >\n              <div class=\"flex justify-end items-center p-4 absolute z-10 right-4\">\n                <button\n                  @click=\"closeModal()\"\n                  aria-label=\"Close modal\"\n                  class=\"bg-white hover:bg-gray-100 text-gray-800 p-2 rounded-full focus:outline-none\"\n                >\n                  <svg\n                    class=\"h-4 w-4\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    viewBox=\"0 0 24 24\"\n                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                  >\n                    <path\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                      stroke-width=\"2\"\n                      d=\"M6 18L18 6M6 6l12 12\"\n                    ><\/path>\n                  <\/svg>\n                <\/button>\n              <\/div>\n\n              <div class=\"p-4 pt-0\">\n                <div id=\"wistia-video-container\" class=\"w-full aspect-video\" style=\"aspect-ratio: 16 \/ 9;\"><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n    <\/div> <!-- End relative container -->\n\n    \n  <\/div> \n<\/section>\n\n\n<script>\n  document.addEventListener('alpine:init', () => {\n\n    const videoData = window.wpVideoData || [];\n\n    console.log(\"Video data loaded:\", videoData);\n    \/\/ Combined Desktop\/Modal controller\n    Alpine.data('videoController', () => ({\n      activeCard: 0, \/\/ Center card of the first 3\n      desktopStartIndex: 0, \/\/ Start at the beginning\n      videos: [...videoData],\n      isModalOpen: false,\n      currentVideoId: null,\n      wistiaEmbed: null,\n      \n      init() {\n        this.setActiveToCenter();\n        this.loadVideo(this.activeCard); \/\/ Preload center video for desktop hover\n      },\n\n      setActiveToCenter() {\n        \/\/ Initialize active card based on number of videos\n        const visibleCount = 3;\n        if (this.videos.length <= visibleCount) {\n          \/\/ With 3 or fewer items, start on the first card\n          this.activeCard = 0;\n          this.desktopStartIndex = 0;\n        } else {\n          \/\/ With more than 3, keep previous behavior of centerings\n          this.activeCard = this.desktopStartIndex + 1;\n        }\n      },\n\n      loadVideo(index) {\n          \/\/ Ensure index is valid\n          if (index < 0 || index >= this.videos.length || this.videos[index].loaded) {\n              return;\n          }\n\n          this.videos[index].loaded = true;\n\n          \/\/ Use nextTick to ensure the DOM elements related to the video sources are updated\n          this.$nextTick(() => {\n              \/\/ Find the specific video element using data-index\n              const videoElement = document.querySelector(`video[data-index=\"${index}\"]`);\n              console.log(\"Loading video for index:\", index, \"Element found:\", videoElement);\n              if (videoElement) {\n                  \/\/ Query for source elements within this specific video element\n                  const mp4Source = videoElement.querySelector('source[type=\"video\/mp4\"]');\n                  const webmSource = videoElement.querySelector('source[type=\"video\/webm\"]');\n\n                  if (mp4Source) {\n                      mp4Source.src = this.videos[index].videoUrlMP4;\n                  }\n                  if (webmSource) {\n                      webmSource.src = this.videos[index].videoUrlWEBM;\n                  }\n\n                  \/\/ After setting sources, load the video\n                  videoElement.load();\n                  \/\/ Attempt to play if it's the active card (might require user interaction on some browsers)\n                  if (this.activeCard === index) {\n                    console.log(\"Playing video for active card:\", index);\n                    videoElement.play().catch(e => console.log(\"Autoplay prevented:\", e));\n                  }\n              } else {\n                 \/\/ console.warn(`Video element with index ${index} not found.`);\n              }\n          });\n      },\n\n      handleCardHover(index) {\n        if (this.activeCard === index) return;\n\n        \/\/ Pause previously active video if it exists\n        const previousVideoElement = this.$el.querySelector(`video[data-index=\"${this.activeCard}\"]`);\n        if (previousVideoElement) {\n           previousVideoElement.pause();\n        }\n\n        this.activeCard = index;\n        this.loadVideo(index); \/\/ Load the video if not already loaded\n\n         \/\/ Play the newly active video\n        this.$nextTick(() => {\n          const currentVideoElement = this.$el.querySelector(`video[data-index=\"${index}\"]`);\n          if (currentVideoElement && currentVideoElement.readyState >= 3) { \/\/ HAVE_FUTURE_DATA or more\n              currentVideoElement.play().catch(e => console.log(\"Hover play prevented:\", e));\n          } else if (currentVideoElement) {\n             \/\/ If not ready, listen for canplay event\n             currentVideoElement.addEventListener('canplay', () => {\n                currentVideoElement.play().catch(e => console.log(\"Hover play prevented after canplay:\", e));\n             }, { once: true }); \/\/ Remove listener after it fires once\n          }\n        });\n      },\n      openModal(mediaId) {\n        console.log(\"Opening modal for mediaId:\", mediaId);\n        this.currentVideoId = mediaId;\n        this.isModalOpen = true;\n        console.log(\"Modal state:\", this.isModalOpen);\n        document.body.classList.add('modal-open');\n        \n        \/\/ Wait for Alpine to render the modal before creating the video\n        this.$nextTick(() => {\n        \/\/ Select the single, correctly placed container\n        const container = document.getElementById('wistia-video-container');\n        console.log(\"Container for Wistia video:\", container);\n            if (container) {\n              this.createWistiaVideo(mediaId, container); \/\/ Pass container reference\n            } else {\n              console.error(\"Wistia container not found in modal.\");\n            }\n          });\n      },\n      closeModal() {\n        if (this.wistiaEmbed) {\n          \/\/ Properly remove Wistia player\n          try {\n            this.wistiaEmbed.remove();\n            window._wq = window._wq || [];\n            window._wq.push({ id: this.currentVideoId, onRemove: function(video) {\n              console.log('Video removed');\n            }});\n          } catch (e) {\n            console.error('Error removing Wistia player:', e);\n          }\n          this.wistiaEmbed = null;\n        }\n        \n        \/\/ Clean up the container\n        const container = document.getElementById('wistia-video-container');\n        if (container) {\n          container.innerHTML = '';\n        }\n        \n        this.isModalOpen = false;\n        this.currentVideoId = null;\n        document.body.classList.remove('modal-open');\n      },\n      \n      createWistiaVideo(mediaId, container) { \/\/ Accept container element\n          container.innerHTML = ''; \/\/ Clear previous video\n\n          const videoDiv = document.createElement('div');\n          \/\/ Use Wistia's preferred class structure for async embeds\n          videoDiv.className = `wistia_responsive_padding`; \/\/ Outer padding div\n          videoDiv.style.padding = '56.25% 0 0 0';\n          videoDiv.style.position = 'relative';\n\n          const wrapperDiv = document.createElement('div'); \/\/ Inner wrapper\n          wrapperDiv.className = `wistia_responsive_wrapper`;\n          wrapperDiv.style.height = '100%';\n          wrapperDiv.style.left = '0';\n          wrapperDiv.style.position = 'absolute';\n          wrapperDiv.style.top = '0';\n          wrapperDiv.style.width = '100%';\n\n          const embedDiv = document.createElement('div'); \/\/ The actual embed target\n          embedDiv.className = `wistia_embed wistia_async_${mediaId} videoFoam=true`; \/\/ Added videoFoam=true\n          embedDiv.style.height = '100%';\n          embedDiv.style.position = 'relative';\n          embedDiv.style.width = '100%';\n\n          wrapperDiv.appendChild(embedDiv);\n          videoDiv.appendChild(wrapperDiv);\n          container.appendChild(videoDiv); \/\/ Add the whole structure\n\n          window._wq = window._wq || [];\n          window._wq.push({\n            id: mediaId,\n            onReady: (video) => {\n              this.wistiaEmbed = video;\n              video.play();\n            }\n          });\n\n          \/\/ Re-scan for embeds if Wistia script already loaded\n          if (typeof Wistia !== 'undefined' && Wistia.hasLoaded) {\n             Wistia.api.scan();\n          }\n      },\n\n      nextDesktopSlide() {\n        const visibleCount = 3;\n        if (this.activeCard < this.videos.length - 1) {\n          this.activeCard++;\n          \/\/ Center active card if possible\n          let newStart = this.activeCard - 1;\n          if (newStart < 0) newStart = 0;\n          if (newStart > this.videos.length - visibleCount) newStart = this.videos.length - visibleCount;\n          this.desktopStartIndex = newStart;\n          this.loadVideo(this.activeCard);\n        }\n      },\n      prevDesktopSlide() {\n        const visibleCount = 3;\n        if (this.activeCard > 0) {\n          this.activeCard--;\n          \/\/ Center active card if possible\n          let newStart = this.activeCard - 1;\n          if (newStart < 0) newStart = 0;\n          if (newStart > this.videos.length - visibleCount) newStart = this.videos.length - visibleCount;\n          this.desktopStartIndex = newStart;\n          this.loadVideo(this.activeCard);\n        }\n      },\n      goToDesktopSlide(index) {\n        const visibleCount = 3;\n        \/\/ Calculate new desktopStartIndex so that index is centered\n        let newStart = index - 1;\n        \/\/ Clamp to valid range\n        if (newStart < 0) newStart = 0;\n        if (newStart > this.videos.length - visibleCount) newStart = this.videos.length - visibleCount;\n        this.desktopStartIndex = newStart;\n        this.activeCard = index;\n        this.loadVideo(index);\n      },\n\n    }));\n\n    \/\/ Mobile slider controller\n    Alpine.data('mobileSlider', () => ({\n      currentSlide: 0,\n      videos: [...videoData], \/\/ Use the same shared data\n      startX: 0,\n      currentX: 0,\n      isDragging: false,\n      dragThreshold: 50, \/\/ Minimum pixels to swipe for slide change\n\n      \/\/ No init needed unless preloading something specific to mobile\n\n       \/\/ Expose videos data to template if needed (already available via 'videos')\n       get sliderVideos() {\n          return this.videos;\n       },\n\n      startDrag(e) {\n        \/\/ Prevent default only if dragging horizontally\n        if (e.touches.length === 1) {\n            this.isDragging = true;\n            this.startX = e.touches[0].clientX;\n            this.currentX = this.startX;\n             \/\/ Disable transition during drag for smoother feel\n            this.$refs.slider.style.transition = 'none';\n        }\n      },\n\n      drag(e) {\n        if (!this.isDragging || e.touches.length !== 1) return;\n\n        this.currentX = e.touches[0].clientX;\n        const diffX = this.currentX - this.startX;\n\n        \/\/ Calculate the percentage based on the slider width\n        const sliderWidth = this.$refs.slider.offsetWidth \/ this.videos.length; \/\/ Width of a single slide\n        const percentageOffset = (diffX \/ sliderWidth) * 100;\n\n         \/\/ Move the slider container visually during drag\n        this.$refs.slider.style.transform = `translateX(${-(this.currentSlide * 100) + percentageOffset}%)`;\n      },\n\n      endDrag() {\n        if (!this.isDragging) return;\n        this.isDragging = false;\n\n         \/\/ Re-enable transition\n         this.$refs.slider.style.transition = 'transform 0.5s ease-in-out';\n\n\n        const diffX = this.currentX - this.startX;\n\n        \/\/ Determine direction and change slide if threshold is met\n        if (Math.abs(diffX) > this.dragThreshold) {\n          if (diffX < 0) { \/\/ Swiped left\n            this.nextSlide();\n          } else { \/\/ Swiped right\n            this.prevSlide();\n          }\n        } else {\n            \/\/ Snap back to the current slide if threshold not met\n            this.goToSlide(this.currentSlide);\n        }\n\n         \/\/ Reset drag calculation variables\n         this.startX = 0;\n         this.currentX = 0;\n      },\n\n      nextSlide() {\n        this.goToSlide((this.currentSlide + 1) % this.videos.length);\n      },\n\n      prevSlide() {\n        this.goToSlide((this.currentSlide - 1 + this.videos.length) % this.videos.length);\n      },\n\n      goToSlide(index) {\n        this.currentSlide = index;\n        \/\/ The :style binding will update the transform automatically\n         this.$refs.slider.style.transform = `translateX(-${this.currentSlide}%)`;\n      },\n    }));\n  });\n<\/script>\n\n\n\n\n  <section class=\"bg-[#101657] border-b-[#ECF0FB] border-b-[1px] mx-auto relative mt-12 \">\n    <div class=\"relative flex-col-reverse lg:flex-row overflow-hidden  rounded-xl mx-auto inset-0 flex container  text-white bg-[#0F1556]\">\n    <div id=\"bg-image\" class=\"hidden lg:block absolute top-0 right-0 w-full h-full z-0\">\n      <img decoding=\"async\" class=\"rtl:-scale-x-100 no-override absolute inset-0 w-full h-full object-cover object-right\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/Group-973-1-scaled.webp\" alt=\"\" \/>\n    <\/div>\n    <div class=\"z-10 w-full lg:max-w-[627px] flex flex-col items-center lg:items-start px-4 -mt-10 lg:mt-0 pb-12 lg:p-16 lg:pr-0 lg:pl-8 h-full text-center lg:rtl:text-right lg:text-left\">\n      <h2 class=\"mb-3 lg:mb-5 max-w-[587px] text-bold text-3xl lg:text-5xl font-semibold leading-9 lg:leading-[60px]\">Des si\u00e8cles d\u2019exp\u00e9rience au service de votre entreprise<\/h2>\n      <div class=\"text-base lg:text-xl font-normal leading-normal lg:leading-[30px]\">Les experts de Pathlock ont des d\u00e9cennies d\u2019exp\u00e9rience dans le d\u00e9veloppement et la gestion de produits fondamentaux sur le march\u00e9 de la gouvernance des identit\u00e9s et sont l\u00e0 pour soutenir nos partenaires et leurs clients.<\/div>\n      <div class=\"w-full lg:w-auto mt-6 lg:mt-8\">\n        <a class=\"flex justify-center items-center font-semibold py-3 px-[18px] bg-[white] hover:bg-[#E3E7F6] group leading-7  rounded-lg text-[#344054] transition-colors duration-300\" href=\"\/fr\/experts\/\" rel=\"noopener\" target=\"_blank\">R\u00e9servez du temps avec nos experts        <\/a>\n      <\/div>  \n    <\/div>\n    <div class=\"flex relative lg:hidden justify-center align-center w-full\">\n      <img decoding=\"async\" class=\"no-override object-cover w-full\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/09\/062-3Mgd0viv08Q-copy-7-1.webp\" \/>\n      <div class=\"w-full inset-0 top-[120px] absolute bg-gradient-to-b from-[#0F1556]\/0 to-[#0F1556]\/100\"><\/div>\n    <\/div>\n  <\/div>\n<\/section> \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":72,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-43801","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Programme de partenariat Pathlock | Stimulez votre croissance gr\u00e2ce \u00e0 des solutions de s\u00e9curit\u00e9 et de conformit\u00e9<\/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\/our-partners\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Programme de partenariat Pathlock | Stimulez votre croissance gr\u00e2ce \u00e0 des solutions de s\u00e9curit\u00e9 et de conformit\u00e9\" \/>\n<meta property=\"og:description\" content=\"Rejoignez le programme de partenariat Pathlock pour d\u00e9velopper votre entreprise avec des solutions de pointe en mati\u00e8re de gouvernance d\u2019acc\u00e8s, de s\u00e9curit\u00e9 et de conformit\u00e9. Acc\u00e9dez \u00e0 des ressources, des formations et des opportunit\u00e9s de collaboration pour offrir plus de valeur \u00e0 vos clients et augmenter vos revenus.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pathlock.com\/fr\/our-partners\/\" \/>\n<meta property=\"og:site_name\" content=\"Pathlock\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-05T15:02:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/06\/OpenGraph-Pathlock-Logo-1024x538.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Programme de partenariat Pathlock | Stimulez votre croissance gr\u00e2ce \u00e0 des solutions de s\u00e9curit\u00e9 et de conformit\u00e9\" \/>\n<meta name=\"twitter:description\" content=\"Rejoignez le programme de partenariat Pathlock pour d\u00e9velopper votre entreprise avec des solutions de pointe en mati\u00e8re de gouvernance d\u2019acc\u00e8s, de s\u00e9curit\u00e9 et de conformit\u00e9. Acc\u00e9dez \u00e0 des ressources, des formations et des opportunit\u00e9s de collaboration pour offrir plus de valeur \u00e0 vos clients et augmenter vos revenus.\" \/>\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\\\/our-partners\\\/\",\"url\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/our-partners\\\/\",\"name\":\"Programme de partenariat Pathlock | Stimulez votre croissance gr\u00e2ce \u00e0 des solutions de s\u00e9curit\u00e9 et de conformit\u00e9\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/#website\"},\"datePublished\":\"2021-09-22T17:17:54+00:00\",\"dateModified\":\"2025-11-05T15:02:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/our-partners\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/pathlock.com\\\/fr\\\/our-partners\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/our-partners\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/pathlock.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Our partners\"}]},{\"@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":"Programme de partenariat Pathlock | Stimulez votre croissance gr\u00e2ce \u00e0 des solutions de s\u00e9curit\u00e9 et de conformit\u00e9","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\/our-partners\/","og_locale":"fr_FR","og_type":"article","og_title":"Programme de partenariat Pathlock | Stimulez votre croissance gr\u00e2ce \u00e0 des solutions de s\u00e9curit\u00e9 et de conformit\u00e9","og_description":"Rejoignez le programme de partenariat Pathlock pour d\u00e9velopper votre entreprise avec des solutions de pointe en mati\u00e8re de gouvernance d\u2019acc\u00e8s, de s\u00e9curit\u00e9 et de conformit\u00e9. Acc\u00e9dez \u00e0 des ressources, des formations et des opportunit\u00e9s de collaboration pour offrir plus de valeur \u00e0 vos clients et augmenter vos revenus.","og_url":"https:\/\/pathlock.com\/fr\/our-partners\/","og_site_name":"Pathlock","article_modified_time":"2025-11-05T15:02:40+00:00","og_image":[{"url":"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/06\/OpenGraph-Pathlock-Logo-1024x538.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_title":"Programme de partenariat Pathlock | Stimulez votre croissance gr\u00e2ce \u00e0 des solutions de s\u00e9curit\u00e9 et de conformit\u00e9","twitter_description":"Rejoignez le programme de partenariat Pathlock pour d\u00e9velopper votre entreprise avec des solutions de pointe en mati\u00e8re de gouvernance d\u2019acc\u00e8s, de s\u00e9curit\u00e9 et de conformit\u00e9. Acc\u00e9dez \u00e0 des ressources, des formations et des opportunit\u00e9s de collaboration pour offrir plus de valeur \u00e0 vos clients et augmenter vos revenus.","twitter_site":"@pathlock","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pathlock.com\/fr\/our-partners\/","url":"https:\/\/pathlock.com\/fr\/our-partners\/","name":"Programme de partenariat Pathlock | Stimulez votre croissance gr\u00e2ce \u00e0 des solutions de s\u00e9curit\u00e9 et de conformit\u00e9","isPartOf":{"@id":"https:\/\/pathlock.com\/fr\/#website"},"datePublished":"2021-09-22T17:17:54+00:00","dateModified":"2025-11-05T15:02:40+00:00","breadcrumb":{"@id":"https:\/\/pathlock.com\/fr\/our-partners\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pathlock.com\/fr\/our-partners\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pathlock.com\/fr\/our-partners\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pathlock.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Our partners"}]},{"@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":{"icon_hover":false,"is_link_with_photo_and_intro":false,"link_all_integrations":"","add_box_with_ct":false,"is_company_nav":false,"is_featured_case_studies":false,"has_subnav":"true","sub_nav_type":"columns","column":false},"_links":{"self":[{"href":"https:\/\/pathlock.com\/fr\/wp-json\/wp\/v2\/pages\/43801","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\/72"}],"replies":[{"embeddable":true,"href":"https:\/\/pathlock.com\/fr\/wp-json\/wp\/v2\/comments?post=43801"}],"version-history":[{"count":0,"href":"https:\/\/pathlock.com\/fr\/wp-json\/wp\/v2\/pages\/43801\/revisions"}],"wp:attachment":[{"href":"https:\/\/pathlock.com\/fr\/wp-json\/wp\/v2\/media?parent=43801"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}