{"id":42129,"date":"2023-08-26T01:03:10","date_gmt":"2023-08-26T05:03:10","guid":{"rendered":"https:\/\/pathlock.com\/products\/application-access-governance\/"},"modified":"2025-12-18T06:24:55","modified_gmt":"2025-12-18T11:24:55","slug":"application-access-governance","status":"publish","type":"products","link":"https:\/\/pathlock.com\/ar\/products\/application-access-governance\/","title":{"rendered":"Application Access Governance"},"content":{"rendered":"<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_ {\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_ .hs-firstname, #hsForm_ .hs-jobtitle {\n        flex: 0 0 100%;\n        min-width: 0;\n        box-sizing: border-box;\n        font-size: 14px\n    }\n\n    #hsForm_ .hs-lastname, #hsForm_ .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_ .hs-firstname, #hsForm_ .hs-jobtitle {\n            flex: 0 0 calc(45% - 7.5px);\n            min-width: 0;\n            box-sizing: border-box;\n        }\n\n        #hsForm_ .hs-lastname, #hsForm_ .hs-phone {\n            flex: 0 0 calc(55% - 7.5px);\n            min-width: 0;\n            box-sizing: border-box;\n        }\n    }\n\n    #hsForm_ .hs-email, #hsForm_ .hs-company, #hsForm_ .hs_numemployees, #hsForm_ .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    .co-error-msg > span {\n        color: red !important;\n    }\n\n    .hs-error-msgs, .co-feedback-container {\n        color: red;\n        font-size: 12px;\n        margin-top: 8px;\n        padding: 0;\n        margin-bottom: -8px;\n    }\n    .hs_email  .inputs-list{display:none}\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    function modalFormHero() { \/\/ This is for Section 1\n        const lang = \"ar\";\n        const messages = {\n            en: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Thank you!<\/div>\n            <p>You\u2019ll be redirected to the download page 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>Sie werden in K\u00fcrze zur Download-Seite weitergeleitet.<\/p>\n        <\/div>\n    `,\n            fr: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Merci!<\/div>\n            <p>Vous serez redirig\u00e9 vers la page de t\u00e9l\u00e9chargement dans quelques instants.<\/p>\n        <\/div>\n    `,\n            es: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">\u00a1Gracias!<\/div>\n            <p>Se le redirigir\u00e1 a la p\u00e1gina de descarga en breve.<\/p>\n        <\/div>\n    `,\n            pt: `\n        <div class=\"text-center\">\n            <div class=\"text-[24px] mb-3 font-bold\">Obrigado!<\/div>\n            <p>Voc\u00ea ser\u00e1 redirecionado para a p\u00e1gina de download em instantes.<\/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\u0645 \u062a\u0648\u062c\u064a\u0647\u0643 \u0625\u0644\u0649 \u0635\u0641\u062d\u0629 \u0627\u0644\u062a\u0646\u0632\u064a\u0644 \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                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 === '' && !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                var cid = getCID(); \/\/ Make sure getCID() is globally available or defined here\n                if (cid == null) {\n                    cid = \"701PZ00000IlEYNYA3\";\n                }\n\n                hbspt.forms.create({\n                    region: \"na1\",\n                    portalId: \"20500227\",\n                    formId: \"\", \/\/ The form_id for Section 1\n                    target: `#${this.formTargetId}`,      \/\/ Target S1's specific div\n                    css: \"\",\n                    locale: \"ar\",\n                    translations: {\n                        en: {submitText: \"Download Now\"},\n                        de: {submitText: \"\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0622\u0646\"},\n                        fr: {submitText: \"\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0622\u0646\"},\n                        es: {submitText: \"\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0622\u0646\"},\n                        pt: {submitText: \"\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0622\u0646\"},\n                        ar: {submitText: \"\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0622\u0646\"},\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\n                        console.log(\"Section 1 Form Submitted:\", data);\n\n                        const formEl = jqueryFormObject.get(0);\n                        if (!formEl) return;\n\n                        const parentContainer = formEl.closest('#form-copy');\n                        if (!parentContainer) return;\n\n                        parentContainer.innerHTML = messages[lang] || messages['en'];\n\n                        const submittedValues = data.submissionValues;\n                        if (submittedValues && submittedValues.sap_version) {\n                            const sapVersionSelected = submittedValues.sap_version;\n                            let redirectUrl = 'https:\/\/pathlock.com\/ar\/default-thank-you\/'; \/\/ Default thank you page\n\n                            if (sapVersionSelected === 'sap_basis_release_7.4x-7.52') {\n                                redirectUrl = 'https:\/\/pathlock.com\/ar\/thank-you-sap-basis\/';\n                            } else if (sapVersionSelected === 's4hana_1909_and_above') {\n                                redirectUrl = 'https:\/\/pathlock.com\/ar\/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                            console.warn('sap_version field not found in submission data for form 9f1c5339...');\n                            let redirectUrl = 'https:\/\/pathlock.com\/ar\/thank-you-cac\/'; \/\/ Default thank you page if no sap_version is selected\n                            window.location.href = redirectUrl;\n                        }\n                    }\n                });\n            }\n        }\n    }\n<\/script>\n<!-- Hero -->\n<section class=\"w-full pt-12 lg:pt-24 z-50 bg-[#0F1556]\" x-data=\"modalFormHero()\">\n    <div class=\"relative flex flex-col lg:flex-row mx-auto gap-10 px-4 lg:px-8 container items-center justify-between\">\n        <div class=\"hidden rtl:rotate-180 xl:flex absolute bottom-0 left-0 w-full h-full\"\n             style=\"background-image:url('https:\/\/pathlock.com\/wp-content\/uploads\/2025\/02\/demo-page-hero-bg-1.svg'); background-size:contain; background-position:right; background-repeat:no-repeat;\"><\/div>\n        <div class=\"z-10 flex flex-col w-full lg:w-1\/2\">\n            <div class=\"pt-[90px] lg:pt-24 gap-4 lg:gap-5 mb-8 lg:mb-[90px]\">\n                <div class=\"flex flex-col gap-8 lg:gap-12\">\n                    <div class=\"flex flex-col gap-4 lg:gap-5\">\n                        <div class=\"flex flex-col text-center lg:rtl:text-right lg:text-left gap-2 lg:gap-4 max-w-[720px]\">\n                                                            <div class=\"hidden lg:flex flex-row items-center\">\n                                                                                                                                                                <div class=\"justify-center items-center flex\">\n                                                <a href=\"\/ar\/\"\n                                                   target=\"\"\n                                                   class=\"text-[#ced5ee] hover:text-[#24B770] text-xs font-normal leading-[18px]\">\n                                                    \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629                                                <\/a>\n                                            <\/div>\n                                            <div class=\"relative\">\n                                                <svg class=\"rtl:rotate-180\" 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\"\/>\n                                                <\/svg>\n                                            <\/div>\n                                                                                                                                                                                                        <div class=\"justify-center items-center flex\">\n                                                <a href=\"\/ar\/pathlock-cloud\/\"\n                                                   target=\"\"\n                                                   class=\"text-[#ced5ee] hover:text-[#24B770] text-xs font-normal leading-[18px]\">\n                                                    \u0645\u0646\u0635\u0629                                                <\/a>\n                                            <\/div>\n                                            <div class=\"relative\">\n                                                <svg class=\"rtl:rotate-180\" 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\"\/>\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]\">Application Access Governance<\/div>\n                                            <\/div>\n                                                                                                            <\/div>\n                                                        <h1 class=\"hero-title text-white font-semibold text-[28px] lg:text-6xl leading-[30px] lg:leading-[72px] lg:tracking-[-1.2px] \">\n                                \u0623\u062a\u0645\u062a\u0629 \u062d\u0648\u0643\u0645\u0629\u2028\u0627\u0644\u0648\u0635\u0648\u0644 \u0639\u0628\u0631\u2028\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a                            <\/h1>\n                            <p class=\"hero-description text-sm lg:text-xl text-[#f2f9ff] leading-[20px] lg:leading-[30px] font-normal lg:max-w-[480px]\">\n                                \u0623\u0644\u0642\u0650 \u0646\u0638\u0631\u0629 \u062b\u0627\u0642\u0628\u0629 \u0641\u0648\u0631\u064b\u0627 \u0639\u0644\u0649 \u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u060c \u0648\u0641\u0631\u0636 \u0636\u0648\u0627\u0628\u0637 SoD\u060c \u0648\u0636\u0645\u0627\u0646 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0639\u0628\u0631 \u062c\u0645\u064a\u0639 \u062a\u0637\u0628\u064a\u0642\u0627\u062a\u0643 \u0627\u0644\u0645\u0647\u0645\u0629                            <\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"w-full flex gap-3 flex-col lg:flex-row justify-start\">\n                                                                            <a 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                               href=\"\/ar\/contact\/?tab=request-a-demo\"\n                               target=\"\">\n                                <div class=\"px-0.5 justify-center items-center flex\">\n                                    <div class=\"text-white text-base font-semibold leading-normal\">\u0627\u062d\u062c\u0632 \u0639\u0631\u0636\u064b\u0627 \u062a\u0648\u0636\u064a\u062d\u064a\u064b\u0627 \u0641\u0631\u062f\u064a\u064b\u0627<\/div>\n                                <\/div>\n                            <\/a>\n                        \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=\"\/ar\/browser-tours\/main-pathlock-cloud\/\">\n                                <div class=\"px-0.5 justify-center items-center flex\">\n                                    <div class=\"text-[#0f1556] text-base font-semibold leading-normal\">\u0625\u0637\u0644\u0627\u0642 \u062c\u0648\u0644\u0629 \u062a\u0639\u0631\u064a\u0641\u064a\u0629 \u0630\u0627\u062a\u064a\u0629<\/div>\n                                <\/div>\n                            <\/a>                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"hidden lg:flex lg:w-1\/2 max-w-[570px] flex-1 items-center justify-center z-10\">\n                            <img decoding=\"async\" class=\"no-override max-w-full\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/hero-srouce-1.png\"\n                     alt=\"\"\/>\n                    <\/div>\n    <\/div>\n            <div class=\"mt-0 lg:mt-16 pb-24 container mx-auto px-4 lg:px-8\">\n            <div class=\"grid grid-cols-3 lg:grid-cols-6 xl:flex xl:flex-row xl:justify-between items-center justify-items-center gap-y-6 gap-x-4\">\n                                                            <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/jabildarkbg-1.svg\" width=\"auto\" height=\"48\"\n                             alt=\"jabildarkbg\"\/>\n                                                                                <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/geico.svg\" width=\"auto\" height=\"48\"\n                             alt=\"geico\"\/>\n                                                                                <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/ms-1-1.svg\" width=\"auto\" height=\"48\"\n                             alt=\"ms-1\"\/>\n                                                                                <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/pgdarkbg-1.svg\" width=\"auto\" height=\"48\"\n                             alt=\"pgdarkbg\"\/>\n                                                                                <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/siemensdarkbg-1.svg\" width=\"auto\" height=\"48\"\n                             alt=\"siemensdarkbg\"\/>\n                                                                                <img decoding=\"async\" class=\"no-override h-[36px] lg:h-[48px] max-w-full\"\n                             src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Chevron-2.svg\" width=\"auto\" height=\"48\"\n                             alt=\"Chevron-2\"\/>\n                                                <\/div>\n        <\/div>\n    \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 rounded-lg\">\n                    <script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n                    <div id=\"form-copy\" class=\"form-container\">\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]\">\u0646\u0632\u0651\u0644 \u0645\u0627\u0633\u062d \u0627\u0644\u062b\u063a\u0631\u0627\u062a \u0627\u0644\u0623\u0645\u0646\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a \u0644\u0640 SAP<\/div>\n                            <div id=\"form-subtitle\"\n                                 class=\"text-center text-[#667084] text-xs lg:text-sm font-normal leading-normal w-full\">\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0646\u0638\u0631\u0629 \u062b\u0627\u0642\u0628\u0629 \u0641\u0648\u0631\u064a\u0629 \u0639\u0646 \u0623\u0645\u0627\u0646 SAP \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u062f\u0648\u0646 \u0623\u064a\u0651 \u062a\u0643\u0644\u0641\u0629<\/div>\n                        <\/div>\n                        <div id=\"hero-header-form-container\" ><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/section>\n\n\n\n\n\n\n<style>\n    .active {\n    @apply border-[#148752] text-[#148752];\n    }\n<\/style>\n\n    <div id=\"sticky-sub-nav\" class=\"hidden lg:flex w-full shadow-[0px_12px_16px_-4px_rgba(15,21,86,0.03)] border-b-2 border-[#CED5EE] sticky top-[80px] bg-white item-center z-30 justify-center\">\n        <div class=\"container mx-auto px-4 lg:px-8 flex flex-row gap-3 -mb-[2px]\">\n                            \n                        <a href=\"#%d9%82%d9%8a%d9%85%d8%a9-%d8%a7%d9%84%d8%a3%d8%b9%d9%85%d8%a7%d9%84\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            \u0642\u064a\u0645\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644                        <\/a>\n\n                                            \n                        <a href=\"#%d9%8a%d8%ad%d8%b8%d9%89-%d8%a8%d8%ab%d9%82%d8%a9-%d8%a3%d9%83%d8%ab%d8%b1-%d9%85%d9%86-1300-%d8%b9%d9%85%d9%8a%d9%84%d8%a7%d9%8b\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            \u0642\u0635\u0635 \u0627\u0644\u0639\u0645\u0644\u0627\u0621                        <\/a>\n\n                                            \n                        <a href=\"#%d8%a7%d9%84%d9%88%d8%ad%d8%af%d8%a7%d8%aa\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            \u0627\u0644\u0648\u062d\u062f\u0627\u062a                        <\/a>\n\n                                            \n                        <a href=\"#connectors\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            \u0627\u0644\u062a\u0643\u0627\u0645\u0644\u0627\u062a \u0648\u0627\u0644\u062a\u063a\u0637\u064a\u0629                        <\/a>\n\n                                            \n                        <a href=\"#%d9%85%d8%b1%d9%83%d8%b2-%d8%a7%d9%84%d8%b9%d8%b1%d8%b6-%d8%a7%d9%84%d8%aa%d9%88%d8%b6%d9%8a%d8%ad%d9%8a\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            \u0645\u0631\u0643\u0632 \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u062a\u0648\u0636\u064a\u062d\u064a                        <\/a>\n\n                                    <\/div>\n    <\/div>\n\n    <div class=\"flex lg:hidden w-full shadow-[0px_12px_16px_-4px_rgba(15,21,86,0.03)] border-b-2 border-[#CED5EE] sticky top-[80px] bg-white item-center z-30 justify-center\">\n        <div class=\"container mx-auto p-4 lg:px-8 flex flex-row gap-3 -mb-[2px]\">\n            <select id=\"mobile-toc\" class=\"w-full bg-[#f5f6fc] p-3 border-none rounded-md text-[#0f1556] text-sm font-semibold leading-tight\">\n                            \n                        <option value=\"#%d9%82%d9%8a%d9%85%d8%a9-%d8%a7%d9%84%d8%a3%d8%b9%d9%85%d8%a7%d9%84\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            \u0642\u064a\u0645\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644                        <\/option>\n\n                                            \n                        <option value=\"#%d9%8a%d8%ad%d8%b8%d9%89-%d8%a8%d8%ab%d9%82%d8%a9-%d8%a3%d9%83%d8%ab%d8%b1-%d9%85%d9%86-1300-%d8%b9%d9%85%d9%8a%d9%84%d8%a7%d9%8b\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            \u0642\u0635\u0635 \u0627\u0644\u0639\u0645\u0644\u0627\u0621                        <\/option>\n\n                                            \n                        <option value=\"#%d8%a7%d9%84%d9%88%d8%ad%d8%af%d8%a7%d8%aa\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            \u0627\u0644\u0648\u062d\u062f\u0627\u062a                        <\/option>\n\n                                            \n                        <option value=\"#connectors\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            \u0627\u0644\u062a\u0643\u0627\u0645\u0644\u0627\u062a \u0648\u0627\u0644\u062a\u063a\u0637\u064a\u0629                        <\/option>\n\n                                            \n                        <option value=\"#%d9%85%d8%b1%d9%83%d8%b2-%d8%a7%d9%84%d8%b9%d8%b1%d8%b6-%d8%a7%d9%84%d8%aa%d9%88%d8%b6%d9%8a%d8%ad%d9%8a\" \n                           class=\"border-b-2 transition-colors duration-300 border-[#CED5EE] hover:border-[#148752] py-4 px-6 leading-normal text-base font-normal  text-[#2A3274] hover:text-[#148752]\">\n                            \u0645\u0631\u0643\u0632 \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u062a\u0648\u0636\u064a\u062d\u064a                        <\/option>\n\n                                        <\/select>\n        <\/div>\n    <\/div>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const sections = document.querySelectorAll(\"section[id]\");\n    const navLinks = document.querySelectorAll(\".sticky a\");\n    const mobileSelect = document.getElementById(\"mobile-toc\");\n\n    function onScroll() {\n        let scrollPosition = window.scrollY + 120;\n        let currentSectionId = \"\";\n\n        sections.forEach((section) => {\n            const top = section.offsetTop;\n            const bottom = top + section.offsetHeight;\n            const id = section.getAttribute(\"id\");\n\n            if (scrollPosition >= top && scrollPosition < bottom) {\n                currentSectionId = id;\n\n                navLinks.forEach((link) => {\n                    link.classList.remove(\"border-[#148752]\", \"text-[#148752]\");\n                    link.classList.add(\"border-[#CED5EE]\", \"text-[#2A3274]\");\n\n                    if (link.getAttribute(\"href\") === \"#\" + id) {\n                        link.classList.add(\"border-[#148752]\", \"text-[#148752]\");\n                        link.classList.remove(\"border-[#CED5EE]\", \"text-[#2A3274]\");\n                    }\n                });\n            }\n        });\n\n        \/\/ Update the mobile select dropdown\n        if (mobileSelect && currentSectionId) {\n            mobileSelect.value = \"#\" + currentSectionId;\n        }\n    }\n\n    \/\/ Scroll to section when mobile dropdown changes\n    if (mobileSelect) {\n        mobileSelect.addEventListener(\"change\", function () {\n            const value = this.value;\n            if (value) {\n                const target = document.querySelector(value);\n                if (target) {\n                    window.scrollTo({\n                        top: target.offsetTop - 100,\n                        behavior: \"smooth\",\n                    });\n                }\n            }\n        });\n    }\n\n    \/\/ Highlight active link right after clicking on desktop nav\n    navLinks.forEach((link) => {\n        link.addEventListener(\"click\", function () {\n            setTimeout(onScroll, 10);\n        });\n    });\n\n    window.addEventListener(\"scroll\", onScroll);\n    onScroll(); \/\/ Initial highlight on page load\n});\n<\/script>\n\n\n\n<section id=\"%d9%82%d9%8a%d9%85%d8%a9-%d8%a7%d9%84%d8%a3%d8%b9%d9%85%d8%a7%d9%84\" class=\"bg-white py-8 lg:pb-12 lg:pt-24 scroll-mt-28\">\n  <div class=\"container mx-auto px-4 lg:px-8 \">\n    <div class=\"relative flex flex-col items-center lg:flex-row lg:items-stretch gap-12 lg:gap-16\">\n      <div class=\"text-center lg:rtl:text-right lg:text-left flex flex-col justify-center items-center lg:items-start py-4\">\n        <span class=\"text-[#148752] text-sm font-bold uppercase leading-[30px] tracking-wider mb-3\">\u0642\u064a\u0645\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/span>\n        \n                <h2 class=\"tracking-tight text-3xl leading-[38px] lg:text-5xl font-semibold mb-4 lg:mb-5 max-w-[720px] lg:!leading-[60px]\">\u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u062a\u0648\u0627\u0641\u0642<br>\u0627\u0644\u0645\u064f\u0628\u0633\u0637\u0629<\/h2>\n        \n                <div class=\"text-lg lg:text-xl font-normal text-[#2A3274] max-w-[576px] prose prose-strong:text-[#2A3274]\">\n            <p>\u0644\u0627 \u064a\u0646\u0628\u063a\u064a \u0623\u0646 \u062a\u0643\u0648\u0646 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0645\u064f\u0639\u0642\u062f\u0629 \u0623\u0648 \u0633\u0628\u0628\u064b\u0627 \u0641\u064a \u0625\u0628\u0637\u0627\u0621 \u0627\u0644\u0639\u0645\u0644. \u064a\u0642\u062f\u0645 Pathlock <strong>\u062d\u0644\u0627\u064b \u0645\u064f\u0648\u062d\u062f\u064b\u0627 \u0648\u0622\u0644\u064a\u064b\u0627 \u0644\u062a\u0642\u0644\u064a\u0644 \u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0636\u0648\u0627\u0628\u0637<\/strong> \u0639\u0628\u0631 SAP \u0648\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0645\u0647\u0645\u0629 \u0627\u0644\u0623\u062e\u0631\u0649.<\/p>\n<p>\u0635\u064f\u0645\u0645 Pathlock \u0644\u0644\u062a\u062e\u0644\u0635 \u0645\u0646 \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u064a\u062f\u0648\u064a\u060c \u0641\u0647\u0648 \u064a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0641\u0631\u0636 \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u062f\u0646\u0649 \u0645\u0646 \u0627\u0644\u0627\u0645\u062a\u064a\u0627\u0632\u0627\u062a \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062c\u0627\u0647\u0632\u064a\u0629 \u0627\u0644\u062a\u062f\u0642\u064a\u0642 \u2013 \u0643\u0644 \u0630\u0644\u0643 \u0645\u0639 \u062a\u0633\u0631\u064a\u0639 \u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u062a\u0648\u0627\u0641\u0642\u0629.<\/p>\n        <\/div>\n                 \n    <\/div>\n      <div class=\"bg-[#F5F6FC] flex flex-col w-full flex-1 items-center justify-center rounded-lg py-[22px]\">\n        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/datasheet-cover-src.png\" alt=\"\" class=\"no-override max-w-80 max-h-96 rounded-lg flex items-center justify-center\" \/>\n        <a class=\"mt-[10px] flex justify-center items-center font-semibold py-3 px-[18px] bg-[white] hover:bg-[#E3E7F6] group leading-7  rounded-lg text-[#344054] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/08\/AAG-Product-Brief.pdf\">\u0646\u0632\u0651\u0644 \u0648\u0631\u0642\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a (PDF)<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n  <\/section>\n\n\n\n<style>\n    \/* Style for when body has overflow hidden *\/\n    body.modal-open {\n        overflow: hidden;\n    }\n<\/style>\n\n<script>\nfunction modalVideoPlayer(){\n  return {\n    activeModal: null,\n    scriptLoaded: false,\n    async toggleModal(modalId) {\n      if (this.activeModal === modalId) {\n        this.closeModal();\n      } else {\n        this.activeModal = modalId;\n        document.body.classList.add('modal-open');\n        await this.loadWistiaScripts();\n        this.playVideo();\n      }\n    },\n    closeModal() {\n      const player = document.querySelector('wistia-player[media-id=\"eluh781wd9\"]');\n      if (player) {\n        player.pause();\n      }\n      this.activeModal = null;\n      document.body.classList.remove('modal-open');\n    },\n    loadWistiaScripts() {\n      return new Promise((resolve) => {\n        if (!this.scriptLoaded) {\n          const playerScript = document.createElement('script');\n          playerScript.src = \"https:\/\/fast.wistia.com\/player.js\";\n          playerScript.async = true;\n          document.body.appendChild(playerScript);\n\n          const embedScript = document.createElement('script');\n          embedScript.src = \"https:\/\/fast.wistia.com\/embed\/eluh781wd9.js\";\n          embedScript.async = true;\n          embedScript.type = \"module\";\n          document.body.appendChild(embedScript);\n\n          let scriptsLoaded = 0;\n          const checkScriptsLoaded = () => {\n            scriptsLoaded++;\n            if (scriptsLoaded === 2) {\n              this.scriptLoaded = true;\n              resolve();\n            }\n          };\n\n          playerScript.onload = checkScriptsLoaded;\n          embedScript.onload = checkScriptsLoaded;\n        } else {\n          resolve();\n        }\n      });\n    },\n    playVideo() {\n      const player = document.querySelector('wistia-player[media-id=\"eluh781wd9\"]');\n      if (player) {\n        player.play();\n      }\n    }\n  }\n}\n<\/script>\n\n<section id=\"%d9%8a%d8%ad%d8%b8%d9%89-%d8%a8%d8%ab%d9%82%d8%a9-%d8%a3%d9%83%d8%ab%d8%b1-%d9%85%d9%86-1300-%d8%b9%d9%85%d9%8a%d9%84%d8%a7%d9%8b\" class=\"bg-[#f5f6fc] pt-[40px] lg:pt-24 mt-8 lg:mt-12 mb-8 lg:mb-12 w-full scroll-mt-28 \" x-data=\"modalVideoPlayer()\" id=\"%d9%8a%d8%ad%d8%b8%d9%89-%d8%a8%d8%ab%d9%82%d8%a9-%d8%a3%d9%83%d8%ab%d8%b1-%d9%85%d9%86-1300-%d8%b9%d9%85%d9%8a%d9%84%d8%a7%d9%8b\">\n  <div class=\"container mx-auto px-4 lg:px-8\">\n    <div class=\"relative container text-center flex justify-center align-center\">\n      <div class=\"text-center  text-[#0F1556] px-4 flex flex-col justify-center items-center\">\n                <span class=\"text-[#148752] text-sm lg:text-base font-bold uppercase leading-[30px] tracking-wider mb-3\">\u064a\u062d\u0638\u0649 \u0628\u062b\u0642\u0629 \u0623\u0643\u062b\u0631 \u0645\u0646 1,300 \u0639\u0645\u064a\u0644\u0627\u064b<\/span>\n                        <h2 class=\"text-3xl lg:text-5xl leading-[38px] lg:leading-[60px] max-w-[920px] font-semibold mb-4 lg:mb-5\">\u0644\u0627 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0643\u0644\u0627\u0645\u0646\u0627 \u0641\u062d\u0633\u0628<\/h2>\n        \n                <div class=\"text-lg max-w-[720px] lg:text-xl leading-[30px] font-normal\">\n            \u0627\u0643\u062a\u0634\u0641 \u0643\u064a\u0641 \u062a\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0641\u064a \u0634\u062a\u0649 \u0631\u0628\u0648\u0639 \u0627\u0644\u0639\u0627\u0644\u0645 Pathlock \u0644\u0623\u062a\u0645\u062a\u0629 \u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a \u0648\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0645\u0632\u064a\u062f.        <\/div>\n        \n        \n      <\/div>\n    <\/div>\n\n    <div id=\"split\" class=\"w-screen relative left-1\/2 rtl:right-1\/2 rtl:-mr-[50vw] -ml-[50vw] pb-8 lg:pb-12 bg-[linear-gradient(to_bottom,#f5f6fc_50%,white_50%)]\">\n      <div class=\"container mx-auto px-4 lg:px-8\">\n        <div class=\"relative overflow-hidden rounded-lg bg-blue-950 mx-auto inset-0 flex flex-col lg:flex-row items-center justify-center container mt-10 lg:mt-16 text-white bg-gradient-to-b from-[#0e1b7a] to-[#0f1556]\">\n          <div class=\"absolute top-0 right-0 w-full h-full z-0\">\n            <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/08\/bg-svg-1.svg\" alt=\"bg-svg\" class=\"no-override w-full h-full object-cover\" style=\"object-position: center center;\">\n          <\/div>\n              <div class=\"relative z-10 w-full lg:w-[47%] flex h-full min-h-[210px] sm:min-h-[350px] lg:min-h-[491px] bg-no-repeat bg-cover rounded-t-lg lg:rounded-t-none lg:rounded-l-lg\" style=\"background-image: url('https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/csm.avif'); background-position: top center;\">\n                              <video\n                autoplay\n                loop\n                muted\n                playsinline\n                class=\"absolute inset-0 w-full h-full object-cover\"\n                preload=\"none\"\n                >\n                  <source src=\"https:\/\/pathlock.com\/wp-content\/uploads\/videos\/csm600.webm\" type=\"video\/webm\">\n                  Your browser does not support the video tag.\n                <\/video>\n                          \n                <div class=\"absolute w-full h-full bottom-0 left-0\">\n                  <button \n                          @click=\"toggleModal('eluh781wd9')\" \n                          class=\"flex absolute  lg:bottom-[24px] bottom-[14px] lg:left-[24px] left-[17px] rounded-lg\"\n                      >\n                        <div class=\"group w-16 h-16 lg:w-24 lg:h-24\">\n                            <svg \n                              class=\"max-w-16 max-h-16 lg:max-w-24 lg:max-h-24\"\n                              xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"131\" height=\"131\" viewBox=\"0 0 131 131\" fill=\"none\">\n                                <g filter=\"url(#filter0_b_797_1676)\">\n                                    <circle cx=\"65.5\" cy=\"65.5\" r=\"59.5\" fill=\"white\" fill-opacity=\"0.2\"><\/circle>\n                                    <circle cx=\"65.5\" cy=\"65.5\" r=\"59\" stroke=\"white\" stroke-opacity=\"0.5\"><\/circle>\n                                <\/g>\n                                <g class=\"transition-transform duration-300 ease-in-out group-hover:scale-125\" style=\"transform-origin: center;\">\n                                    <g filter=\"url(#filter1_d_797_1676)\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M65.2653 107.516C88.6078 107.516 107.531 88.5961 107.531 65.2578C107.531 41.9194 88.6078 23 65.2653 23C41.9228 23 23 41.9194 23 65.2578C23 88.5961 41.9228 107.516 65.2653 107.516ZM82.4356 67.4711C84.1966 66.487 84.1966 64.0266 82.4356 63.0425L58.6613 49.7565C56.9003 48.7724 54.699 50.0026 54.699 51.9709L54.699 78.5428C54.699 80.5111 56.9003 81.7412 58.6613 80.7571L82.4356 67.4711Z\" fill=\"white\"><\/path>\n                                    <\/g>\n                                <\/g>\n                                <defs>\n                                    <filter id=\"filter0_b_797_1676\" x=\"4\" y=\"4\" width=\"123\" height=\"123\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"><\/feFlood>\n                                        <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"1\"><\/feGaussianBlur>\n                                        <feComposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur_797_1676\"><\/feComposite>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_797_1676\" result=\"shape\"><\/feBlend>\n                                    <\/filter>\n                                    <filter id=\"filter1_d_797_1676\" x=\"0.299999\" y=\"0.299999\" width=\"129.931\" height=\"129.916\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"><\/feFlood>\n                                        <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"><\/feColorMatrix>\n                                        <feOffset><\/feOffset>\n                                        <feGaussianBlur stdDeviation=\"11.35\"><\/feGaussianBlur>\n                                        <feComposite in2=\"hardAlpha\" operator=\"out\"><\/feComposite>\n                                        <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0588235 0 0 0 0 0.0823529 0 0 0 0 0.337255 0 0 0 0.18 0\"><\/feColorMatrix>\n                                        <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_797_1676\"><\/feBlend>\n                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_797_1676\" result=\"shape\"><\/feBlend>\n                                    <\/filter>\n                                <\/defs>\n                            <\/svg>\n                        <\/div>\n                  <\/button>\n                <\/div>\n              <\/div>\n              <div class=\"z-10 flex justify-center align-center lg:w-[53%] py-10 px-4 lg:p-16\">\n                <div class=\" flex-col justify-start items-start gap-8 flex\">\n                    <div class=\"flex-col justify-start items-start gap-6 flex\">\n                        <h3 class=\" text-white text-2xl lg:text-3xl font-medium leading-looselg:leading-[38px]\">\u0644\u0642\u062f \u0645\u0646\u062d\u0646\u0627 Pathlock \u0631\u0635\u062f\u064b\u0627 \u0644\u062d\u0638\u064a\u064b\u0627 \u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u0623\u062a\u0645\u062a \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0641\u0635\u0644 \u0628\u064a\u0646 \u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a \u201cSoD\u201d \u0627\u0644\u062e\u0627\u0635 \u0628\u0646\u0627\u060c \u0645\u0645\u0627 \u0623\u062f\u0649 \u0625\u0644\u0649 \u062a\u062c\u0646\u0628 \u0627\u0644\u062a\u062e\u0645\u064a\u0646 \u0648\u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644<\/h3>\n                    <\/div>\n                    <div class=\"justify-start items-center gap-5 inline-flex \">\n                        <div class=\"min-w-20 max-w-20 h-20\">\n                            <img decoding=\"async\" class=\"no-override rounded-lg\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/kpmg-1.webp\" alt=\"company logo\" \/>\n                        <\/div>\n                        <div class=\"flex flex-col justify-start items-start gap-1\">\n                            <div class=\"text-[#f5f6fc] text-base lg:text-lg font-semibold leading-normal lg:leading-7\">\u2014 Claudio Minoia<\/div>\n                            <div class=\"text-[#ecf0fb] text-sm lg:text-base font-normal leading-tight lg:leading-normal\">\u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u062a\u0642\u0646\u064a \u0641\u064a &#8220;CSM Ingredients&#8221;<\/div>\n                        <\/div>\n                    <\/div>\n\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n      <!-- Modal 1 -->\n    <div x-show=\"activeModal !== null\"  x-cloak class=\"fixed inset-0\" style=\"z-index: 99;\">\n      <!-- Modal Backdrop -->\n      <div\n        class=\"fixed inset-0 bg-[#0f1556] bg-opacity-60\"\n        x-transition:enter=\"transition ease-out duration-300\"\n        x-transition:enter-start=\"opacity-0\"\n        x-transition:enter-end=\"opacity-100\"\n        x-transition:leave=\"transition ease-in duration-300\"\n        x-transition:leave-start=\"opacity-100\"\n        x-transition:leave-end=\"opacity-0\"\n      ><\/div>\n\n      <!-- Modal Content -->\n      <div class=\"fixed inset-0 flex items-center justify-center p-4\">\n        <div\n          @click.stop\n          x-transition:enter=\"transition ease-out duration-300\"\n          x-transition:enter-start=\"opacity-0 transform scale-90\"\n          x-transition:enter-end=\"opacity-100 transform scale-100\"\n          x-transition:leave=\"transition ease-in duration-300\"\n          x-transition:leave-start=\"opacity-100 transform scale-100\"\n          x-transition:leave-end=\"opacity-0 transform scale-90\"\n          class=\"rounded-lg max-w-5xl overflow-hidden w-full mx-4 relative\"\n        >\n          <div class=\"flex justify-end items-center p-4 absolute z-10 right-4\">\n            <button\n              @click=\"closeModal('eluh781wd9')\"\n              class=\"bg-white hover:bg-gray-100 text-gray-800 p-2 rounded-full focus:outline-none\"\n            >\n              <svg\n                class=\"h-6 w-6\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M6 18L18 6M6 6l12 12\"\n                ><\/path>\n              <\/svg>\n            <\/button>\n          <\/div>\n\n          <div class=\"p-4 pt-0\">\n          <wistia-player         \n                class=\"w-full !h-full rounded-lg !object-cover aspect-video\" \n                media-id=\"eluh781wd9\" \n                @ready=\"this.play()\"\n                x-cloak\n            >\n            <\/wistia-player>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n\n    \n  <\/div> \n<\/section>\n\n\n\n<style>\n    @media (min-width: 1024px) {\n        .active-tab {\n            box-shadow: 0 4px 38px #1018590d;\n        }\n    }\n<\/style>\n\n<section class=\"py-8 lg:py-12 scroll-mt-28\" id=\"%d8%a7%d9%84%d9%88%d8%ad%d8%af%d8%a7%d8%aa\">\n    <div class=\"container mx-auto max-w-[1024px] px-4 lg:px-8\">\n        <div class=\"relative\">\n            <div class=\"text-center flex flex-col justify-center items-center mb-12 lg:mb-16\">\n                                    <span class=\"text-[#148752] text-sm font-bold uppercase leading-[30px] tracking-wider mb-3\">\u0627\u0644\u0648\u062d\u062f\u0627\u062a<\/span>\n                                                    <h2 class=\"tracking-tight text-3xl leading-[38px] lg:text-5xl font-semibold max-w-[804px] lg:!leading-[60px]\">\u0627\u0633\u062a\u0643\u0634\u0627\u0641 \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0640Pathlock Application Access Governance<\/h2>\n                \n                                    <div class=\"text-lg lg:text-xl font-normal text-[#2A3274] max-w-[720px] mt-4 lg:mt-5\">\n                        \u062a\u062d\u0643\u0645 \u0641\u064a \u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0648\u0635\u0648\u0644 \u0642\u0628\u0644 \u0623\u0646 \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0639\u0645\u0644\u0643. \u064a\u0642\u062f\u0645 Pathlock \u062d\u0648\u0643\u0645\u0629 \u0634\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0646\u0647\u0627\u064a\u0629 \u0628\u0641\u0636\u0644 \u0627\u0644\u0636\u0648\u0627\u0628\u0637 \u0627\u0644\u0622\u0644\u064a\u0629\u060c \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0644\u0644\u0645\u062e\u0627\u0637\u0631\u060c \u0648\u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u062a\u062f\u0642\u064a\u0642 \u2013 \u062a\u0645\u0643\u064a\u0646 \u0639\u0645\u0644\u0643 \u0645\u0646 \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0648\u0627\u0644\u0639\u0645\u0644 \u0628\u062b\u0642\u0629.                     <\/div>\n                            <\/div>\n\n            \n            <div class=\"rounded-lg bg-white\" x-data=\"tabComponent('5')\" x-init=\"init()\">\n                <div class=\"flex mx-auto justify-center\">\n                    <div>\n                        <!-- Mobile Dropdown -->\n                        <div class=\"block lg:hidden bg-white rounded-lg\">\n                            <select x-on:change=\"setActiveTab(parseInt($el.value))\" class=\"rounded-lg mb-6 py-3 rtl:pr-8 px-4 pe-9 block w-full border-[#F5F6FC] font-medium bg-[#F5F6FC] text-sm focus:border-blue-500 focus:ring-blue-50\">\n                                                                    <option value=\"1\">Access Risk <br>Analysis<\/option>\n                                                                    <option value=\"2\">Compliant <br>Provisioning<\/option>\n                                                                    <option value=\"3\">User Access <br>Reviews<\/option>\n                                                                    <option value=\"4\">Elevated Access <br>Management<\/option>\n                                                                    <option value=\"5\">Role <br>Management<\/option>\n                                                            <\/select>\n                        <\/div>\n\n                        <!-- Desktop Tabs -->\n                        <div style=\"box-shadow: 0px 12px 16px -4px rgba(15, 21, 86, 0.03);\" class=\"hidden lg:flex max-w-[1216px] min-w-[1216px] p-1.5 bg-white rounded-lg justify-around outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] justify-start items-center gap-1.5\">\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 1 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 1 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 1 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 1 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 1 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 1 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 1 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(1)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 1 ? 'font-semibold' : 'font-medium'\">\n                      Access Risk <br>Analysis                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 2 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 2 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 2 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 2 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 2 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 2 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 2 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(2)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 2 ? 'font-semibold' : 'font-medium'\">\n                      Compliant <br>Provisioning                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 3 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 3 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 3 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 3 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 3 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 3 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 3 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(3)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 3 ? 'font-semibold' : 'font-medium'\">\n                      User Access <br>Reviews                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 4 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 4 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 4 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 4 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 4 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 4 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 4 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(4)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 4 ? 'font-semibold' : 'font-medium'\">\n                      Elevated Access <br>Management                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                            <div\n                                        class=\"relative min-h-[66px] group flex-1 self-stretch rounded-md flex justify-center items-center gap-2 overflow-hidden\"\n                                        :class=\"selectedTab == 5 ? 'z-20 outline outline-1 outline-[#CED5EE]' : 'hover:outline hover:outline-1 hover:outline-[#CED5EE] hover:bg-[#FAFBFD]'\"\n                                        @mouseenter=\"selectedTab == 5 ? pauseOnHover() : null\"\n                                        @mouseleave=\"selectedTab == 5 ? resumeOnHover() : null\">\n\n                                    <!-- Background Progress Layer -->\n                                    <div\n                                            class=\"absolute inset-0 rounded-md transition-all duration-200 ease-linear z-0\"\n                                            :class=\"selectedTab == 5 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            :style=\"selectedTab == 5 &#038;&#038; isDesktop ? getProgressBackground(progress) : selectedTab == 5 ? 'background: #E3E7F6;' : 'background: #ffffff;'\">\n                                    <\/div>\n\n                                    <!-- Button -->\n                                    <button\n                                            class=\"px-3 py-2 relative z-10 h-full w-full flex justify-center items-center\"\n                                            :class=\"selectedTab == 5 ? '' : 'group-hover:bg-[#FAFBFD]'\"\n                                            @click.prevent=\"setActiveTab(5)\">\n\n                    <span\n                            class=\"block text-center justify-start text-[#2A3274] text-base leading-normal lg:max-w-[162px]\"\n                            :class=\"selectedTab == 5 ? 'font-semibold' : 'font-medium'\">\n                      Role <br>Management                    <\/span>\n                                    <\/button>\n                                <\/div>\n                                                    <\/div>\n\n                        <!-- Tab Content -->\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 1\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          Access Risk Analysis                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">\u064a\u0639\u0645\u0644 Pathlock \u0639\u0644\u0649 <b>\u0623\u062a\u0645\u062a\u0629 \u062a\u062d\u0644\u064a\u0644 \u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062d\u0633\u0627\u0633\u0629 \u0648\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0637\u0644\u0628<\/b> \u0645\u0639 \u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0642\u0648\u0627\u0639\u062f \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u062e\u0635\u064a\u0635\u060c \u0645\u0645\u0627 \u064a\u0636\u0645\u0646 \u0633\u0631\u0639\u0629 \u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0642\u064a\u0645\u0629 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641.<\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                \u0625\u0645\u0643\u0627\u0646\u064a\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0645\u0639 \u0623\u0643\u062b\u0631 \u0645\u0646 100 \u0645\u064f\u0648\u0635\u0644                                             <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                \u0645\u062d\u062a\u0648\u0649 \u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0642\u0648\u0627\u0639\u062f \u0627\u0644\u062c\u0627\u0647\u0632\u0629                                             <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                \u0648\u0627\u062c\u0647\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0633\u0647\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0645\u064f\u0628\u0644\u063a \u0639\u0646\u0647\u0627                                             <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                                                                    <a class=\"w-full lg:w-auto justify-center flex items-center font-semibold py-3 px-[18px] bg-white border border-[#D0D5DD] hover:bg-[#F9FAFB] text-[#0F1556] group leading-7 rounded-lg transition-colors duration-200\" href=\"\/ar\/products\/sap-access-risk-analysis\/\">\n                                                \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f                                            <\/a>\n                                        \n                                                                            <\/div>\n\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas1\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/access_risk_analysis.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 2\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          Compliant Provisioning                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">\u0628\u0641\u0636\u0644 \u0627\u0644\u062a\u0632\u0648\u064a\u062f \u0627\u0644\u0645\u064f\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 Pathlock\u060c \u064a\u064f\u0645\u0643\u0646\u0643 <b>\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0648\u062a\u0623\u0643\u064a\u062f \u0623\u0630\u0648\u0646\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0642\u0628\u0644 \u0645\u0646\u062d \u0627\u0644\u0648\u0635\u0648\u0644.<\/b> \u0648\u064a\u064f\u0645\u0643\u0646\u0643 \u0623\u064a\u0636\u064b\u0627 \u0623\u062a\u0645\u062a\u0629 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645-\u0627\u0644\u062a\u0646\u0642\u0644-\u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621 (JML) \u0628\u0623\u0643\u0645\u0644\u0647\u0627 \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644. <\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                \u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0631\u0646                                             <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                \u0628\u0648\u0627\u0628\u0627\u062a \u0641\u0631\u062f\u064a\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0643\u0648\u064a\u0646 (\u0627\u0644\u0645\u0648\u0638\u0641\u060c \u0648\u0627\u0644\u0637\u0631\u0641 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u060c \u0648\u0645\u0627 \u0625\u0644\u0649 \u0630\u0644\u0643)                                             <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                \u0633\u064a\u0631 \u0639\u0645\u0644 \u062c\u0627\u0647\u0632 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0641\u064a \u0627\u0644\u0633\u064a\u0646\u0627\u0631\u064a\u0648\u0647\u0627\u062a \u0627\u0644\u0634\u0627\u0626\u0639\u0629                                             <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                                                                    <a class=\"w-full lg:w-auto justify-center flex items-center font-semibold py-3 px-[18px] bg-white border border-[#D0D5DD] hover:bg-[#F9FAFB] text-[#0F1556] group leading-7 rounded-lg transition-colors duration-200\" href=\"\/ar\/products\/compliant-provisioning\/\">\n                                                \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f                                            <\/a>\n                                        \n                                                                            <\/div>\n\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas2\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/compliant_provisioning.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 3\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          User Access Reviews                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">\u0623\u064e\u0646\u0652\u0634\u0650\u0626\u0652 \u0639\u0645\u0644\u064a\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0622\u0644\u064a\u0629 \u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u060c \u062d\u064a\u062b <b>\u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0631\u0627\u062c\u0639\u064a\u0646 \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0645\u0633\u062a\u0646\u064a\u0631\u0629<\/b> \u0628\u0634\u0623\u0646 \u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0633\u064a\u062a\u0645 \u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0648\u0635\u0648\u0644 \u0623\u0648 \u0625\u0644\u063a\u0627\u0624\u0647. \u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0645\u0627 \u0633\u0628\u0642\u060c \u064a\u064f\u0645\u0643\u0646\u0643 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0645\u0633\u0627\u0631 \u0627\u0644\u062a\u062f\u0642\u064a\u0642 \u0644\u0625\u062b\u0628\u0627\u062a \u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0627\u062a. <\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                \u0625\u062f\u0631\u0627\u062c \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0648\u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0633\u064a\u0627\u0642\u064a\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0646\u062a\u0627\u0626\u062c \u0623\u0641\u0636\u0644 \u0644\u0644\u062d\u0645\u0644\u0629 (\u0645\u0639\u062f\u0644\u0627\u062a \u0625\u0644\u063a\u0627\u0621 \u062a\u062a\u0631\u0627\u0648\u062d \u0628\u064a\u0646 20% \u064830% \u0641\u064a \u0645\u0642\u0627\u0628\u0644 2% \u06483%)                                             <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0648\u0632\u0639\u0629 \u0644\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u0627\u062a (\u0623\u064a \u0627\u0644\u0637\u0631\u0641 \u0627\u0644\u062e\u0627\u0631\u062c\u064a)                                             <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                \u0633\u064a\u0631 \u0639\u0645\u0644 \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0644\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u0627\u062a \u0627\u0644\u0634\u0627\u0626\u0639\u0629                                             <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                                                                    <a class=\"w-full lg:w-auto justify-center flex items-center font-semibold py-3 px-[18px] bg-white border border-[#D0D5DD] hover:bg-[#F9FAFB] text-[#0F1556] group leading-7 rounded-lg transition-colors duration-200\" href=\"\/ar\/products\/user-access-review-software\/\">\n                                                \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f                                            <\/a>\n                                        \n                                                                            <\/div>\n\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas3\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/certifications.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 4\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          Elevated Access Management                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">\u0627\u0633\u062a\u0641\u062f \u0645\u0646 <b>\u0639\u0645\u0644\u064a\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u0624\u062a\u0645\u062a\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644<\/b> \u0645\u0639 \u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u064f\u062f\u0631\u062c\u0629 \u0627\u0644\u062a\u064a \u062a\u0642\u0644\u0644 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0645\u0648\u0627\u0631\u062f \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0625\u0636\u0627\u0641\u064a\u0629. \u0645\u0639 Pathlock\u060c \u064a\u064f\u0645\u0643\u0646\u0643 \u0623\u064a\u0636\u064b\u0627 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062f\u0644\u064a\u0644 \u062c\u0627\u0647\u0632 \u0644\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0639\u0644\u0649 \u0623\u0646 \u062c\u0644\u0633\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0645\u0645\u064a\u0632\u0629 \u064a\u062a\u0645 \u062a\u062a\u0628\u0639\u0647\u0627 \u0648\u0645\u0631\u0627\u0642\u0628\u062a\u0647\u0627 \u0648\u0645\u0631\u0627\u062c\u0639\u062a\u0647\u0627. <\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                \u062f\u0639\u0645 \u0633\u062c\u0644 \u0627\u0644\u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0645\u064f\u062a\u0639\u062f\u062f \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a                                             <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0634\u062e\u0635 \u0627\u0644\u0630\u064a \u063a\u064a\u0651\u0631 \u0623\u064a\u0651 \u0634\u064a\u0621 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0642\u064a\u0645 &#8220;\u0642\u0628\u0644&#8221; \u0648&#8221;\u0628\u0639\u062f&#8221;                                             <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                \u0645\u062d\u062a\u0648\u0649 \u062c\u0627\u0647\u0632 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645                                             <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                                                                    <a class=\"w-full lg:w-auto justify-center flex items-center font-semibold py-3 px-[18px] bg-white border border-[#D0D5DD] hover:bg-[#F9FAFB] text-[#0F1556] group leading-7 rounded-lg transition-colors duration-200\" href=\"\/ar\/products\/elevated-access-management-software\/\">\n                                                \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f                                            <\/a>\n                                        \n                                                                            <\/div>\n\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas4\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/elevated_access_management_.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div x-ref=\"containerA\"\n                                 x-show=\"selectedTab === 5\"\n                                 @mouseenter=\"isDesktop ? pauseOnHover() : null\"\n                                 @mouseleave=\"isDesktop ? resumeOnHover() : null\"\n                                 class=\"flex flex-col-reverse lg:flex-row lg:justify-self-center lg:justify-between lg:mt-12 relative bg-white z-10 lg:-mx-8 max-w-[1216px] lg:min-h-[512px] xl:max-w-[1216px] rounded-lg mx-auto\">\n\n                                <!-- Left Column: Content -->\n                                <div class=\"w-full lg:w-1\/2\">\n                                    <div class=\"flex flex-col mb-5 mt-12\">\n                        <span class=\"hidden lg:flex text-3xl font-semibold mb-5\">\n                          Role Management                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">\u0627\u0633\u062a\u0641\u062f \u0645\u0646 \u0645\u0646\u0634\u0626 \u0627\u0644\u0623\u062f\u0648\u0627\u0631 \u0627\u0644\u0645\u0631\u0626\u064a \u0648\u0645\u062f\u064a\u0631 \u0627\u0644\u0623\u062f\u0648\u0627\u0631 \u0641\u064a Pathlock \u0644\u0640 <b>\u062a\u0642\u064a\u064a\u0645 \u062c\u0627\u0647\u0632\u064a\u0629 \u0627\u0644\u062a\u062f\u0642\u064a\u0642\u060c \u0648\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0623\u062f\u0648\u0627\u0631 \u0627\u0644\u062d\u0627\u0644\u064a\u0629\u060c<\/b> \u0648\u062a\u0635\u0645\u064a\u0645 \u0623\u062f\u0648\u0627\u0631 \u0645\u064f\u062a\u0648\u0627\u0641\u0642\u0629 \u062c\u062f\u064a\u062f\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u062d\u0627\u0643\u0627\u0629 \u0648\u062a\u062d\u0644\u064a\u0644 &#8220;\u0645\u0627\u0630\u0627 \u0644\u0648&#8221;. <\/span>\n                                    <\/div>\n\n                                    <ul class=\"flex flex-col gap-3 mb-12 text-[#2A3274]\">\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u062f\u0648\u0627\u0631 \u0627\u0644\u062d\u064a\u0648\u064a\u0629 \u0645\u0639 \u0625\u0645\u0643\u0627\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u062a\u0642\u0627\u0637\u0639\u0629                                             <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0623\u062f\u0648\u0627\u0631 \u0648\u062a\u062d\u0633\u064a\u0646\u0647\u0627 \u0628\u0634\u0643\u0644\u064d \u0645\u064f\u0628\u0633\u0637 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0627\u0642\u062a\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a\u0629                                             <\/li>\n                                                                                    <li class=\"flex gap-3 items-start ps-4 text-lg leading-7\">\n                                                <svg class=\"rounded-full min-w-[28px] min-h-[28px] flex-shrink-0\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                    <g clip-path=\"url(#clip0_954_404)\">\n                                                        <rect width=\"28\" height=\"28\" transform=\"translate(0.5 0.799988)\" fill=\"#D5F6E0\"\/>\n                                                        <path d=\"M9.25 14.8L12.75 18.3L19.75 11.3\" stroke=\"#24B770\" stroke-width=\"2.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/g>\n                                                    <defs>\n                                                        <clipPath id=\"clip0_954_404\">\n                                                            <path d=\"M0.5 14.8C0.5 7.068 6.76801 0.799988 14.5 0.799988C22.232 0.799988 28.5 7.068 28.5 14.8C28.5 22.532 22.232 28.8 14.5 28.8C6.76801 28.8 0.5 22.532 0.5 14.8Z\" fill=\"white\"\/>\n                                                        <\/clipPath>\n                                                    <\/defs>\n                                                <\/svg>\n                                                \u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0645\u064f\u062a\u0642\u062f\u0645\u0629 \u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0623\u062f\u0648\u0627\u0631 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644                                             <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                                                                    <a class=\"w-full lg:w-auto justify-center flex items-center font-semibold py-3 px-[18px] bg-white border border-[#D0D5DD] hover:bg-[#F9FAFB] text-[#0F1556] group leading-7 rounded-lg transition-colors duration-200\" href=\"\/ar\/products\/role-management\/\">\n                                                \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f                                            <\/a>\n                                        \n                                                                            <\/div>\n\n                                                                    <\/div>\n\n                                <!-- Right Column: Image\/Animation -->\n                                <div class=\"lg:ps-8 w-full flex lg:w-1\/2 lg:flex-end lg:justify-end\">\n                                    <div class=\"bg-[#F5F6FC] w-full h-full lg:max-w-[512px] lg:max-h-[512px] flex rounded-xl lg:flex-end lg:items-center\">\n                                                                                    <canvas class=\"w-full h-full lg:max-w-[512px] lg:max-h-[512px]\" x-ref=\"riveCanvas5\" data-src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/04\/role_management.riv\" width=\"512\" height=\"512\"><\/canvas>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<script>\n    function tabComponent() {\n        return {\n            selectedTab: 1,\n            progress: 0,\n            riveInstances: {},\n            interval: null,\n            progressInterval: null,\n            intervalDuration: 12000,\n            lastAutoChangeTab: 1,\n            isHoverPaused: false,\n            elapsedTime: 0,\n            isDesktop: false,\n            totalTabs: 0,\n            isRTL: document.dir === 'rtl' || document.documentElement.dir === 'rtl',\n\n            checkScreenSize() {\n                this.isDesktop = window.innerWidth >= 1024;\n            },\n\n            getProgressBackground(progress) {\n                \/\/ RTL-aware progress bar background\n                if (this.isRTL) {\n                    return `background: linear-gradient(to left, #E3E7F6 ${progress}%, #F5F6FC ${progress}%);`;\n                }\n                return `background: linear-gradient(to right, #E3E7F6 ${progress}%, #F5F6FC ${progress}%);`;\n            },\n\n            setActiveTab(tabId) {\n                this.selectedTab = tabId;\n                this.lastAutoChangeTab = tabId;\n                this.resetProgressBar();\n\n                if (this.isDesktop) {\n                    this.pauseOnHover();\n                }\n\n                this.$nextTick(() => {\n                    this.initializeRiveForTab(tabId);\n                    this.resizeRiveCanvas();\n                });\n            },\n\n            updateProgress(value) {\n                this.progress = value;\n            },\n\n            pauseOnHover() {\n                if (!this.isDesktop) return;\n\n                if (!this.isHoverPaused) {\n                    this.isHoverPaused = true;\n                    if (this.progressInterval) {\n                        clearInterval(this.progressInterval);\n                        this.progressInterval = null;\n                    }\n                    if (this.interval) {\n                        clearInterval(this.interval);\n                        this.interval = null;\n                    }\n                }\n            },\n\n            resumeOnHover() {\n                if (!this.isDesktop) return;\n\n                if (this.isHoverPaused) {\n                    this.isHoverPaused = false;\n                    this.startProgressUpdate(this.elapsedTime);\n                    this.startAutoChange();\n                }\n            },\n\n            resetInterval() {\n                if (!this.isDesktop) return;\n\n                clearInterval(this.interval);\n                clearInterval(this.progressInterval);\n                this.progress = 0;\n                this.elapsedTime = 0;\n                this.startAutoChange();\n                this.startProgressUpdate();\n            },\n\n            startAutoChange() {\n                if (!this.isDesktop) return;\n\n                if (this.interval) {\n                    clearInterval(this.interval);\n                }\n\n                const remainingTime = this.intervalDuration - this.elapsedTime;\n\n                this.interval = setTimeout(() => {\n                    const nextTab = this.lastAutoChangeTab < this.totalTabs ? this.lastAutoChangeTab + 1 : 1;\n                    this.lastAutoChangeTab = nextTab;\n                    this.selectedTab = nextTab;\n                    this.resetProgressBar();\n                    this.initializeRiveForTab(nextTab);\n                    this.resizeRiveCanvas();\n\n                    this.startRegularAutoChange();\n                }, remainingTime);\n            },\n\n            startRegularAutoChange() {\n                if (!this.isDesktop) return;\n\n                if (this.interval) {\n                    clearInterval(this.interval);\n                }\n                this.interval = setInterval(() => {\n                    const nextTab = this.lastAutoChangeTab < this.totalTabs ? this.lastAutoChangeTab + 1 : 1;\n                    this.lastAutoChangeTab = nextTab;\n                    this.selectedTab = nextTab;\n                    this.resetProgressBar();\n                    this.initializeRiveForTab(nextTab);\n                    this.resizeRiveCanvas();\n                }, this.intervalDuration);\n            },\n\n            startProgressUpdate(startTime = 0) {\n                if (!this.isDesktop) return;\n\n                this.elapsedTime = startTime;\n                const step = 50;\n\n                if (this.progressInterval) {\n                    clearInterval(this.progressInterval);\n                }\n\n                this.progressInterval = setInterval(() => {\n                    this.elapsedTime += step;\n                    this.updateProgress((this.elapsedTime \/ this.intervalDuration) * 100);\n\n                    if (this.elapsedTime >= this.intervalDuration) {\n                        this.elapsedTime = 0;\n                        this.updateProgress(0);\n                    }\n                }, step);\n            },\n\n            pauseActiveRiveAnimation() {\n                if (this.riveInstances[this.selectedTab]) {\n                    try {\n                        this.riveInstances[this.selectedTab].pause();\n                    } catch(e) {\n                        console.log('Pause not available for this Rive instance');\n                    }\n                }\n            },\n\n            resumeActiveRiveAnimation() {\n                if (this.riveInstances[this.selectedTab]) {\n                    try {\n                        this.riveInstances[this.selectedTab].play();\n                    } catch(e) {\n                        console.log('Play not available for this Rive instance');\n                    }\n                }\n            },\n\n            initializeRiveForTab(tabId) {\n                const canvas = this.$refs[`riveCanvas${tabId}`];\n                if (!canvas) return;\n\n                if (this.riveInstances[tabId]) {\n                    try {\n                        this.riveInstances[tabId].stop();\n                        this.riveInstances[tabId].cleanup();\n                    } catch(e) {}\n                }\n\n                const src = canvas.dataset.src;\n                if (!src) return;\n\n                if (canvas.parentElement) {\n                    const container = canvas.parentElement;\n                    canvas.width = container.clientWidth;\n                    canvas.height = container.clientHeight;\n                }\n\n                \/\/  ArrayBuffer insted src to fix console error loading file; may be corrupted\n                fetch(src)\n                    .then(res => {\n                        if (!res.ok) throw new Error(`Failed to fetch .riv: ${res.status}`);\n                        return res.arrayBuffer();\n                    })\n                    .then(buffer => {\n                        this.riveInstances[tabId] = new rive.Rive({\n                            buffer: buffer,\n                            canvas: canvas,\n                            autoplay: true,\n                            onLoad: () => {\n                                this.riveInstances[tabId].resizeDrawingSurfaceToCanvas();\n                            },\n                            onError: (error) => {\n                                console.error(`Rive error for tab ${tabId}:`, error);\n                            },\n                        });\n                    })\n                    .catch(err => {\n                        console.error(`Error loading .riv for tab ${tabId}:`, err);\n                    });\n            },\n\n            resizeRiveCanvas() {\n                setTimeout(() => {\n                    const activeCanvas = this.$refs[`riveCanvas${this.selectedTab}`];\n                    if (activeCanvas && this.riveInstances[this.selectedTab]) {\n                        const container = activeCanvas.parentElement;\n                        const containerWidth = container.clientWidth;\n                        const containerHeight = container.clientHeight;\n\n                        activeCanvas.width = containerWidth;\n                        activeCanvas.height = containerHeight;\n\n                        try {\n                            this.riveInstances[this.selectedTab].resizeDrawingSurfaceToCanvas();\n                        } catch(e) {\n                            console.log('Error resizing Rive canvas:', e);\n                        }\n                    }\n                }, 10);\n            },\n\n            countTotalTabs() {\n                let count = 0;\n                for (let i = 1; ; i++) {\n                    const canvas = this.$refs[`riveCanvas${i}`];\n                    if (!canvas) break;\n                    count++;\n                }\n                this.totalTabs = count;\n                return count;\n            },\n\n            initPlayers() {\n                setTimeout(() => {\n                    this.countTotalTabs();\n\n                    if (this.totalTabs > 0) {\n                        this.selectedTab = 1;\n                        this.lastAutoChangeTab = 1;\n\n                        this.initializeRiveForTab(1);\n\n                        if (this.isDesktop) {\n                            this.startRegularAutoChange();\n                            this.startProgressUpdate();\n                        }\n                    } else {\n                        console.warn(\"No Rive animations found.\");\n                    }\n                }, 50);\n            },\n\n            resetProgressBar() {\n                if (!this.isDesktop) {\n                    this.progress = 0;\n                    return;\n                }\n\n                this.elapsedTime = 0;\n                this.updateProgress(0);\n                if (this.progressInterval) {\n                    clearInterval(this.progressInterval);\n                }\n                this.startProgressUpdate();\n            },\n\n            handleResize() {\n                const wasDesktop = this.isDesktop;\n                this.checkScreenSize();\n\n                if (!wasDesktop && this.isDesktop) {\n                    this.startRegularAutoChange();\n                    this.startProgressUpdate();\n                } else if (wasDesktop && !this.isDesktop) {\n                    if (this.interval) {\n                        clearInterval(this.interval);\n                        this.interval = null;\n                    }\n                    if (this.progressInterval) {\n                        clearInterval(this.progressInterval);\n                        this.progressInterval = null;\n                    }\n                    this.progress = 0;\n                    this.elapsedTime = 0;\n                    this.isHoverPaused = false;\n                }\n\n                this.resizeRiveCanvas();\n            },\n\n            init() {\n                this.$nextTick(() => {\n                    this.checkScreenSize();\n                    this.initPlayers();\n\n                    window.addEventListener('resize', () => {\n                        this.handleResize();\n                    });\n                });\n            }\n        };\n    }\n<\/script>\n\n\n\n<section id=\"connectors\" class=\"container mx-auto bg-white py-8 lg:py-12 px-4 lg:px-8 scroll-mt-28\" x-data>\n    <div class=\"container mx-auto\">\n        <div class=\"relative\">\n            <div class=\"text-center flex flex-col justify-center items-center\">\n                <span class=\"text-[#148752] text-sm font-bold uppercase leading-[30px] tracking-wider mb-3\">\u0627\u0644\u0645\u0648\u0635\u0644\u0627\u062a <\/span>\n\n                                    <h2 class=\"tracking-tight text-3xl leading-[38px] lg:text-5xl font-semibold mb-4 lg:mb-5 max-w-[720px] lg:!leading-[60px]\">\u062a\u0648\u0633\u064a\u0639 \u0646\u0637\u0627\u0642 \u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0647\u0645\u0629 \u0644\u0644\u0623\u0639\u0645\u0627\u0644<\/h2>\n                \n                                    <div class=\"text-lg lg:text-xl font-normal text-[#2A3274] max-w-[720px]\">\n                        \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u062a\u062d\u0643\u0645 \u0645\u064f\u0648\u062d\u062f \u0641\u064a \u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u0627\u0644\u0627\u0633\u062a\u062d\u0642\u0627\u0642\u0627\u062a \u0648\u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a \u0639\u0628\u0631 \u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0645\u0624\u0633\u0633\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643. \u0628\u0641\u0636\u0644 \u0627\u0644\u062a\u0643\u0627\u0645\u0644 \u0645\u0639 \u0623\u062f\u0648\u0627\u062a <strong>Microsoft Entra ID \u0648SAP \u0648Oracle \u0648Workday<\/strong> \u0648\u0623\u062f\u0648\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u062e\u062f\u0645\u0627\u062a \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u062b\u0644 <strong>ServiceNow\u060c<\/strong> \u064a\u064f\u0645\u0643\u0651\u0646\u0643 Pathlock \u0645\u0646 \u062a\u0637\u0628\u064a\u0642 \u0636\u0648\u0627\u0628\u0637 \u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0623\u064a\u0646\u0645\u0627 \u0627\u062a\u064f\u062e\u0630\u062a \u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0648\u0635\u0648\u0644                    <\/div>\n                \n                <div class=\"mt-8 mb-[46px] group\">\n                                    <\/div>\n                <div class=\"relative space-y-[18px] container mx-auto text-center\">\n                    <!-- Left fade effect -->\n                    <div dir=\"rtl\" class=\"absolute rtl:rotate-180  left-0 rtl:left-auto rtl:right-0 top-0 bottom-0 w-24 z-10 pointer-events-none\"\n                         style=\"background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);\"><\/div>\n\n                    <!-- Right fade effect -->\n                    <div dir=\"rtl\" class=\"absolute rtl:rotate-180 right-0 rtl:right-auto rtl:left-0 top-0 bottom-0 w-24 z-10 pointer-events-none\"\n                         style=\"background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);\"><\/div>\n                                                <div\n                                    x-data=\"marquee('right')\"\n                                    class=\"overflow-hidden w-full\"\n                                    dir=\"ltr\"\n                                    style=\"direction: ltr;\"\n                            >\n                                <div\n                                        x-ref=\"container\"\n                                        class=\"flex\"\n                                        @mouseenter=\"pause()\"\n                                        @mouseleave=\"play()\"\n                                >\n                                    <div x-ref=\"original\" class=\"flex gap-[18px] pr-[18px]\">\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/applications\/sap-erp\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/SAP-3.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">SAP ERP<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/applications\/oracle-ebs\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/oracle-2.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Oracle E-Business Suite<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/applications\/sap-erp\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/SAP-3.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">SAP S4\/HANA<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/applications\/oracle-fusion-cloud-erp-access-governance\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/oracle-2.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Oracle ERP Cloud<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/applications\/sap-ariba-access-governance\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/ariba-1.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">SAP Ariba<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/applications\/workday-access-governance\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/workday-1.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Workday<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/microsoft-dynamics-365-crm\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/dynamics-1.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Microsoft Dynamics 365<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/applications\/microsoft-entra-id\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/entra-1.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Microsoft Entra ID Governance<\/span>\n                                            <\/a>\n                                                                            <\/div>\n                                    <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div\n                                    x-data=\"marquee('left')\"\n                                    class=\"overflow-hidden w-full\"\n                                    dir=\"ltr\"\n                                    style=\"direction: ltr;\"\n                            >\n                                <div\n                                        x-ref=\"container\"\n                                        class=\"flex\"\n                                        @mouseenter=\"pause()\"\n                                        @mouseleave=\"play()\"\n                                >\n                                    <div x-ref=\"original\" class=\"flex gap-[18px] pr-[18px]\">\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/microsoft-teams\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/teams-1.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Microsoft Teams<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/applications\/peoplesoft-identity-governance\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/ps-1.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">PeopleSoft<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/google-workspace\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/google-1.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Google Workspace<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/applications\/peoplesoft-campus-solutions\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/ps-1.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Peoplesoft Campus Solutions<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/applications\/access-governance-for-jd-edwards\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/jd-1.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">JD Edwards<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/okta\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/okta-1.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Okta<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/manhattan-wms\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/manhattan-1.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Manhattan<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/applications\/sap-successfactors-access-governance\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/successfactors-1.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">SAP SuccessFactors<\/span>\n                                            <\/a>\n                                                                            <\/div>\n                                    <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div\n                                    x-data=\"marquee('right')\"\n                                    class=\"overflow-hidden w-full\"\n                                    dir=\"ltr\"\n                                    style=\"direction: ltr;\"\n                            >\n                                <div\n                                        x-ref=\"container\"\n                                        class=\"flex\"\n                                        @mouseenter=\"pause()\"\n                                        @mouseleave=\"play()\"\n                                >\n                                    <div x-ref=\"original\" class=\"flex gap-[18px] pr-[18px]\">\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/servicenow\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/servicenow-1.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Service Now<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/coupa\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/coupa-2.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Coupa<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/jira\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/jira-1.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Jira Service Management<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/sailpoint-identitynow-hr-identity-source\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/sailpoint-1.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Sailpoint<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/salesforce-2\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/salesforce-1.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Salesforce<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/high-radius\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/high-radius-1.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">High Radius<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/ibm-maximo\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/ibm-maximo-1.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Maximo<\/span>\n                                            <\/a>\n                                                                                    <a  dir=\"rtl\"  class=\"inline-flex items-center bg-[#F5F6FC] rounded-lg p-2 hover:bg-[#e3e7f6] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/integrations\/infor-ln\/\">\n                              <span dir=\"rtl\"  class=\"w-8 h-8 mr-2 rtl:ml-2 rtl:mr-0 flex-shrink-0\">\n                                  <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Infor-LN-1.svg\" alt=\"\" class=\"w-full h-full object-contain\" \/>\n                              <\/span>\n                                                <span class=\"text-sm font-semibold whitespace-nowrap\">Infor LN<\/span>\n                                            <\/a>\n                                                                            <\/div>\n                                    <div x-ref=\"clone\" class=\"flex gap-[18px]\"><\/div>\n                                <\/div>\n                            <\/div>\n                                        <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener('alpine:init', () => {\n        Alpine.data('marquee', (direction = 'left') => ({\n            \/\/ Configuration\n            speed: 0.18,\n            paused: false,\n\n            \/\/ State\n            position: 0,\n            animationId: null,\n            containerWidth: 0,\n\n            \/\/ Initialize the marquee\n            init() {\n                this.$nextTick(() => {\n                    \/\/ Clone the original items\n                    const original = this.$refs.original;\n                    const clone = this.$refs.clone;\n                    clone.innerHTML = original.innerHTML;\n\n                    \/\/ Calculate container width\n                    this.containerWidth = original.offsetWidth;\n\n                    \/\/ Set initial position based on direction\n                    this.position = direction === 'left' ? -this.containerWidth : 0;\n\n                    \/\/ Start animation\n                    this.play();\n                });\n            },\n\n            \/\/ Start the animation\n            play() {\n                this.paused = false;\n                if (!this.animationId) {\n                    this.animate();\n                }\n            },\n\n            \/\/ Pause the animation\n            pause() {\n                this.paused = true;\n                if (this.animationId) {\n                    cancelAnimationFrame(this.animationId);\n                    this.animationId = null;\n                }\n            },\n\n            \/\/ Animation loop\n            animate() {\n                if (this.paused) return;\n\n                \/\/ Update position\n                if (direction === 'left') {\n                    this.position += this.speed;\n                    if (this.position >= 0) {\n                        this.position = -this.containerWidth;\n                    }\n                } else {\n                    this.position -= this.speed;\n                    if (this.position <= -this.containerWidth) {\n                        this.position = 0;\n                    }\n                }\n\n                \/\/ Apply transform\n                this.$refs.container.style.transform = `translateX(${this.position}px)`;\n\n                \/\/ Continue animation loop\n                this.animationId = requestAnimationFrame(() => this.animate());\n            },\n\n            \/\/ Clean up on component removal\n            destroy() {\n                this.pause();\n            }\n        }));\n    });\n<\/script>\n\n\n\n\n<script type=\"module\" src=\"https:\/\/fast.wistia.com\/embed\/api.js\" async><\/script>\n<script src=\"https:\/\/fast.wistia.com\/assets\/external\/E-v1.js\" async><\/script>\n\n<section id=\"%d9%85%d8%b1%d9%83%d8%b2-%d8%a7%d9%84%d8%b9%d8%b1%d8%b6-%d8%a7%d9%84%d8%aa%d9%88%d8%b6%d9%8a%d8%ad%d9%8a\"\n         class=\"bg-white py-8 lg:py-12 scroll-mt-28 mb-4 lg:mb-12\">\n    <div class=\"container mx-auto px-4 lg:px-8\">\n        <div class=\"relative\">\n            <div class=\"text-center flex flex-col justify-center items-center\">\n                <span class=\"text-[#148752] text-sm font-bold uppercase leading-[30px] tracking-wider mb-3\">\u0645\u0631\u0643\u0632 \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u062a\u0648\u0636\u064a\u062d\u064a<\/span>\n\n                                    <h2 class=\"tracking-tight text-3xl leading-[38px] lg:text-5xl font-semibold mb-4 lg:mb-5 max-w-[720px] lg:!leading-[60px]\">\u0631\u0627\u062c\u0639 \u062a\u062c\u0631\u0628\u0629 Pathlock \u0627\u0644\u0639\u0645\u0644\u064a\u0629<\/h2>\n                \n                                    <div class=\"text-lg lg:text-xl font-normal text-[#2A3274] max-w-[720px]\">\n                        \u0627\u0633\u062a\u0643\u0634\u0641 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0646\u062a\u062c \u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u062a\u0648\u062c\u064a\u0647 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u062a\u0635\u0641\u062d &#8211; \u0644\u0627 \u064a\u0644\u0632\u0645 \u0627\u0644\u0646\u0634\u0631\u060c <b>\u0648\u0628\u0634\u0643\u0644 \u0643\u0627\u0645\u0644 \u0648\u0641\u0642\u064b\u0627 \u0644\u0634\u0631\u0648\u0637\u0643.<\/b>                    <\/div>\n                \n\n                                    <div class=\"flex w-full flex-wrap md:gap-x-8 gap-y-[48px] mt-12 lg:mt-16 justify-center items-stretch\"\n                         id=\"demo-cards-container\">\n\n                                                    \n                            <div class=\"relative w-full sm:w-[calc(50%-16px)] lg:w-[calc(33.333%-22px)] md:max-w-[384px] rounded-lg group\/item flex flex-col justify-start items-center hover:scale-110 transition-transform ease-in-out duration-300 h-full demo-card\">\n                                                                    <div class=\"rounded-lg px-4 lg:px-6 z-10\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/image-14.png\"\n                                             alt=\"\"\n                                             class=\"rounded-lg no-override w-full flex items-center justify-center max-h-[180px]\"\/>\n                                    <\/div>\n                                                                <div class=\"relative rounded-lg pt-[93px] -mt-[77px] outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] group-hover\/item:[box-shadow:0px_12px_16px_0px_rgba(15,21,86,0.05),_0px_4px_6px_-2px_rgba(15,21,86,0)] flex flex-col h-full\">\n                                    <div class=\"px-6 flex flex-col w-full justify-start items-start mb-6 flex-grow\">\n                                        <h3 class=\"self-stretch text-left justify-start text-[#0F1556] text-xl font-semibold leading-[30px] mb-3\">\u062a\u062d\u0644\u064a\u0644 \u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u0627\u0646\u062a\u0647\u0627\u0643\u0627\u062a \u0627\u0644\u0641\u0635\u0644 \u0628\u064a\u0646 \u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a &quot;SoD&quot;<\/h3>\n                                        <p class=\"text-left justify-start text-[#2A3274] text-base font-normal leading-normal flex-grow mb-4\">\u0627\u0643\u062a\u0634\u0641 \u0643\u064a\u0641 \u064a\u062d\u062f\u062f Pathlock \u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629 \u0639\u0628\u0631 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0648\u064a\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0641\u0635\u0644 \u0628\u064a\u0646 \u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a &quot;SoD&quot; \u0627\u0644\u062f\u0642\u064a\u0642.\u2028<\/p>\n                                    <\/div>\n                                    <div class=\"flex flex-col lg:flex-row border-t border-[#E3E7F6] p-6 w-full justify-between items-center gap-y-4 mt-auto\">\n                                                                                    <div class=\"flex grow w-full lg:w-auto\">\n                                                <a class=\"h-12 w-full lg:w-auto px-[18px] py-3 bg-white hover:bg-[#E3E7F6] transition-colors duration-300 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\"\n                                                   href=\"\/ar\/browser-tours\/pathlock-cloud-access-risk-analysis\/\"\n                                                   target=\"\">\n                                                    <div class=\"px-0.5 justify-center items-center flex\">\n                                                        <span class=\"text-[#0f1556] text-base font-semibold leading-normal\">\u062c\u0648\u0644\u0629 \u0623\u0648\u0646\u0644\u0627\u064a\u0646<\/span>\n                                                    <\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                    \n                            <div class=\"relative w-full sm:w-[calc(50%-16px)] lg:w-[calc(33.333%-22px)] md:max-w-[384px] rounded-lg group\/item flex flex-col justify-start items-center hover:scale-110 transition-transform ease-in-out duration-300 h-full demo-card\">\n                                                                    <div class=\"rounded-lg px-4 lg:px-6 z-10\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/image-154.webp\"\n                                             alt=\"\"\n                                             class=\"rounded-lg no-override w-full flex items-center justify-center max-h-[180px]\"\/>\n                                    <\/div>\n                                                                <div class=\"relative rounded-lg pt-[93px] -mt-[77px] outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] group-hover\/item:[box-shadow:0px_12px_16px_0px_rgba(15,21,86,0.05),_0px_4px_6px_-2px_rgba(15,21,86,0)] flex flex-col h-full\">\n                                    <div class=\"px-6 flex flex-col w-full justify-start items-start mb-6 flex-grow\">\n                                        <h3 class=\"self-stretch text-left justify-start text-[#0F1556] text-xl font-semibold leading-[30px] mb-3\">\u0623\u062a\u0645\u062a \u062a\u0632\u0648\u064a\u062f \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0645\u064f\u062a\u0648\u0627\u0641\u0642<\/h3>\n                                        <p class=\"text-left justify-start text-[#2A3274] text-base font-normal leading-normal flex-grow mb-4\">\u0627\u0643\u062a\u0634\u0641 \u0643\u064a\u0641 \u064a\u0639\u0645\u0644 Pathlock \u0639\u0644\u0649 \u062a\u0628\u0633\u064a\u0637 \u0639\u0645\u0644\u064a\u0629 \u062f\u0645\u062c \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0648\u0645\u0648\u0627\u0641\u0642\u0627\u062a \u0627\u0644\u0648\u0635\u0648\u0644 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0645\u064f\u062f\u0631\u062c\u0629 \u0648\u0631\u0624\u0649 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u062a\u062f\u0642\u064a\u0642.\u2028<\/p>\n                                    <\/div>\n                                    <div class=\"flex flex-col lg:flex-row border-t border-[#E3E7F6] p-6 w-full justify-between items-center gap-y-4 mt-auto\">\n                                                                                    <div class=\"flex grow w-full lg:w-auto\">\n                                                <a class=\"h-12 w-full lg:w-auto px-[18px] py-3 bg-white hover:bg-[#E3E7F6] transition-colors duration-300 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\"\n                                                   href=\"\/ar\/browser-tours\/pathlock-cloud-compliant-provisioning\/\"\n                                                   target=\"\">\n                                                    <div class=\"px-0.5 justify-center items-center flex\">\n                                                        <span class=\"text-[#0f1556] text-base font-semibold leading-normal\">\u062c\u0648\u0644\u0629 \u0623\u0648\u0646\u0644\u0627\u064a\u0646<\/span>\n                                                    <\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                    \n                            <div class=\"relative w-full sm:w-[calc(50%-16px)] lg:w-[calc(33.333%-22px)] md:max-w-[384px] rounded-lg group\/item flex flex-col justify-start items-center hover:scale-110 transition-transform ease-in-out duration-300 h-full demo-card\">\n                                                                    <div class=\"rounded-lg px-4 lg:px-6 z-10\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/image-16.png\"\n                                             alt=\"\"\n                                             class=\"rounded-lg no-override w-full flex items-center justify-center max-h-[180px]\"\/>\n                                    <\/div>\n                                                                <div class=\"relative rounded-lg pt-[93px] -mt-[77px] outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] group-hover\/item:[box-shadow:0px_12px_16px_0px_rgba(15,21,86,0.05),_0px_4px_6px_-2px_rgba(15,21,86,0)] flex flex-col h-full\">\n                                    <div class=\"px-6 flex flex-col w-full justify-start items-start mb-6 flex-grow\">\n                                        <h3 class=\"self-stretch text-left justify-start text-[#0F1556] text-xl font-semibold leading-[30px] mb-3\">\u062a\u0633\u0631\u064a\u0639 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u0631\u0627\u0639\u064a\u0629 \u0644\u0644\u0645\u062e\u0627\u0637\u0631<\/h3>\n                                        <p class=\"text-left justify-start text-[#2A3274] text-base font-normal leading-normal flex-grow mb-4\">\u0627\u0643\u062a\u0634\u0641 \u0643\u064a\u0641 \u064a\u0639\u0645\u0644 Pathlock \u0639\u0644\u0649 \u0623\u062a\u0645\u062a\u0629 \u0645\u0631\u0627\u062c\u0639\u0627\u062a \u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u060c \u0648\u0648\u0636\u0639 \u0639\u0644\u0627\u0645\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u062d\u0642\u0627\u0642\u0627\u062a \u0627\u0644\u062e\u0637\u0631\u0629\u060c \u0648\u062a\u0648\u0641\u064a\u0631 \u0628\u064a\u0627\u0646\u0627\u062a \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0646\u0641\u064a\u0630 \u0644\u0641\u0631\u0636 \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u062f\u0646\u0649 \u0645\u0646 \u0627\u0644\u0627\u0645\u062a\u064a\u0627\u0632\u0627\u062a.\u2028<\/p>\n                                    <\/div>\n                                    <div class=\"flex flex-col lg:flex-row border-t border-[#E3E7F6] p-6 w-full justify-between items-center gap-y-4 mt-auto\">\n                                                                                    <div class=\"flex grow w-full lg:w-auto\">\n                                                <a class=\"h-12 w-full lg:w-auto px-[18px] py-3 bg-white hover:bg-[#E3E7F6] transition-colors duration-300 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\"\n                                                   href=\"\/ar\/browser-tours\/pathlock-cloud-access-certifications\/\"\n                                                   target=\"\">\n                                                    <div class=\"px-0.5 justify-center items-center flex\">\n                                                        <span class=\"text-[#0f1556] text-base font-semibold leading-normal\">\u062c\u0648\u0644\u0629 \u0623\u0648\u0646\u0644\u0627\u064a\u0646<\/span>\n                                                    <\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                    \n                            <div class=\"relative w-full sm:w-[calc(50%-16px)] lg:w-[calc(33.333%-22px)] md:max-w-[384px] rounded-lg group\/item flex flex-col justify-start items-center hover:scale-110 transition-transform ease-in-out duration-300 h-full demo-card\">\n                                                                    <div class=\"rounded-lg px-4 lg:px-6 z-10\">\n                                        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/image-17.png\"\n                                             alt=\"\"\n                                             class=\"rounded-lg no-override w-full flex items-center justify-center max-h-[180px]\"\/>\n                                    <\/div>\n                                                                <div class=\"relative rounded-lg pt-[93px] -mt-[77px] outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] group-hover\/item:[box-shadow:0px_12px_16px_0px_rgba(15,21,86,0.05),_0px_4px_6px_-2px_rgba(15,21,86,0)] flex flex-col h-full\">\n                                    <div class=\"px-6 flex flex-col w-full justify-start items-start mb-6 flex-grow\">\n                                        <h3 class=\"self-stretch text-left justify-start text-[#0F1556] text-xl font-semibold leading-[30px] mb-3\">\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u062a\u0645\u064a\u0632 \u0628\u062b\u0642\u0629\u2028<\/h3>\n                                        <p class=\"text-left justify-start text-[#2A3274] text-base font-normal leading-normal flex-grow mb-4\">\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0643\u064a\u0641\u064a\u0629 \u0625\u062f\u0627\u0631\u0629 Pathlock \u0644\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u0631\u062a\u0628\u0637 \u0628\u0627\u0644\u0648\u0642\u062a\u060c \u0648\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u0645\u0645\u064a\u0632\u060c \u0648\u0645\u0646\u0639 \u0627\u0644\u0627\u0645\u062a\u064a\u0627\u0632\u0627\u062a \u0627\u0644\u062f\u0627\u0626\u0645\u0629 \u0639\u0628\u0631 \u0623\u0646\u0638\u0645\u062a\u0643.\u2028<\/p>\n                                    <\/div>\n                                    <div class=\"flex flex-col lg:flex-row border-t border-[#E3E7F6] p-6 w-full justify-between items-center gap-y-4 mt-auto\">\n                                                                                    <div class=\"flex grow w-full lg:w-auto\">\n                                                <a class=\"h-12 w-full lg:w-auto px-[18px] py-3 bg-white hover:bg-[#E3E7F6] transition-colors duration-300 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\"\n                                                   href=\"\/ar\/browser-tours\/pathlock-cloud-elevated-access-management\/\"\n                                                   target=\"\">\n                                                    <div class=\"px-0.5 justify-center items-center flex\">\n                                                        <span class=\"text-[#0f1556] text-base font-semibold leading-normal\">\u062c\u0648\u0644\u0629 \u0623\u0648\u0646\u0644\u0627\u064a\u0646<\/span>\n                                                    <\/div>\n                                                <\/a>\n                                            <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        \n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n    <div id=\"modal\" class=\"fixed inset-0 z-50 hidden\">\n        <div\n                id=\"modal-backdrop\"\n                class=\"fixed  z-10 inset-0 bg-[#0f1556] bg-opacity-60 transition-opacity duration-300 opacity-0\"><\/div>\n\n        <div class=\"fixed inset-0 max-w-[1000px] mx-auto z-20 flex items-center justify-center p-4\">\n            <div\n                    id=\"modal-content\"\n                    class=\"rounded-lg max-w-5xl overflow-hidden w-full mx-4 relative transform scale-90 opacity-0 transition-all duration-300\">\n\n                <div class=\"flex justify-end items-center p-4 absolute z-10 right-4\">\n                    <button\n                            id=\"close-modal\"\n                            onclick=\"closeModal()\"\n                            aria-label=\"Close modal\"\n                            class=\"bg-white hover:bg-gray-100 text-gray-800 p-2 rounded-full focus:outline-none\">\n                        <svg\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                            <path\n                                    stroke-linecap=\"round\"\n                                    stroke-linejoin=\"round\"\n                                    stroke-width=\"2\"\n                                    d=\"M6 18L18 6M6 6l12 12\"><\/path>\n                        <\/svg>\n                    <\/button>\n                <\/div>\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<\/section>\n<script>\n    const modalOverlay = document.getElementById('modal-backdrop');\n\n    modalOverlay.addEventListener('click', function (event) {\n\n        closeModal();\n    });\n\n    function animateModalOpen(modalBackdrop, modalContent) {\n        modalBackdrop.style.opacity = '1';\n        modalContent.style.opacity = '1';\n        modalContent.style.transform = 'scale(1)';\n    }\n\n    function openModal(mediaId) {\n        document.body.classList.add('modal-open');\n        const modal = document.getElementById('modal');\n        const modalBackdrop = document.getElementById('modal-backdrop');\n        const modalContent = document.getElementById('modal-content');\n\n        modal.classList.remove('hidden');\n        createWistiaVideo(mediaId);\n\n\n        setTimeout(() => animateModalOpen(modalBackdrop, modalContent), 300);\n    }\n\n    function closeModal() {\n        const modal = document.getElementById('modal');\n        const modalBackdrop = document.getElementById('modal-backdrop');\n        const modalContent = document.getElementById('modal-content');\n\n        modalBackdrop.style.opacity = '0';\n        modalContent.style.opacity = '0';\n        modalContent.style.transform = 'scale(0.9)';\n\n        setTimeout(() => {\n            modal.classList.add('hidden');\n        }, 300);\n        document.body.classList.remove('modal-open');\n    }\n\n    document.addEventListener('keydown', function (event) {\n        if (event.key === 'Escape') {\n            closeModal();\n        }\n    });\n\n    function createWistiaVideo(mediaId) {\n\n        const container = document.getElementById('wistia-video-container');\n        if (container) {\n            container.innerHTML = '';\n\n\n            const videoDiv = document.createElement('div');\n            videoDiv.className = 'wistia_embed wistia_async_' + mediaId;\n            videoDiv.style.height = '100%';\n            videoDiv.style.width = '100%';\n            container.appendChild(videoDiv);\n\n            \/\/ Initialize Wistia\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\n        }\n    }\n\n    document.addEventListener('DOMContentLoaded', function () {\n        const hash = window.location.hash.substring(1);\n        \n        if (!hash) return;\n\n        const anchor = document.getElementById(hash);\n\n        if (anchor) {\n            const videoId = anchor.getAttribute('data-videoId');\n\n            setTimeout(() => {\n                anchor.scrollIntoView({\n                    behavior: 'smooth',\n                    block: 'center'\n                });\n            }, 100);\n\n            if (videoId) {\n                setTimeout(() => {\n                    openModal(videoId);\n                }, 500);\n            }\n\n        }\n    });\n\n    \/\/ Function to equalize card heights\n    function equalizeCardHeights() {\n        const container = document.getElementById('demo-cards-container');\n        if (!container) return;\n\n        const cards = container.querySelectorAll('.demo-card');\n        if (cards.length === 0) return;\n\n        \/\/ Reset heights first\n        cards.forEach(card => {\n            card.style.height = 'auto';\n        });\n\n        \/\/ Group cards by rows\n        const rows = [];\n        let currentRow = [];\n        let currentTop = null;\n\n        cards.forEach((card, index) => {\n            const rect = card.getBoundingClientRect();\n            const cardTop = rect.top;\n\n            if (currentTop === null || Math.abs(cardTop - currentTop) < 10) {\n                \/\/ Same row\n                currentRow.push(card);\n                currentTop = cardTop;\n            } else {\n                \/\/ New row\n                if (currentRow.length > 0) {\n                    rows.push(currentRow);\n                }\n                currentRow = [card];\n                currentTop = cardTop;\n            }\n\n            \/\/ Add last row\n            if (index === cards.length - 1) {\n                rows.push(currentRow);\n            }\n        });\n\n        \/\/ Equalize heights within each row\n        rows.forEach(row => {\n            let maxHeight = 0;\n            row.forEach(card => {\n                const height = card.offsetHeight;\n                if (height > maxHeight) {\n                    maxHeight = height;\n                }\n            });\n\n            row.forEach(card => {\n                card.style.height = maxHeight + 'px';\n            });\n        });\n    }\n\n    \/\/ Run on load and resize\n    document.addEventListener('DOMContentLoaded', function () {\n        \/\/ Equalize card heights\n        equalizeCardHeights();\n\n        \/\/ Run again after images load\n        const images = document.querySelectorAll('.demo-card img');\n        let loadedImages = 0;\n        images.forEach(img => {\n            if (img.complete) {\n                loadedImages++;\n            } else {\n                img.addEventListener('load', () => {\n                    loadedImages++;\n                    if (loadedImages === images.length) {\n                        equalizeCardHeights();\n                    }\n                });\n            }\n        });\n\n        if (loadedImages === images.length) {\n            equalizeCardHeights();\n        }\n\n        \/\/ Handle window resize\n        let resizeTimeout;\n        window.addEventListener('resize', () => {\n            clearTimeout(resizeTimeout);\n            resizeTimeout = setTimeout(() => {\n                equalizeCardHeights();\n            }, 250);\n        });\n\n        \/\/ Existing toggle functionality\n        const toggleButtons = document.querySelectorAll('.button__toggle, .card__title');\n\n        toggleButtons.forEach(button => {\n            button.addEventListener('click', function () {\n\n                if (window.innerWidth >= 864) {\n                    return;\n                }\n\n                const cardInnerContainer = button.closest('.card__inner-container');\n                const textContainer = cardInnerContainer?.querySelector('.card-vgt__text-container');\n                const cardVgt = button.closest('.card-vgt');\n                const currentHeight = cardInnerContainer.offsetHeight;\n\n\n                const closeIcon = button.querySelector('.icon_toggle.close');\n                const openIcon = button.querySelector('.icon_toggle.open');\n\n                if (closeIcon && openIcon) {\n                    closeIcon.classList.toggle('hidden');\n                    openIcon.classList.toggle('hidden');\n                }\n\n                if (cardInnerContainer) {\n                    if (cardInnerContainer.style.maxHeight === '600px') {\n                        cardInnerContainer.style.maxHeight = '';\n                    } else {\n                        cardInnerContainer.style.maxHeight = '600px';\n                    }\n                }\n\n                const newHeight = cardInnerContainer.offsetHeight;\n                const heightDifference = newHeight - currentHeight;\n                const currentMarginBottom = parseFloat(window.getComputedStyle(cardVgt).marginBottom);\n                const newMarginBottom = currentMarginBottom + heightDifference;\n\n                if (textContainer) {\n                    textContainer.classList.toggle('desktop');\n                }\n                if (cardVgt) {\n                    if (newMarginBottom > currentMarginBottom) {\n                        cardVgt.style.marginBottom = `${newMarginBottom}px`;\n\n                    } else {\n                        cardVgt.style.marginBottom = '100px';\n                    }\n                }\n            });\n        });\n    });\n<\/script>\n\n\n\n<section class=\"relative container mx-auto px-4 lg:px-8 my-8 lg:mt-12 mb-24\">\n  <div class=\"relative overflow-hidden  rounded-xl bg-blue-950 mx-auto inset-0 flex items-center justify-center container my-8 lg:my-12 text-white bg-gradient-to-b from-[#0e1b7a] to-[#0f1556]\">\n    <div class=\"hidden lg:block absolute top-0 right-0 w-full h-full z-0\">\n    <\/div>\n    <div class=\"z-10 w-full lg:w-[65%]  flex flex-col items-center lg:items-start px-4 py-12 lg:p-16 h-full text-center lg:text-left lg:rtl:text-right\">\n      <div class=\"mb-8 h-6\">\n                <\/div>\n      <h2 class=\"text-[24px] leading-[32px] lg:text-[36px] lg:leading-[44px] font-semibold mb-8 max-w-[615px]\">&#8220;\u062a\u064f\u0639\u062f \u0645\u0646\u0635\u0629 Pathlock \u062d\u0644\u0627\u064b \u0631\u0627\u0626\u062f\u064b\u0627 \u0641\u064a \u0633\u0648\u0642 \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a SAP \u0648\u063a\u064a\u0631\u0647\u0627 \u0645\u0646 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u062e\u0637 \u0627\u0644\u0639\u0645\u0644 (LoB).&#8221;\t<\/h2>\n      <div class=\"text-xl font-normal leading-[30px]\">\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0628\u064a\u0626\u0627\u062a \u062e\u0637 \u0627\u0644\u0639\u0645\u0644 (LoB) \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0645\u0648\u0631\u062f\u064a\u0646\t<\/div>\n      <div class=\"w-full lg:w-auto mt-6 lg:mt-12\">\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=\"\/ar\/resources\/reports\/access-control-tools-for-multi-vendor-lob-environments\/\">\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0643\u0627\u0645\u0644\u0627\u064b (PDF)        <\/a>\n      <\/div>\n    <\/div>\n    <div class=\"z-10 hidden lg:flex justify-center align-center lg:w-[45%]\">\n      <img decoding=\"async\" class=\"no-override z-10\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/IMG-1.webp\" \/>\n    <\/div>\n  <\/div>\n<\/section>     \n         ","protected":false},"featured_media":42131,"parent":0,"template":"","categories":[],"products_type":[],"class_list":["post-42129","products","type-products","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>\u062d\u0648\u0643\u0645\u0629 \u0648\u0635\u0648\u0644 \u0623\u0643\u062b\u0631 \u0630\u0643\u0627\u0621\u064b \u0644\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0647\u0645\u0629 \u0644\u0644\u0623\u0639\u0645\u0627\u0644 | Pathlock<\/title>\n<meta name=\"description\" content=\"\u0627\u0643\u062a\u0634\u0641 \u0643\u064a\u0641 \u064a\u064f\u0648\u062d\u062f Pathlock \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0648\u0635\u0648\u0644 \u0639\u0628\u0631 SAP \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649 - \u0645\u0645\u0627 \u064a\u0642\u0644\u0644 \u0645\u0646 \u0625\u062c\u0647\u0627\u062f \u0627\u0644\u062a\u062f\u0642\u064a\u0642\u060c \u0648\u064a\u0641\u0631\u0636 \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u062f\u0646\u0649 \u0645\u0646 \u0627\u0644\u0627\u0645\u062a\u064a\u0627\u0632\u0627\u062a\u060c \u0648\u064a\u0628\u0633\u0637 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pathlock.com\/ar\/products\/application-access-governance\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Smarter Access Governance for Business-Critical Applications | Pathlock\" \/>\n<meta property=\"og:description\" content=\"Discover how Pathlock unifies access control across SAP and other enterprise apps\u2014reducing audit fatigue, enforcing least privilege, and streamlining compliance.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pathlock.com\/ar\/products\/application-access-governance\/\" \/>\n<meta property=\"og:site_name\" content=\"Pathlock\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-18T11:24:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/06\/OpenGraph-Pathlock-Logo.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Smarter Access Governance for Business-Critical Applications | Pathlock\" \/>\n<meta name=\"twitter:description\" content=\"Discover how Pathlock unifies access control across SAP and other enterprise apps\u2014reducing audit fatigue, enforcing least privilege, and streamlining compliance.\" \/>\n<meta name=\"twitter:site\" content=\"@pathlock\" \/>\n<meta name=\"twitter:label1\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/products\\\/application-access-governance\\\/\",\"url\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/products\\\/application-access-governance\\\/\",\"name\":\"\u062d\u0648\u0643\u0645\u0629 \u0648\u0635\u0648\u0644 \u0623\u0643\u062b\u0631 \u0630\u0643\u0627\u0621\u064b \u0644\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0647\u0645\u0629 \u0644\u0644\u0623\u0639\u0645\u0627\u0644 | Pathlock\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/products\\\/application-access-governance\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/products\\\/application-access-governance\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/OpenGraph-Pathlock-Logo.webp\",\"datePublished\":\"2023-08-26T05:03:10+00:00\",\"dateModified\":\"2025-12-18T11:24:55+00:00\",\"description\":\"\u0627\u0643\u062a\u0634\u0641 \u0643\u064a\u0641 \u064a\u064f\u0648\u062d\u062f Pathlock \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0648\u0635\u0648\u0644 \u0639\u0628\u0631 SAP \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649 - \u0645\u0645\u0627 \u064a\u0642\u0644\u0644 \u0645\u0646 \u0625\u062c\u0647\u0627\u062f \u0627\u0644\u062a\u062f\u0642\u064a\u0642\u060c \u0648\u064a\u0641\u0631\u0636 \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u062f\u0646\u0649 \u0645\u0646 \u0627\u0644\u0627\u0645\u062a\u064a\u0627\u0632\u0627\u062a\u060c \u0648\u064a\u0628\u0633\u0637 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/products\\\/application-access-governance\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/pathlock.com\\\/ar\\\/products\\\/application-access-governance\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/products\\\/application-access-governance\\\/#primaryimage\",\"url\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/OpenGraph-Pathlock-Logo.webp\",\"contentUrl\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/OpenGraph-Pathlock-Logo.webp\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/products\\\/application-access-governance\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Application Access Governance\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/#website\",\"url\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/\",\"name\":\"Pathlock\",\"description\":\"The Leader in Application Security and Controls Automation\",\"publisher\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/#organization\",\"name\":\"Pathlock, Inc\",\"url\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/Zrzut-ekranu-2021-11-17-o-10.56.42.png\",\"contentUrl\":\"https:\\\/\\\/pathlock.com\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/Zrzut-ekranu-2021-11-17-o-10.56.42.png\",\"width\":460,\"height\":148,\"caption\":\"Pathlock, Inc\"},\"image\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/pathlock\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/pathlock\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCgo4izMJ70K4gnyWQ_mP-OA\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u062d\u0648\u0643\u0645\u0629 \u0648\u0635\u0648\u0644 \u0623\u0643\u062b\u0631 \u0630\u0643\u0627\u0621\u064b \u0644\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0647\u0645\u0629 \u0644\u0644\u0623\u0639\u0645\u0627\u0644 | Pathlock","description":"\u0627\u0643\u062a\u0634\u0641 \u0643\u064a\u0641 \u064a\u064f\u0648\u062d\u062f Pathlock \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0648\u0635\u0648\u0644 \u0639\u0628\u0631 SAP \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649 - \u0645\u0645\u0627 \u064a\u0642\u0644\u0644 \u0645\u0646 \u0625\u062c\u0647\u0627\u062f \u0627\u0644\u062a\u062f\u0642\u064a\u0642\u060c \u0648\u064a\u0641\u0631\u0636 \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u062f\u0646\u0649 \u0645\u0646 \u0627\u0644\u0627\u0645\u062a\u064a\u0627\u0632\u0627\u062a\u060c \u0648\u064a\u0628\u0633\u0637 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pathlock.com\/ar\/products\/application-access-governance\/","og_locale":"ar_AR","og_type":"article","og_title":"Smarter Access Governance for Business-Critical Applications | Pathlock","og_description":"Discover how Pathlock unifies access control across SAP and other enterprise apps\u2014reducing audit fatigue, enforcing least privilege, and streamlining compliance.","og_url":"https:\/\/pathlock.com\/ar\/products\/application-access-governance\/","og_site_name":"Pathlock","article_modified_time":"2025-12-18T11:24:55+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/06\/OpenGraph-Pathlock-Logo.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_title":"Smarter Access Governance for Business-Critical Applications | Pathlock","twitter_description":"Discover how Pathlock unifies access control across SAP and other enterprise apps\u2014reducing audit fatigue, enforcing least privilege, and streamlining compliance.","twitter_site":"@pathlock","twitter_misc":{"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pathlock.com\/ar\/products\/application-access-governance\/","url":"https:\/\/pathlock.com\/ar\/products\/application-access-governance\/","name":"\u062d\u0648\u0643\u0645\u0629 \u0648\u0635\u0648\u0644 \u0623\u0643\u062b\u0631 \u0630\u0643\u0627\u0621\u064b \u0644\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0647\u0645\u0629 \u0644\u0644\u0623\u0639\u0645\u0627\u0644 | Pathlock","isPartOf":{"@id":"https:\/\/pathlock.com\/ar\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pathlock.com\/ar\/products\/application-access-governance\/#primaryimage"},"image":{"@id":"https:\/\/pathlock.com\/ar\/products\/application-access-governance\/#primaryimage"},"thumbnailUrl":"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/06\/OpenGraph-Pathlock-Logo.webp","datePublished":"2023-08-26T05:03:10+00:00","dateModified":"2025-12-18T11:24:55+00:00","description":"\u0627\u0643\u062a\u0634\u0641 \u0643\u064a\u0641 \u064a\u064f\u0648\u062d\u062f Pathlock \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0648\u0635\u0648\u0644 \u0639\u0628\u0631 SAP \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649 - \u0645\u0645\u0627 \u064a\u0642\u0644\u0644 \u0645\u0646 \u0625\u062c\u0647\u0627\u062f \u0627\u0644\u062a\u062f\u0642\u064a\u0642\u060c \u0648\u064a\u0641\u0631\u0636 \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u062f\u0646\u0649 \u0645\u0646 \u0627\u0644\u0627\u0645\u062a\u064a\u0627\u0632\u0627\u062a\u060c \u0648\u064a\u0628\u0633\u0637 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644.","breadcrumb":{"@id":"https:\/\/pathlock.com\/ar\/products\/application-access-governance\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pathlock.com\/ar\/products\/application-access-governance\/"]}]},{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/pathlock.com\/ar\/products\/application-access-governance\/#primaryimage","url":"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/06\/OpenGraph-Pathlock-Logo.webp","contentUrl":"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/06\/OpenGraph-Pathlock-Logo.webp","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/pathlock.com\/ar\/products\/application-access-governance\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pathlock.com\/ar\/"},{"@type":"ListItem","position":2,"name":"Application Access Governance"}]},{"@type":"WebSite","@id":"https:\/\/pathlock.com\/ar\/#website","url":"https:\/\/pathlock.com\/ar\/","name":"Pathlock","description":"The Leader in Application Security and Controls Automation","publisher":{"@id":"https:\/\/pathlock.com\/ar\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pathlock.com\/ar\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"},{"@type":"Organization","@id":"https:\/\/pathlock.com\/ar\/#organization","name":"Pathlock, Inc","url":"https:\/\/pathlock.com\/ar\/","logo":{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/pathlock.com\/ar\/#\/schema\/logo\/image\/","url":"https:\/\/pathlock.com\/wp-content\/uploads\/2021\/11\/Zrzut-ekranu-2021-11-17-o-10.56.42.png","contentUrl":"https:\/\/pathlock.com\/wp-content\/uploads\/2021\/11\/Zrzut-ekranu-2021-11-17-o-10.56.42.png","width":460,"height":148,"caption":"Pathlock, Inc"},"image":{"@id":"https:\/\/pathlock.com\/ar\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/pathlock","https:\/\/www.linkedin.com\/company\/pathlock","https:\/\/www.youtube.com\/channel\/UCgo4izMJ70K4gnyWQ_mP-OA"]}]}},"ACF":false,"_links":{"self":[{"href":"https:\/\/pathlock.com\/ar\/wp-json\/wp\/v2\/products\/42129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pathlock.com\/ar\/wp-json\/wp\/v2\/products"}],"about":[{"href":"https:\/\/pathlock.com\/ar\/wp-json\/wp\/v2\/types\/products"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pathlock.com\/ar\/wp-json\/wp\/v2\/media\/42131"}],"wp:attachment":[{"href":"https:\/\/pathlock.com\/ar\/wp-json\/wp\/v2\/media?parent=42129"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pathlock.com\/ar\/wp-json\/wp\/v2\/categories?post=42129"},{"taxonomy":"products_type","embeddable":true,"href":"https:\/\/pathlock.com\/ar\/wp-json\/wp\/v2\/products_type?post=42129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}