{"id":43574,"date":"2023-08-26T03:13:57","date_gmt":"2023-08-26T07:13:57","guid":{"rendered":"https:\/\/pathlock.com\/applications\/%d8%a7%d9%84%d8%ad%d9%88%d9%83%d9%85%d8%a9-%d9%88%d8%a7%d9%84%d9%85%d8%ae%d8%a7%d8%b7%d8%b1-%d9%88%d8%a7%d9%84%d8%a7%d9%85%d8%aa%d8%ab%d8%a7%d9%84-%d9%84%d9%86%d8%b8%d8%a7%d9%85-sap-erp\/"},"modified":"2025-12-18T06:08:57","modified_gmt":"2025-12-18T11:08:57","slug":"sap-erp","status":"publish","type":"applications","link":"https:\/\/pathlock.com\/ar\/applications\/sap-erp\/","title":{"rendered":"\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0646\u0638\u0627\u0645 SAP ERP"},"content":{"rendered":"\n\n<section>\n\n<div class=\"pt-24 pb-48  bg-[#0F1556]\">\n<div class=\"flex flex-row justify-center lg:justify-between items-center container mx-auto px-4 lg:px-8\">\n    <div class=\"flex flex-col pt-12 lg:pt-0 gap-5\">\n        <div class=\"hidden lg:inline-flex justify-start items-center gap-1\">\n            <div class=\"justify-center items-center flex\">\n                <a href=\"https:\/\/pathlock.com\/ar\/\" class=\"text-[#ced5ee] hover:text-[#24B770] text-xs font-normal  leading-[18px]\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\n            <\/div>\n             <div class=\"relative text-[#ced5ee] text-xs\">\n               <svg class=\"rtl:rotate-180\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M6 12L10 8L6 4\" stroke=\"#96A1C8\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg>\n            <\/div>\n            <div class=\"justify-center items-center flex gap-1\">\n                <img decoding=\"async\" class=\"no-override w-5 h-5\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2024\/10\/sap.svg\" alt=\"page icon\"><div class=\"text-white text-xs font-semibold  leading-[18px]\">\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0646\u0638\u0627\u0645 SAP ERP<\/div>\n            <\/div>\n        <\/div>\n        <h1 class=\"max-w-[625px] text-white text-center text-3xl lg:text-left lg:rtl:text-right lg:text-6xl font-semibold lg:leading-[72px]\">\u062d\u0644 \u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0647\u0648\u064a\u0629 \u0648\u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0646\u0638\u0627\u0645 SAP ERP<\/h1>\n        <p class=\"text-[#F2F9FF] text-center lg:text-left lg:rtl:text-right text-sm lg:text-xl font-normal leading-tight lg:leading-loose\">\u062c\u0627\u0647\u0632 \u0644\u0644\u062a\u062f\u0642\u064a\u0642 \u0628\u0627\u0644\u0643\u0627\u0645\u0644. \u0645\u0648\u0627\u0643\u0628 \u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644. \u0645\u062f\u0641\u0648\u0639\u064b\u0627 \u0628\u0639\u0627\u0626\u062f \u0627\u0633\u062a\u062b\u0645\u0627\u0631. <\/p>\n        <div class=\"flex flex-col lg:flex-row gap-3 w-full lg:w-auto mt-5 lg:mt-8\">\n            <a class=\"flex items-center justify-center font-semibold py-3 px-[28px]  bg-[#24B770] hover:bg-[#148752] group leading-7  rounded-lg text-white transition-colors duration-300\" href=\"https:\/\/pathlock.com\/ar\/contact\/\">\n                \u0627\u0644\u062c\u062f\u0648\u0644 1-1 \u0639\u0631\u0636 \u062a\u0648\u0636\u064a\u062d\u064a            <\/a>\n            <a class=\"flex items-center justify-center font-semibold py-3 px-[18px]  bg-white  text-[#0F1556] hover:bg-[#E3E7F6] group leading-7  rounded-lg transition-colors duration-300\" href=\"https:\/\/pathlock.com\/ar\/browser-tours\/main-pathlock-cloud\/\">\n                \u0625\u0637\u0644\u0627\u0642 \u062c\u0648\u0644\u0629 \u062a\u0639\u0631\u064a\u0641\u064a\u0629 \u0630\u0627\u062a\u064a\u0629            <\/a>\n          <\/div>\n    <\/div>\n\n    <div class=\"hidden lg:flex justify-center items-center\">\n        <img decoding=\"async\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/03\/ndfrrxlljsechfce2zmx.webp\" alt=\"app hero image\" class=\"no-override h-full w-fit max-w-[410px] xl:max-w-[580px] object-contain\" \/>\n    <\/div>\n<\/div>\n<\/div>\n\n    <div id=\"cards-section\" class=\"-mt-[108px] xl:-mt-[180px] z-10 pb-12\">\n\n                    <div class=\"max-w-[490px] px-4 mx-auto text-center justify-center text-[#f5f3ff] text-sm font-bold uppercase leading-tight tracking-wider mb-8\">\u062a\u062d\u0638\u0649 \u0628\u062b\u0642\u0629 \u0643\u0628\u0627\u0631 \u0639\u0645\u0644\u0627\u0621 SAP \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0639\u0627\u0644\u0645 \u0645\u0645\u0646 \u064a\u062f\u064a\u0631\u0648\u0646 \u0623\u0643\u062b\u0631 \u0623\u0646\u0638\u0645\u0629 \u062a\u062e\u0637\u064a\u0637 \u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a (ERP) \u062a\u0639\u0642\u064a\u062f\u064b\u0627 <\/div>\n            <div class=\"container mx-auto px-4 lg:px-8 text-white flex flex-col content-center md:flex-row flex-wrap justify-center items-center gap-8 xl:px-8\">\n                                    <div class=\"w-full lg:max-w-[384px] border border-[#E3E7F6] flex flex-col flex-1 basis-3\/12 text-center items-center rounded-xl relative bg-white py-8 gap-4\">\n                            <img decoding=\"async\" class=\"no-override h-11 w-fit object-contain\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/electrolux.svg\" alt=\"electrolux\" \/>\n                            <div class=\"flex text-center flex-col items-center gap-4\">\n                                <div class=\"flex flex-row flex-nowrap gap-2\">\n                                    <div class=\"h-8 px-[18px] py-1.5 rounded-3xl border border-[#ced5ee] justify-center items-center gap-2 flex\">\n                                        <span class=\"text-center justify-start text-[#6E759F] text-sm font-semibold leading-normal\">Fortune 500 EU<\/span>\n                                    <\/div>\n                                    <div class=\"h-8 px-[18px] py-1.5 rounded-3xl border border-[#ced5ee] justify-center items-center gap-2 flex\">\n                                        <span class=\"text-center justify-start text-[#6E759F] text-sm font-semibold leading-normal\">OTCMKTS: ELUXY<\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex flex-row flex-nowrap gap-3 px-6 justify-center items-center\">\n                                    <div class=\"text-center justify-start text-6xl font-semibold leading-[72px]\"\" style=\"color: #22c55e;\">40%<\/div>\n                                    <span class=\"text-left rtl:text-right justify-start text-[#0F1556] text-base font-medium leading-normal\">\u0645\u0647\u0627\u0645 \u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a<br>\u0627\u0644\u0645\u0624\u062a\u0645\u062a\u0629<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"w-full lg:max-w-[384px] border border-[#E3E7F6] flex flex-col flex-1 basis-3\/12 text-center items-center rounded-xl relative bg-white py-8 gap-4\">\n                            <img decoding=\"async\" class=\"no-override h-11 w-fit object-contain\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/Logo-frame.svg\" alt=\"Logo frame\" \/>\n                            <div class=\"flex text-center flex-col items-center gap-4\">\n                                <div class=\"flex flex-row flex-nowrap gap-2\">\n                                    <div class=\"h-8 px-[18px] py-1.5 rounded-3xl border border-[#ced5ee] justify-center items-center gap-2 flex\">\n                                        <span class=\"text-center justify-start text-[#6E759F] text-sm font-semibold leading-normal\">Fortune 500<\/span>\n                                    <\/div>\n                                    <div class=\"h-8 px-[18px] py-1.5 rounded-3xl border border-[#ced5ee] justify-center items-center gap-2 flex\">\n                                        <span class=\"text-center justify-start text-[#6E759F] text-sm font-semibold leading-normal\">NYSE: JBL<\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex flex-row flex-nowrap gap-3 px-6 justify-center items-center\">\n                                    <div class=\"text-center justify-start text-6xl font-semibold leading-[72px]\"\" style=\"color: #0e7490;\">95%<\/div>\n                                    <span class=\"text-left rtl:text-right justify-start text-[#0F1556] text-base font-medium leading-normal\">\u0627\u0644\u062d\u062f \u0645\u0646<br>\u0627\u0646\u062a\u0647\u0627\u0643\u0627\u062a \u0627\u0644\u0648\u0635\u0648\u0644<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"w-full lg:max-w-[384px] border border-[#E3E7F6] flex flex-col flex-1 basis-3\/12 text-center items-center rounded-xl relative bg-white py-8 gap-4\">\n                            <img decoding=\"async\" class=\"no-override h-11 w-fit object-contain\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/chevron.svg\" alt=\"chevron\" \/>\n                            <div class=\"flex text-center flex-col items-center gap-4\">\n                                <div class=\"flex flex-row flex-nowrap gap-2\">\n                                    <div class=\"h-8 px-[18px] py-1.5 rounded-3xl border border-[#ced5ee] justify-center items-center gap-2 flex\">\n                                        <span class=\"text-center justify-start text-[#6E759F] text-sm font-semibold leading-normal\">Fortune 500<\/span>\n                                    <\/div>\n                                    <div class=\"h-8 px-[18px] py-1.5 rounded-3xl border border-[#ced5ee] justify-center items-center gap-2 flex\">\n                                        <span class=\"text-center justify-start text-[#6E759F] text-sm font-semibold leading-normal\">NYSE: CVX<\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex flex-row flex-nowrap gap-3 px-6 justify-center items-center\">\n                                    <div class=\"text-center justify-start text-6xl font-semibold leading-[72px]\"\" style=\"color: #4338ca;\">$2M<\/div>\n                                    <span class=\"text-left rtl:text-right justify-start text-[#0F1556] text-base font-medium leading-normal\">\u0627\u0644\u0645\u062f\u062e\u0631\u0627\u062a \u0627\u0644\u0633\u0646\u0648\u064a\u0629<br>\u0623\u0643\u062b\u0631 \u0645\u0646 3 \u0633\u0646\u0648\u0627\u062a<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        \n          <\/div>\n            <\/div>\n\n\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%d8%ad%d9%84-%d8%a7%d9%84%d8%ad%d9%88%d9%83%d9%85%d8%a9-%d9%88%d8%a7%d9%84%d9%85%d8%ae%d8%a7%d8%b7%d8%b1-%d9%88%d8%a7%d9%84%d8%a7%d9%85%d8%aa%d8%ab%d8%a7%d9%84-%d8%b1%d9%82%d9%85-1-%d9%84\">\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\u062d\u0644 \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0631\u0642\u0645 1 \u0644\u0646\u0638\u0627\u0645 SAP ERP<\/span>\n                                                    <h2 class=\"tracking-tight text-3xl leading-[38px] lg:text-5xl font-semibold max-w-[804px] lg:!leading-[60px]\">\u062a\u062e\u0637\u0651\u0649 \u0627\u0644\u0623\u0633\u0644\u0648\u0628 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a \u0641\u064a <br>\u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0647\u0648\u064a\u0629\u2028<\/h2>\n                \n                                    <div class=\"text-lg lg:text-xl font-normal text-[#2A3274] max-w-[720px] mt-4 lg:mt-5\">\n                        \u062a\u062a\u062c\u0627\u0648\u0632 Pathlock \u062d\u062f\u0648\u062f \u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0647\u0648\u064a\u0629 \u0648\u0625\u062f\u0627\u0631\u062a\u0647\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062f\u0645\u062c \u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0648\u0635\u0648\u0644\u060c \u0648\u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u0644\u0636\u0648\u0627\u0628\u0637\u060c \u0648\u0627\u0644\u0623\u0645\u0646 \u0627\u0644\u0633\u064a\u0628\u0631\u0627\u0646\u064a\u060c \u0648\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0641\u064a SAP \u0636\u0645\u0646 \u0645\u0646\u0635\u0629 \u0648\u0627\u062d\u062f\u0629. \u062a\u0641\u0631\u0636 \u0645\u0628\u062f\u0623 \u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0623\u0642\u0644 \u0627\u0645\u062a\u064a\u0627\u0632\u064b\u0627\u060c \u0648\u062a\u0639\u0632\u0632 \u0627\u0644\u0646\u0632\u0627\u0647\u0629 \u0627\u0644\u0645\u0627\u0644\u064a\u0629\u060c \u0648\u062a\u062d\u0645\u064a \u0623\u0646\u0638\u0645\u0629 SAP \u0645\u0646 \u0627\u0644\u062b\u063a\u0631\u0627\u062a \u0648\u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0643\u0627\u062a \u0627\u0644\u0623\u0645\u0646\u064a\u0629 \u2014 \u0645\u0645\u0627 \u064a\u0642\u0644\u0644 \u0645\u0646 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u064a\u0628\u0633\u0651\u0637 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644.                    <\/div>\n                            <\/div>\n\n            \n            <div class=\"rounded-lg bg-white\" x-data=\"tabComponent('4')\" 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\">Application Access Governance<\/option>\n                                                                    <option value=\"2\">Continuous Controls Monitoring<\/option>\n                                                                    <option value=\"3\">Cybersecurity Application Controls<\/option>\n                                                                    <option value=\"4\">Dynamic Access Control<\/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                      Application Access Governance                    <\/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                      Continuous Controls Monitoring                    <\/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                      Cybersecurity Application Controls                    <\/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                      Dynamic Access Control                    <\/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                          Application Access Governance                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">\u062a\u0648\u062d\u0651\u062f Pathlock \u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0639\u0628\u0631 \u0623\u0646\u0638\u0645\u0629 SAP \u0648\u062a\u0636\u0645\u0646 \u062a\u0637\u0628\u064a\u0642 \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\u0627\u0645\u062a\u062b\u0627\u0644 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u062f\u0648\u0646 \u062a\u0639\u0642\u064a\u062f \u0625\u0636\u0627\u0641\u064a.<\/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                                                \u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0641\u0635\u0644 \u0628\u064a\u0646 \u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a &quot;SoD&quot; \u0639\u0628\u0631 \u0646\u0638\u0627\u0645 SAP \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u062a\u0635\u0644\u0629 \u0628\u0647                                            <\/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                                                \u0623\u062a\u0645\u062a\u0629 \u0639\u0645\u0644\u064a\u0629 \u062a\u0632\u0648\u064a\u062f \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u0625\u0644\u063a\u0627\u0621 \u062a\u0632\u0648\u064a\u062f \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u0641\u0642\u064b\u0627 \u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0627\u0645\u062a\u062b\u0627\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                                                \u062a\u0634\u063a\u064a\u0644 \u062d\u0645\u0644\u0627\u062a \u0645\u0631\u0627\u062c\u0639\u0629 \u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 (UAR) \u0628\u0643\u0641\u0627\u0621\u0629 \u0644\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0635\u0644\u0627\u062d\u064a\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                                                \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0648\u0635\u0648\u0644 Firefighter \u0645\u0639 \u062a\u0648\u0641\u064a\u0631 \u0633\u062c\u0644\u0627\u062a \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u062a\u062f\u0642\u064a\u0642 \u0648\u0625\u0644\u063a\u0627\u0621 \u0645\u0624\u062a\u0645\u062a \u0644\u0644\u0635\u0644\u0627\u062d\u064a\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\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0648\u0627\u0631 \u0628\u0634\u0643\u0644 \u0645\u0633\u062a\u0645\u0631 \u0644\u062a\u0628\u0633\u064a\u0637 \u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\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=\"https:\/\/pathlock.com\/ar\/products\/application-access-governance\/\">\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                          Continuous Controls Monitoring                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">\u062a\u0633\u0627\u0639\u062f\u0643 Pathlock \u0639\u0644\u0649 \u0623\u0646 \u062a\u0643\u0648\u0646 \u062c\u0627\u0647\u0632\u064b\u0627 \u0644\u0644\u062a\u062f\u0642\u064a\u0642 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0639\u0627\u0645 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0625\u0634\u0631\u0627\u0641 \u0639\u0644\u0649 \u0627\u0644\u0636\u0648\u0627\u0628\u0637\u060c \u0648\u0642\u064a\u0627\u0633 \u0627\u0644\u062a\u0639\u0631\u0636 \u0627\u0644\u0645\u0627\u0644\u064a\u060c \u0648\u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u062b\u0646\u0627\u0621\u0627\u062a \u0641\u0648\u0631 \u062d\u062f\u0648\u062b\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                                                \u0645\u0631\u0643\u0632\u064a\u0629 \u0648\u0623\u062a\u0645\u062a\u0629 \u0645\u0631\u0627\u0642\u0628\u0629 \u0636\u0648\u0627\u0628\u0637 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0648\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0639\u0628\u0631 \u0646\u0638\u0627\u0645 SAP                                            <\/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\u0643\u0634\u0641 \u0648\u0627\u0644\u062a\u0646\u0628\u064a\u0647 \u0639\u0646\u062f \u062d\u062f\u0648\u062b \u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0641\u064a \u0627\u0644\u062a\u0643\u0648\u064a\u0646\u0627\u062a\u060c \u0623\u0648 \u0627\u0646\u062a\u0647\u0627\u0643\u0627\u062a \u0644\u0644\u0633\u064a\u0627\u0633\u0627\u062a\u060c \u0623\u0648 \u0623\u064a \u062d\u0627\u0644\u0627\u062a \u0634\u0630\u0648\u0630                                            <\/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                                                \u0642\u064a\u0627\u0633 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0646\u0627\u062c\u0645\u0629 \u0639\u0646 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0644\u062a\u062d\u062f\u064a\u062f \u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u0639\u0627\u0644\u062c\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=\"https:\/\/pathlock.com\/ar\/products\/continuous-controls-monitoring\/\">\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\/07\/ccm_controls_monitoring__.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                          Cybersecurity Application Controls                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">\u0637\u0628\u0651\u0642 \u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u062d\u0643\u0645 \u0627\u0644\u0623\u0645\u0646\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u0628\u0627\u0642\u064a\u0629 \u0648\u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a SAP \u0648\u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0627\u0644\u0645\u0647\u0645\u0629 \u0644\u062a\u0642\u0644\u064a\u0644 \u062e\u0637\u0631 \u062d\u062f\u0648\u062b \u062e\u0631\u0642.<\/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                                                \u0641\u062d\u0635 \u0623\u0646\u0638\u0645\u0629 SAP \u0628\u0634\u0643\u0644 \u0645\u0633\u062a\u0645\u0631 \u0644\u0644\u0643\u0634\u0641 \u0639\u0646 \u0646\u0642\u0627\u0637 \u0627\u0644\u0636\u0639\u0641                                            <\/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\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062a\u0647\u062f\u064a\u062f\u0627\u062a \u0648\u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0644\u0647\u0627 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u062d\u0642\u064a\u0642\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                                                \u062a\u0623\u0645\u064a\u0646 \u0631\u0645\u0632 ABAP \u0627\u0644\u0645\u062e\u0635\u0635 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0633\u062d \u0627\u0644\u0636\u0648\u0626\u064a \u0627\u0644\u062a\u0644\u0642\u0627\u0626\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                                                \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0646\u0642\u0644 \u0639\u0628\u0631 \u0628\u064a\u0626\u0627\u062a \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0625\u0646\u062a\u0627\u062c                                            <\/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                                                \u0641\u0647\u0645 \u0627\u0644\u062a\u062f\u0641\u0642 \u0627\u0644\u0641\u0646\u064a \u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0641\u064a \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u0639\u0645\u0644\u0627\u0621                                            <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                                                                    <a class=\"w-full lg:w-auto justify-center flex items-center font-semibold py-3 px-[18px] bg-white border border-[#D0D5DD] hover:bg-[#F9FAFB] text-[#0F1556] group leading-7 rounded-lg transition-colors duration-200\" href=\"https:\/\/pathlock.com\/ar\/products\/cybersecurity-application-controls\/\">\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\/2023\/08\/cac_threat_detection.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                          Dynamic Access Control                        <\/span>\n                                        <span class=\"text-lg leading-7 text-[#2A3274]\">\u062a\u0637\u0628\u064a\u0642 \u0633\u064a\u0627\u0633\u0627\u062a \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0633\u0645\u0627\u062a \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0644\u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062d\u0633\u0627\u0633\u0629 \u0648\u062a\u0634\u0648\u064a\u0634\u0647\u0627 \u0648\u062a\u0642\u064a\u064a\u062f\u0647\u0627 &#8211; \u0645\u0645\u0627 \u064a\u0642\u0644\u0644 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u064a\u0628\u0633\u0637 \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                                                \u0623\u062a\u0645\u062a\u0629 \u0627\u0643\u062a\u0634\u0627\u0641 \u0648\u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062d\u0633\u0627\u0633\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\u0637\u0628\u064a\u0642 \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0642\u0627\u0626\u0645 \u0639\u0644\u0649 \u0627\u0644\u0633\u0645\u0627\u062a \u0648\u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0639\u0644\u0649 \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u062d\u0633\u0627\u0633\u0629 \u0641\u064a SAP                                            <\/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\u0645\u064a \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062d\u0633\u0627\u0633\u0629 \u0641\u064a \u0628\u064a\u0626\u0627\u062a \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u063a\u064a\u0631 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0634\u0648\u064a\u0634                                             <\/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\u0646\u062d \u0623\u0648 \u062a\u0642\u064a\u064a\u062f \u0627\u0644\u0648\u0635\u0648\u0644 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u0630\u0648\u0646\u0627\u062a \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0633\u0645\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                                                \u0645\u0631\u0627\u0642\u0628\u0629 \u0648\u0635\u0648\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0646\u0638\u0627\u0645 SAP \u0628\u0634\u0643\u0644 \u0645\u0633\u062a\u0645\u0631                                            <\/li>\n                                                                            <\/ul>\n\n                                    <div class=\"flex items-center gap-12\">\n                                                                                    <a class=\"w-full lg:w-auto justify-center flex items-center font-semibold py-3 px-[18px] bg-white border border-[#D0D5DD] hover:bg-[#F9FAFB] text-[#0F1556] group leading-7 rounded-lg transition-colors duration-200\" href=\"https:\/\/pathlock.com\/ar\/products\/cybersecurity-application-controls\/\">\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\/2023\/08\/cac_dac.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<section class=\"bg-white py-8 lg:py-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-5\">  \u0645\u0627 \u0648\u0631\u0627\u0621 \u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629 \u0644\u0646\u0638\u0627\u0645 SAP<\/span>\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\u0641\u064a\u0631 \u0645\u0633\u062a\u0648\u0649 \u0644\u0627 \u0645\u062b\u064a\u0644 \u0644\u0647 \u0645\u0646 \u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0643\u0641\u0627\u0621\u0629 <\/h2>\n        \n                  <div class=\"text-lg lg:text-xl font-normal text-[#2A3274] max-w-[820px] mb-12 lg:mb-16\">\n              \u0628\u0641\u0636\u0644 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0639\u0645\u064a\u0642\u0629 \u0641\u064a \u0623\u0645\u0627\u0646 SAP\u060c \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0646\u0634\u0627\u0637\u060c \u0648\u0631\u0628\u0637 \u0627\u0644\u0633\u062c\u0644\u0627\u062a\u060c \u062a\u0642\u0648\u0645 Pathlock \u0628\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629 (CAN DO) \u0648\u0627\u0644\u0641\u0639\u0644\u064a\u0629 (DID DO) \u0645\u0639 \u0642\u064a\u0627\u0633 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062a\u0639\u0631\u0636 \u0644\u0647\u0627. \u064a\u0624\u062f\u064a \u0647\u0630\u0627 \u0625\u0644\u0649 \u062a\u0648\u0641\u064a\u0631 \u0623\u0634\u0647\u0631 \u0645\u0646 \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u064a\u062f\u0648\u064a\u060c \u0645\u0645\u0627 \u064a\u0633\u0645\u062d \u0644\u0641\u0631\u064a\u0642\u0643 \u0628\u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0634\u0643\u0644 \u0645\u062e\u0627\u0637\u0631\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u0628\u062f\u0642\u0629 \u0648\u0643\u0641\u0627\u0621\u0629 \u0623\u0643\u0628\u0631.           <\/div>\n              <\/div>\n\n                    <div class=\"relative container max-w-[1230px] mx-auto\">\n          <div\n            id=\"comparison-slider\"\n            x-data=\"comparisonSlider\"\n            class=\"comparison-slider\"             >\n\n            <!-- Before Image (Full width) -->\n            <img decoding=\"async\"\n              src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2023\/08\/after.png\"\n              alt=\"\"\n              class=\"no-override before-image\">\n\n            <!-- After Image Container -->\n            <div class=\"after-container\" :style=\"{ width: sliderPosition + '%' }\">               <img decoding=\"async\"\n                src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/03\/hispl1udqgmxneh1ovui.webp\"\n                alt=\"\"\n                class=\"no-override after-image\"\n                >\n                >\n            <\/div>\n\n            <!-- Slider Handle -->\n            <div class=\"slider-handle\" :style=\"{ left: sliderPosition + '%' }\">               <div class=\"handle-circle\">\n                <svg width=\"95\" height=\"95\" viewBox=\"0 0 95 95\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <foreignObject x=\"3.55462\" y=\"3.55462\" width=\"88.8908\" height=\"88.8908\">\n                        <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" style=\"backdrop-filter: blur(0.72px); clip-path: url(#bgblur_0_219_2208_clip_path); height: 100%; width: 100%;\"><\/div>\n                    <\/foreignObject>\n                    <g data-figma-bg-blur-radius=\"1.44538\">\n                        <circle cx=\"48\" cy=\"48\" r=\"43\" fill=\"white\" fill-opacity=\"0.2\"><\/circle>\n                        <circle cx=\"48\" cy=\"48\" r=\"42.6387\" stroke=\"white\" stroke-opacity=\"0.5\" stroke-width=\"0.722689\"><\/circle>\n                    <\/g>\n                    <g filter=\"url(#filter1_d_219_2208)\">\n                        <path d=\"M78.375 47.8249C78.375 64.6912 64.6997 78.3641 47.8303 78.3641C30.961 78.3641 17.2856 64.6912 17.2856 47.8249C17.2856 30.9585 30.961 17.2856 47.8303 17.2856C64.6997 17.2856 78.375 30.9585 78.375 47.8249Z\" fill=\"white\"><\/path>\n                    <\/g>\n                    <path d=\"M57.0337 39.689L65.706 48.3612L57.0337 57.0335\" stroke=\"#6E759F\" stroke-width=\"3\"><\/path>\n                    <path d=\"M39.689 39.689L31.0167 48.3612L39.689 57.0335\" stroke=\"#6E759F\" stroke-width=\"3\"><\/path>\n                    <defs>\n                        <clipPath id=\"bgblur_0_219_2208_clip_path\" transform=\"translate(-3.55462 -3.55462)\">\n                        <circle cx=\"48\" cy=\"48\" r=\"43\"><\/circle>\n                        <\/clipPath>\n                        <filter id=\"filter1_d_219_2208\" x=\"0.880602\" y=\"0.880602\" width=\"93.8994\" height=\"93.8885\" 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=\"8.20252\"><\/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_219_2208\"><\/feBlend>\n                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_219_2208\" result=\"shape\"><\/feBlend>\n                        <\/filter>\n                    <\/defs>\n                <\/svg>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n          <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('alpine:init', () => {\n    Alpine.data('comparisonSlider', () => ({\n        sliderPosition: 50, \/\/ Default position\n        isDragging: false,\n        containerElement: null, \/\/ Store reference to the container\n\n        init() {\n            \/\/ Wait for element to be fully available\n            this.$nextTick(() => {\n                this.containerElement = this.$el; \/\/ The root element (div#comparison-slider)\n\n                \/\/ Set initial position (e.g., from data attribute if needed, or default)\n                \/\/ const initialPos = parseInt(this.containerElement.dataset.sliderPosition) || 50;\n                \/\/ this.sliderPosition = Math.max(0, Math.min(100, initialPos));\n                \/\/ Direct binding handles initial state now, but this is how you'd read attribute\n\n                \/\/ --- Event Listeners ---\n                \/\/ Use $el for listeners specific to this component instance\n\n                \/\/ Mouse Events\n                this.containerElement.addEventListener('mousedown', this.startDrag.bind(this));\n                \/\/ Use window for mouseup\/mousemove to catch events even if cursor leaves the element\n                window.addEventListener('mouseup', this.endDrag.bind(this));\n                window.addEventListener('mousemove', this.drag.bind(this));\n\n                \/\/ Touch Events\n                this.containerElement.addEventListener('touchstart', this.startDrag.bind(this), { passive: true }); \/\/ Use passive: true for start\n                \/\/ Attach touchmove to the element itself to scope it\n                this.containerElement.addEventListener('touchmove', this.drag.bind(this), { passive: false }); \/\/ Need passive: false to allow preventDefault\n                \/\/ Use window for touchend\/touchcancel\n                window.addEventListener('touchend', this.endDrag.bind(this));\n                window.addEventListener('touchcancel', this.endDrag.bind(this));\n\n            });\n        },\n\n        startDrag(e) {\n            \/\/ Check if the event target is the handle or within the slider area to avoid unwanted starts\n             if (!e.target.closest('.comparison-slider')) return; \/\/ Ensure drag starts within slider\n\n            this.isDragging = true;\n            \/\/ No preventDefault needed here for touchstart, let browser decide scrolling initially\n             \/\/ For mousedown, default behavior (like text selection) might be unwanted,\n             \/\/ but often not a problem here. Could add e.preventDefault() inside an if(e.type === 'mousedown') if needed.\n        },\n\n        endDrag() {\n            if (this.isDragging) {\n                this.isDragging = false;\n            }\n        },\n\n        drag(e) {\n            if (!this.isDragging) return;\n\n            \/\/ --- CRITICAL FIX for scrolling ---\n            \/\/ Only prevent default for touchmove IF we are dragging horizontally.\n            \/\/ Mousedown default prevention is less critical for scrolling.\n            if (e.type === 'touchmove') {\n                 e.preventDefault(); \/\/ Prevent scroll *only when* actively dragging horizontally via touch\n            }\n\n\n            const event = e.type.includes('touch') ? e.touches[0] : e;\n            const containerRect = this.containerElement.getBoundingClientRect();\n\n            \/\/ Calculate position relative to the container\n            let newPosition = ((event.clientX - containerRect.left) \/ containerRect.width) * 100;\n\n            \/\/ Clamp position between 0 and 100\n            this.sliderPosition = Math.max(0, Math.min(100, newPosition));\n\n            \/\/ No need to manually set style here, :style binding handles it\n            \/\/ this.setAfterWidth();\n        },\n\n        \/\/ Removed setAfterWidth as direct :style bindings handle updates automatically\n        \/\/ setAfterWidth() { ... }\n    }));\n});\n\n\/\/ Fallback for when Alpine.js might not be loaded (though less likely in typical setups)\n\/\/ Ensure this runs *after* DOMContentLoaded and checks for Alpine presence first.\ndocument.addEventListener('DOMContentLoaded', function() {\n    if (typeof Alpine === 'undefined') {\n        console.warn('Alpine.js not loaded. Initializing fallback slider.');\n        initFallbackSlider();\n    }\n});\n\nfunction initFallbackSlider() {\n    const container = document.getElementById('comparison-slider');\n    if (!container) return;\n\n    const afterContainer = container.querySelector('.after-container');\n    const sliderHandle = container.querySelector('.slider-handle');\n    const beforeImage = container.querySelector('.before-image'); \/\/ Need this for width ref\n\n    if (!afterContainer || !sliderHandle || !beforeImage) {\n        console.error('Fallback slider missing required elements.');\n        return;\n    }\n\n     \/\/ Ensure after image matches before image dimensions initially for correct overlay\n    const afterImage = afterContainer.querySelector('.after-image');\n    if(afterImage) {\n        afterImage.style.width = `${beforeImage.offsetWidth}px`;\n        afterImage.style.maxWidth = 'none'; \/\/ Override potential CSS limits\n    }\n\n\n    let isDragging = false;\n    let sliderPosition = 50; \/\/ Initial position default\n\n    function updateSliderPosition(clientX) {\n        const rect = container.getBoundingClientRect();\n        const position = ((clientX - rect.left) \/ rect.width) * 100;\n        sliderPosition = Math.max(0, Math.min(100, position)); \/\/ Clamp\n\n        afterContainer.style.width = `${sliderPosition}%`;\n        sliderHandle.style.left = `${sliderPosition}%`; \/\/ Use % directly for left\n    }\n\n    function handleMove(e) {\n        if (!isDragging) return;\n\n        const event = e.type.includes('touch') ? e.touches[0] : e;\n\n         \/\/ --- CRITICAL FIX for scrolling ---\n        if(e.type === 'touchmove') {\n            e.preventDefault(); \/\/ Prevent scroll ONLY when actively dragging\n        }\n        updateSliderPosition(event.clientX);\n    }\n\n    function startDrag(e) {\n         if (!e.target.closest('.comparison-slider')) return; \/\/ Ensure drag starts within slider\n        isDragging = true;\n        \/\/ --- CRITICAL FIX: REMOVED e.preventDefault() from touchstart ---\n        \/\/ Let the browser handle initial touch action (scrolling or starting drag)\n    }\n\n    function endDrag() {\n        if (isDragging) {\n            isDragging = false;\n        }\n    }\n\n    \/\/ Mouse Listeners\n    container.addEventListener('mousedown', startDrag);\n    document.addEventListener('mouseup', endDrag); \/\/ Use document\/window is better\n    document.addEventListener('mousemove', handleMove);\n\n    \/\/ Touch Listeners\n    container.addEventListener('touchstart', startDrag, { passive: true }); \/\/ Allow default scroll check initially\n    container.addEventListener('touchmove', handleMove, { passive: false }); \/\/ Need false to allow preventDefault inside handleMove\n    document.addEventListener('touchend', endDrag);\n    document.addEventListener('touchcancel', endDrag);\n\n\n    \/\/ Set initial position from data attribute or default\n    const initialPosition = container.dataset.sliderPosition || 50;\n    \/\/ Calculate initial clientX based on percentage and container width for initial setup\n    const initialClientX = container.getBoundingClientRect().left + (container.getBoundingClientRect().width * (parseInt(initialPosition) \/ 100));\n    updateSliderPosition(initialClientX); \/\/ Set initial visual state\n}\n<\/script>\n\n<style>\n    \/* Basic styling *\/\n    .content {\n        max-width: 800px;\n        width: 100%;\n    }\n\n    .comparison-slider {\n        position: relative;\n        width: 100%;\n        border-radius: 8px; \/* Or remove if you want sharp edges *\/\n        overflow: hidden;\n        user-select: none; \/* Prevent text selection during drag *\/\n        -webkit-user-select: none; \/* Safari *\/\n        cursor: ew-resize; \/* Indicate horizontal drag possibility *\/\n        \/* --- CRITICAL CSS for scrolling --- *\/\n        \/* Allows vertical scrolling, browser handles horizontal if not prevented by JS *\/\n        touch-action: pan-y;\n    }\n\n    .before-image {\n        display: block; \/* Prevent extra space below image *\/\n        width: 100%;\n        pointer-events: none; \/* Make images non-interactive *\/\n    }\n\n    \/* No before-container needed if before-image is the base *\/\n\n    .after-container {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 100%;\n        overflow: hidden;\n        will-change: width; \/* Hint browser about optimization *\/\n        pointer-events: none; \/* Make images non-interactive *\/\n    }\n\n    .after-image {\n        display: block; \/* Prevent extra space *\/\n        height: 100%; \/* Make it fill the container height *\/\n        width: auto;\n        max-width: none !important; \/* Ensure override *\/\n        object-fit: cover; \/* Cover the area *\/\n        pointer-events: none; \/* Make images non-interactive *\/\n    }\n\n    .slider-handle {\n        position: absolute;\n        top: 0;\n        \/* left: 50%; Set by JS\/Alpine *\/\n        transform: translateX(-50%); \/* Center the handle line on the position *\/\n        width: 4px; \/* The visible line *\/\n        height: 100%;\n        background-color: #6E759F;\n        \/* Removed cursor here, put on main container *\/\n        \/* border: 1px solid #6E759F; Redundant with background *\/\n        filter: drop-shadow(0px 0px 10px rgba(15, 21, 86, 0.5)); \/* Softer shadow *\/\n        z-index: 10; \/* Ensure handle is above images *\/\n        pointer-events: none; \/* Make handle non-interactive itself, rely on container listener *\/\n        will-change: left; \/* Hint browser about optimization *\/\n    }\n\n    .handle-circle {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        \/* Correct transform for exact centering *\/\n        transform: translate(-50%, -50%);\n        width: 86px; \/* Control clickable area size *\/\n        height: 86px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n         \/* pointer-events: auto;  Make circle clickable if needed, but container listener is usually better *\/\n    }\n\n    \/* SVG icon styling if needed *\/\n    .handle-circle svg {\n        \/* Add styles if needed *\/\n        width: 100%; \/* Make SVG fill the circle div *\/\n        height: 100%;\n    }\n\n<\/style>\n\n\n\n<section class=\"relative container mx-auto px-4 lg:px-8 my:8 lg:my-12\">\n  <div class=\"relative overflow-hidden  rounded-xl 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                    <img decoding=\"async\" class=\"no-override\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2024\/11\/Auto-Layout-Horizontal.svg\" alt=\"\"\/>\n                <\/div>\n      <h2 class=\"text-[24px] leading-[32px] lg:text-[36px] lg:leading-[44px] font-semibold mb-8 max-w-[615px]\">\u062d\u0627\u0632\u062a Pathlock \u0639\u0644\u0649 \u0645\u0643\u0627\u0646\u0629 \u0643\u0634\u0631\u0643\u0629 \u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0648\u0635\u0648\u0644 \u0636\u0645\u0646 \u0628\u064a\u0626\u0627\u062a \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u062a\u0639\u062f\u062f\u0629\t<\/h2>\n      <div class=\"text-xl font-normal leading-[30px]\">\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u062a\u064a \u062c\u0639\u0644\u062a KuppingerCole\u060c \u0627\u0644\u0645\u0624\u0633\u0633\u0629 \u0627\u0644\u062a\u062d\u0644\u064a\u0644\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0642\u0644\u0629 \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0623\u0645\u0646 \u0627\u0644\u0647\u0648\u064a\u0629\u060c \u062a\u0645\u0646\u062d Pathlock \u0644\u0642\u0628 \u0627\u0644\u0642\u0627\u0626\u062f \u0627\u0644\u0634\u0627\u0645\u0644 \u0641\u064a \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0648\u0635\u0648\u0644 \u0636\u0645\u0646 \u0628\u064a\u0626\u0627\u062a \u062e\u0637 \u0627\u0644\u0639\u0645\u0644.\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\/resource\/pathlock-recognized-as-leader-in-access-control-for-multi-app-environments\/\">\u062a\u0646\u0632\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\/2025\/02\/IMG.webp\" \/>\n    <\/div>\n  <\/div>\n<\/section>     \n         \n\n\n<style>\n    @media (min-width: 1024px) {\n        section {\n            padding-top: var(--pt-desktop);\n            padding-bottom: var(--pb-desktop);\n        }\n    }\n<\/style>\n<!-- Section: Key Initiatives -->\n<section class=\"container mx-auto px-4 lg:px-8\" style=\"\n         --pt-mobile: 48px;\n         --pb-mobile: 48px;\n         --pt-desktop: 48px;\n         --pb-desktop: 48px;\n         padding-top: var(--pt-mobile);\n         padding-bottom: var(--pb-mobile);\n\">\n    <div class=\"w-full grid grid-cols-1 md:grid-cols-3 xl:grid-cols-3 gap-8 md:p-0 items-start self-stretch md:self-auto\">\n        <!-- Left Card -->\n        <div class=\"col-span-3 lg:col-span-1 flex items-center self-stretch rounded-lg\" style=\"background-image:url( https:\/\/pathlock.com\/wp-content\/uploads\/2025\/03\/Initiatives-BG.svg); background-size: cover; background-position: center center; background-repeat: no-repeat;\"> \n            <!-- <div class=\"flex items-center gap-2 self-stretch md:p-0 md:rounded-lg xl:w-min-1\/3\"> -->\n                <div class=\"flex py-16 flex-[1_1_0]\">\n                    <!-- Left Card Content -->\n                    <div class=\"flex flex-col pl-8 pr-5 justify-center items-start gap-5 flex-[1_1_0]\">\n                        <div class=\"flex flex-col items-start gap-5 self-stretch\">\n                            <h2 class=\"text-[#FAFBFD] font-semibold text-4xl tracking-[-0.72px]\">\n                                \u0627\u0644\u0645\u0628\u0627\u062f\u0631\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629                            <\/h2>\n                        <\/div>\n                        <div class=\"flex flex-col items-start gap-[30px] self-stretch\">\n                            <p class=\"text-[#FAFBFD] text-xl\"> \u0627\u0643\u062a\u0634\u0641 \u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0644\u0640 Pathlock \u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u0645\u0648\u0627\u062c\u0647\u0629 \u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0641\u0631\u064a\u062f\u0629 \u0644\u062f\u064a\u0643 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 SAP ERP \u0648\u0645\u0627 \u0628\u0639\u062f\u0647. <\/p>\n                            <a class=\"px-[18px] py-2.5 shrink-0 bg-[#24B770] text-white font-semibold rounded-lg shadow-[0_1px_2px_0px_rgba(16,24,40,0.05)] justify-center items-center gap-1.5 inline-flex hover:bg-[#148752]\" href=\"https:\/\/pathlock.com\/ar\/contact\/\">\u062c\u062f\u0648\u0644\u0629 \u0639\u0631\u0636 \u062a\u0648\u0636\u064a\u062d\u064a \u0641\u0631\u062f\u064a<\/a>                        <\/div>\n                    <\/div>\n                <\/div>\n            <!-- <\/div> -->\n        <\/div>\n        <!-- Initiatives Features -->\n        <div class=\"col-span-3 lg:col-span-2\"> \n            <div class=\"grid md:grid-cols-2 gap-8\"> \n                                        <a href=\"\/ar\/use-cases\/erp-and-cloud-migrations\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        \u0645\u0627 \u064a\u0632\u064a\u062f \u0639\u0646 50% \u0645\u0646 \u0645\u0634\u0627\u0631\u064a\u0639 \u062a\u062e\u0637\u064a\u0637 \u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a (ERP) <b>\u062a\u062a\u062e\u0637\u0649 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0627\u062a \u0648\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0627\u0644\u0645\u062e\u0637\u0637 \u0644\u0647\u0645\u0627.<\/b> \u062a\u0645\u0643\u0651\u0646\u0643 Pathlock \u0645\u0646 \u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u062a\u0639\u0632\u064a\u0632 \u0641\u0631\u0635 \u0646\u062c\u0627\u062d \u0627\u0644\u062a\u062d\u062f\u064a\u062b.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/pathlock.com\/ar\/use-cases\/sox-software\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0642\u0627\u0646\u0648\u0646 \u0633\u0627\u0631\u0628\u0627\u0646\u0633 \u0623\u0648\u0643\u0633\u0644\u064a                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        \u0645\u0627 \u064a\u0642\u0627\u0631\u0628 40% \u0645\u0646 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a <b>\u062a\u062e\u0641\u0642 \u0641\u064a \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0639\u0644\u0649 \u0627\u0644\u0623\u0642\u0644 \u0628\u0636\u0627\u0628\u0637 \u0648\u0627\u062d\u062f \u0645\u0646 \u0636\u0648\u0627\u0628\u0637 \u0642\u0627\u0646\u0648\u0646 \u0633\u0627\u0631\u0628\u0627\u0646\u0633-\u0623\u0648\u0643\u0633\u0644\u064a (SOX)<\/b> \u0633\u0646\u0648\u064a\u064b\u0627. \u062a\u0645\u0643\u0651\u0646\u0643 Pathlock \u0645\u0646 \u062a\u062c\u0646\u0651\u0628 \u0641\u0634\u0644 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u062f\u0642\u064a\u0642\u060c \u0648\u0625\u0639\u0627\u062f\u0629 \u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u0627\u0644\u064a\u0629\u060c \u0648\u0645\u0627 \u064a\u062a\u0631\u062a\u0628 \u0639\u0644\u064a\u0647\u0627 \u0645\u0646 \u0636\u0631\u0631 \u0628\u0627\u0644\u0633\u0645\u0639\u0629.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/pathlock.com\/ar\/initiative\/audit-readiness\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        \u062c\u0627\u0647\u0632\u064a\u0629 \u0627\u0644\u062a\u062f\u0642\u064a\u0642                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        \u062a\u0633\u062a\u062b\u0645\u0631 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0623\u0643\u062b\u0631 \u0645\u0646 <b>20,000 \u0633\u0627\u0639\u0629 \u0633\u0646\u0648\u064a\u064b\u0627 \u0641\u064a \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644<\/b>. \u062a\u0639\u0645\u0644 Pathlock \u0639\u0644\u0649 \u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u064a\u062f\u0648\u064a\u0629 \u0627\u0644\u0645\u0639\u0631\u0636\u0629 \u0644\u0644\u0623\u062e\u0637\u0627\u0621\u060c \u0645\u0627 \u064a\u0633\u0647\u0644 \u0627\u0644\u0625\u0639\u062f\u0627\u062f \u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u062f\u0642\u064a\u0642.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/pathlock.com\/ar\/initiative\/ipo-readiness\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        \u062c\u0627\u0647\u0632\u064a\u0629 \u0627\u0644\u0627\u0643\u062a\u062a\u0627\u0628 \u0627\u0644\u0639\u0627\u0645 \u0627\u0644\u0623\u0648\u0644\u064a                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        \u062a\u0634\u064a\u0631 32% \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0625\u0644\u0649 <b>\u0648\u062c\u0648\u062f \u0642\u0635\u0648\u0631 \u0623\u0633\u0627\u0633\u064a \u0646\u0627\u062c\u0645 \u0639\u0646 \u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0641\u0635\u0644 \u0628\u064a\u0646 \u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a.<\/b> \u062a\u0639\u0645\u0644 Pathlock \u0639\u0644\u0649 \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0636\u0648\u0627\u0628\u0637 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0644\u062a\u0623\u0645\u064a\u0646 \u0627\u0644\u0627\u0643\u062a\u062a\u0627\u0628 \u0627\u0644\u0639\u0627\u0645 \u0627\u0644\u0623\u0648\u0644\u064a \u0628\u0637\u0631\u064a\u0642\u0629 \u0623\u0643\u062b\u0631 \u0645\u0631\u0648\u0646\u0629.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/pathlock.com\/ar\/use-cases\/nhi-governance\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        NHI Governance (\u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0647\u0648\u064a\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u0628\u0634\u0631\u064a\u0629)                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        \u0641\u064a \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a\u060c \u064a\u0641\u0648\u0642 <b>\u0639\u062f\u062f \u0627\u0644\u0647\u0648\u064a\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0639\u062f\u062f \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0628\u0646\u0633\u0628\u0629 20 \u0625\u0644\u0649 1.<\/b> \u062a\u0641\u0631\u0636 Pathlock \u0636\u0648\u0627\u0628\u0637 \u0635\u0627\u0631\u0645\u0629 \u0639\u0644\u0649 \u0643\u0644\u0627 \u0627\u0644\u0646\u0648\u0639\u064a\u0646 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0623\u0645\u0627\u0646 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/pathlock.com\/ar\/products\/cybersecurity-application-controls\/\" class=\"hover-link flex w-full lg:min-w-80 lg:max-w[480px] px-6 py-8 items-start flex-[1_1_0] gap-4 rounded-lg bg-[#F5F6FC] transition hover:bg-[#ECF0FB] group\">\n                            <div class=\"flex flex-col items-start gap-3 flex-[1_1_0] md:flex-[1_0_0]\">\n                                <div class=\"flex flex-col items-start gap-3 self-stretch group-hover:text-[#24b770]\">\n                                    <h4 class=\"text-[#0F1556] group-hover:text-[#24b770] font-semibold text-xl\">\n                                        \u0627\u0644\u0623\u0645\u0646 \u0627\u0644\u0633\u064a\u0628\u0631\u0627\u0646\u064a \u0644\u0640 SAP                                    <\/h4>\n                                    <p class=\"text-[#2A3274] text-base\">\n                                        \u0648\u0641\u0651\u0631 \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0644\u0628\u064a\u0626\u0629 SAP \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643 \u0628\u062f\u0627\u064a\u0629\u064b \u0645\u0646 \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u062d\u062a\u0649 \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0646\u0634\u0631. \u062a\u0639\u0645\u0644 Pathlock \u0639\u0644\u0649 \u062d\u0645\u0627\u064a\u0629 \u062a\u0637\u0628\u064a\u0642\u0627\u062a SAP \u0648\u0628\u064a\u0627\u0646\u0627\u062a\u0647\u0627 \u0644\u062a\u0642\u0644\u064a\u0644 \u0627\u062d\u062a\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u0639\u0631\u0636 \u0644\u062e\u0631\u0642 \u0623\u0645\u0646\u064a.                                    <\/p>\n                                    <p class=\"flex justify-center items-center gap-2\">\n                                        <span class=\"text-[#0F1556] group-hover:text-[#24b770] text-base font-semibold\">\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                                        <span class=\"rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#24b770]  group-hover:rtl:-translate-x-0.5 group-hover:translate-x-0.5 transition ease-in-out duration-300\">\n                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <g id=\"arrow-right\">\n                                                    <path id=\"styled-element\" d=\"M4.16675 9.99935H15.8334M15.8334 9.99935L10.0001 4.16602M15.8334 9.99935L10.0001 15.8327\" stroke=\"stroke-[#0F1556] group-hover:stroke-[#24b770]\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/span>                                        \n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                <\/div>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n\n\n  <section class=\"relative container mx-auto px-4 lg:px-8  my:8 lg:my-12\">\n    <div class=\"relative flex-col-reverse lg:flex-row overflow-hidden  rounded-xl mx-auto inset-0 flex container  text-white bg-[#0F1556]\">\n    <div id=\"bg-image\" class=\"hidden lg:block absolute top-0 right-0 w-full h-full z-0\">\n      <img decoding=\"async\" class=\"no-override rtl:-scale-x-100 absolute inset-0 w-full h-full object-cover object-right\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2022\/08\/Banner-1.png\" alt=\"\" \/>\n    <\/div>\n    <div class=\"z-10 w-full lg:max-w-[576px] flex flex-col items-center lg:items-start px-4 -mt-10 lg:mt-0 pb-12 rtl:pr-16 rtl:pl-16 rtl: lg:p-16 lg:pr-0  h-full text-center lg:rtl:text-right lg:text-left\">\n      <h2 class=\"mb-3 lg:mb-5 max-w-[471px] text-bold text-2xl lg:text-4xl font-semibold leading-[32px] lg:leading-[44px]\">\u0643\u0646 \u062c\u0627\u0647\u0632\u064b\u0627 \u0644\u0644\u062a\u062f\u0642\u064a\u0642\u060c \u062f\u0648\u0646 \u0623\u064a\u0651 \u0636\u063a\u0648\u0637 \u0625\u0636\u0627\u0641\u064a\u0629<\/h2>\n      <div class=\"text-lg font-normal leading-7\">\u0627\u0642\u0636\u0650 \u0648\u0642\u062a\u064b\u0627 \u0623\u0642\u0644 \u0641\u064a \u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0648\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a \u0641\u064a \u0627\u0644\u0644\u062d\u0638\u0629 \u0627\u0644\u0623\u062e\u064a\u0631\u0629. \u064a\u0631\u0634\u062f\u0643 \u062e\u0628\u0631\u0627\u0621 Pathlock \u062e\u0644\u0627\u0644 \u0643\u0644 \u062e\u0637\u0648\u0629 \u0645\u0646 \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0644\u0644\u062a\u062f\u0642\u064a\u0642 &#8211; \u0645\u062c\u0627\u0646\u064b\u0627 \u0648 \u0645\u0646 \u062f\u0648\u0646 \u0623\u064a\u0651 \u0639\u0631\u0636 \u0645\u0628\u064a\u0639\u0627\u062a.<\/div>\n      <div class=\"w-full lg:w-auto mt-6 lg:mt-8\">\n        <a class=\"flex justify-center items-center font-semibold py-3 px-[18px] bg-[white] hover:bg-[#F9FAFB] group leading-7  rounded-lg text-[#344054] transition-colors duration-300\" href=\"https:\/\/pathlock.com\/ar\/experts\/\" rel=\"noopener\" target=\"_blank\">\u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u064b\u0627 \u0645\u0639 \u0627\u0644\u062e\u0628\u0631\u0627\u0621        <\/a>\n      <\/div>  \n    <\/div>\n    <div class=\"flex relative lg:hidden justify-center align-center w-full\">\n      <img decoding=\"async\" class=\"no-override  object-cover w-full\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2022\/08\/062-3Mgd0viv08Q-copy-7-1.png\" \/>\n      <div class=\"w-full inset-0 top-[120px] absolute bg-gradient-to-b from-[#0F1556]\/0 to-[#0F1556]\/100\"><\/div>\n    <\/div>\n  <\/div>\n<\/section> \n\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]\">\u0627\u0644\u062a\u063a\u0644\u0628 \u0639\u0644\u0649 \u0642\u064a\u0648\u062f \u062d\u0644\u0648\u0644 SAP Access Control \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0639\u0631\u0636 \u0627\u0645\u062a\u062b\u0627\u0644\u0643 \u0644\u0644\u062e\u0637\u0631<\/h2>\n                \n                                    <div class=\"text-lg lg:text-xl font-normal text-[#2A3274] max-w-[720px]\">\n                        \u0627\u0644\u062a\u0631\u0642\u064a\u0629 \u0625\u0644\u0649 \u062d\u0644 \u0623\u0645\u0646 \u0627\u0644\u0647\u0648\u064a\u0629 \u0648\u0625\u062f\u0627\u0631\u064a \u062f\u0642\u064a\u0642 \u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a \u0646\u0638\u0627\u0645SAP ERP \u0644\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0645\u062e\u0627\u0637\u0631\u060c \u0648\u062e\u0641\u0636 \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644\u060c \u0648\u0636\u0645\u0627\u0646 \u062c\u0627\u0647\u0632\u064a\u0629 \u0627\u0644\u062a\u062f\u0642\u064a\u0642 \u0648\u0627\u0644\u0627\u0643\u062a\u062a\u0627\u0628 \u0627\u0644\u0639\u0627\u0645.                    <\/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-4.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\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0639\u0628\u0631 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0644\u0646\u0638\u0627\u0645 SAP \u0648\u0645\u0627 \u0628\u0639\u062f\u0647<\/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 \u062a\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 \u062a\u0637\u0628\u064a\u0642\u0627\u062a SAP\u0648\u062a\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \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.<\/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=\"https:\/\/pathlock.com\/ar\/browser-tours\/beyond-sap-ac-cross-application-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                                                                                                                            <button dir=\"ltr\" id=\"demo1\"\n                                                    data-videoId=\"sjdon90m2z\"\n                                                    onclick=\"openModal('sjdon90m2z')\"\n                                                    class=\"video_btn flex flex-row  w-full justify-center lg:w-auto group\/link pr-[12px] py-3 items-center\">\n                        <span class=\"mr-2  rtl:rotate-180\">\n                          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"\n                               xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <g clip-path=\"url(#clip0_63_31)\">\n                            <path d=\"M9.99999 18.3334C14.6024 18.3334 18.3333 14.6024 18.3333 10C18.3333 5.39765 14.6024 1.66669 9.99999 1.66669C5.39762 1.66669 1.66666 5.39765 1.66666 10C1.66666 14.6024 5.39762 18.3334 9.99999 18.3334Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <path d=\"M7.91666 7.47113C7.91666 7.07339 7.91666 6.87452 7.99978 6.7635C8.07221 6.66675 8.18308 6.60622 8.30364 6.59761C8.44198 6.58773 8.60926 6.69527 8.94383 6.91035L12.8777 9.43923C13.168 9.62587 13.3131 9.71919 13.3633 9.83785C13.4071 9.94152 13.4071 10.0585 13.3633 10.1622C13.3131 10.2809 13.168 10.3742 12.8777 10.5608L8.94383 13.0897C8.60926 13.3048 8.44198 13.4123 8.30364 13.4024C8.18308 13.3938 8.07221 13.3333 7.99978 13.2365C7.91666 13.1255 7.91666 12.9266 7.91666 12.5289V7.47113Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/g>\n                            <defs>\n                            <clipPath id=\"clip0_63_31\">\n                            <rect width=\"20\" height=\"20\" fill=\"white\"\/>\n                            <\/clipPath>\n                            <\/defs>\n                          <\/svg>\n                        <\/span>\n                                                <span class=\"text-[#0f1556] text-base font-semibold leading-normal group-hover\/link:text-[#24b770] transition-colors duration-300\">\u0627\u0633\u062a\u0639\u0631\u0627\u0636<\/span>\n                                            <\/button>\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-1.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\u0629 \u0645\u0631\u0627\u062c\u0639\u0627\u062a \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 (UAR) \u062d\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643<\/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 \u062a\u0642\u0648\u0645 Pathlock \u0628\u0623\u062a\u0645\u062a\u0629 \u0645\u0631\u0627\u062c\u0639\u0627\u062a \u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646\u060c \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0627\u062a \u0630\u0627\u062a \u0627\u0644\u0645\u062e\u0627\u0637\u0631\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0631\u0624\u0649 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0646\u0641\u064a\u0630 \u0644\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u062f\u0646\u0649 \u0645\u0646 \u0627\u0644\u0627\u0645\u062a\u064a\u0627\u0632\u0627\u062a.<\/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=\"https:\/\/pathlock.com\/ar\/browser-tours\/beyond-sap-ac-continuous-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                                                                                                                            <button dir=\"ltr\" id=\"demo2\"\n                                                    data-videoId=\"pknccfktcy\"\n                                                    onclick=\"openModal('pknccfktcy')\"\n                                                    class=\"video_btn flex flex-row  w-full justify-center lg:w-auto group\/link pr-[12px] py-3 items-center\">\n                        <span class=\"mr-2  rtl:rotate-180\">\n                          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"\n                               xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <g clip-path=\"url(#clip0_63_31)\">\n                            <path d=\"M9.99999 18.3334C14.6024 18.3334 18.3333 14.6024 18.3333 10C18.3333 5.39765 14.6024 1.66669 9.99999 1.66669C5.39762 1.66669 1.66666 5.39765 1.66666 10C1.66666 14.6024 5.39762 18.3334 9.99999 18.3334Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <path d=\"M7.91666 7.47113C7.91666 7.07339 7.91666 6.87452 7.99978 6.7635C8.07221 6.66675 8.18308 6.60622 8.30364 6.59761C8.44198 6.58773 8.60926 6.69527 8.94383 6.91035L12.8777 9.43923C13.168 9.62587 13.3131 9.71919 13.3633 9.83785C13.4071 9.94152 13.4071 10.0585 13.3633 10.1622C13.3131 10.2809 13.168 10.3742 12.8777 10.5608L8.94383 13.0897C8.60926 13.3048 8.44198 13.4123 8.30364 13.4024C8.18308 13.3938 8.07221 13.3333 7.99978 13.2365C7.91666 13.1255 7.91666 12.9266 7.91666 12.5289V7.47113Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/g>\n                            <defs>\n                            <clipPath id=\"clip0_63_31\">\n                            <rect width=\"20\" height=\"20\" fill=\"white\"\/>\n                            <\/clipPath>\n                            <\/defs>\n                          <\/svg>\n                        <\/span>\n                                                <span class=\"text-[#0f1556] text-base font-semibold leading-normal group-hover\/link:text-[#24b770] transition-colors duration-300\">\u0627\u0633\u062a\u0639\u0631\u0627\u0636<\/span>\n                                            <\/button>\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-2.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\">\u0627\u0633\u062a\u0641\u062f \u0645\u0646 \u0639\u0645\u0644\u064a\u0629 Firefighter \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u062a\u062f\u0642\u064a\u0642 \u0628\u0627\u0644\u0643\u0627\u0645\u0644<\/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.<\/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=\"https:\/\/pathlock.com\/ar\/browser-tours\/beyond-sap-ac-audit-proof-firefighter-process\/\"\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                                                                                                                            <button dir=\"ltr\" id=\"demo3\"\n                                                    data-videoId=\"ew6op4kc1x\"\n                                                    onclick=\"openModal('ew6op4kc1x')\"\n                                                    class=\"video_btn flex flex-row  w-full justify-center lg:w-auto group\/link pr-[12px] py-3 items-center\">\n                        <span class=\"mr-2  rtl:rotate-180\">\n                          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"\n                               xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <g clip-path=\"url(#clip0_63_31)\">\n                            <path d=\"M9.99999 18.3334C14.6024 18.3334 18.3333 14.6024 18.3333 10C18.3333 5.39765 14.6024 1.66669 9.99999 1.66669C5.39762 1.66669 1.66666 5.39765 1.66666 10C1.66666 14.6024 5.39762 18.3334 9.99999 18.3334Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <path d=\"M7.91666 7.47113C7.91666 7.07339 7.91666 6.87452 7.99978 6.7635C8.07221 6.66675 8.18308 6.60622 8.30364 6.59761C8.44198 6.58773 8.60926 6.69527 8.94383 6.91035L12.8777 9.43923C13.168 9.62587 13.3131 9.71919 13.3633 9.83785C13.4071 9.94152 13.4071 10.0585 13.3633 10.1622C13.3131 10.2809 13.168 10.3742 12.8777 10.5608L8.94383 13.0897C8.60926 13.3048 8.44198 13.4123 8.30364 13.4024C8.18308 13.3938 8.07221 13.3333 7.99978 13.2365C7.91666 13.1255 7.91666 12.9266 7.91666 12.5289V7.47113Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/g>\n                            <defs>\n                            <clipPath id=\"clip0_63_31\">\n                            <rect width=\"20\" height=\"20\" fill=\"white\"\/>\n                            <\/clipPath>\n                            <\/defs>\n                          <\/svg>\n                        <\/span>\n                                                <span class=\"text-[#0f1556] text-base font-semibold leading-normal group-hover\/link:text-[#24b770] transition-colors duration-300\">\u0627\u0633\u062a\u0639\u0631\u0627\u0636<\/span>\n                                            <\/button>\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-3.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\">\u0642\u0645 \u0628\u062a\u0628\u0633\u064a\u0637 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u062c\u0627\u0647\u0632\u0629<\/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 \u062a\u0633\u0627\u0639\u062f\u0643 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0645\u0646 Pathlock\u060c \u0648\u0627\u0644\u062a\u064a \u062a\u062a\u0636\u0645\u0646 \u0645\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u062f\u0642\u064a\u0642 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0648\u0642\u064a\u0627\u0633 \u0627\u0644\u0645\u062e\u0627\u0637\u0631\u060c \u0639\u0644\u0649 \u0627\u0644\u0628\u0642\u0627\u0621 \u0641\u064a \u0635\u062f\u0627\u0631\u0629 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u062f\u0642\u0642.<\/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=\"https:\/\/pathlock.com\/ar\/browser-tours\/beyond-sap-ac-comprehensive-grc-solution\/\"\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                                                                                                                            <button dir=\"ltr\" id=\"demo4\"\n                                                    data-videoId=\"ntm2lp13yp\"\n                                                    onclick=\"openModal('ntm2lp13yp')\"\n                                                    class=\"video_btn flex flex-row  w-full justify-center lg:w-auto group\/link pr-[12px] py-3 items-center\">\n                        <span class=\"mr-2  rtl:rotate-180\">\n                          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"\n                               xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <g clip-path=\"url(#clip0_63_31)\">\n                            <path d=\"M9.99999 18.3334C14.6024 18.3334 18.3333 14.6024 18.3333 10C18.3333 5.39765 14.6024 1.66669 9.99999 1.66669C5.39762 1.66669 1.66666 5.39765 1.66666 10C1.66666 14.6024 5.39762 18.3334 9.99999 18.3334Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <path d=\"M7.91666 7.47113C7.91666 7.07339 7.91666 6.87452 7.99978 6.7635C8.07221 6.66675 8.18308 6.60622 8.30364 6.59761C8.44198 6.58773 8.60926 6.69527 8.94383 6.91035L12.8777 9.43923C13.168 9.62587 13.3131 9.71919 13.3633 9.83785C13.4071 9.94152 13.4071 10.0585 13.3633 10.1622C13.3131 10.2809 13.168 10.3742 12.8777 10.5608L8.94383 13.0897C8.60926 13.3048 8.44198 13.4123 8.30364 13.4024C8.18308 13.3938 8.07221 13.3333 7.99978 13.2365C7.91666 13.1255 7.91666 12.9266 7.91666 12.5289V7.47113Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/g>\n                            <defs>\n                            <clipPath id=\"clip0_63_31\">\n                            <rect width=\"20\" height=\"20\" fill=\"white\"\/>\n                            <\/clipPath>\n                            <\/defs>\n                          <\/svg>\n                        <\/span>\n                                                <span class=\"text-[#0f1556] text-base font-semibold leading-normal group-hover\/link:text-[#24b770] transition-colors duration-300\">\u0627\u0633\u062a\u0639\u0631\u0627\u0636<\/span>\n                                            <\/button>\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-4.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\">\u0637\u0628\u0651\u0642 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0639\u0644\u0649 \u0643\u0627\u0645\u0644 \u0628\u064a\u0626\u062a\u0643<\/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 \u062a\u062a\u0643\u0627\u0645\u0644 Pathlock \u0645\u0639 Microsoft Entra\u060c \u0648SailPoint\u060c \u0648SAP IDM\u060c \u0648Oracle IDM\u060c \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0623\u062e\u0631\u0649 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u062a\u0648\u0627\u0641\u0642 \u0625\u0644\u0649 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u0647\u0645\u0629.<\/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                                                                                                                            <button dir=\"ltr\" id=\"demo5\"\n                                                    data-videoId=\"t1yu4u8yqi\"\n                                                    onclick=\"openModal('t1yu4u8yqi')\"\n                                                    class=\"video_btn flex flex-row  w-full justify-center lg:w-auto group\/link pr-[12px] py-3 items-center\">\n                        <span class=\"mr-2  rtl:rotate-180\">\n                          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"\n                               xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <g clip-path=\"url(#clip0_63_31)\">\n                            <path d=\"M9.99999 18.3334C14.6024 18.3334 18.3333 14.6024 18.3333 10C18.3333 5.39765 14.6024 1.66669 9.99999 1.66669C5.39762 1.66669 1.66666 5.39765 1.66666 10C1.66666 14.6024 5.39762 18.3334 9.99999 18.3334Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <path d=\"M7.91666 7.47113C7.91666 7.07339 7.91666 6.87452 7.99978 6.7635C8.07221 6.66675 8.18308 6.60622 8.30364 6.59761C8.44198 6.58773 8.60926 6.69527 8.94383 6.91035L12.8777 9.43923C13.168 9.62587 13.3131 9.71919 13.3633 9.83785C13.4071 9.94152 13.4071 10.0585 13.3633 10.1622C13.3131 10.2809 13.168 10.3742 12.8777 10.5608L8.94383 13.0897C8.60926 13.3048 8.44198 13.4123 8.30364 13.4024C8.18308 13.3938 8.07221 13.3333 7.99978 13.2365C7.91666 13.1255 7.91666 12.9266 7.91666 12.5289V7.47113Z\"\n                                  class=\"stroke-[#0F1556] group-hover\/link:stroke-[#24b770] transition-colors duration-300\"\n                                  stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/g>\n                            <defs>\n                            <clipPath id=\"clip0_63_31\">\n                            <rect width=\"20\" height=\"20\" fill=\"white\"\/>\n                            <\/clipPath>\n                            <\/defs>\n                          <\/svg>\n                        <\/span>\n                                                <span class=\"text-[#0f1556] text-base font-semibold leading-normal group-hover\/link:text-[#24b770] transition-colors duration-300\">\u0627\u0633\u062a\u0639\u0631\u0627\u0636<\/span>\n                                            <\/button>\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 x-data=\"{ activeTab: 'tab1', isDark: false }\">\n  <div class=\"py-12 lg:py-24 my-12 transition-colors duration-300\" :class=\"isDark ? 'bg-[#0F1556]' : 'bg-[#f5f6fc]'\">\n    <div class=\"container mx-auto px-4 lg:px-8\">\n      <div class=\"text-center flex flex-col justify-center items-center\">\n        <span class=\"text-center text-[#148752] text-sm font-bold uppercase leading-[30px] tracking-wider mb-5\">\u0646\u0634\u0631 \u0628\u062f\u0648\u0646 \u0636\u063a\u0648\u0637<\/span>\n        <div class=\"relative container text-center flex justify-center align-center transition-colors duration-300\" :class=\"isDark ? 'text-white' : 'text-[#0F1556]'\">\n          <div class=\"text-center px-4 flex flex-col justify-center items-center transition-colors duration-300\" :class=\"isDark ? 'text-white' : 'text-[#0F1556]'\">\n                        <h2 class=\"text-3xl lg:text-5xl font-semibold mb-4 lg:mb-5\">\u062e\u064a\u0627\u0631\u0627\u062a \u0646\u0634\u0631 \u0645\u0631\u0646\u0629 \u0644\u062a\u0646\u0627\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643 <\/h2>\n            \n                        <div class=\"text-lg max-w-[820px] lg:text-xl font-normal\">\n                \u062a\u0648\u0641\u0631 Pathlock \u0646\u0645\u0648\u0630\u062c\u064a\u0646 \u0644\u0644\u0646\u0634\u0631 \u0644\u062a\u0646\u0627\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643: Pathlock Cloud\u060c \u0648\u0647\u0648 \u062d\u0644 SaaS \u0645\u064f\u062f\u0627\u0631 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u064a\u0636\u0645\u0646 \u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u062a\u0648\u0633\u0639 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0623\u0639\u0628\u0627\u0621 \u0639\u0644\u0649 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\u060c \u0648Pathlock Native\u060c \u0627\u0644\u0630\u064a \u064a\u0639\u0645\u0644 \u0645\u0628\u0627\u0634\u0631\u0629 \u062f\u0627\u062e\u0644 \u0628\u0646\u064a\u0629 ABAP \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0640 SAP. \u0627\u062e\u062a\u0631 \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u0628\u064a\u0626\u062a\u0643 \u062f\u0648\u0646 \u0627\u0644\u062a\u0646\u0627\u0632\u0644 \u0639\u0646 \u0627\u0644\u0623\u0645\u0627\u0646 \u0623\u0648 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644.             <\/div>\n                      <\/div>\n        <\/div>\n      <\/div> \n\n      <div class=\"relative mt-[62px]\">\n        <div class=\"hidden lg:flex relative justify-center z-10 mx-auto gap-1  w-[536px] h-[56px] -mb-[28px] p-1.5  bg-[#FAFBFD] rounded-lg shadow-[0px_1px_3px_0px_rgba(15,21,86,0.10)] outline outline-1 outline-offset-[-1px] outline-[#E3E7F6] justify-start items-center gap-1\" :class=\"isDark ? 'border-gray-600' : 'border-gray-200'\">\n            <button\n              @click=\"activeTab = 'tab1'; isDark = false\"\n              class=\"w-64 h-11 px-3 py-2 rounded inline-flex justify-center items-center gap-2 overflow-hidden transition-colors duration-300\"\n              :class=\"isDark ? '': 'bg-[#EEFBF3] outline outline-1 outline-offset-[-1px] outline-[#AFEBC6] shadow-[0px_1px_2px_-1px_rgba(20,135,82,0.10)] shadow-[0px_1px_3px_0px_rgba(20,135,82,0.15)]'\">\n              <span>\n                <svg width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <rect :class=\"isDark ? 'fill-[#64748b]': 'fill-[#148752]' \" x=\"0.5\" width=\"24\" height=\"24\" rx=\"12\"\/>\n                  <mask id=\"mask0_67_1540\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"2\" y=\"2\" width=\"21\" height=\"20\">\n                  <rect x=\"2.5\" y=\"2\" width=\"20\" height=\"20\" fill=\"#D9D9D9\"\/>\n                  <\/mask>\n                  <g mask=\"url(#mask0_67_1540)\">\n                  <path d=\"M7.5 18C6.38889 18 5.44444 17.6076 4.66667 16.8229C3.88889 16.0382 3.5 15.0903 3.5 13.9792C3.5 12.9236 3.85764 12.0104 4.57292 11.2396C5.28819 10.4688 6.17361 10.0556 7.22917 10C7.55458 8.80903 8.20528 7.84465 9.18125 7.10688C10.1574 6.36896 11.2636 6 12.5 6C13.9861 6 15.2743 6.47569 16.3646 7.42708C17.4549 8.37847 18 9.56944 18 11C18.9722 11 19.7986 11.3403 20.4792 12.0208C21.1597 12.7014 21.5 13.5208 21.5 14.4792C21.5 15.4572 21.1597 16.2885 20.4792 16.9731C19.7986 17.6577 18.9722 18 18 18H13.25C12.8375 18 12.4844 17.8531 12.1906 17.5594C11.8969 17.2656 11.75 16.9125 11.75 16.5V12.875L10.5625 14.0625L9.5 13L12.5 10L15.5 13L14.4375 14.0625L13.25 12.875V16.5H18C18.56 16.5 19.0333 16.3072 19.42 15.9215C19.8067 15.5356 20 15.0634 20 14.5048C20 13.946 19.8067 13.4722 19.42 13.0833C19.0333 12.6944 18.56 12.5 18 12.5H16.5V11C16.5 9.98611 16.1007 9.14931 15.3021 8.48958C14.5035 7.82986 13.566 7.5 12.4896 7.5C11.4132 7.5 10.5 7.89236 9.75 8.67708C9 9.46181 8.54861 10.4028 8.39583 11.5H7.5C6.80958 11.5 6.22028 11.7444 5.73208 12.2333C5.24403 12.7222 5 13.3125 5 14.0042C5 14.6958 5.24403 15.2847 5.73208 15.7708C6.22028 16.2569 6.80958 16.5 7.5 16.5H10.25V18H7.5Z\" fill=\"white\"\/>\n                  <\/g>\n                <\/svg>\n              <\/span>\n              <span class=\"justify-start text-xl font-semibold leading-loose\" :class=\"isDark ? 'text-[#64748b]' : 'text-[#148752]'\">Pathlock Cloud<\/span>\n            <\/button>\n            <button\n              @click=\"activeTab = 'tab2'; isDark = true\"\n              class=\"w-64 h-11 px-3 py-2 rounded inline-flex justify-center items-center gap-2 overflow-hidden transition-colors duration-300\"\n              :class=\"isDark ? 'bg-[#EAF3FF] outline outline-1 outline-offset-[-1px] outline-[#93c5fd] shadow-[0px_1px_2px_-1px_rgba(20,135,82,0.10)] shadow-[0px_1px_3px_0px_rgba(20,135,82,0.15)]' : ''\">\n              <span>\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <rect :class=\"isDark ? 'fill-[#2A3274]': 'fill-[#64748b]' \" width=\"24\" height=\"24\" rx=\"12\"\/>\n                  <mask id=\"mask0_303_168\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"2\" y=\"2\" width=\"20\" height=\"20\">\n                  <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" fill=\"white\"\/>\n                  <\/mask>\n                  <g mask=\"url(#mask0_303_168)\">\n                  <path d=\"M6.5 19C6.09722 19 5.74653 18.8507 5.44792 18.5521C5.14931 18.2535 5 17.9028 5 17.5V6.5C5 6.0875 5.14931 5.73438 5.44792 5.44063C5.74653 5.14688 6.09722 5 6.5 5H17.5C17.9125 5 18.2656 5.14688 18.5594 5.44063C18.8531 5.73438 19 6.0875 19 6.5V17.5C19 17.9028 18.8531 18.2535 18.5594 18.5521C18.2656 18.8507 17.9125 19 17.5 19H6.5ZM6.5 9.16667H17.5V6.5H6.5V9.16667ZM6.5 13.3333H17.5V10.6667H6.5V13.3333ZM6.5 17.5H17.5V14.8333H6.5V17.5ZM7.5 8.58333V7.08333H9V8.58333H7.5ZM7.5 12.75V11.25H9V12.75H7.5ZM7.5 16.9167V15.4167H9V16.9167H7.5Z\" fill=\"white\"\/>\n                  <\/g>\n                <\/svg>\n              <\/span>\n              <span class=\"justify-start text-xl font-semibold leading-loose\" :class=\"isDark ? 'text-[#2A3274]' : 'text-[#64748b]'\">Pathlock Native<\/span>\n            <\/button>\n        <\/div>\n\n    \n        <div class=\"mx-auto w-full flex items-center justify-center flex-col\">\n        <div class=\"flex lg:hidden mx-auto w-full px-8 z-10 flex-1 -mb-20\">\n          <select x-on:change=\"activeTab = $event.target.value; isDark = (activeTab === 'tab2')\" class=\"rounded-lg py-3 px-4 pr-9 block w-full border-[#F5F6FC] font-medium bg-[#F5F6FC] text-sm focus:border-blue-500 focus:ring-blue-50\">\n                      <option value=\"tab1\">Pathlock Cloud<\/option>\n                      <option value=\"tab2\">Pathlock Native<\/option>\n            <\/select>\n        <\/div> \n          <div \n            x-show=\"activeTab === 'tab1'\"\n            x-cloak\n            x-transition:enter=\"transition ease-out duration-300\"\n            class=\"mx-auto bg-white w-full self-stretch max-w-[1280px] px-8 pt-24 pb-16 inline-flex justify-center items-center gap-16 flex-wrap content-center rounded-lg outline outline-1 outline-offset-[-1px] outline-[#E3E7F6]\">\n            <div class=\"flex-1 lg:min-w-96 inline-flex flex-col justify-start items-start gap-12\">\n                <div class=\"self-stretch flex flex-col justify-start items-start gap-8\">\n                    <div class=\"self-stretch flex flex-col justify-start items-start gap-5\">\n                        <div class=\"self-stretch flex flex-col justify-start items-start gap-4\">\n                            <div class=\"self-stretch inline-flex justify-center items-center gap-4\">\n                                <div class=\"flex-1 justify-start text-Gulf-Blue-11 text-xl font-semibold  leading-loose\">\u0627\u062e\u062a\u0631 Pathlock Cloud \u0625\u0630\u0627:  <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"self-stretch pl-4 flex flex-col justify-start items-start gap-5\">\n                                                                              <div class=\"self-stretch inline-flex items-start gap-3\">\n                                <div class=\"rounded-full flex justify-start items-center pt-1.5\">\n                                    <svg width=\"18\" height=\"19\" viewBox=\"0 0 18 19\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <rect y=\"0.100098\" width=\"18\" height=\"18\" rx=\"9\" fill=\"#D5F6E0\"\/>\n                                    <path d=\"M5.625 9.1001L7.875 11.3501L12.375 6.8501\" stroke=\"#24B770\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"flex-1 inline-flex flex-col justify-start items-start\">\n                                    <div class=\"self-stretch justify-start text-lg font-normal leading-7\">\u0623\u0646\u062a \u0628\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u062d\u0648\u0643\u0645\u0629 \u0647\u0648\u064a\u0629 \u0645\u0648\u062d\u062f\u0629\u060c \u0648\u0627\u0644\u0645\u062e\u0627\u0637\u0631\u060c \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u062c\u0645\u064a\u0639 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0633\u062d\u0627\u0628\u0629 \u0644\u062f\u064a\u0643\u060c \u0648\u0644\u064a\u0633 \u0641\u0642\u0637 SAP <\/div>\n                                <\/div>\n                            <\/div>\n                                                          <div class=\"self-stretch inline-flex items-start gap-3\">\n                                <div class=\"rounded-full flex justify-start items-center pt-1.5\">\n                                    <svg width=\"18\" height=\"19\" viewBox=\"0 0 18 19\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <rect y=\"0.100098\" width=\"18\" height=\"18\" rx=\"9\" fill=\"#D5F6E0\"\/>\n                                    <path d=\"M5.625 9.1001L7.875 11.3501L12.375 6.8501\" stroke=\"#24B770\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"flex-1 inline-flex flex-col justify-start items-start\">\n                                    <div class=\"self-stretch justify-start text-lg font-normal leading-7\">\u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0628\u062d\u062b \u0639\u0646 \u062d\u0644 \u0645\u0648\u062d\u062f \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0647\u0648\u064a\u0629 \u0648\u0627\u0644\u0648\u0635\u0648\u0644 (IGA) \u064a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0625\u062f\u0627\u0631\u0629 \u062f\u0648\u0631\u0629 \u062d\u064a\u0627\u0629 \u0627\u0644\u0647\u0648\u064a\u0629 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 <\/div>\n                                <\/div>\n                            <\/div>\n                                                          <div class=\"self-stretch inline-flex items-start gap-3\">\n                                <div class=\"rounded-full flex justify-start items-center pt-1.5\">\n                                    <svg width=\"18\" height=\"19\" viewBox=\"0 0 18 19\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <rect y=\"0.100098\" width=\"18\" height=\"18\" rx=\"9\" fill=\"#D5F6E0\"\/>\n                                    <path d=\"M5.625 9.1001L7.875 11.3501L12.375 6.8501\" stroke=\"#24B770\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"flex-1 inline-flex flex-col justify-start items-start\">\n                                    <div class=\"self-stretch justify-start text-lg font-normal leading-7\">\u0623\u0646\u062a \u062a\u0628\u062d\u062b \u0639\u0646 \u0639\u0627\u0626\u062f \u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0633\u0631\u064a\u0639 \u0644\u0644\u063a\u0627\u064a\u0629 <\/div>\n                                <\/div>\n                            <\/div>\n                                                        \n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"flex-1 min-w-96 rounded-lg inline-flex flex-col justify-center items-center gap-2\">\n                <img decoding=\"async\" class=\"w-[483px] object-contain no-override\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/03\/bmhsffwtmajhom9spb2i.webp\" \/>\n            <\/div>\n          <\/div>\n  \n  \n          <div \n            x-show=\"activeTab === 'tab2'\"\n            x-cloak\n            x-transition:enter=\"transition ease-out duration-300\"\n            class=\"mx-auto bg-white w-full self-stretch max-w-[1280px] px-8 pt-24 pb-16 inline-flex justify-center items-center gap-16 flex-wrap content-center rounded-lg outline outline-1 outline-offset-[-1px] outline-[#E3E7F6]\">\n            <div class=\"flex-1 min-w-96 inline-flex flex-col justify-start items-start gap-12\">\n                <div class=\"self-stretch flex flex-col justify-start items-start gap-8\">\n                    <div class=\"self-stretch flex flex-col justify-start items-start gap-5\">\n                        <div class=\"self-stretch flex flex-col justify-start items-start gap-4\">\n                            <div class=\"self-stretch inline-flex justify-center items-center gap-4\">\n                                <div class=\"flex-1 justify-start text-Gulf-Blue-11 text-xl font-semibold  leading-loose\">\u0627\u062e\u062a\u0631 Pathlock Native \u0625\u0630\u0627:  <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"self-stretch pl-4 flex flex-col justify-start items-start gap-5\">\n                                                                                  <div class=\"self-stretch inline-flex items-start gap-3\">\n                                <div class=\"rounded-full flex justify-start items-center pt-1.5\">\n                                    <svg width=\"18\" height=\"19\" viewBox=\"0 0 18 19\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <rect y=\"0.100098\" width=\"18\" height=\"18\" rx=\"9\" fill=\"#D5F6E0\"\/>\n                                    <path d=\"M5.625 9.1001L7.875 11.3501L12.375 6.8501\" stroke=\"#24B770\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"flex-1 inline-flex flex-col justify-start items-start\">\n                                    <div class=\"self-stretch justify-start text-lg font-normal leading-7\">\u0643\u0627\u0646 \u064a\u062c\u0628 \u0639\u0644\u064a\u0643 \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u062c\u0645\u064a\u0639 \u062a\u0637\u0628\u064a\u0642\u0627\u062a\u0643 \u0645\u062d\u0644\u064a\u064b\u0627\u060c \u062f\u0648\u0646 \u0623\u064a \u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0627\u0644\u0633\u062d\u0627\u0628\u0629<\/div>\n                                <\/div>\n                            <\/div>\n                                                          <div class=\"self-stretch inline-flex items-start gap-3\">\n                                <div class=\"rounded-full flex justify-start items-center pt-1.5\">\n                                    <svg width=\"18\" height=\"19\" viewBox=\"0 0 18 19\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <rect y=\"0.100098\" width=\"18\" height=\"18\" rx=\"9\" fill=\"#D5F6E0\"\/>\n                                    <path d=\"M5.625 9.1001L7.875 11.3501L12.375 6.8501\" stroke=\"#24B770\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"flex-1 inline-flex flex-col justify-start items-start\">\n                                    <div class=\"self-stretch justify-start text-lg font-normal leading-7\">\u0643\u0627\u0646\u062a \u0628\u064a\u0626\u0629 \u062a\u0637\u0628\u064a\u0642\u0627\u062a\u0643 \u062a\u062a\u0631\u0643\u0632 \u062d\u0648\u0644 SAP \u0648\u0644\u064a\u0633 \u0644\u062f\u064a\u0643 \u0646\u064a\u0629 \u0644\u0631\u0628\u0637 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0623\u062e\u0631\u0649\u00a0<\/div>\n                                <\/div>\n                            <\/div>\n                                                          <div class=\"self-stretch inline-flex items-start gap-3\">\n                                <div class=\"rounded-full flex justify-start items-center pt-1.5\">\n                                    <svg width=\"18\" height=\"19\" viewBox=\"0 0 18 19\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <rect y=\"0.100098\" width=\"18\" height=\"18\" rx=\"9\" fill=\"#D5F6E0\"\/>\n                                    <path d=\"M5.625 9.1001L7.875 11.3501L12.375 6.8501\" stroke=\"#24B770\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"flex-1 inline-flex flex-col justify-start items-start\">\n                                    <div class=\"self-stretch justify-start text-lg font-normal leading-7\">\u0623\u0646\u062a \u062a\u0639\u0637\u064a \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0629 \u0644\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u0643\u0644 \u0634\u064a\u0621 \u062f\u0627\u062e\u0644 \u0646\u0638\u0627\u0645 SAP<\/div>\n                                <\/div>\n                            <\/div>\n                                                        \n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"flex-1 min-w-96 rounded-lg inline-flex flex-col justify-center items-center gap-2\">\n                <img decoding=\"async\" class=\"w-[483px] object-contain no-override\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/03\/b49xyvxvtk7l6mxjoil3.webp\" \/>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n      <\/div>\n    <\/div>\n  <\/div>             \n<\/section>\n\n\n\n<section class=\"py-12 lg:py-24 bg-[]\">\n  <div class=\"realtive container mx-auto px-4 lg:px-8\">\n    <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 max-w-[1280px] mx-auto\">\n      <div class=\"col-span-1 text-center lg:text-left lg:rtl:text-right flex flex-col justify-center gap-3 lg:gap-5\">\n                  <h2 class=\"text-3xl leading-9 lg:text-4xl lg:leading-10 font-semibold\">\u0645\u0648\u0635\u0644\u0627\u062a<br>\u0644\u0646\u0638\u0627\u0645 SAP ERP <\/h2>\n                          <p class=\"text-base leading-normal lg:text-xl \">\u062a\u0628\u062f\u0623 \u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0628\u0627\u0644\u0645\u0648\u0635\u0644\u0627\u062a \u0627\u0644\u062f\u0642\u064a\u0642\u0629. <\/p>\n                  <a class=\"justify-center mb-3 lg:mb-0 lg:justify-start flex items-center font-semibold hover:text-[#44C382] group text-lg leading-7 transition-colors duration-300\" href=\"https:\/\/pathlock.com\/ar\/integrations\/\">\u0632\u064a\u0627\u0631\u0629 \u201cConnector Studio\u201d            <span class=\"rtl:mr-2 rtl:ml-0 ml-2 rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#44C382] group-hover:translate-x-0.5 group-hover:rtl:-translate-x-0.5 transition ease-in-out duration-300\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/span>\n          <\/a>\n    <\/div>\n\n\n\n    \n                        <a class=\"group  bg-[white] p-6 col-span-1 rounded-lg shadow-[0px_4px_6px_-2px_rgba(15,21,86,0.00)] shadow-[0px_12px_16px_0px_rgba(15,21,86,0.05)] outline outline-1 outline-[#e2e8f0] flex-col justify-start items-start transition-shadow ease-in-out duration-300 hover:[box-shadow:0px_12px_16px_0px_rgba(15,21,86,0.05),_0px_4px_6px_-2px_rgba(15,21,86,0)]\"  href=\"https:\/\/pathlock.com\/ar\/integrations\/sap-erp-and-sap-s-4\/\">\n                          <img decoding=\"async\" class=\"no-override max-h-28 w-auto flex pb-10 pt-4\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/03\/SAP_ERP_logo.svg\" alt=\"\" \/>\n                                      <h3 class=\"group-hover:text-[#44C382] pb-2 transition-colors duration-300 lg:leading-loose lg:text-xl font-semibold\">SAP ERP and SAP S\/4<\/h3>\n                                      <p>SAP ERP \u0647\u0648 \u0646\u0638\u0627\u0645 \u0628\u0631\u0645\u062c\u064a \u0645\u062a\u0643\u0627\u0645\u0644 \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0645\u062b\u0644 \u0627\u0644\u0645\u0627\u0644\u064a\u0629\u060c \u0648\u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u062a\u0648\u0631\u064a\u062f\u060c \u0648\u0627\u0644\u062a\u0635\u0646\u064a\u0639\u060c \u0648\u0627\u0644\u0645\u0648\u0627&#8230;<\/p>\n                        <div class=\"pt-6 flex items-center font-semibold group-hover:text-[#44C382] text-lg leading-7 transition-colors duration-300\"> \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f              <span class=\"rtl:mr-2 rtl:ml-0 ml-2 rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#44C382] group-hover:translate-x-0.5 group-hover:rtl:-translate-x-0.5 transition ease-in-out duration-300\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/span>\n            <\/div>\n          <\/a>\n                        <a class=\"group  bg-[white] p-6 col-span-1 rounded-lg shadow-[0px_4px_6px_-2px_rgba(15,21,86,0.00)] shadow-[0px_12px_16px_0px_rgba(15,21,86,0.05)] outline outline-1 outline-[#e2e8f0] flex-col justify-start items-start transition-shadow ease-in-out duration-300 hover:[box-shadow:0px_12px_16px_0px_rgba(15,21,86,0.05),_0px_4px_6px_-2px_rgba(15,21,86,0)]\"  href=\"https:\/\/pathlock.com\/ar\/integrations\/sap-s-4hana-public-cloud\/\">\n                          <img decoding=\"async\" class=\"no-override max-h-28 w-auto flex pb-10 pt-4\" src=\"https:\/\/pathlock.com\/wp-content\/uploads\/2025\/03\/HANA_logo.svg\" alt=\"\" \/>\n                                      <h3 class=\"group-hover:text-[#44C382] pb-2 transition-colors duration-300 lg:leading-loose lg:text-xl font-semibold\">SAP S\/4HANA Public Cloud<\/h3>\n                                      <p>SAP S\/4HANA Public Cloud \u0647\u0648 \u062d\u0644 \u062a\u062e\u0637\u064a\u0637 \u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0642\u0627\u0626\u0645 \u0639\u0644\u0649 \u0627\u0644\u0633\u062d\u0627\u0628\u0629 \u064a\u0648\u0641\u0631 \u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0648\u0627\u0644\u0623\u062a\u0645\u062a\u0629 &#8230;<\/p>\n                        <div class=\"pt-6 flex items-center font-semibold group-hover:text-[#44C382] text-lg leading-7 transition-colors duration-300\"> \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f              <span class=\"rtl:mr-2 rtl:ml-0 ml-2 rtl:rotate-180 stroke-[#0F1556] group-hover:stroke-[#44C382] group-hover:translate-x-0.5 group-hover:rtl:-translate-x-0.5 transition ease-in-out duration-300\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 21 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M4.66663 10.1334H16.3333M16.3333 10.1334L10.5 4.30005M16.3333 10.1334L10.5 15.9667\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/span>\n            <\/div>\n          <\/a>\n              <\/div>\n  <\/div>\n<\/section>             ","protected":false},"featured_media":0,"parent":0,"template":"","categories":[],"applications_type":[],"class_list":["post-43574","applications","type-applications","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0646\u0638\u0627\u0645 SAP ERP \u200f| Pathlock<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pathlock.com\/ar\/applications\/sap-erp\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0646\u0638\u0627\u0645 SAP ERP \u200f| Pathlock\" \/>\n<meta property=\"og:description\" content=\"\u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u0642\u0648\u0645 \u0628\u062a\u062d\u062f\u064a\u062b \u0645\u062c\u0645\u0648\u0639\u0629 GRC \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643 \u0627\u0633\u062a\u0639\u062f\u0627\u062f\u064b\u0627 \u0644\u0644\u062a\u0631\u062d\u064a\u0644 \u0625\u0644\u0649 SAP S\/4HANA \u0623\u0648 \u0644\u0644\u062a\u062d\u0636\u064a\u0631 \u0644\u0646\u0647\u0627\u064a\u0629 \u0635\u064a\u0627\u0646\u0629 SAP AC 12.0\u060c \u0641\u0625\u0646 Pathlock \u0647\u064a \u062d\u0644 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u0646\u0638\u0627\u0645 SAP ERP.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pathlock.com\/ar\/applications\/sap-erp\/\" \/>\n<meta property=\"og:site_name\" content=\"Pathlock\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-18T11:08:57+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=\"\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0646\u0638\u0627\u0645 SAP ERP \u200f| Pathlock\" \/>\n<meta name=\"twitter:description\" content=\"\u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u0642\u0648\u0645 \u0628\u062a\u062d\u062f\u064a\u062b \u0645\u062c\u0645\u0648\u0639\u0629 GRC \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643 \u0627\u0633\u062a\u0639\u062f\u0627\u062f\u064b\u0627 \u0644\u0644\u062a\u0631\u062d\u064a\u0644 \u0625\u0644\u0649 SAP S\/4HANA \u0623\u0648 \u0644\u0644\u062a\u062d\u0636\u064a\u0631 \u0644\u0646\u0647\u0627\u064a\u0629 \u0635\u064a\u0627\u0646\u0629 SAP AC 12.0\u060c \u0641\u0625\u0646 Pathlock \u0647\u064a \u062d\u0644 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u0646\u0638\u0627\u0645 SAP ERP.\" \/>\n<meta name=\"twitter:site\" content=\"@pathlock\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/applications\\\/sap-erp\\\/\",\"url\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/applications\\\/sap-erp\\\/\",\"name\":\"\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0646\u0638\u0627\u0645 SAP ERP \u200f| Pathlock\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/#website\"},\"datePublished\":\"2023-08-26T07:13:57+00:00\",\"dateModified\":\"2025-12-18T11:08:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/applications\\\/sap-erp\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/pathlock.com\\\/ar\\\/applications\\\/sap-erp\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/applications\\\/sap-erp\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/pathlock.com\\\/ar\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0646\u0638\u0627\u0645 SAP ERP\"}]},{\"@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":"\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0646\u0638\u0627\u0645 SAP ERP \u200f| Pathlock","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pathlock.com\/ar\/applications\/sap-erp\/","og_locale":"ar_AR","og_type":"article","og_title":"\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0646\u0638\u0627\u0645 SAP ERP \u200f| Pathlock","og_description":"\u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u0642\u0648\u0645 \u0628\u062a\u062d\u062f\u064a\u062b \u0645\u062c\u0645\u0648\u0639\u0629 GRC \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643 \u0627\u0633\u062a\u0639\u062f\u0627\u062f\u064b\u0627 \u0644\u0644\u062a\u0631\u062d\u064a\u0644 \u0625\u0644\u0649 SAP S\/4HANA \u0623\u0648 \u0644\u0644\u062a\u062d\u0636\u064a\u0631 \u0644\u0646\u0647\u0627\u064a\u0629 \u0635\u064a\u0627\u0646\u0629 SAP AC 12.0\u060c \u0641\u0625\u0646 Pathlock \u0647\u064a \u062d\u0644 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u0646\u0638\u0627\u0645 SAP ERP.","og_url":"https:\/\/pathlock.com\/ar\/applications\/sap-erp\/","og_site_name":"Pathlock","article_modified_time":"2025-12-18T11:08:57+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":"\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0646\u0638\u0627\u0645 SAP ERP \u200f| Pathlock","twitter_description":"\u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u0642\u0648\u0645 \u0628\u062a\u062d\u062f\u064a\u062b \u0645\u062c\u0645\u0648\u0639\u0629 GRC \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643 \u0627\u0633\u062a\u0639\u062f\u0627\u062f\u064b\u0627 \u0644\u0644\u062a\u0631\u062d\u064a\u0644 \u0625\u0644\u0649 SAP S\/4HANA \u0623\u0648 \u0644\u0644\u062a\u062d\u0636\u064a\u0631 \u0644\u0646\u0647\u0627\u064a\u0629 \u0635\u064a\u0627\u0646\u0629 SAP AC 12.0\u060c \u0641\u0625\u0646 Pathlock \u0647\u064a \u062d\u0644 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u0646\u0638\u0627\u0645 SAP ERP.","twitter_site":"@pathlock","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pathlock.com\/ar\/applications\/sap-erp\/","url":"https:\/\/pathlock.com\/ar\/applications\/sap-erp\/","name":"\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0646\u0638\u0627\u0645 SAP ERP \u200f| Pathlock","isPartOf":{"@id":"https:\/\/pathlock.com\/ar\/#website"},"datePublished":"2023-08-26T07:13:57+00:00","dateModified":"2025-12-18T11:08:57+00:00","breadcrumb":{"@id":"https:\/\/pathlock.com\/ar\/applications\/sap-erp\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pathlock.com\/ar\/applications\/sap-erp\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pathlock.com\/ar\/applications\/sap-erp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pathlock.com\/ar\/"},{"@type":"ListItem","position":2,"name":"\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0646\u0638\u0627\u0645 SAP ERP"}]},{"@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\/applications\/43574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pathlock.com\/ar\/wp-json\/wp\/v2\/applications"}],"about":[{"href":"https:\/\/pathlock.com\/ar\/wp-json\/wp\/v2\/types\/applications"}],"wp:attachment":[{"href":"https:\/\/pathlock.com\/ar\/wp-json\/wp\/v2\/media?parent=43574"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pathlock.com\/ar\/wp-json\/wp\/v2\/categories?post=43574"},{"taxonomy":"applications_type","embeddable":true,"href":"https:\/\/pathlock.com\/ar\/wp-json\/wp\/v2\/applications_type?post=43574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}