{"id":2511,"date":"2025-06-04T09:34:24","date_gmt":"2025-06-04T09:34:24","guid":{"rendered":"https:\/\/theexchain.com\/?page_id=2511"},"modified":"2025-06-26T11:23:44","modified_gmt":"2025-06-26T03:23:44","slug":"%d9%83%d8%a7%d9%8a%d9%83","status":"publish","type":"page","link":"https:\/\/theexchain.com\/ar\/%d9%83%d8%a7%d9%8a%d9%83\/","title":{"rendered":"\u0627\u0639\u0631\u0641 \u0639\u0645\u064a\u0644\u0643 (KYC)"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2511\" class=\"elementor elementor-2511\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-61cc7c3d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"61cc7c3d\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-14f8f1ea\" data-id=\"14f8f1ea\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6e2f26e elementor-headline--style-highlight elementor-widget elementor-widget-animated-headline\" data-id=\"6e2f26e\" data-element_type=\"widget\" data-settings=\"{&quot;highlighted_text&quot;:&quot;Your Intelligent KYC Solution&quot;,&quot;headline_style&quot;:&quot;highlight&quot;,&quot;marker&quot;:&quot;circle&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;highlight_animation_duration&quot;:1200,&quot;highlight_iteration_delay&quot;:8000}\" data-widget_type=\"animated-headline.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h1 class=\"elementor-headline\">\n\t\t\t\t\t<span class=\"elementor-headline-plain-text elementor-headline-text-wrapper\">\u0627\u0644\u0625\u0628\u062d\u0627\u0631 \u0641\u064a \u0645\u0648\u062c\u0629 \u0627\u0644\u062a\u0645\u0648\u064a\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u060c - <\/span>\n\t\t\t\t<span class=\"elementor-headline-dynamic-wrapper elementor-headline-text-wrapper\">\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text elementor-headline-text-active\">\u062d\u0644 \"\u0627\u0639\u0631\u0641 \u0639\u0645\u064a\u0644\u0643\" \u0627\u0644\u0630\u0643\u064a \u0627\u0644\u062e\u0627\u0635 \u0628\u0643<\/span>\n\t\t\t\t<\/span>\n\t\t\t\t<\/h1>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ac1ec78 elementor-widget elementor-widget-text-editor\" data-id=\"6ac1ec78\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u0641\u064a \u0639\u0635\u0631 \u062a\u062a\u0632\u0627\u064a\u062f \u0641\u064a\u0647 \u0627\u0644\u0644\u0648\u0627\u0626\u062d \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\u0629 \u0627\u0644\u0635\u0627\u0631\u0645\u0629 \u0648\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u0644 \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629\u060c \u0641\u0625\u0646 \u0636\u0645\u0627\u0646 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0648\u0627\u0644\u0623\u0645\u0627\u0646 \u0648\u062a\u0639\u0632\u064a\u0632 \u062b\u0642\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0623\u0645\u0631 \u0628\u0627\u0644\u063a \u0627\u0644\u0623\u0647\u0645\u064a\u0629. \u0627\u0633\u062a\u0645\u062a\u0639 \u0628\u0639\u0635\u0631 \u062c\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u062e\u0627\u0644\u064a\u0629 \u0645\u0646 \u0627\u0644\u0642\u0644\u0642 \u0645\u0639 \u062a\u0642\u0646\u064a\u0629 \"\u0627\u0639\u0631\u0641 \u0639\u0645\u064a\u0644\u0643\" \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0644\u062f\u064a\u0646\u0627.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3bced98e e-flex e-con-boxed e-con e-child\" data-id=\"3bced98e\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17a5a297 elementor-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"17a5a297\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#services\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55bdfae9 elementor-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"55bdfae9\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/theexchain.com\/ar\/%d8%a7%d9%84%d8%a7%d8%aa%d8%b5%d8%a7%d9%84\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1b58f1f elementor-hidden-mobile\" data-id=\"1b58f1f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f25100f elementor-widget elementor-widget-html\" data-id=\"f25100f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <!-- Right Column: KYC Process -->\n           <div class=\"p-8 md:p-12 bg-white\">\n                <div class=\"text-center\">\n                    \n                    <!-- Step Indicator -->\n            \n                    \n                    <!-- Progress Bar -->\n                    <div class=\"progress-container\">\n                        <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- KYC Steps -->\n                <div class=\"kyc-steps\">\n                    <!-- Step 1: Customer Due Diligence -->\n                    <div class=\"kyc-step step-1 active\" id=\"step1\">\n                     \n                        <h3 class=\"text-2xl font-bold text-slate-800\">\u0627\u0644\u062e\u0637\u0648\u0629 1: \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0648\u0627\u062c\u0628\u0629 \u0628\u0627\u0644\u0639\u0645\u064a\u0644<\/h3>\n                        <p class=\"text-slate-600 mb-6\">\u0641\u0647\u0645 \u0634\u0627\u0645\u0644 \u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 \u0648\u062e\u0644\u0641\u064a\u062a\u0647<\/p>\n                        \n                        <div class=\"form-card\">\n                            <div class=\"grid grid-cols-1\">\n                                <div class=\"feature-card flex items-start\">\n                                    <i class=\"fas fa-user\"><\/i>\n                                    <div>\n                                        <h5 class=\"font-bold text-lg text-slate-800 mb-1\">\u0641\u062a\u062d \u062d\u0633\u0627\u0628 \u0627\u0644\u0641\u0631\u062f\/\u0627\u0644\u0634\u0631\u0643\u0629<\/h5>\n                                       \n                                    <\/div>\n                                <\/div>\n                                \n                     \n                                \n                                <div class=\"feature-card flex items-start\">\n                                    <i class=\"fas fa-search\"><\/i>\n                                    <div>\n                                        <h5 class=\"font-bold text-lg text-slate-800 mb-1\">\u0641\u062d\u0635 AML<\/h5>\n                                       \n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"feature-card flex items-start\">\n                                    <i class=\"fas fa-chart-bar\"><\/i>\n                                    <div>\n                                        <h5 class=\"font-bold text-lg text-slate-800 mb-1\">\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062a\u062d\u0644\u064a\u0644<\/h5>\n                                      \n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"feature-card flex items-start\">\n                                    <i class=\"fas fa-shield-alt\"><\/i>\n                                    <div>\n                                        <h5 class=\"font-bold text-lg text-slate-800 mb-1\">\u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0648\u0627\u062c\u0628\u0629 \u0627\u0644\u0645\u0639\u0632\u0632\u0629<\/h5>\n                                  \n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"flex justify-end mt-8\">\n                                <button class=\"btn btn-primary next-step\" data-next=\"2\">\n                                    \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629 <i class=\"fas fa-arrow-right ml-2\"><\/i>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Step 2: Risk Assessment -->\n                    <div class=\"kyc-step step-2\" id=\"step2\">\n                     \n                        <h5 class=\"text-2xl font-bold text-slate-800 mb-4\">\u0627\u0644\u062e\u0637\u0648\u0629 2: \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u062e\u0627\u0637\u0631<\/h5>\n                        <p class=\"text-slate-600 mb-6\">\u062a\u0642\u064a\u064a\u0645 \u0634\u0627\u0645\u0644 \u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062e\u0637\u0631 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629<\/p>\n                        \n                        <div class=\"form-card\">\n                            <div class=\"grid grid-cols-1 md:grid-cols-2  mb-6\">\n                                <div class=\"feature-card\">\n                                    <h5 class=\"font-bold text-lg text-slate-800 mb-2\">\u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0642\u0637\u0631\u064a\u0629<\/h5>\n                                    <p class=\"text-slate-600 text-sm mb-3\">\u062a\u0642\u064a\u064a\u0645 \u0645\u0633\u062a\u0648\u0649 \u0645\u062e\u0627\u0637\u0631 \u063a\u0633\u064a\u0644 \u0627\u0644\u0623\u0645\u0648\u0627\u0644 \u0641\u064a \u0628\u0644\u062f \u0627\u0644\u0639\u0645\u064a\u0644<\/p>\n                                    <div class=\"flex items-center\">\n                                        <div class=\"w-full bg-gray-200 rounded-full h-2.5\">\n                                            <div class=\"risk-bar risk-high h-2.5 rounded-full\" style=\"width: 70%\"><\/div>\n                                        <\/div>\n                                        <span class=\"ml-2 text-sm text-red-600 font-medium\">\u0645\u062e\u0627\u0637\u0631 \u0639\u0627\u0644\u064a\u0629<\/span>\n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"feature-card\">\n                                    <h5 class=\"font-bold text-lg text-slate-800 mb-2\">\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/h5>\n                                    <p class=\"text-slate-600 text-sm mb-3\">\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0646\u0648\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 \u0648\u0633\u0644\u0648\u0643\u0647<\/p>\n                                    <div class=\"flex items-center\">\n                                        <div class=\"w-full bg-gray-200 rounded-full h-2.5\">\n                                            <div class=\"risk-bar risk-medium h-2.5 rounded-full\" style=\"width: 45%\"><\/div>\n                                        <\/div>\n                                        <span class=\"ml-2 text-sm text-yellow-600 font-medium\">\u0645\u062e\u0627\u0637\u0631 \u0645\u062a\u0648\u0633\u0637\u0629<\/span>\n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"feature-card\">\n                                    <h5 class=\"font-bold text-lg text-slate-800 mb-2\">\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a<\/h5>\n                                    <p class=\"text-slate-600 text-sm mb-3\">\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629 \u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0623\u0648 \u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0645\u062d\u062f\u062f\u0629<\/p>\n                                    <div class=\"flex items-center\">\n                                        <div class=\"w-full bg-gray-200 rounded-full h-2.5\">\n                                            <div class=\"risk-bar risk-low h-2.5 rounded-full\" style=\"width: 30%\"><\/div>\n                                        <\/div>\n                                        <span class=\"ml-2 text-sm text-green-600 font-medium\">\u0645\u0646\u062e\u0641\u0636\u0629 \u0627\u0644\u0645\u062e\u0627\u0637\u0631<\/span>\n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"feature-card\">\n                                    <h5 class=\"font-bold text-lg text-slate-800 mb-2\">\u0645\u062e\u0627\u0637\u0631 \u0642\u0646\u0627\u0629 \u0627\u0644\u062a\u0648\u0635\u064a\u0644\/\u0627\u0644\u062a\u0648\u0632\u064a\u0639\/\u0627\u0644\u062a\u0648\u0632\u064a\u0639<\/h5>\n                                    <p class=\"text-slate-600 text-sm mb-3\">\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629 \u0641\u064a \u0637\u0631\u0642 \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/p>\n                                    <div class=\"flex items-center\">\n                                        <div class=\"w-full bg-gray-200 rounded-full h-2.5\">\n                                            <div class=\"risk-bar risk-medium-high h-2.5 rounded-full\" style=\"width: 55%\"><\/div>\n                                        <\/div>\n                                        <span class=\"ml-2 text-sm text-orange-600 font-medium\">\u0645\u062e\u0627\u0637\u0631 \u0645\u062a\u0648\u0633\u0637\u0629-\u0639\u0627\u0644\u064a\u0629<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"bg-blue-50 p-5 rounded-xl mb-6\">\n                                <div class=\"flex items-center\">\n                                    <div class=\"bg-blue-100 p-3 rounded-lg mr-4\">\n                                        <i class=\"fas fa-exclamation-triangle text-xl text-blue-600\"><\/i>\n                                    <\/div>\n                                    <div>\n                                        <div class=\"font-medium text-lg text-slate-800\">\u0646\u062a\u064a\u062c\u0629 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u062e\u0627\u0637\u0631<\/div>\n                                        <div class=\"text-slate-600\">\u062f\u0631\u062c\u0629 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629: <span class=\"font-bold text-red-600\">68\/100<\/span> (\u0645\u062e\u0627\u0637\u0631 \u0645\u062a\u0648\u0633\u0637\u0629-\u0639\u0627\u0644\u064a\u0629)<\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"flex justify-between mt-8\">\n                                <button class=\"btn btn-outline prev-step\" data-prev=\"1\">\n                                    <i class=\"fas fa-arrow-left mr-2\"><\/i> \u0627\u0644\u0633\u0627\u0628\u0642\n                                <\/button>\n                                <button class=\"btn btn-primary next-step\" data-next=\"3\">\n                                    \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629 <i class=\"fas fa-arrow-right ml-2\"><\/i>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Step 3: Ongoing Monitoring -->\n                    <div class=\"kyc-step step-3\" id=\"step3\">\n                       \n                        <h3 class=\"text-2xl font-bold text-slate-800 mb-4\">\u0627\u0644\u062e\u0637\u0648\u0629 3: \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629<\/h3>\n                        <p class=\"text-slate-600 mb-6\">\u0627\u0644\u062a\u062a\u0628\u0639 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0645\u062e\u0627\u0637\u0631<\/p>\n                        \n                        <div class=\"form-card\">\n                            <div class=\"grid grid-cols-1  mb-6\">\n                                <div class=\"feature-card\">\n                                    <div class=\"flex justify-between items-start\">\n                                        <div>\n                                            <h5 class=\"font-bold text-lg text-slate-800 mb-2\">\u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0645\u0633\u062a\u0645\u0631<\/h5>\n                                            <p class=\"text-slate-600 text-sm\">\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u062d\u0642\u0642 \u0627\u0644\u0645\u0646\u062a\u0638\u0645 \u0645\u0646 \u062d\u0627\u0644\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 \u0645\u0642\u0627\u0628\u0644 \u0642\u0648\u0627\u0626\u0645 \u0627\u0644\u0639\u0642\u0648\u0628\u0627\u062a \u0648\u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0633\u0644\u0628\u064a\u0629<\/p>\n                                        <\/div>\n                                        <div class=\"flex items-center\">\n                                            <span class=\"text-green-600 font-bold mr-2\">\u0645\u0645\u0643\u0651\u0646\u0629<\/span>\n                                            <div class=\"relative inline-block w-12 h-6 rounded-full bg-green-500\">\n                                                <span class=\"absolute right-1 top-1 w-4 h-4 bg-white rounded-full\"><\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    \n                                    <div class=\"mt-4\">\n                                        <div class=\"flex justify-between text-sm text-slate-600 mb-1\">\n                                            <span>\u0627\u0644\u062a\u0631\u062f\u062f<\/span>\n                                            <span>\u064a\u0648\u0645\u064a\u0627\u064b<\/span>\n                                        <\/div>\n                                        <div class=\"w-full bg-gray-200 rounded-full h-2\">\n                                            <div class=\"bg-blue-600 h-2 rounded-full\" style=\"width: 100%\"><\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"feature-card\">\n                                    <div class=\"flex justify-between items-start\">\n                                        <div>\n                                            <h5 class=\"font-bold text-lg text-slate-800 mb-2\">\u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0648\u0627\u062c\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629<\/h5>\n                                            <p class=\"text-slate-600 text-sm\">\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0645\u0646\u062a\u0638\u0645\u0629 \u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0645\u062e\u0627\u0637\u0631<\/p>\n                                        <\/div>\n                                        <div class=\"flex items-center\">\n                                            <span class=\"text-green-600 font-bold mr-2\">\u0645\u0645\u0643\u0651\u0646\u0629<\/span>\n                                            <div class=\"relative inline-block w-12 h-6 rounded-full bg-green-500\">\n                                                <span class=\"absolute right-1 top-1 w-4 h-4 bg-white rounded-full\"><\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    \n                                    <div class=\"mt-4\">\n                                        <div class=\"flex justify-between text-sm text-slate-600 mb-1\">\n                                            <span>\u0627\u0644\u062a\u0631\u062f\u062f<\/span>\n                                            <span>\u0631\u0628\u0639 \u0633\u0646\u0648\u064a<\/span>\n                                        <\/div>\n                                        <div class=\"w-full bg-gray-200 rounded-full h-2\">\n                                            <div class=\"bg-blue-600 h-2 rounded-full\" style=\"width: 30%\"><\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"bg-purple-50 p-5 rounded-xl mb-6\">\n                                <div class=\"flex items-center\">\n                                    <div class=\"bg-purple-100 p-3 rounded-lg mr-4\">\n                                        <i class=\"fas fa-bell text-xl text-purple-600\"><\/i>\n                                    <\/div>\n                                    <div>\n                                        <div class=\"font-medium text-lg text-slate-800\">\u062a\u0646\u0628\u064a\u0647\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629<\/div>\n                                        <div class=\"text-slate-600\"><span class=\"font-bold text-red-600\">3 \u0623\u0646\u0634\u0637\u0629 \u0645\u0634\u0628\u0648\u0647\u0629<\/span> \u0627\u0644\u0645\u0643\u062a\u0634\u0641\u0629 \u0641\u064a \u0622\u062e\u0631 30 \u064a\u0648\u0645\u064b\u0627<\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"flex justify-between mt-8\">\n                                <button class=\"btn btn-outline prev-step\" data-prev=\"2\">\n                                    <i class=\"fas fa-arrow-left mr-2\"><\/i> \u0627\u0644\u0633\u0627\u0628\u0642\n                                <\/button>\n                                <button class=\"btn btn-primary next-step\" data-next=\"4\">\n                                    \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629 <i class=\"fas fa-arrow-right ml-2\"><\/i>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Step 4: Record Keeping -->\n                    <div class=\"kyc-step step-4\" id=\"step4\">\n                      \n                        <h3 class=\"text-2xl font-bold text-slate-800 mb-4\">\u0627\u0644\u062e\u0637\u0648\u0629 4: \u062d\u0641\u0638 \u0627\u0644\u0633\u062c\u0644\u0627\u062a<\/h3>\n                        <p class=\"text-slate-600 mb-6\">\u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0627\u0644\u0622\u0645\u0646 \u0644\u0633\u062c\u0644\u0627\u062a \u0627\u0639\u0631\u0641 \u0639\u0645\u064a\u0644\u0643 \u0648\u0625\u062f\u0627\u0631\u062a\u0647\u0627<\/p>\n                        \n                        <div class=\"form-card\">\n                            <div class=\"grid grid-cols-1 md:grid-cols-3  mb-8\">\n                                <div class=\"text-center\">\n                                    <div class=\"w-16 h-16 rounded-xl flex items-center justify-center mx-auto mb-4\">\n                                        <i class=\"fas fa-lock text-2xl text-blue-600\"><\/i>\n                                    <\/div>\n                                    <h5 class=\"font-bold text-lg text-slate-800 mb-2\">\u0627\u0644\u062a\u0634\u0641\u064a\u0631<\/h5>\n                                    <p class=\"text-slate-600 text-sm\">\u062a\u0645 \u062a\u0634\u0641\u064a\u0631 \u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062d\u0633\u0627\u0633\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 AES-256<\/p>\n                                <\/div>\n                                \n                                <div class=\"text-center\">\n                                    <div class=\"w-16 h-16 rounded-xl flex items-center justify-center mx-auto mb-4\">\n                                        <i class=\"fas fa-cloud text-2xl text-green-600\"><\/i>\n                                    <\/div>\n                                    <h5 class=\"font-bold text-lg text-slate-800 mb-2\">\u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0627\u0644\u0633\u062d\u0627\u0628\u064a<\/h5>\n                                    <p class=\"text-slate-600 text-sm\">\u0628\u064a\u0627\u0646\u0627\u062a \u0645\u062f\u0639\u0648\u0645\u0629 \u0627\u062d\u062a\u064a\u0627\u0637\u064a\u064b\u0627 \u0641\u064a \u0645\u0646\u0627\u0637\u0642 \u062c\u063a\u0631\u0627\u0641\u064a\u0629 \u0645\u062a\u0639\u062f\u062f\u0629<\/p>\n                                <\/div>\n                                \n                                <div class=\"text-center\">\n                                    <div class=\"w-16 h-16 rounded-xl flex items-center justify-center mx-auto mb-4\">\n                                        <i class=\"fas fa-file-export text-2xl text-purple-600\"><\/i>\n                                    <\/div>\n                                    <h5 class=\"font-bold text-lg text-slate-800 mb-2\">\u0633\u062c\u0644\u0627\u062a \u0627\u0644\u062a\u0635\u062f\u064a\u0631<\/h5>\n                                    <p class=\"text-slate-600 text-sm\">\u062a\u0635\u062f\u064a\u0631 \u0633\u062c\u0644\u0627\u062a \u0627\u0644\u062a\u062f\u0642\u064a\u0642 \u0628\u062a\u0646\u0633\u064a\u0642\u0627\u062a PDF\/CSV<\/p>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"bg-gray-50 p-5 rounded-xl mb-8\">\n                                <div class=\"flex flex-col md:flex-row justify-between items-center\">\n                                    <div class=\"flex items-center mb-4 md:mb-0\">\n                                        <div class=\"bg-gray-200 p-3 rounded-lg mr-4\">\n                                            <i class=\"fas fa-database text-xl text-gray-600\"><\/i>\n                                        <\/div>\n                                        <div>\n                                            <div class=\"font-medium text-lg text-slate-800\">\u062d\u0627\u0644\u0629 \u0627\u0644\u062a\u062e\u0632\u064a\u0646<\/div>\n                                            <div class=\"text-slate-600\">\u0627\u0644\u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0645\u062e\u0632\u0646\u0629: <span class=\"font-bold\">1,248<\/span><\/div>\n                                        <\/div>\n                                    <\/div>\n                                    <div>\n                                        <button class=\"btn btn-outline\">\n                                            <i class=\"fas fa-history mr-2\"><\/i> \u0639\u0631\u0636 \u0627\u0644\u0645\u062d\u0641\u0648\u0638\u0627\u062a\n                                        <\/button>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"text-center\">\n                                <button class=\"btn btn-primary mb-4\" id=\"completeKYC\">\n                                    <i class=\"fas fa-check-circle mr-2\"><\/i> \u0639\u0645\u0644\u064a\u0629 \"\u0627\u0639\u0631\u0641 \u0639\u0645\u064a\u0644\u0643\" \u0627\u0644\u0643\u0627\u0645\u0644\u0629\n                                <\/button>\n                                <p class=\"text-sm text-slate-500\">\u064a\u062a\u0645 \u062a\u062e\u0632\u064a\u0646 \u062c\u0645\u064a\u0639 \u0627\u0644\u0633\u062c\u0644\u0627\u062a \u0628\u0634\u0643\u0644 \u0622\u0645\u0646 \u0644\u0645\u062f\u0629 5 \u0633\u0646\u0648\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0623\u0642\u0644 \u0644\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0644\u0648\u0627\u0626\u062d \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\u0629<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n    \n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const steps = document.querySelectorAll('.kyc-step');\n            const stepDots = document.querySelectorAll('.step-dot');\n            const progressBar = document.getElementById('progressBar');\n            let currentStep = 1;\n            \n            \/\/ Initialize progress bar\n            updateProgressBar();\n            \n            \/\/ Next step buttons\n            document.querySelectorAll('.next-step').forEach(button => {\n                button.addEventListener('click', function() {\n                    const nextStep = this.getAttribute('data-next');\n                    goToStep(parseInt(nextStep));\n                });\n            });\n            \n            \/\/ Previous step buttons\n            document.querySelectorAll('.prev-step').forEach(button => {\n                button.addEventListener('click', function() {\n                    const prevStep = this.getAttribute('data-prev');\n                    goToStep(parseInt(prevStep));\n                });\n            });\n            \n            \/\/ Step indicator dots\n            stepDots.forEach(dot => {\n                dot.addEventListener('click', function() {\n                    const step = parseInt(this.getAttribute('data-step'));\n                    if (step < currentStep) {\n                        goToStep(step);\n                    }\n                });\n            });\n            \n            \/\/ Complete KYC button\n            document.getElementById('completeKYC').addEventListener('click', function() {\n                alert('KYC Process Completed! All records have been securely stored.');\n            });\n            \n            function goToStep(stepNumber) {\n                \/\/ Hide all steps\n                steps.forEach(step => {\n                    step.classList.remove('active');\n                });\n                \n                \/\/ Show current step\n                document.getElementById(`step${stepNumber}`).classList.add('active');\n                \n                \/\/ Update step indicator\n                stepDots.forEach(dot => {\n                    const dotStep = parseInt(dot.getAttribute('data-step'));\n                    dot.classList.remove('active', 'completed');\n                    \n                    if (dotStep === stepNumber) {\n                        dot.classList.add('active');\n                    } else if (dotStep < stepNumber) {\n                        dot.classList.add('completed');\n                    }\n                });\n                \n                currentStep = stepNumber;\n                updateProgressBar();\n            }\n            \n            function updateProgressBar() {\n                const progress = (currentStep - 1) * 33.33;\n                progressBar.style.width = `${progress}%`;\n            }\n        });\n    <\/script>\n    \n        <style>\n        :root {\n            --primary: #4045d8;\n            --secondary: #6c63ff;\n            --accent: #4d7cff;\n            --light: #f4f1fe;\n            --dark: #1a1c3a;\n        }\n        \n        .kyc-step {\n            display: none;\n            opacity: 0;\n            transform: translateY(20px);\n            transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n        \n        .kyc-step.active {\n            display: block;\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        .step-icon {\n            width: 70px;\n            height: 70px;\n            border-radius: 16px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 1.8rem;\n            flex-shrink: 0;\n            margin-bottom: 20px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n        }\n        \n        .step-1 .step-icon { background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%); }\n        .step-2 .step-icon { background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%); }\n        .step-3 .step-icon { background: linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%); }\n        .step-4 .step-icon { background: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%); }\n        \n        .progress-container {\n            height: 8px;\n            background-color: #eef2ff;\n            border-radius: 4px;\n            overflow: hidden;\n            margin: 25px 0;\n        }\n        \n        .progress-bar {\n            height: 100%;\n            background: linear-gradient(90deg, var(--primary), var(--secondary));\n            width: 0%;\n            transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);\n        }\n        \n        .step-indicator {\n            display: flex;\n            justify-content: space-between;\n            margin-bottom: 30px;\n            position: relative;\n        }\n        \n        .step-dot {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            background: #e0e7ff;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--primary);\n            font-weight: 600;\n            position: relative;\n            z-index: 2;\n            transition: all 0.3s ease;\n        }\n        \n        .step-dot.active {\n            background: var(--primary);\n            color: white;\n            transform: scale(1.1);\n            box-shadow: 0 8px 20px rgba(64, 69, 216, 0.3);\n        }\n        \n        .step-dot.completed {\n            background: var(--primary);\n            color: white;\n        }\n        \n        .step-indicator::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 12.5%;\n            right: 12.5%;\n            height: 4px;\n            background: #e0e7ff;\n            transform: translateY(-50%);\n            z-index: 1;\n        }\n        \n        .form-card {\n            background: white;\n            border-radius: 20px;\n            padding: 30px;\n            box-shadow: 0 10px 30px rgba(64, 69, 216, 0.1);\n            border: 1px solid #eef2ff;\n        }\n        \n        .btn {\n            padding: 16px 32px;\n            border-radius: 12px;\n            font-weight: 600;\n            font-size: 16px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            border: none;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n        }\n        \n        .btn-primary {\n            background: linear-gradient(135deg, var(--primary), var(--secondary));\n            color: white;\n            box-shadow: 0 8px 20px rgba(64, 69, 216, 0.3);\n        }\n        \n        .btn-primary:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 12px 25px rgba(64, 69, 216, 0.4);\n        }\n        \n        .btn-outline {\n            background: transparent;\n            border: 2px solid #e0e7ff;\n            color: var(--primary);\n        }\n        \n        .btn-outline:hover {\n            background: #f8f9ff;\n        }\n        \n        .feature-card {\n            background: #f8f9ff;\n            border-radius: 16px;\n            padding: 20px;\n            margin-bottom: 15px;\n            transition: all 0.3s ease;\n            border-left: 4px solid var(--primary);\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n        }\n        \n        .feature-card i {\n            background: var(--primary);\n            color: white;\n            width: 40px;\n            height: 40px;\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-right: 15px;\n            flex-shrink: 0;\n        }\n        \n        .success-animation {\n            width: 100px;\n            height: 100px;\n            background: #10b981;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 30px;\n            position: relative;\n            animation: scaleIn 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);\n        }\n        \n        .success-animation::after {\n            content: '';\n            position: absolute;\n            width: 40px;\n            height: 20px;\n            border: 10px solid white;\n            border-top: none;\n            border-right: none;\n            transform: rotate(-45deg);\n            margin-top: -5px;\n        }\n        \n        @keyframes scaleIn {\n            0% { transform: scale(0); opacity: 0; }\n            100% { transform: scale(1); opacity: 1; }\n        }\n        \n        .title-divider {\n            height: 4px;\n            width: 80px;\n            background: linear-gradient(90deg, var(--primary), var(--secondary));\n            border-radius: 2px;\n            margin: 20px auto;\n        }\n        \n        .security-badge {\n            padding: 8px 16px;\n            border-radius: 20px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            display: inline-block;\n            margin-bottom: 10px;\n        }\n        \n        .badge-purple { background: #e0e7ff; color: var(--primary); }\n        .badge-blue { background: #dbeafe; color: #2563eb; }\n        .badge-green { background: #dcfce7; color: #16a34a; }\n        \n        .risk-bar {\n            height: 8px;\n            border-radius: 4px;\n        }\n        \n        .risk-high { background: linear-gradient(90deg, #ef4444, #f87171); }\n        .risk-medium { background: linear-gradient(90deg, #f59e0b, #fbbf24); }\n        .risk-medium-high { background: linear-gradient(90deg, #f59e0b, #f97316); }\n        .risk-low { background: linear-gradient(90deg, #10b981, #34d399); }\n    <\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-f8e5ef6 e-con-full e-flex e-con e-parent\" data-id=\"f8e5ef6\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c00d7f elementor-widget elementor-widget-html\" data-id=\"3c00d7f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <script src=\"https:\/\/cdn.tailwindcss.com?plugins=typography\"><\/script>\n    <link rel=\"stylesheet\" href=\"style.css\">\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<\/head>\n<script>\n    import { animate, stagger, inView } from \"https:\/\/esm.run\/framer-motion\";\n\ndocument.addEventListener('DOMContentLoaded', () => {\n    lucide.createIcons();\n\n\n    const header = document.getElementById('main-header');\n    if (header) {\n        window.addEventListener('scroll', () => {\n            if (window.scrollY > 50) {\n                header.classList.add('scrolled');\n            } else {\n                header.classList.remove('scrolled');\n            }\n        });\n    }\n    \n\n\n    document.querySelectorAll('section').forEach((section) => {\n        inView(section, () => {\n            animate(section, { opacity: [0, 1], y: [30, 0] }, { duration: 0.7, ease: \"easeOut\" });\n\n\n\n\n        }, { amount: 0.1 }); \/\/ Trigger when 10% of the element is in view\n    });\n\n\n    const animatedCardContainers = document.querySelectorAll('#services .grid, #why-us .grid, #social-proof .grid, #feature-demo .grid');\n    animatedCardContainers.forEach(container => {\n        const cards = container.querySelectorAll('.service-card, .reason-card, .proof-item, .process-step');\n        if (cards.length > 0) {\n            inView(container, () => {\n                animate(cards, \n                    { opacity: [0, 1], y: [20, 0] }, \n                    { duration: 0.5, delay: stagger(0.1, { startDelay: 0.2 }), ease: \"easeOut\" }\n                );\n            }, { amount: 0.1});\n        }\n    });\n    \n\n    const heroElements = document.querySelectorAll('#hero .animate-on-load');\n    if (heroElements.length > 0) {\n        animate(heroElements,\n            { opacity: [0, 1], y: [20, 0] },\n            { duration: 0.6, delay: stagger(0.2), ease: \"easeOut\" }\n        );\n    }\n\n\n\n    const faqItems = document.querySelectorAll('.faq-item');\n    faqItems.forEach(item => {\n        const question = item.querySelector('.faq-question');\n        const answer = item.querySelector('.faq-answer');\n        const icon = question.querySelector('i');\n\n\n        if (icon) icon.setAttribute('data-lucide', 'plus-circle');\n        \n\n\n\n\n\n\n        question.addEventListener('click', () => {\n            const isOpen = answer.classList.contains('open');\n\n            if (isOpen) {\n                animate(answer, { maxHeight: 0, paddingTop: 0, paddingBottom: 0, opacity: 0 }, { duration: 0.4, ease: \"easeOut\" });\n                answer.classList.remove('open');\n                if (icon) icon.setAttribute('data-lucide', 'plus-circle');\n            } else {\n\n                answer.style.maxHeight = 'none'; \/\/ Allow it to expand to full content height temporarily\n                const scrollHeight = answer.scrollHeight;\n                answer.style.maxHeight = '0px'; \/\/ Reset before animation starts\n\n                animate(answer, { maxHeight: scrollHeight, paddingTop: \"0rem\", paddingBottom: \"1.5rem\", opacity: 1 }, { duration: 0.4, ease: \"easeOut\" });\n                answer.classList.add('open');\n                if (icon) icon.setAttribute('data-lucide', 'minus-circle');\n            }\n            lucide.createIcons(); \/\/ Re-render Lucide icons if they change\n        });\n    });\n\n\n\n    document.querySelectorAll('.hover-lift').forEach(card => {\n\n\n\n        card.addEventListener('mouseenter', () => {\n            animate(card, { y: -6, boxShadow: \"0 12px 24px rgba(102, 102, 120, 0.15)\" }, { duration: 0.25, ease: \"easeOut\" });\n        });\n        card.addEventListener('mouseleave', () => {\n\n\n            animate(card, { y: 0, boxShadow: card.classList.contains('shadow-lg') ? \"0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1)\" : \"0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1)\" }, { duration: 0.25, ease: \"easeOut\" });\n        });\n    });\n\n});\n<\/script>\n<style>\n    body {\n    font-family: 'Inter', sans-serif;\n}\n\n\/* Subtle shadow for sticky header on scroll *\/\n#main-header.scrolled {\n    background-color: rgba(255, 255, 255, 0.85); \/* Slightly more opaque white *\/\n    backdrop-filter: blur(8px);\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);\n}\n\n\n\/* Animations for elements loading into view *\/\n.animate-on-load {\n    opacity: 0;\n    transform: translateY(20px);\n    animation: fadeInUp 0.8s ease-out forwards;\n}\n\n@keyframes fadeInUp {\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* Card hover lift effect - can be enhanced with Framer Motion if more complex animations are needed *\/\n.hover-lift {\n    transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;\n}\n.hover-lift:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 12px 24px rgba(102, 102, 120, 0.15);\n}\n\n\/* FAQ Answer initial state and transition *\/\n.faq-answer {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.5s cubic-bezier(0.25, 0.1, 0.25, 1), padding 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);\n}\n\n.faq-answer.open {\n    \/* max-height will be set by JS to scrollHeight *\/\n    \/* padding can be adjusted here if needed, but JS will also handle it *\/\n}\n\n\/* Styling for the process steps in Feature Demo to connect them visually on larger screens *\/\n@media (min-width: 768px) { \/* md breakpoint *\/\n    #feature-demo .grid > .process-step:not(:last-child)::after {\n        content: '';\n        position: absolute;\n        top: 2rem; \/* Adjust to align with the center of the number circle or step title *\/\n        right: -1rem; \/* Half of the gap (gap-8 is 2rem, so -1rem centers it in the gap) *\/\n        width: calc(100% - 4.5rem + 2rem); \/* Adjust based on step width and desired line length *\/\n        transform: translateX(50%); \/* This might need fine-tuning *\/\n        height: 2px;\n        background-color: #e2e8f0; \/* slate-200 *\/\n        z-index: -1; \/* Ensure it's behind the step content *\/\n    }\n     #feature-demo .grid {\n        position: relative; \/* For absolute positioning of pseudo-elements *\/\n    }\n    #feature-demo .process-step {\n        position: relative; \/* For z-indexing if necessary *\/\n    }\n    \/* Remove the line for the last element in a row if grid wraps on lg *\/\n    @media (min-width: 1024px) { \/* lg breakpoint *\/\n         #feature-demo .grid.md\\:grid-cols-5 > .process-step:nth-child(5n)::after {\n            display: none;\n        }\n    }\n     #feature-demo .grid.md\\:grid-cols-3 > .process-step:nth-child(3n)::after { \/* Example for 3 cols *\/\n        display: none;\n    }\n}\n\n\/* Fallback for hero animation if JS\/Framer motion is slow to load or fails *\/\n.animate-on-load {\n    opacity: 1; \/* Default to visible *\/\n    transform: translateY(0); \/* Default to in place *\/\n}\n\n\n\/* Custom scrollbar (optional, for a more polished look) *\/\n::-webkit-scrollbar {\n    width: 8px;\n}\n\n::-webkit-scrollbar-track {\n    background: #f0eef9; \/* Lighter shade of main bg *\/\n}\n\n::-webkit-scrollbar-thumb {\n    background: #c9c0e8; \/* Slightly darker shade *\/\n    border-radius: 4px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n    background: #b8b0dc; \/* Even darker on hover *\/\n}\n\n<\/style>\n<body class=\"bg-[#dbd4f2] text-slate-700 font-inter antialiased\">\n\n\n\n    <main>\n\n\n        <!-- 4. Services -->\n        <section id=\"services\" class=\"py-16 md:py-24 px-6 bg-white\">\n            <div class=\"container mx-auto\">\n                <div class=\"text-center mb-12 md:mb-16\">\n                    <h2 class=\"text-3xl md:text-4xl font-bold !text-[#4045d8] mb-4\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0648\u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0642\u0648\u064a\u0629<\/h2>\n                    <p class=\"text-lg text-slate-600 max-w-2xl mx-auto\">\u064a\u063a\u0637\u064a \u062d\u0644 \"\u0627\u0639\u0631\u0641 \u0639\u0645\u064a\u0644\u0643\" \u0627\u0644\u0630\u0643\u064a \u0627\u0644\u0630\u064a \u0646\u0642\u062f\u0645\u0647 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0646\u0647\u0627\u064a\u0629 \u0648\u064a\u062f\u0645\u062c \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a.<\/p>\n                <\/div>\n                <div class=\"grid md:grid-cols-2 lg:grid-cols-2 gap-8\">\n                    <div class=\"service-card p-6 bg-slate-50 rounded-xl shadow-lg hover-lift transition-all duration-300\">\n                        <div class=\"flex items-center mb-4\">\n                            <i data-lucide=\"user-check\" class=\"!text-[#626ae9] w-8 h-8 mr-3\"><\/i>\n                            <h3 class=\"text-xl font-semibold !text-[#4045d8]\">\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 (CIP)<\/h3>\n                        <\/div>\n                        <ul class=\"list-disc list-inside text-slate-600 space-y-2 pl-2\">\n                            <li>\u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0648\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646\u0647\u0627 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b (OCR)<\/li>\n                            <li>\u0642\u0631\u0627\u0621\u0629 \u0631\u0642\u0627\u0642\u0629 NFC \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0623\u0635\u0627\u0644\u0629 \u0645\u062e\u0635\u0635\u0629<\/li>\n                            <li>\u0627\u0644\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0648\u062c\u0647 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0645\u0639 \u0645\u0637\u0627\u0628\u0642\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062f\u0642\u0629<\/li>\n                            <li>\u0627\u0644\u0643\u0634\u0641 \u0627\u0644\u0645\u062a\u0642\u062f\u0645 \u0639\u0646 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0636\u062f \u0647\u062c\u0645\u0627\u062a \u0627\u0644\u0627\u0646\u062a\u062d\u0627\u0644<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"service-card p-6 bg-slate-50 rounded-xl shadow-lg hover-lift transition-all duration-300\">\n                        <div class=\"flex items-center mb-4\">\n                            <i data-lucide=\"shield-check\" class=\"!text-[#626ae9] w-8 h-8 mr-3\"><\/i>\n                            <h3 class=\"text-xl font-semibold !text-[#4045d8]\">\u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0648\u0627\u062c\u0628\u0629 \u0628\u0627\u0644\u0639\u0645\u0644\u0627\u0621 (CDD &amp; EDD)<\/h3>\n                        <\/div>\n                        <ul class=\"list-disc list-inside text-slate-600 space-y-2 pl-2\">\n                            <li>\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0622\u0644\u064a \u0644\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u062a\u0635\u0646\u064a\u0641\u0647\u0627<\/li>\n                            <li>\u0641\u062d\u0635 \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0623\u0634\u062e\u0627\u0635 \u0627\u0644\u0645\u062d\u062f\u062f\u064a\u0646 \u0623\u0645\u0646\u064a\u064b\u0627 \u0648\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0639\u0642\u0648\u0628\u0627\u062a \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a<\/li>\n                            <li>\u062a\u062d\u0644\u064a\u0644 \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u0625\u0639\u0644\u0627\u0645 \u0627\u0644\u0633\u0644\u0628\u064a\u0629 \u0648\u0627\u0644\u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629 \u0639\u0646 \u0637\u0631\u064a\u0642 \u0627\u0644\u062a\u0646\u0642\u064a\u0628 \u0639\u0646 \u0627\u0644\u0646\u0635\u0648\u0635 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"service-card p-6 bg-slate-50 rounded-xl shadow-lg hover-lift transition-all duration-300\">\n                        <div class=\"flex items-center mb-4\">\n                            <i data-lucide=\"activity\" class=\"!text-[#626ae9] w-8 h-8 mr-3\"><\/i>\n                            <h3 class=\"text-xl font-semibold !text-[#4045d8]\">\u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629<\/h3>\n                        <\/div>\n                        <ul class=\"list-disc list-inside text-slate-600 space-y-2 pl-2\">\n                            <li>\u0645\u0631\u0627\u0642\u0628\u0629 \u0633\u0644\u0648\u0643 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u062d\u0642\u064a\u0642\u064a<\/li>\n                            <li>\u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0634\u0630\u0648\u0630 \u0648\u0627\u0644\u062a\u0646\u0628\u064a\u0647\u0627\u062a \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628<\/li>\n                            <li>\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062f\u0648\u0631\u064a\u0629 \u0627\u0644\u0622\u0644\u064a\u0629 \u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"service-card p-6 bg-slate-50 rounded-xl shadow-lg hover-lift transition-all duration-300\">\n                        <div class=\"flex items-center mb-4\">\n                            <i data-lucide=\"settings-2\" class=\"!text-[#626ae9] w-8 h-8 mr-3\"><\/i>\n                            <h3 class=\"text-xl font-semibold !text-[#4045d8]\">\u062a\u0643\u0627\u0645\u0644 \u0627\u0644\u0646\u0638\u0627\u0645 \u0648\u0643\u0641\u0627\u0621\u062a\u0647<\/h3>\n                        <\/div>\n                        <ul class=\"list-disc list-inside text-slate-600 space-y-2 pl-2\">\n                            <li>\u0648\u0627\u062c\u0647\u0629 API \u0645\u0648\u062d\u062f\u0629 \u0644\u0644\u062a\u0643\u0627\u0645\u0644 \u0627\u0644\u0633\u0631\u064a\u0639<\/li>\n                            <li>\u0625\u062f\u0627\u0631\u0629 \u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0644\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0643\u0641\u0627\u0621\u0629<\/li>\n                            <li>\u062a\u0635\u0646\u064a\u0641 \u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0642\u0627\u0639\u062f\u0629 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/li>\n                            <li>\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0627\u0644\u0622\u0644\u064a \u0648\u0625\u0646\u0634\u0627\u0621 \u0633\u062c\u0644 \u0627\u0644\u062a\u062f\u0642\u064a\u0642 \u0648\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- 5. Why Choose Us -->\n        <section id=\"why-us\" class=\"py-16 md:py-24 px-6 !bg-[#f4f1fe]\">\n            <div class=\"container mx-auto\">\n                <div class=\"text-center mb-12 md:mb-16\">\n                    <h2 class=\"text-3xl md:text-4xl font-bold !text-[#4045d8] mb-4\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u062e\u062f\u0645\u0629 \"\u0627\u0639\u0631\u0641 \u0639\u0645\u064a\u0644\u0643 \u0627\u0644\u0630\u0643\u064a\" \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0646\u0627\u061f<\/h2>\n                    <p class=\"text-lg text-slate-600 max-w-2xl mx-auto\">\u0627\u0644\u0645\u0632\u064a\u062c \u0627\u0644\u0623\u0645\u062b\u0644 \u0645\u0646 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0648\u0627\u0644\u0623\u0645\u0627\u0646 \u0648\u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0644\u0623\u0639\u0645\u0627\u0644\u0643.<\/p>\n                <\/div>\n                <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                    <div class=\"reason-card p-6 bg-white rounded-xl shadow-lg hover-lift\">\n                        <i data-lucide=\"cpu\" class=\"!text-[#626ae9] w-10 h-10 mb-4\"><\/i>\n                        <h3 class=\"text-xl font-semibold !text-[#4045d8] mb-2\">\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0631\u0627\u0626\u062f\u0629<\/h3>\n                        <p class=\"text-slate-600 text-sm\">\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0627\u0644\u0642\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u064a\u0648\u064a\u0629 \u0648\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0642\u0631\u064a\u0628 \u0627\u0644\u0645\u062f\u0649 \u0644\u0645\u0646\u0639 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u0644 \u0648\u0636\u0645\u0627\u0646 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644.<\/p>\n                    <\/div>\n                    <div class=\"reason-card p-6 bg-white rounded-xl shadow-lg hover-lift\">\n                        <i data-lucide=\"rocket\" class=\"!text-[#626ae9] w-10 h-10 mb-4\"><\/i>\n                        <h3 class=\"text-xl font-semibold !text-[#4045d8] mb-2\">\u0643\u0641\u0627\u0621\u0629 \u0648\u0633\u0644\u0627\u0633\u0629<\/h3>\n                        <p class=\"text-slate-600 text-sm\">\u062a\u0639\u0645\u0644 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0622\u0644\u064a\u0629 \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0633\u0631\u0639\u0629 \u0627\u0644\u062a\u062d\u0642\u0642 \u0648\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645.<\/p>\n                    <\/div>\n                    <div class=\"reason-card p-6 bg-white rounded-xl shadow-lg hover-lift\">\n                        <i data-lucide=\"shield-alert\" class=\"!text-[#626ae9] w-10 h-10 mb-4\"><\/i>\n                        <h3 class=\"text-xl font-semibold !text-[#4045d8] mb-2\">\u0627\u0644\u062a\u063a\u0637\u064a\u0629 \u0627\u0644\u0634\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u062e\u0627\u0637\u0631<\/h3>\n                        <p class=\"text-slate-600 text-sm\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0634\u0627\u0645\u0644\u0629 \u0644\u0644\u062d\u062f \u0645\u0646 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u0644 \u0648\u0633\u0631\u0642\u0629 \u0627\u0644\u0647\u0648\u064a\u0629.<\/p>\n                    <\/div>\n                    <div class=\"reason-card p-6 bg-white rounded-xl shadow-lg hover-lift\">\n                        <i data-lucide=\"file-check-2\" class=\"!text-[#626ae9] w-10 h-10 mb-4\"><\/i>\n                        <h3 class=\"text-xl font-semibold !text-[#4045d8] mb-2\">\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0627\u0644\u0635\u0627\u0631\u0645<\/h3>\n                        <p class=\"text-slate-600 text-sm\">\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u0644\u0648\u0627\u0626\u062d \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 (\u0641\u0631\u0642\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0639\u0646\u064a\u0629 \u0628\u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u062a\u0648\u062c\u064a\u0647\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0645\u0643\u0627\u0641\u062d\u0629 \u063a\u0633\u0644 \u0627\u0644\u0623\u0645\u0648\u0627\u0644).<\/p>\n                    <\/div>\n                    <div class=\"reason-card p-6 bg-white rounded-xl shadow-lg hover-lift\">\n                        <i data-lucide=\"users\" class=\"!text-[#626ae9] w-10 h-10 mb-4\"><\/i>\n                        <h3 class=\"text-xl font-semibold !text-[#4045d8] mb-2\">\u062a\u0639\u0632\u064a\u0632 \u062b\u0642\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/h3>\n                        <p class=\"text-slate-600 text-sm\">\u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0635\u0627\u0631\u0645\u0629 \u0648\u0623\u0645\u0627\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u064a\u0628\u0646\u064a\u0627\u0646 \u0633\u0645\u0639\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.<\/p>\n                    <\/div>\n                    <div class=\"reason-card p-6 bg-white rounded-xl shadow-lg hover-lift\">\n                        <i data-lucide=\"trending-down\" class=\"!text-[#626ae9] w-10 h-10 mb-4\"><\/i>\n                        <h3 class=\"text-xl font-semibold !text-[#4045d8] mb-2\">\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629<\/h3>\n                        <p class=\"text-slate-600 text-sm\">\u062a\u0642\u0644\u0644 \u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0645\u0646 \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u064a\u062f\u0648\u064a \u0648\u0645\u0639\u062f\u0644\u0627\u062a \u0627\u0644\u062e\u0637\u0623.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n\n\n        <!-- 7. Feature Demo (Process Flow) -->\n        <section id=\"feature-demo\" class=\"py-16 md:py-24 px-6 bg-white\">\n            <div class=\"container mx-auto\">\n                <div class=\"text-center mb-12 md:mb-16\">\n                    <h2 class=\"text-3xl md:text-4xl font-bold !text-[#4045d8] mb-4\">\u062a\u062c\u0631\u0628\u0629 \"\u0627\u0639\u0631\u0641 \u0639\u0645\u064a\u0644\u0643\" \u0633\u0644\u0633\u0629 \u0648\u0622\u0645\u0646\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 \u0644\u0644\u063a\u0627\u064a\u0629<\/h2>\n                    <p class=\"text-lg text-slate-600 max-w-2xl mx-auto\">\u0625\u0646 \u0639\u0645\u0644\u064a\u0629 \"\u0627\u0639\u0631\u0641 \u0639\u0645\u064a\u0644\u0643\" \u0627\u0644\u0630\u0643\u064a\u0629 \u0627\u0644\u062a\u064a \u0646\u0642\u062f\u0645\u0647\u0627 \u062a\u0648\u0641\u0631 \u0633\u064a\u0648\u0644\u0629 \u0648\u0623\u0645\u0627\u0646\u0627\u064b \u063a\u064a\u0631 \u0645\u0633\u0628\u0648\u0642\u064a\u0646 \u0644\u0623\u0639\u0645\u0627\u0644\u0643 \u0648\u0639\u0645\u0644\u0627\u0626\u0643.<\/p>\n                <\/div>\n                <div class=\"relative\">\n                    <div class=\"grid md:grid-cols-5 gap-8\">\n                        <div class=\"process-step text-center md:text-left p-6 bg-white rounded-xl shadow-lg hover-lift\">\n                            <div class=\"flex justify-center md:justify-start items-center mb-3\">\n                                <div class=\"w-12 h-12 !bg-[#626ae9] text-white rounded-full flex items-center justify-center text-xl font-bold mr-0 md:mr-3 mb-2 md:mb-0\">1<\/div>\n                                <h3 class=\"text-lg font-semibold !text-[#4045d8]\">\u0627\u0644\u062a\u0642\u062f\u064a\u0645 \u0639\u0628\u0631 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a<\/h3>\n                            <\/div>\n                            <p class=\"text-slate-600 text-sm\">\u064a\u0642\u0648\u0645 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0628\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0648\u0625\u062c\u0631\u0627\u0621 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0639\u0631\u064f\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0648\u062c\u0647 \u0639\u0628\u0631 \u0645\u0646\u0635\u062a\u0643.<\/p>\n                        <\/div>\n                        <div class=\"process-step text-center md:text-left p-6 bg-white rounded-xl shadow-lg hover-lift\">\n                             <div class=\"flex justify-center md:justify-start items-center mb-3\">\n                                <div class=\"w-12 h-12 bg-[#626ae9] text-white rounded-full flex items-center justify-center text-xl font-bold mr-0 md:mr-3 mb-2 md:mb-0\">2<\/div>\n                                <h3 class=\"text-lg font-semibold !text-[#4045d8]\">\u0627\u0644\u062a\u062d\u0642\u0642 \u0627\u0644\u0630\u0643\u064a<\/h3>\n                            <\/div>\n                            <p class=\"text-slate-600 text-sm\">\u0627\u0644\u062a\u0639\u0631\u0641 \u0627\u0644\u0636\u0648\u0626\u064a \u0639\u0644\u0649 \u0627\u0644\u062d\u0631\u0648\u0641 \u0622\u0644\u064a\u0627\u064b\u060c \u0648\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0642\u0631\u064a\u0628 \u0627\u0644\u0645\u062f\u0649\u060c \u0648\u0645\u0637\u0627\u0628\u0642\u0629 \u0627\u0644\u0648\u062c\u0647 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c \u0648\u0627\u0644\u0643\u0634\u0641 \u0639\u0646 \u0627\u0644\u0647\u0648\u064a\u0629.<\/p>\n                        <\/div>\n                        <div class=\"process-step text-center md:text-left p-6 bg-white rounded-xl shadow-lg hover-lift\">\n                            <div class=\"flex justify-center md:justify-start items-center mb-3\">\n                                <div class=\"w-12 h-12 bg-[#626ae9] text-white rounded-full flex items-center justify-center text-xl font-bold mr-0 md:mr-3 mb-2 md:mb-0\">3<\/div>\n                                <h3 class=\"text-lg font-semibold !text-[#4045d8]\">\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u062e\u0627\u0637\u0631<\/h3>\n                            <\/div>\n                            <p class=\"text-slate-600 text-sm\">\u064a\u0642\u0648\u0645 \u0627\u0644\u0646\u0638\u0627\u0645 \u0628\u062a\u0639\u064a\u064a\u0646 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0641\u062d\u0635\u0647\u0627 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u0642\u0648\u0627\u0626\u0645 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629.<\/p>\n                        <\/div>\n                        <div class=\"process-step text-center md:text-left p-6 bg-white rounded-xl shadow-lg hover-lift\">\n                            <div class=\"flex justify-center md:justify-start items-center mb-3\">\n                                <div class=\"w-12 h-12 bg-[#626ae9] text-white rounded-full flex items-center justify-center text-xl font-bold mr-0 md:mr-3 mb-2 md:mb-0\">4<\/div>\n                                <h3 class=\"text-lg font-semibold !text-[#4045d8]\">\u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0648\u0627\u0644\u0642\u0631\u0627\u0631<\/h3>\n                            <\/div>\n                            <p class=\"text-slate-600 text-sm\">\u0627\u0644\u062a\u062d\u0642\u0642 \u0627\u0644\u0633\u0631\u064a\u0639 \u0644\u0644\u062d\u0627\u0644\u0627\u062a \u0645\u0646\u062e\u0641\u0636\u0629 \u0627\u0644\u062e\u0637\u0648\u0631\u0629\u061b \u0648\u0627\u0644\u062a\u062d\u0642\u0642 \u0627\u0644\u0633\u0631\u064a\u0639 \u0644\u0644\u062d\u0627\u0644\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062e\u0637\u0648\u0631\u0629. \u064a\u0645\u0643\u0646 \u062a\u062a\u0628\u0639\u0647\u0627 \u0628\u0627\u0644\u0643\u0627\u0645\u0644.<\/p>\n                        <\/div>\n                        <div class=\"process-step text-center md:text-left p-6 bg-white rounded-xl shadow-lg hover-lift\">\n                             <div class=\"flex justify-center md:justify-start items-center mb-3\">\n                                <div class=\"w-12 h-12 bg-[#626ae9] text-white rounded-full flex items-center justify-center text-xl font-bold mr-0 md:mr-3 mb-2 md:mb-0\">5<\/div>\n                                <h3 class=\"text-lg font-semibold !text-[#4045d8]\">\u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629<\/h3>\n                            <\/div>\n                            <p class=\"text-slate-600 text-sm\">\u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0648\u062d\u0627\u0644\u0629 \u0627\u0644\u0639\u0645\u064a\u0644.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n\n\n\n\n    <script type=\"module\" src=\"script.js\"><\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Navigate the Digital Finance Wave, \u2014 Your Intelligent KYC Solution In an era of increasingly stringent regulations and sophisticated fraud, ensuring compliance, security, and boosting user trust is paramount. Embrace a new age of worry-free digital operations with our leading KYC technology. Learn More Contact Us Step 1: Customer Due Diligence Comprehensive understanding of customer [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-2511","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/pages\/2511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/comments?post=2511"}],"version-history":[{"count":70,"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/pages\/2511\/revisions"}],"predecessor-version":[{"id":3516,"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/pages\/2511\/revisions\/3516"}],"wp:attachment":[{"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/media?parent=2511"}],"curies":[{"name":"\u062f\u0628\u0644\u064a\u0648 \u0628\u064a","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}