Candidate Application Form<\/title>\r\n\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============================================================\r\n AIX WORKSPACE \u2014 CANDIDATE APPLICATION FORM\r\n Elementor-safe \/ English \/ LTR \/ Fully Responsive\r\n\r\n Brand Colors:\r\n Primary Dark Blue: #18bbf4\r\n Secondary Orange: #fe8826\r\n Third Yellow: #ffe552\r\n Fourth Light Blue: #5fd0fe\r\n ============================================================ *\/\r\n\r\n.caf-wrapper {\r\n --caf-primary: #18bbf4;\r\n --caf-orange: #fe8826;\r\n --caf-yellow: #ffe552;\r\n --caf-light-blue: #5fd0fe;\r\n\r\n --caf-primary-dark: #0799d2;\r\n --caf-bg: #f5f9fc;\r\n --caf-surface: #ffffff;\r\n --caf-ink: #14212b;\r\n --caf-ink-soft: #667481;\r\n --caf-line: #dfe8ee;\r\n --caf-line-2: #cbd8e0;\r\n --caf-field-bg: #f9fbfd;\r\n --caf-error: #d64545;\r\n --caf-radius: 18px;\r\n\r\n width: 100% !important;\r\n max-width: 100%;\r\n margin: 0 auto !important;\r\n padding: 50px 20px 80px;\r\n box-sizing: border-box;\r\n\r\n display: flex !important;\r\n justify-content: center !important;\r\n align-items: flex-start;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n color: var(--caf-ink);\r\n direction: ltr !important;\r\n text-align: left;\r\n\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n\/* Reset only inside component *\/\r\n.caf-wrapper *,\r\n.caf-wrapper *::before,\r\n.caf-wrapper *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n\/* ---------- Main Card ---------- *\/\r\n\r\n.caf-card {\r\n width: 100%;\r\n max-width: 680px;\r\n margin: 0 auto !important;\r\n\r\n background: var(--caf-surface);\r\n border: 1px solid var(--caf-line);\r\n border-radius: var(--caf-radius);\r\n\r\n box-shadow:\r\n 0 1px 2px rgba(20, 33, 43, 0.04),\r\n 0 25px 65px -30px rgba(20, 33, 43, 0.30);\r\n\r\n overflow: visible;\r\n position: relative;\r\n\r\n animation: caf-rise .55s cubic-bezier(.2,.8,.2,1) both;\r\n}\r\n\r\n@keyframes caf-rise {\r\n from {\r\n opacity: 0;\r\n transform: translateY(18px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n}\r\n\r\n\/* ---------- Header ---------- *\/\r\n\r\n.caf-head {\r\n position: relative;\r\n padding: 48px 48px 42px;\r\n\r\n background:\r\n radial-gradient(\r\n circle at 85% 15%,\r\n rgba(95, 208, 254, .35),\r\n transparent 35%\r\n ),\r\n linear-gradient(\r\n 135deg,\r\n #0c9ed4 0%,\r\n #18bbf4 55%,\r\n #5fd0fe 120%\r\n );\r\n\r\n color: #ffffff;\r\n overflow: hidden;\r\n border-radius: var(--caf-radius) var(--caf-radius) 0 0;\r\n\r\n text-align: center;\r\n}\r\n\r\n\/* Decorative glow *\/\r\n.caf-head::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n\r\n background:\r\n radial-gradient(\r\n circle at 15% 90%,\r\n rgba(255, 229, 82, .28),\r\n transparent 30%\r\n );\r\n\r\n pointer-events: none;\r\n}\r\n\r\n\/* Small hiring label *\/\r\n\r\n.caf-kicker {\r\n position: relative;\r\n z-index: 1;\r\n\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n\r\n font-size: 11px;\r\n line-height: 1.4;\r\n letter-spacing: .08em;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n\r\n color: #ffffff;\r\n\r\n margin-bottom: 17px;\r\n}\r\n\r\n.caf-kicker .dot {\r\n width: 8px;\r\n height: 8px;\r\n\r\n border-radius: 50%;\r\n\r\n background: var(--caf-yellow);\r\n\r\n box-shadow:\r\n 0 0 0 4px rgba(255, 229, 82, .20);\r\n}\r\n\r\n\/* Heading *\/\r\n\r\n.caf-head h1 {\r\n position: relative;\r\n z-index: 1;\r\n\r\n margin: 0 auto;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n font-weight: 800;\r\n\r\n font-size: clamp(27px, 4vw, 36px);\r\n line-height: 1.2;\r\n letter-spacing: -0.025em;\r\n\r\n color: #ffffff;\r\n}\r\n\r\n\/* Description *\/\r\n\r\n.caf-head p {\r\n position: relative;\r\n z-index: 1;\r\n\r\n margin: 14px auto 0;\r\n\r\n max-width: 540px;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n font-size: 14px;\r\n line-height: 1.75;\r\n font-weight: 400;\r\n\r\n color: rgba(255,255,255,.90);\r\n\r\n text-align: center;\r\n}\r\n\r\n\/* ---------- Form ---------- *\/\r\n\r\n.caf-form {\r\n padding: 38px 48px 42px;\r\n}\r\n\r\n.caf-field {\r\n margin-bottom: 24px;\r\n}\r\n\r\n.caf-row2 {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 18px;\r\n}\r\n\r\n\/* ---------- Labels ---------- *\/\r\n\r\n.caf-label {\r\n display: flex;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 6px;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n font-size: 13px;\r\n line-height: 1.5;\r\n font-weight: 700;\r\n\r\n letter-spacing: .005em;\r\n\r\n margin-bottom: 9px;\r\n\r\n direction: ltr;\r\n text-align: left;\r\n}\r\n\r\n.caf-label .req {\r\n color: var(--caf-orange);\r\n font-weight: 800;\r\n}\r\n\r\n.caf-hint {\r\n font-weight: 400;\r\n color: var(--caf-ink-soft);\r\n font-size: 12px;\r\n}\r\n\r\n\/* ---------- Inputs ---------- *\/\r\n\r\n.caf-form input[type=\"text\"],\r\n.caf-form input[type=\"email\"],\r\n.caf-form input[type=\"tel\"] {\r\n width: 100%;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n font-size: 14px;\r\n font-weight: 500;\r\n\r\n color: var(--caf-ink);\r\n\r\n background: var(--caf-field-bg);\r\n\r\n border: 1.5px solid var(--caf-line-2);\r\n border-radius: 11px;\r\n\r\n padding: 13px 14px;\r\n\r\n direction: ltr;\r\n text-align: left;\r\n\r\n transition:\r\n border-color .18s,\r\n box-shadow .18s,\r\n background .18s;\r\n}\r\n\r\n.caf-form input::placeholder {\r\n color: #9aa7b1;\r\n font-weight: 400;\r\n}\r\n\r\n.caf-form input:focus {\r\n outline: none;\r\n\r\n background: #ffffff;\r\n\r\n border-color: var(--caf-primary);\r\n\r\n box-shadow:\r\n 0 0 0 3px rgba(24, 187, 244, .14);\r\n}\r\n\r\n\/* ---------- Custom Dropdown ---------- *\/\r\n\r\n.caf-select {\r\n position: relative;\r\n}\r\n\r\n.caf-select-btn {\r\n width: 100%;\r\n\r\n text-align: left;\r\n cursor: pointer;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n font-size: 14px;\r\n font-weight: 500;\r\n\r\n background: var(--caf-field-bg);\r\n\r\n border: 1.5px solid var(--caf-line-2);\r\n border-radius: 11px;\r\n\r\n padding: 13px 42px 13px 14px;\r\n\r\n color: #9aa7b1;\r\n\r\n transition:\r\n border-color .18s,\r\n box-shadow .18s,\r\n background .18s;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n\r\n direction: ltr;\r\n\r\n position: relative;\r\n}\r\n\r\n.caf-select-btn.has-value {\r\n color: var(--caf-ink);\r\n}\r\n\r\n.caf-select-btn:focus,\r\n.caf-select.open .caf-select-btn {\r\n outline: none;\r\n\r\n background: #ffffff;\r\n\r\n border-color: var(--caf-primary);\r\n\r\n box-shadow:\r\n 0 0 0 3px rgba(24, 187, 244, .14);\r\n}\r\n\r\n.caf-select-btn .chev {\r\n position: absolute;\r\n right: 14px;\r\n\r\n transition: transform .2s;\r\n\r\n color: var(--caf-ink-soft);\r\n}\r\n\r\n.caf-select.open .caf-select-btn .chev {\r\n transform: rotate(180deg);\r\n}\r\n\r\n\/* Dropdown menu *\/\r\n\r\n.caf-select-menu {\r\n position: absolute;\r\n\r\n top: calc(100% + 6px);\r\n left: 0;\r\n right: 0;\r\n\r\n z-index: 99999;\r\n\r\n background: #ffffff;\r\n\r\n border: 1.5px solid var(--caf-line-2);\r\n border-radius: 12px;\r\n\r\n box-shadow:\r\n 0 16px 40px -12px rgba(20, 33, 43, .25);\r\n\r\n padding: 6px;\r\n\r\n max-height: 300px;\r\n\r\n overflow-y: auto;\r\n\r\n opacity: 0;\r\n transform: translateY(-6px);\r\n\r\n pointer-events: none;\r\n\r\n transition:\r\n opacity .16s,\r\n transform .16s;\r\n\r\n direction: ltr;\r\n}\r\n\r\n.caf-select.open .caf-select-menu {\r\n opacity: 1;\r\n transform: none;\r\n pointer-events: auto;\r\n}\r\n\r\n.caf-select-opt {\r\n padding: 11px 12px;\r\n\r\n border-radius: 8px;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n font-size: 13.5px;\r\n font-weight: 500;\r\n\r\n cursor: pointer;\r\n\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n\r\n transition:\r\n background .12s,\r\n color .12s;\r\n\r\n direction: ltr;\r\n text-align: left;\r\n}\r\n\r\n.caf-select-opt:hover,\r\n.caf-select-opt.active {\r\n background: rgba(24, 187, 244, .10);\r\n color: var(--caf-primary-dark);\r\n}\r\n\r\n.caf-select-opt .o-dot {\r\n width: 6px;\r\n height: 6px;\r\n\r\n border-radius: 50%;\r\n\r\n background: var(--caf-line-2);\r\n\r\n flex: 0 0 auto;\r\n\r\n transition: background .12s;\r\n}\r\n\r\n.caf-select-opt:hover .o-dot,\r\n.caf-select-opt.active .o-dot {\r\n background: var(--caf-orange);\r\n}\r\n\r\n\/* ---------- Upload Area ---------- *\/\r\n\r\n.caf-drop {\r\n border: 1.5px dashed var(--caf-line-2);\r\n\r\n border-radius: 12px;\r\n\r\n background: var(--caf-field-bg);\r\n\r\n padding: 28px 18px;\r\n\r\n text-align: center;\r\n\r\n cursor: pointer;\r\n\r\n transition:\r\n border-color .18s,\r\n background .18s,\r\n transform .12s;\r\n}\r\n\r\n.caf-drop:hover,\r\n.caf-drop.drag {\r\n border-color: var(--caf-primary);\r\n\r\n background: rgba(95, 208, 254, .10);\r\n\r\n transform: translateY(-1px);\r\n}\r\n\r\n.caf-drop .d-ico {\r\n font-size: 26px;\r\n line-height: 1;\r\n}\r\n\r\n.caf-drop .d-main {\r\n font-weight: 700;\r\n font-size: 13.5px;\r\n\r\n margin-top: 10px;\r\n}\r\n\r\n.caf-drop .d-main span {\r\n color: var(--caf-primary-dark);\r\n\r\n text-decoration: underline;\r\n}\r\n\r\n.caf-drop .d-sub {\r\n font-size: 12px;\r\n\r\n color: var(--caf-ink-soft);\r\n\r\n margin-top: 5px;\r\n}\r\n\r\n\/* ---------- Selected File ---------- *\/\r\n\r\n.caf-file-pill {\r\n display: none;\r\n\r\n align-items: center;\r\n gap: 12px;\r\n\r\n border: 1.5px solid var(--caf-line-2);\r\n\r\n border-radius: 12px;\r\n\r\n background: #ffffff;\r\n\r\n padding: 12px 14px;\r\n\r\n direction: ltr;\r\n}\r\n\r\n.caf-file-pill.show {\r\n display: flex;\r\n}\r\n\r\n.caf-file-pill .f-ico {\r\n width: 38px;\r\n height: 38px;\r\n\r\n border-radius: 9px;\r\n\r\n background: rgba(24, 187, 244, .12);\r\n\r\n color: var(--caf-primary-dark);\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n font-weight: 800;\r\n font-size: 10px;\r\n\r\n flex: 0 0 auto;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n}\r\n\r\n.caf-file-pill .f-meta {\r\n flex: 1;\r\n min-width: 0;\r\n}\r\n\r\n.caf-file-pill .f-name {\r\n font-weight: 700;\r\n font-size: 13px;\r\n\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n.caf-file-pill .f-size {\r\n font-size: 11.5px;\r\n\r\n color: var(--caf-ink-soft);\r\n}\r\n\r\n.caf-file-pill .f-x {\r\n border: none;\r\n background: none;\r\n\r\n cursor: pointer;\r\n\r\n color: var(--caf-ink-soft);\r\n\r\n font-size: 18px;\r\n\r\n padding: 4px;\r\n\r\n line-height: 1;\r\n\r\n border-radius: 6px;\r\n\r\n transition: .15s;\r\n}\r\n\r\n.caf-file-pill .f-x:hover {\r\n color: var(--caf-error);\r\n\r\n background: #fbeaea;\r\n}\r\n\r\n\/* ---------- Errors ---------- *\/\r\n\r\n.caf-err {\r\n display: none;\r\n\r\n color: var(--caf-error);\r\n\r\n font-size: 12px;\r\n\r\n margin-top: 8px;\r\n\r\n font-weight: 600;\r\n}\r\n\r\n.caf-err.show {\r\n display: block;\r\n}\r\n\r\n.caf-field.invalid input,\r\n.caf-field.invalid .caf-drop,\r\n.caf-field.invalid .caf-select-btn {\r\n border-color: var(--caf-error);\r\n}\r\n\r\n\/* ---------- Submit Button ---------- *\/\r\n\r\n.caf-submit {\r\n width: 100%;\r\n\r\n cursor: pointer;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n font-size: 14px;\r\n font-weight: 800;\r\n\r\n color: #ffffff;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--caf-primary),\r\n var(--caf-light-blue)\r\n );\r\n\r\n border: none;\r\n\r\n border-radius: 12px;\r\n\r\n padding: 15px 16px;\r\n\r\n margin-top: 8px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n\r\n transition:\r\n background .18s,\r\n transform .12s,\r\n box-shadow .18s;\r\n\r\n box-shadow:\r\n 0 12px 28px -13px rgba(24, 187, 244, .75);\r\n}\r\n\r\n.caf-submit:hover:not(:disabled) {\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n #079fd8,\r\n var(--caf-primary)\r\n );\r\n\r\n transform: translateY(-1px);\r\n\r\n box-shadow:\r\n 0 15px 30px -13px rgba(24, 187, 244, .85);\r\n}\r\n\r\n.caf-submit:active:not(:disabled) {\r\n transform: translateY(0);\r\n}\r\n\r\n.caf-submit:disabled {\r\n opacity: .65;\r\n cursor: not-allowed;\r\n}\r\n\r\n\/* Spinner *\/\r\n\r\n.caf-spinner {\r\n width: 17px;\r\n height: 17px;\r\n\r\n border-radius: 50%;\r\n\r\n border: 2.5px solid rgba(255,255,255,.4);\r\n\r\n border-top-color: #ffffff;\r\n\r\n animation: caf-spin .7s linear infinite;\r\n\r\n display: none;\r\n}\r\n\r\n.caf-submit.loading .caf-spinner {\r\n display: block;\r\n}\r\n\r\n@keyframes caf-spin {\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n\r\n\/* ---------- Back Button ---------- *\/\r\n\r\n.caf-back {\r\n width: 100%;\r\n\r\n cursor: pointer;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n font-size: 13.5px;\r\n font-weight: 700;\r\n\r\n color: var(--caf-ink-soft);\r\n\r\n background: transparent;\r\n\r\n border: 1.5px solid var(--caf-line-2);\r\n\r\n border-radius: 12px;\r\n\r\n padding: 13px;\r\n\r\n margin-top: 12px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n\r\n transition:\r\n background .18s,\r\n border-color .18s,\r\n color .18s,\r\n transform .12s;\r\n}\r\n\r\n.caf-back:hover:not(:disabled) {\r\n background: var(--caf-field-bg);\r\n\r\n border-color: var(--caf-primary);\r\n\r\n color: var(--caf-primary-dark);\r\n\r\n transform: translateY(-1px);\r\n}\r\n\r\n.caf-back:active:not(:disabled) {\r\n transform: translateY(0);\r\n}\r\n\r\n.caf-back:disabled {\r\n opacity: .5;\r\n cursor: not-allowed;\r\n}\r\n\r\n\/* ---------- Footer ---------- *\/\r\n\r\n.caf-foot {\r\n text-align: center;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n\r\n font-size: 11.5px;\r\n\r\n color: var(--caf-ink-soft);\r\n\r\n padding: 0 48px 32px;\r\n\r\n direction: ltr;\r\n}\r\n\r\n\/* ---------- Status ---------- *\/\r\n\r\n.caf-status {\r\n display: none;\r\n\r\n padding: 55px 48px 60px;\r\n\r\n text-align: center;\r\n\r\n animation: caf-rise .4s ease both;\r\n\r\n direction: ltr;\r\n}\r\n\r\n.caf-status.show {\r\n display: block;\r\n}\r\n\r\n.caf-status .s-ring {\r\n width: 66px;\r\n height: 66px;\r\n\r\n margin: 0 auto 22px;\r\n\r\n border-radius: 50%;\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n font-size: 30px;\r\n}\r\n\r\n.caf-status.ok .s-ring {\r\n background: rgba(24, 187, 244, .12);\r\n\r\n color: var(--caf-primary-dark);\r\n}\r\n\r\n.caf-status.bad .s-ring {\r\n background: #fbeaea;\r\n\r\n color: var(--caf-error);\r\n}\r\n\r\n.caf-status h2 {\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n\r\n font-weight: 800;\r\n\r\n font-size: 24px;\r\n\r\n line-height: 1.3;\r\n\r\n letter-spacing: -.02em;\r\n}\r\n\r\n.caf-status p {\r\n color: var(--caf-ink-soft);\r\n\r\n font-size: 13.5px;\r\n\r\n line-height: 1.75;\r\n\r\n margin-top: 11px;\r\n\r\n max-width: 500px;\r\n\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n.caf-again {\r\n margin-top: 26px;\r\n\r\n cursor: pointer;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n\r\n font-size: 13px;\r\n\r\n font-weight: 700;\r\n\r\n color: var(--caf-primary-dark);\r\n\r\n background: #ffffff;\r\n\r\n border: 1.5px solid var(--caf-line-2);\r\n\r\n border-radius: 11px;\r\n\r\n padding: 11px 24px;\r\n\r\n transition: .18s;\r\n}\r\n\r\n.caf-again:hover {\r\n border-color: var(--caf-primary);\r\n\r\n background: rgba(24, 187, 244, .08);\r\n}\r\n\r\n\/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n .caf-wrapper {\r\n padding: 30px 14px 55px;\r\n }\r\n\r\n .caf-card {\r\n max-width: 100%;\r\n }\r\n\r\n .caf-head {\r\n padding: 38px 28px 34px;\r\n }\r\n\r\n .caf-form {\r\n padding: 30px 28px 34px;\r\n }\r\n\r\n .caf-foot {\r\n padding-left: 28px;\r\n padding-right: 28px;\r\n }\r\n\r\n .caf-status {\r\n padding-left: 28px;\r\n padding-right: 28px;\r\n }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n\r\n .caf-wrapper {\r\n padding: 20px 10px 45px;\r\n }\r\n\r\n .caf-head {\r\n padding: 34px 22px 30px;\r\n }\r\n\r\n .caf-head h1 {\r\n font-size: 27px;\r\n }\r\n\r\n .caf-head p {\r\n font-size: 13px;\r\n line-height: 1.7;\r\n }\r\n\r\n .caf-form {\r\n padding: 27px 22px 30px;\r\n }\r\n\r\n .caf-row2 {\r\n grid-template-columns: 1fr;\r\n gap: 0;\r\n }\r\n\r\n .caf-field {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .caf-label {\r\n font-size: 12.5px;\r\n }\r\n\r\n .caf-form input[type=\"text\"],\r\n .caf-form input[type=\"email\"],\r\n .caf-form input[type=\"tel\"],\r\n .caf-select-btn {\r\n font-size: 13.5px;\r\n padding: 12px 13px;\r\n }\r\n\r\n .caf-drop {\r\n padding: 24px 14px;\r\n }\r\n\r\n .caf-foot {\r\n padding-left: 22px;\r\n padding-right: 22px;\r\n padding-bottom: 26px;\r\n }\r\n\r\n .caf-status {\r\n padding: 45px 22px 50px;\r\n }\r\n\r\n .caf-status h2 {\r\n font-size: 22px;\r\n }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n\r\n .caf-wrapper {\r\n padding-left: 7px;\r\n padding-right: 7px;\r\n }\r\n\r\n .caf-head {\r\n padding-left: 18px;\r\n padding-right: 18px;\r\n }\r\n\r\n .caf-form {\r\n padding-left: 18px;\r\n padding-right: 18px;\r\n }\r\n\r\n .caf-head h1 {\r\n font-size: 24px;\r\n }\r\n\r\n .caf-head p {\r\n font-size: 12.5px;\r\n }\r\n\r\n .caf-form input[type=\"text\"],\r\n .caf-form input[type=\"email\"],\r\n .caf-form input[type=\"tel\"],\r\n .caf-select-btn {\r\n font-size: 13px;\r\n }\r\n}\r\n\r\n\/* Accessibility *\/\r\n\r\n.caf-wrapper button:focus-visible,\r\n.caf-wrapper input:focus-visible,\r\n.caf-wrapper .caf-drop:focus-visible {\r\n outline: 3px solid rgba(24, 187, 244, .28);\r\n outline-offset: 2px;\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n\r\n<div class=\"caf-wrapper\">\r\n\r\n <div class=\"caf-card\">\r\n\r\n \r\n\r\n <div class=\"caf-head\">\r\n\r\n <span class=\"caf-kicker\">\r\n <span class=\"dot\"><\/span>\r\n WE ARE HIRING\r\n <\/span>\r\n\r\n <h1>Candidate Application Form<\/h1>\r\n\r\n <p>\r\n Enter your details and upload your CV to apply.\r\n Our AI-powered system will review your application\r\n against the job requirements.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <form class=\"caf-form\" id=\"cafForm\" novalidate>\r\n\r\n \r\n\r\n <div class=\"caf-field\" id=\"cf-name\">\r\n\r\n <div class=\"caf-label\">\r\n Candidate Name\r\n <span class=\"req\">*<\/span>\r\n <\/div>\r\n\r\n <input\r\n type=\"text\"\r\n id=\"caf_name\"\r\n placeholder=\"Full name\"\r\n autocomplete=\"name\"\r\n >\r\n\r\n <div class=\"caf-err\" id=\"ce-name\">\r\n Please enter your full name.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"caf-row2\">\r\n\r\n <div class=\"caf-field\" id=\"cf-email\">\r\n\r\n <div class=\"caf-label\">\r\n Email Address\r\n <span class=\"req\">*<\/span>\r\n <\/div>\r\n\r\n <input\r\n type=\"email\"\r\n id=\"caf_email\"\r\n placeholder=\"example@email.com\"\r\n autocomplete=\"email\"\r\n >\r\n\r\n <div class=\"caf-err\" id=\"ce-email\">\r\n Please enter a valid email address.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"caf-field\" id=\"cf-phone\">\r\n\r\n <div class=\"caf-label\">\r\n Phone Number\r\n <span class=\"req\">*<\/span>\r\n <\/div>\r\n\r\n <input\r\n type=\"tel\"\r\n id=\"caf_phone\"\r\n placeholder=\"+966 5X XXX XXXX\"\r\n autocomplete=\"tel\"\r\n >\r\n\r\n <div class=\"caf-err\" id=\"ce-phone\">\r\n Please enter a valid phone number.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"caf-field\" id=\"cf-job\">\r\n\r\n <div class=\"caf-label\">\r\n Job Title\r\n <span class=\"req\">*<\/span>\r\n <\/div>\r\n\r\n <div class=\"caf-select\" id=\"cafSelect\">\r\n\r\n <button\r\n type=\"button\"\r\n class=\"caf-select-btn\"\r\n id=\"cafSelectBtn\"\r\n aria-haspopup=\"listbox\"\r\n aria-expanded=\"false\"\r\n >\r\n <span id=\"cafSelectLabel\">\r\n Select a position...\r\n <\/span>\r\n\r\n <span class=\"chev\">\u25be<\/span>\r\n <\/button>\r\n\r\n <div\r\n class=\"caf-select-menu\"\r\n role=\"listbox\"\r\n id=\"cafSelectMenu\"\r\n ><\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"caf-err\" id=\"ce-job\">\r\n Please select a job title.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"caf-field\" id=\"cf-cv\">\r\n\r\n <div class=\"caf-label\">\r\n\r\n <span>\r\n Resume \/ CV\r\n <\/span>\r\n\r\n <span class=\"req\">*<\/span>\r\n\r\n <span class=\"caf-hint\">\r\n \u2014 PDF only, maximum 15 MB\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div\r\n class=\"caf-drop\"\r\n id=\"cafDrop\"\r\n tabindex=\"0\"\r\n role=\"button\"\r\n aria-label=\"Upload your CV\"\r\n >\r\n\r\n <div class=\"d-ico\">\r\n \ud83d\udcc4\r\n <\/div>\r\n\r\n <div class=\"d-main\">\r\n <span>Click to upload<\/span>\r\n or drag and drop\r\n <\/div>\r\n\r\n <div class=\"d-sub\">\r\n PDF files only\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <input\r\n type=\"file\"\r\n id=\"caf_cv\"\r\n accept=\"application\/pdf,.pdf\"\r\n hidden\r\n >\r\n\r\n\r\n <div class=\"caf-file-pill\" id=\"cafPill\">\r\n\r\n <div class=\"f-ico\">\r\n PDF\r\n <\/div>\r\n\r\n <div class=\"f-meta\">\r\n\r\n <div\r\n class=\"f-name\"\r\n id=\"cafFName\"\r\n >\r\n cv.pdf\r\n <\/div>\r\n\r\n <div\r\n class=\"f-size\"\r\n id=\"cafFSize\"\r\n >\r\n 0 KB\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"f-x\"\r\n id=\"cafFX\"\r\n aria-label=\"Remove file\"\r\n >\r\n \u2715\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"caf-err\" id=\"ce-cv\">\r\n Please upload your CV in PDF format.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <button\r\n type=\"submit\"\r\n class=\"caf-submit\"\r\n id=\"cafSubmit\"\r\n >\r\n\r\n <span class=\"caf-spinner\"><\/span>\r\n\r\n <span class=\"caf-btn-label\">\r\n Submit Application\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n \r\n\r\n <button\r\n type=\"button\"\r\n id=\"cafBack\"\r\n class=\"caf-back\"\r\n onclick=\"window.location.href='https:\/\/aixworkspace.net\/usecases\/'\"\r\n >\r\n \u2190 Back\r\n <\/button>\r\n\r\n <\/form>\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"caf-status\"\r\n id=\"cafStatus\"\r\n >\r\n\r\n <div\r\n class=\"s-ring\"\r\n id=\"cafSRing\"\r\n ><\/div>\r\n\r\n <h2 id=\"cafSTitle\"><\/h2>\r\n\r\n <p id=\"cafSText\"><\/p>\r\n\r\n <button\r\n class=\"caf-again\"\r\n id=\"cafAgain\"\r\n >\r\n Submit Another Application\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"caf-foot\"\r\n id=\"cafFoot\"\r\n >\r\n \ud83d\udd12 Your information is kept confidential and used only\r\n for this application.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\n(function() {\r\n\r\n \/* ============================================================\r\n n8n WEBHOOK\r\n ============================================================ *\/\r\n\r\n var WEBHOOK_URL =\r\n \"https:\/\/n8n.aixworkspace.net\/webhook\/cv-application\";\r\n\r\n\r\n \/* ============================================================\r\n AVAILABLE POSITIONS\r\n ============================================================ *\/\r\n\r\n var ROLES = [\r\n\r\n {\r\n en: \"AI Engineer\"\r\n },\r\n\r\n {\r\n en: \"Cloud Engineer\"\r\n },\r\n\r\n {\r\n en: \"DevOps Engineer\"\r\n },\r\n\r\n {\r\n en: \"Kubernetes Engineer\"\r\n },\r\n\r\n {\r\n en: \"Business Development Manager\"\r\n }\r\n\r\n ];\r\n\r\n\r\n \/* ============================================================\r\n ELEMENT HELPERS\r\n ============================================================ *\/\r\n\r\n var g = function(id) {\r\n return document.getElementById(id);\r\n };\r\n\r\n\r\n var form =\r\n g('cafForm');\r\n\r\n var fileIn =\r\n g('caf_cv');\r\n\r\n var drop =\r\n g('cafDrop');\r\n\r\n var pill =\r\n g('cafPill');\r\n\r\n var chosenRole =\r\n null;\r\n\r\n\r\n \/* ============================================================\r\n CUSTOM DROPDOWN\r\n ============================================================ *\/\r\n\r\n var sel =\r\n g('cafSelect');\r\n\r\n var selBtn =\r\n g('cafSelectBtn');\r\n\r\n var selMenu =\r\n g('cafSelectMenu');\r\n\r\n var selLabel =\r\n g('cafSelectLabel');\r\n\r\n\r\n ROLES.forEach(function(role) {\r\n\r\n var o =\r\n document.createElement('div');\r\n\r\n o.className =\r\n 'caf-select-opt';\r\n\r\n o.setAttribute(\r\n 'role',\r\n 'option'\r\n );\r\n\r\n o.innerHTML =\r\n '<span class=\"o-dot\"><\/span>' +\r\n role.en;\r\n\r\n\r\n o.addEventListener(\r\n 'click',\r\n function() {\r\n\r\n chosenRole =\r\n role.en;\r\n\r\n selLabel.textContent =\r\n role.en;\r\n\r\n selBtn.classList.add(\r\n 'has-value'\r\n );\r\n\r\n selMenu\r\n .querySelectorAll(\r\n '.caf-select-opt'\r\n )\r\n .forEach(\r\n function(x) {\r\n x.classList.remove(\r\n 'active'\r\n );\r\n }\r\n );\r\n\r\n o.classList.add(\r\n 'active'\r\n );\r\n\r\n closeSelect();\r\n\r\n clearErr(\r\n 'cf-job'\r\n );\r\n\r\n }\r\n );\r\n\r\n\r\n selMenu.appendChild(o);\r\n\r\n });\r\n\r\n\r\n selBtn.addEventListener(\r\n 'click',\r\n function(e) {\r\n\r\n e.stopPropagation();\r\n\r\n sel.classList.contains('open')\r\n ? closeSelect()\r\n : openSelect();\r\n\r\n }\r\n );\r\n\r\n\r\n function openSelect() {\r\n\r\n sel.classList.add('open');\r\n\r\n selBtn.setAttribute(\r\n 'aria-expanded',\r\n 'true'\r\n );\r\n\r\n }\r\n\r\n\r\n function closeSelect() {\r\n\r\n sel.classList.remove('open');\r\n\r\n selBtn.setAttribute(\r\n 'aria-expanded',\r\n 'false'\r\n );\r\n\r\n }\r\n\r\n\r\n document.addEventListener(\r\n 'click',\r\n function(e) {\r\n\r\n if (!sel.contains(e.target)) {\r\n closeSelect();\r\n }\r\n\r\n }\r\n );\r\n\r\n\r\n \/* ============================================================\r\n FILE HANDLING\r\n ============================================================ *\/\r\n\r\n drop.addEventListener(\r\n 'click',\r\n function() {\r\n fileIn.click();\r\n }\r\n );\r\n\r\n\r\n drop.addEventListener(\r\n 'keydown',\r\n function(e) {\r\n\r\n if (\r\n e.key === 'Enter' ||\r\n e.key === ' '\r\n ) {\r\n\r\n e.preventDefault();\r\n\r\n fileIn.click();\r\n\r\n }\r\n\r\n }\r\n );\r\n\r\n\r\n drop.addEventListener(\r\n 'dragover',\r\n function(e) {\r\n\r\n e.preventDefault();\r\n\r\n drop.classList.add(\r\n 'drag'\r\n );\r\n\r\n }\r\n );\r\n\r\n\r\n drop.addEventListener(\r\n 'dragleave',\r\n function() {\r\n\r\n drop.classList.remove(\r\n 'drag'\r\n );\r\n\r\n }\r\n );\r\n\r\n\r\n drop.addEventListener(\r\n 'drop',\r\n function(e) {\r\n\r\n e.preventDefault();\r\n\r\n drop.classList.remove(\r\n 'drag'\r\n );\r\n\r\n if (\r\n e.dataTransfer.files.length\r\n ) {\r\n\r\n handleFile(\r\n e.dataTransfer.files[0]\r\n );\r\n\r\n }\r\n\r\n }\r\n );\r\n\r\n\r\n fileIn.addEventListener(\r\n 'change',\r\n function() {\r\n\r\n if (fileIn.files.length) {\r\n\r\n handleFile(\r\n fileIn.files[0]\r\n );\r\n\r\n }\r\n\r\n }\r\n );\r\n\r\n\r\n g('cafFX').addEventListener(\r\n 'click',\r\n clearFile\r\n );\r\n\r\n\r\n function handleFile(file) {\r\n\r\n if (\r\n file.type !==\r\n 'application\/pdf' &&\r\n !file.name\r\n .toLowerCase()\r\n .endsWith('.pdf')\r\n ) {\r\n\r\n showErr(\r\n 'cf-cv',\r\n 'Only PDF files are accepted.'\r\n );\r\n\r\n clearFile();\r\n\r\n return;\r\n }\r\n\r\n\r\n if (\r\n file.size >\r\n 15 * 1024 * 1024\r\n ) {\r\n\r\n showErr(\r\n 'cf-cv',\r\n 'The file size exceeds 15 MB.'\r\n );\r\n\r\n clearFile();\r\n\r\n return;\r\n }\r\n\r\n\r\n var dt =\r\n new DataTransfer();\r\n\r\n dt.items.add(file);\r\n\r\n fileIn.files =\r\n dt.files;\r\n\r\n\r\n g('cafFName')\r\n .textContent =\r\n file.name;\r\n\r\n\r\n g('cafFSize')\r\n .textContent =\r\n fmtSize(file.size);\r\n\r\n\r\n pill.classList.add(\r\n 'show'\r\n );\r\n\r\n drop.style.display =\r\n 'none';\r\n\r\n\r\n clearErr(\r\n 'cf-cv'\r\n );\r\n\r\n }\r\n\r\n\r\n function clearFile() {\r\n\r\n fileIn.value =\r\n '';\r\n\r\n pill.classList.remove(\r\n 'show'\r\n );\r\n\r\n drop.style.display =\r\n '';\r\n\r\n }\r\n\r\n\r\n function fmtSize(b) {\r\n\r\n if (b < 1024)\r\n return b + ' B';\r\n\r\n if (b < 1048576)\r\n return (\r\n b \/ 1024\r\n ).toFixed(1) + ' KB';\r\n\r\n return (\r\n b \/ 1048576\r\n ).toFixed(1) + ' MB';\r\n\r\n }\r\n\r\n\r\n \/* ============================================================\r\n ERROR HANDLING\r\n ============================================================ *\/\r\n\r\n function showErr(\r\n id,\r\n msg\r\n ) {\r\n\r\n var f =\r\n g(id);\r\n\r\n f.classList.add(\r\n 'invalid'\r\n );\r\n\r\n\r\n var e =\r\n f.querySelector(\r\n '.caf-err'\r\n );\r\n\r\n\r\n if (e) {\r\n\r\n if (msg)\r\n e.textContent =\r\n msg;\r\n\r\n e.classList.add(\r\n 'show'\r\n );\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n function clearErr(id) {\r\n\r\n var f =\r\n g(id);\r\n\r\n f.classList.remove(\r\n 'invalid'\r\n );\r\n\r\n\r\n var e =\r\n f.querySelector(\r\n '.caf-err'\r\n );\r\n\r\n\r\n if (e) {\r\n\r\n e.classList.remove(\r\n 'show'\r\n );\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n [\r\n 'caf_name',\r\n 'caf_email',\r\n 'caf_phone'\r\n ].forEach(\r\n function(id) {\r\n\r\n g(id).addEventListener(\r\n 'input',\r\n function() {\r\n\r\n clearErr(\r\n g(id)\r\n .closest(\r\n '.caf-field'\r\n )\r\n .id\r\n );\r\n\r\n }\r\n );\r\n\r\n }\r\n );\r\n\r\n\r\n \/* ============================================================\r\n FORM VALIDATION + SUBMISSION\r\n ============================================================ *\/\r\n\r\n form.addEventListener(\r\n 'submit',\r\n function(ev) {\r\n\r\n ev.preventDefault();\r\n\r\n var ok =\r\n true;\r\n\r\n\r\n \/* Name *\/\r\n\r\n if (\r\n !g('caf_name')\r\n .value\r\n .trim()\r\n ) {\r\n\r\n showErr(\r\n 'cf-name'\r\n );\r\n\r\n ok =\r\n false;\r\n\r\n }\r\n\r\n\r\n \/* Email *\/\r\n\r\n var email =\r\n g('caf_email')\r\n .value\r\n .trim();\r\n\r\n\r\n if (\r\n !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/\r\n .test(email)\r\n ) {\r\n\r\n showErr(\r\n 'cf-email'\r\n );\r\n\r\n ok =\r\n false;\r\n\r\n }\r\n\r\n\r\n \/* Phone *\/\r\n\r\n var phone =\r\n g('caf_phone')\r\n .value\r\n .trim();\r\n\r\n\r\n if (\r\n phone\r\n .replace(\r\n \/[^0-9]\/g,\r\n ''\r\n )\r\n .length < 7\r\n ) {\r\n\r\n showErr(\r\n 'cf-phone'\r\n );\r\n\r\n ok =\r\n false;\r\n\r\n }\r\n\r\n\r\n \/* Job *\/\r\n\r\n if (!chosenRole) {\r\n\r\n showErr(\r\n 'cf-job'\r\n );\r\n\r\n ok =\r\n false;\r\n\r\n }\r\n\r\n\r\n \/* CV *\/\r\n\r\n if (\r\n !fileIn.files.length\r\n ) {\r\n\r\n showErr(\r\n 'cf-cv',\r\n 'Please upload your CV in PDF format.'\r\n );\r\n\r\n ok =\r\n false;\r\n\r\n }\r\n\r\n\r\n if (!ok)\r\n return;\r\n\r\n\r\n \/* FormData *\/\r\n\r\n var fd =\r\n new FormData();\r\n\r\n\r\n fd.append(\r\n 'candidate_name',\r\n g('caf_name')\r\n .value\r\n .trim()\r\n );\r\n\r\n\r\n fd.append(\r\n 'email',\r\n email\r\n );\r\n\r\n\r\n fd.append(\r\n 'phone_number',\r\n phone\r\n );\r\n\r\n\r\n fd.append(\r\n 'job_title',\r\n chosenRole\r\n );\r\n\r\n\r\n fd.append(\r\n 'candidate_cv',\r\n fileIn.files[0],\r\n fileIn.files[0].name\r\n );\r\n\r\n\r\n setLoading(\r\n true\r\n );\r\n\r\n\r\n fetch(\r\n WEBHOOK_URL,\r\n {\r\n method: 'POST',\r\n body: fd\r\n }\r\n )\r\n\r\n .then(\r\n function(res) {\r\n\r\n if (!res.ok)\r\n throw new Error(\r\n 'HTTP ' +\r\n res.status\r\n );\r\n\r\n\r\n showStatus(\r\n 'ok'\r\n );\r\n\r\n }\r\n )\r\n\r\n .catch(\r\n function(err) {\r\n\r\n setLoading(\r\n false\r\n );\r\n\r\n showStatus(\r\n 'bad',\r\n err.message\r\n );\r\n\r\n }\r\n );\r\n\r\n }\r\n );\r\n\r\n\r\n \/* ============================================================\r\n LOADING STATE\r\n ============================================================ *\/\r\n\r\n function setLoading(on) {\r\n\r\n var btn =\r\n g('cafSubmit');\r\n\r\n\r\n btn.classList.toggle(\r\n 'loading',\r\n on\r\n );\r\n\r\n\r\n btn.disabled =\r\n on;\r\n\r\n\r\n btn.querySelector(\r\n '.caf-btn-label'\r\n ).textContent =\r\n on\r\n ? 'Submitting...'\r\n : 'Submit Application';\r\n\r\n\r\n g('cafBack')\r\n .disabled =\r\n on;\r\n\r\n }\r\n\r\n\r\n \/* ============================================================\r\n STATUS SCREENS\r\n ============================================================ *\/\r\n\r\n function showStatus(\r\n kind,\r\n detail\r\n ) {\r\n\r\n form.style.display =\r\n 'none';\r\n\r\n\r\n g('cafFoot')\r\n .style.display =\r\n 'none';\r\n\r\n\r\n var s =\r\n g('cafStatus');\r\n\r\n\r\n s.className =\r\n 'caf-status show ' +\r\n kind;\r\n\r\n\r\n if (kind === 'ok') {\r\n\r\n g('cafSRing')\r\n .textContent =\r\n '\u2713';\r\n\r\n\r\n g('cafSTitle')\r\n .textContent =\r\n 'Application Received';\r\n\r\n\r\n g('cafSText')\r\n .textContent =\r\n 'Thank you for applying! Your CV has been submitted for review. We will contact you if your profile matches a suitable opportunity.';\r\n\r\n\r\n g('cafAgain')\r\n .textContent =\r\n 'Submit Another Application';\r\n\r\n }\r\n\r\n else {\r\n\r\n g('cafSRing')\r\n .textContent =\r\n '\u26a0';\r\n\r\n\r\n g('cafSTitle')\r\n .textContent =\r\n 'Application Could Not Be Submitted';\r\n\r\n\r\n g('cafSText')\r\n .textContent =\r\n 'There was an error while connecting to the server' +\r\n (\r\n detail\r\n ? ' (' + detail + ')'\r\n : ''\r\n ) +\r\n '. Please check your connection and try again.';\r\n\r\n\r\n g('cafAgain')\r\n .textContent =\r\n 'Try Again';\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n \/* ============================================================\r\n RESET FORM\r\n ============================================================ *\/\r\n\r\n g('cafAgain')\r\n .addEventListener(\r\n 'click',\r\n function() {\r\n\r\n form.reset();\r\n\r\n clearFile();\r\n\r\n chosenRole =\r\n null;\r\n\r\n\r\n selLabel\r\n .textContent =\r\n 'Select a position...';\r\n\r\n\r\n selBtn.classList.remove(\r\n 'has-value'\r\n );\r\n\r\n\r\n selMenu\r\n .querySelectorAll(\r\n '.caf-select-opt'\r\n )\r\n .forEach(\r\n function(x) {\r\n\r\n x.classList.remove(\r\n 'active'\r\n );\r\n\r\n }\r\n );\r\n\r\n\r\n [\r\n 'cf-name',\r\n 'cf-email',\r\n 'cf-phone',\r\n 'cf-job',\r\n 'cf-cv'\r\n ].forEach(\r\n clearErr\r\n );\r\n\r\n\r\n setLoading(\r\n false\r\n );\r\n\r\n\r\n g('cafStatus')\r\n .className =\r\n 'caf-status';\r\n\r\n\r\n form.style.display =\r\n '';\r\n\r\n\r\n g('cafFoot')\r\n .style.display =\r\n '';\r\n\r\n }\r\n );\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Candidate Application Form WE ARE HIRING Candidate Application Form Enter your details and upload your CV to apply. Our AI-powered system will review your application against the job requirements. Candidate Name * Please enter your full name. Email Address * Please enter a valid email address. Phone Number * Please enter a valid phone number. […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-726","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/pages\/726","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/comments?post=726"}],"version-history":[{"count":66,"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/pages\/726\/revisions"}],"predecessor-version":[{"id":2122,"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/pages\/726\/revisions\/2122"}],"wp:attachment":[{"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/media?parent=726"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\nCandidate Application Form<\/title>\r\n\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============================================================\r\n AIX WORKSPACE \u2014 CANDIDATE APPLICATION FORM\r\n Elementor-safe \/ English \/ LTR \/ Fully Responsive\r\n\r\n Brand Colors:\r\n Primary Dark Blue: #18bbf4\r\n Secondary Orange: #fe8826\r\n Third Yellow: #ffe552\r\n Fourth Light Blue: #5fd0fe\r\n ============================================================ *\/\r\n\r\n.caf-wrapper {\r\n --caf-primary: #18bbf4;\r\n --caf-orange: #fe8826;\r\n --caf-yellow: #ffe552;\r\n --caf-light-blue: #5fd0fe;\r\n\r\n --caf-primary-dark: #0799d2;\r\n --caf-bg: #f5f9fc;\r\n --caf-surface: #ffffff;\r\n --caf-ink: #14212b;\r\n --caf-ink-soft: #667481;\r\n --caf-line: #dfe8ee;\r\n --caf-line-2: #cbd8e0;\r\n --caf-field-bg: #f9fbfd;\r\n --caf-error: #d64545;\r\n --caf-radius: 18px;\r\n\r\n width: 100% !important;\r\n max-width: 100%;\r\n margin: 0 auto !important;\r\n padding: 50px 20px 80px;\r\n box-sizing: border-box;\r\n\r\n display: flex !important;\r\n justify-content: center !important;\r\n align-items: flex-start;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n color: var(--caf-ink);\r\n direction: ltr !important;\r\n text-align: left;\r\n\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n\/* Reset only inside component *\/\r\n.caf-wrapper *,\r\n.caf-wrapper *::before,\r\n.caf-wrapper *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n\/* ---------- Main Card ---------- *\/\r\n\r\n.caf-card {\r\n width: 100%;\r\n max-width: 680px;\r\n margin: 0 auto !important;\r\n\r\n background: var(--caf-surface);\r\n border: 1px solid var(--caf-line);\r\n border-radius: var(--caf-radius);\r\n\r\n box-shadow:\r\n 0 1px 2px rgba(20, 33, 43, 0.04),\r\n 0 25px 65px -30px rgba(20, 33, 43, 0.30);\r\n\r\n overflow: visible;\r\n position: relative;\r\n\r\n animation: caf-rise .55s cubic-bezier(.2,.8,.2,1) both;\r\n}\r\n\r\n@keyframes caf-rise {\r\n from {\r\n opacity: 0;\r\n transform: translateY(18px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n}\r\n\r\n\/* ---------- Header ---------- *\/\r\n\r\n.caf-head {\r\n position: relative;\r\n padding: 48px 48px 42px;\r\n\r\n background:\r\n radial-gradient(\r\n circle at 85% 15%,\r\n rgba(95, 208, 254, .35),\r\n transparent 35%\r\n ),\r\n linear-gradient(\r\n 135deg,\r\n #0c9ed4 0%,\r\n #18bbf4 55%,\r\n #5fd0fe 120%\r\n );\r\n\r\n color: #ffffff;\r\n overflow: hidden;\r\n border-radius: var(--caf-radius) var(--caf-radius) 0 0;\r\n\r\n text-align: center;\r\n}\r\n\r\n\/* Decorative glow *\/\r\n.caf-head::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n\r\n background:\r\n radial-gradient(\r\n circle at 15% 90%,\r\n rgba(255, 229, 82, .28),\r\n transparent 30%\r\n );\r\n\r\n pointer-events: none;\r\n}\r\n\r\n\/* Small hiring label *\/\r\n\r\n.caf-kicker {\r\n position: relative;\r\n z-index: 1;\r\n\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n\r\n font-size: 11px;\r\n line-height: 1.4;\r\n letter-spacing: .08em;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n\r\n color: #ffffff;\r\n\r\n margin-bottom: 17px;\r\n}\r\n\r\n.caf-kicker .dot {\r\n width: 8px;\r\n height: 8px;\r\n\r\n border-radius: 50%;\r\n\r\n background: var(--caf-yellow);\r\n\r\n box-shadow:\r\n 0 0 0 4px rgba(255, 229, 82, .20);\r\n}\r\n\r\n\/* Heading *\/\r\n\r\n.caf-head h1 {\r\n position: relative;\r\n z-index: 1;\r\n\r\n margin: 0 auto;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n font-weight: 800;\r\n\r\n font-size: clamp(27px, 4vw, 36px);\r\n line-height: 1.2;\r\n letter-spacing: -0.025em;\r\n\r\n color: #ffffff;\r\n}\r\n\r\n\/* Description *\/\r\n\r\n.caf-head p {\r\n position: relative;\r\n z-index: 1;\r\n\r\n margin: 14px auto 0;\r\n\r\n max-width: 540px;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n font-size: 14px;\r\n line-height: 1.75;\r\n font-weight: 400;\r\n\r\n color: rgba(255,255,255,.90);\r\n\r\n text-align: center;\r\n}\r\n\r\n\/* ---------- Form ---------- *\/\r\n\r\n.caf-form {\r\n padding: 38px 48px 42px;\r\n}\r\n\r\n.caf-field {\r\n margin-bottom: 24px;\r\n}\r\n\r\n.caf-row2 {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 18px;\r\n}\r\n\r\n\/* ---------- Labels ---------- *\/\r\n\r\n.caf-label {\r\n display: flex;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 6px;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n font-size: 13px;\r\n line-height: 1.5;\r\n font-weight: 700;\r\n\r\n letter-spacing: .005em;\r\n\r\n margin-bottom: 9px;\r\n\r\n direction: ltr;\r\n text-align: left;\r\n}\r\n\r\n.caf-label .req {\r\n color: var(--caf-orange);\r\n font-weight: 800;\r\n}\r\n\r\n.caf-hint {\r\n font-weight: 400;\r\n color: var(--caf-ink-soft);\r\n font-size: 12px;\r\n}\r\n\r\n\/* ---------- Inputs ---------- *\/\r\n\r\n.caf-form input[type=\"text\"],\r\n.caf-form input[type=\"email\"],\r\n.caf-form input[type=\"tel\"] {\r\n width: 100%;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n font-size: 14px;\r\n font-weight: 500;\r\n\r\n color: var(--caf-ink);\r\n\r\n background: var(--caf-field-bg);\r\n\r\n border: 1.5px solid var(--caf-line-2);\r\n border-radius: 11px;\r\n\r\n padding: 13px 14px;\r\n\r\n direction: ltr;\r\n text-align: left;\r\n\r\n transition:\r\n border-color .18s,\r\n box-shadow .18s,\r\n background .18s;\r\n}\r\n\r\n.caf-form input::placeholder {\r\n color: #9aa7b1;\r\n font-weight: 400;\r\n}\r\n\r\n.caf-form input:focus {\r\n outline: none;\r\n\r\n background: #ffffff;\r\n\r\n border-color: var(--caf-primary);\r\n\r\n box-shadow:\r\n 0 0 0 3px rgba(24, 187, 244, .14);\r\n}\r\n\r\n\/* ---------- Custom Dropdown ---------- *\/\r\n\r\n.caf-select {\r\n position: relative;\r\n}\r\n\r\n.caf-select-btn {\r\n width: 100%;\r\n\r\n text-align: left;\r\n cursor: pointer;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n font-size: 14px;\r\n font-weight: 500;\r\n\r\n background: var(--caf-field-bg);\r\n\r\n border: 1.5px solid var(--caf-line-2);\r\n border-radius: 11px;\r\n\r\n padding: 13px 42px 13px 14px;\r\n\r\n color: #9aa7b1;\r\n\r\n transition:\r\n border-color .18s,\r\n box-shadow .18s,\r\n background .18s;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n\r\n direction: ltr;\r\n\r\n position: relative;\r\n}\r\n\r\n.caf-select-btn.has-value {\r\n color: var(--caf-ink);\r\n}\r\n\r\n.caf-select-btn:focus,\r\n.caf-select.open .caf-select-btn {\r\n outline: none;\r\n\r\n background: #ffffff;\r\n\r\n border-color: var(--caf-primary);\r\n\r\n box-shadow:\r\n 0 0 0 3px rgba(24, 187, 244, .14);\r\n}\r\n\r\n.caf-select-btn .chev {\r\n position: absolute;\r\n right: 14px;\r\n\r\n transition: transform .2s;\r\n\r\n color: var(--caf-ink-soft);\r\n}\r\n\r\n.caf-select.open .caf-select-btn .chev {\r\n transform: rotate(180deg);\r\n}\r\n\r\n\/* Dropdown menu *\/\r\n\r\n.caf-select-menu {\r\n position: absolute;\r\n\r\n top: calc(100% + 6px);\r\n left: 0;\r\n right: 0;\r\n\r\n z-index: 99999;\r\n\r\n background: #ffffff;\r\n\r\n border: 1.5px solid var(--caf-line-2);\r\n border-radius: 12px;\r\n\r\n box-shadow:\r\n 0 16px 40px -12px rgba(20, 33, 43, .25);\r\n\r\n padding: 6px;\r\n\r\n max-height: 300px;\r\n\r\n overflow-y: auto;\r\n\r\n opacity: 0;\r\n transform: translateY(-6px);\r\n\r\n pointer-events: none;\r\n\r\n transition:\r\n opacity .16s,\r\n transform .16s;\r\n\r\n direction: ltr;\r\n}\r\n\r\n.caf-select.open .caf-select-menu {\r\n opacity: 1;\r\n transform: none;\r\n pointer-events: auto;\r\n}\r\n\r\n.caf-select-opt {\r\n padding: 11px 12px;\r\n\r\n border-radius: 8px;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n font-size: 13.5px;\r\n font-weight: 500;\r\n\r\n cursor: pointer;\r\n\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n\r\n transition:\r\n background .12s,\r\n color .12s;\r\n\r\n direction: ltr;\r\n text-align: left;\r\n}\r\n\r\n.caf-select-opt:hover,\r\n.caf-select-opt.active {\r\n background: rgba(24, 187, 244, .10);\r\n color: var(--caf-primary-dark);\r\n}\r\n\r\n.caf-select-opt .o-dot {\r\n width: 6px;\r\n height: 6px;\r\n\r\n border-radius: 50%;\r\n\r\n background: var(--caf-line-2);\r\n\r\n flex: 0 0 auto;\r\n\r\n transition: background .12s;\r\n}\r\n\r\n.caf-select-opt:hover .o-dot,\r\n.caf-select-opt.active .o-dot {\r\n background: var(--caf-orange);\r\n}\r\n\r\n\/* ---------- Upload Area ---------- *\/\r\n\r\n.caf-drop {\r\n border: 1.5px dashed var(--caf-line-2);\r\n\r\n border-radius: 12px;\r\n\r\n background: var(--caf-field-bg);\r\n\r\n padding: 28px 18px;\r\n\r\n text-align: center;\r\n\r\n cursor: pointer;\r\n\r\n transition:\r\n border-color .18s,\r\n background .18s,\r\n transform .12s;\r\n}\r\n\r\n.caf-drop:hover,\r\n.caf-drop.drag {\r\n border-color: var(--caf-primary);\r\n\r\n background: rgba(95, 208, 254, .10);\r\n\r\n transform: translateY(-1px);\r\n}\r\n\r\n.caf-drop .d-ico {\r\n font-size: 26px;\r\n line-height: 1;\r\n}\r\n\r\n.caf-drop .d-main {\r\n font-weight: 700;\r\n font-size: 13.5px;\r\n\r\n margin-top: 10px;\r\n}\r\n\r\n.caf-drop .d-main span {\r\n color: var(--caf-primary-dark);\r\n\r\n text-decoration: underline;\r\n}\r\n\r\n.caf-drop .d-sub {\r\n font-size: 12px;\r\n\r\n color: var(--caf-ink-soft);\r\n\r\n margin-top: 5px;\r\n}\r\n\r\n\/* ---------- Selected File ---------- *\/\r\n\r\n.caf-file-pill {\r\n display: none;\r\n\r\n align-items: center;\r\n gap: 12px;\r\n\r\n border: 1.5px solid var(--caf-line-2);\r\n\r\n border-radius: 12px;\r\n\r\n background: #ffffff;\r\n\r\n padding: 12px 14px;\r\n\r\n direction: ltr;\r\n}\r\n\r\n.caf-file-pill.show {\r\n display: flex;\r\n}\r\n\r\n.caf-file-pill .f-ico {\r\n width: 38px;\r\n height: 38px;\r\n\r\n border-radius: 9px;\r\n\r\n background: rgba(24, 187, 244, .12);\r\n\r\n color: var(--caf-primary-dark);\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n font-weight: 800;\r\n font-size: 10px;\r\n\r\n flex: 0 0 auto;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n}\r\n\r\n.caf-file-pill .f-meta {\r\n flex: 1;\r\n min-width: 0;\r\n}\r\n\r\n.caf-file-pill .f-name {\r\n font-weight: 700;\r\n font-size: 13px;\r\n\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n.caf-file-pill .f-size {\r\n font-size: 11.5px;\r\n\r\n color: var(--caf-ink-soft);\r\n}\r\n\r\n.caf-file-pill .f-x {\r\n border: none;\r\n background: none;\r\n\r\n cursor: pointer;\r\n\r\n color: var(--caf-ink-soft);\r\n\r\n font-size: 18px;\r\n\r\n padding: 4px;\r\n\r\n line-height: 1;\r\n\r\n border-radius: 6px;\r\n\r\n transition: .15s;\r\n}\r\n\r\n.caf-file-pill .f-x:hover {\r\n color: var(--caf-error);\r\n\r\n background: #fbeaea;\r\n}\r\n\r\n\/* ---------- Errors ---------- *\/\r\n\r\n.caf-err {\r\n display: none;\r\n\r\n color: var(--caf-error);\r\n\r\n font-size: 12px;\r\n\r\n margin-top: 8px;\r\n\r\n font-weight: 600;\r\n}\r\n\r\n.caf-err.show {\r\n display: block;\r\n}\r\n\r\n.caf-field.invalid input,\r\n.caf-field.invalid .caf-drop,\r\n.caf-field.invalid .caf-select-btn {\r\n border-color: var(--caf-error);\r\n}\r\n\r\n\/* ---------- Submit Button ---------- *\/\r\n\r\n.caf-submit {\r\n width: 100%;\r\n\r\n cursor: pointer;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n font-size: 14px;\r\n font-weight: 800;\r\n\r\n color: #ffffff;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--caf-primary),\r\n var(--caf-light-blue)\r\n );\r\n\r\n border: none;\r\n\r\n border-radius: 12px;\r\n\r\n padding: 15px 16px;\r\n\r\n margin-top: 8px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n\r\n transition:\r\n background .18s,\r\n transform .12s,\r\n box-shadow .18s;\r\n\r\n box-shadow:\r\n 0 12px 28px -13px rgba(24, 187, 244, .75);\r\n}\r\n\r\n.caf-submit:hover:not(:disabled) {\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n #079fd8,\r\n var(--caf-primary)\r\n );\r\n\r\n transform: translateY(-1px);\r\n\r\n box-shadow:\r\n 0 15px 30px -13px rgba(24, 187, 244, .85);\r\n}\r\n\r\n.caf-submit:active:not(:disabled) {\r\n transform: translateY(0);\r\n}\r\n\r\n.caf-submit:disabled {\r\n opacity: .65;\r\n cursor: not-allowed;\r\n}\r\n\r\n\/* Spinner *\/\r\n\r\n.caf-spinner {\r\n width: 17px;\r\n height: 17px;\r\n\r\n border-radius: 50%;\r\n\r\n border: 2.5px solid rgba(255,255,255,.4);\r\n\r\n border-top-color: #ffffff;\r\n\r\n animation: caf-spin .7s linear infinite;\r\n\r\n display: none;\r\n}\r\n\r\n.caf-submit.loading .caf-spinner {\r\n display: block;\r\n}\r\n\r\n@keyframes caf-spin {\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n\r\n\/* ---------- Back Button ---------- *\/\r\n\r\n.caf-back {\r\n width: 100%;\r\n\r\n cursor: pointer;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n font-size: 13.5px;\r\n font-weight: 700;\r\n\r\n color: var(--caf-ink-soft);\r\n\r\n background: transparent;\r\n\r\n border: 1.5px solid var(--caf-line-2);\r\n\r\n border-radius: 12px;\r\n\r\n padding: 13px;\r\n\r\n margin-top: 12px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n\r\n transition:\r\n background .18s,\r\n border-color .18s,\r\n color .18s,\r\n transform .12s;\r\n}\r\n\r\n.caf-back:hover:not(:disabled) {\r\n background: var(--caf-field-bg);\r\n\r\n border-color: var(--caf-primary);\r\n\r\n color: var(--caf-primary-dark);\r\n\r\n transform: translateY(-1px);\r\n}\r\n\r\n.caf-back:active:not(:disabled) {\r\n transform: translateY(0);\r\n}\r\n\r\n.caf-back:disabled {\r\n opacity: .5;\r\n cursor: not-allowed;\r\n}\r\n\r\n\/* ---------- Footer ---------- *\/\r\n\r\n.caf-foot {\r\n text-align: center;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n\r\n font-size: 11.5px;\r\n\r\n color: var(--caf-ink-soft);\r\n\r\n padding: 0 48px 32px;\r\n\r\n direction: ltr;\r\n}\r\n\r\n\/* ---------- Status ---------- *\/\r\n\r\n.caf-status {\r\n display: none;\r\n\r\n padding: 55px 48px 60px;\r\n\r\n text-align: center;\r\n\r\n animation: caf-rise .4s ease both;\r\n\r\n direction: ltr;\r\n}\r\n\r\n.caf-status.show {\r\n display: block;\r\n}\r\n\r\n.caf-status .s-ring {\r\n width: 66px;\r\n height: 66px;\r\n\r\n margin: 0 auto 22px;\r\n\r\n border-radius: 50%;\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n font-size: 30px;\r\n}\r\n\r\n.caf-status.ok .s-ring {\r\n background: rgba(24, 187, 244, .12);\r\n\r\n color: var(--caf-primary-dark);\r\n}\r\n\r\n.caf-status.bad .s-ring {\r\n background: #fbeaea;\r\n\r\n color: var(--caf-error);\r\n}\r\n\r\n.caf-status h2 {\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n\r\n font-weight: 800;\r\n\r\n font-size: 24px;\r\n\r\n line-height: 1.3;\r\n\r\n letter-spacing: -.02em;\r\n}\r\n\r\n.caf-status p {\r\n color: var(--caf-ink-soft);\r\n\r\n font-size: 13.5px;\r\n\r\n line-height: 1.75;\r\n\r\n margin-top: 11px;\r\n\r\n max-width: 500px;\r\n\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n.caf-again {\r\n margin-top: 26px;\r\n\r\n cursor: pointer;\r\n\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n\r\n font-size: 13px;\r\n\r\n font-weight: 700;\r\n\r\n color: var(--caf-primary-dark);\r\n\r\n background: #ffffff;\r\n\r\n border: 1.5px solid var(--caf-line-2);\r\n\r\n border-radius: 11px;\r\n\r\n padding: 11px 24px;\r\n\r\n transition: .18s;\r\n}\r\n\r\n.caf-again:hover {\r\n border-color: var(--caf-primary);\r\n\r\n background: rgba(24, 187, 244, .08);\r\n}\r\n\r\n\/* ============================================================\r\n RESPONSIVE\r\n ============================================================ *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n .caf-wrapper {\r\n padding: 30px 14px 55px;\r\n }\r\n\r\n .caf-card {\r\n max-width: 100%;\r\n }\r\n\r\n .caf-head {\r\n padding: 38px 28px 34px;\r\n }\r\n\r\n .caf-form {\r\n padding: 30px 28px 34px;\r\n }\r\n\r\n .caf-foot {\r\n padding-left: 28px;\r\n padding-right: 28px;\r\n }\r\n\r\n .caf-status {\r\n padding-left: 28px;\r\n padding-right: 28px;\r\n }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n\r\n .caf-wrapper {\r\n padding: 20px 10px 45px;\r\n }\r\n\r\n .caf-head {\r\n padding: 34px 22px 30px;\r\n }\r\n\r\n .caf-head h1 {\r\n font-size: 27px;\r\n }\r\n\r\n .caf-head p {\r\n font-size: 13px;\r\n line-height: 1.7;\r\n }\r\n\r\n .caf-form {\r\n padding: 27px 22px 30px;\r\n }\r\n\r\n .caf-row2 {\r\n grid-template-columns: 1fr;\r\n gap: 0;\r\n }\r\n\r\n .caf-field {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .caf-label {\r\n font-size: 12.5px;\r\n }\r\n\r\n .caf-form input[type=\"text\"],\r\n .caf-form input[type=\"email\"],\r\n .caf-form input[type=\"tel\"],\r\n .caf-select-btn {\r\n font-size: 13.5px;\r\n padding: 12px 13px;\r\n }\r\n\r\n .caf-drop {\r\n padding: 24px 14px;\r\n }\r\n\r\n .caf-foot {\r\n padding-left: 22px;\r\n padding-right: 22px;\r\n padding-bottom: 26px;\r\n }\r\n\r\n .caf-status {\r\n padding: 45px 22px 50px;\r\n }\r\n\r\n .caf-status h2 {\r\n font-size: 22px;\r\n }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n\r\n .caf-wrapper {\r\n padding-left: 7px;\r\n padding-right: 7px;\r\n }\r\n\r\n .caf-head {\r\n padding-left: 18px;\r\n padding-right: 18px;\r\n }\r\n\r\n .caf-form {\r\n padding-left: 18px;\r\n padding-right: 18px;\r\n }\r\n\r\n .caf-head h1 {\r\n font-size: 24px;\r\n }\r\n\r\n .caf-head p {\r\n font-size: 12.5px;\r\n }\r\n\r\n .caf-form input[type=\"text\"],\r\n .caf-form input[type=\"email\"],\r\n .caf-form input[type=\"tel\"],\r\n .caf-select-btn {\r\n font-size: 13px;\r\n }\r\n}\r\n\r\n\/* Accessibility *\/\r\n\r\n.caf-wrapper button:focus-visible,\r\n.caf-wrapper input:focus-visible,\r\n.caf-wrapper .caf-drop:focus-visible {\r\n outline: 3px solid rgba(24, 187, 244, .28);\r\n outline-offset: 2px;\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n\r\n<div class=\"caf-wrapper\">\r\n\r\n <div class=\"caf-card\">\r\n\r\n \r\n\r\n <div class=\"caf-head\">\r\n\r\n <span class=\"caf-kicker\">\r\n <span class=\"dot\"><\/span>\r\n WE ARE HIRING\r\n <\/span>\r\n\r\n <h1>Candidate Application Form<\/h1>\r\n\r\n <p>\r\n Enter your details and upload your CV to apply.\r\n Our AI-powered system will review your application\r\n against the job requirements.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <form class=\"caf-form\" id=\"cafForm\" novalidate>\r\n\r\n \r\n\r\n <div class=\"caf-field\" id=\"cf-name\">\r\n\r\n <div class=\"caf-label\">\r\n Candidate Name\r\n <span class=\"req\">*<\/span>\r\n <\/div>\r\n\r\n <input\r\n type=\"text\"\r\n id=\"caf_name\"\r\n placeholder=\"Full name\"\r\n autocomplete=\"name\"\r\n >\r\n\r\n <div class=\"caf-err\" id=\"ce-name\">\r\n Please enter your full name.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"caf-row2\">\r\n\r\n <div class=\"caf-field\" id=\"cf-email\">\r\n\r\n <div class=\"caf-label\">\r\n Email Address\r\n <span class=\"req\">*<\/span>\r\n <\/div>\r\n\r\n <input\r\n type=\"email\"\r\n id=\"caf_email\"\r\n placeholder=\"example@email.com\"\r\n autocomplete=\"email\"\r\n >\r\n\r\n <div class=\"caf-err\" id=\"ce-email\">\r\n Please enter a valid email address.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"caf-field\" id=\"cf-phone\">\r\n\r\n <div class=\"caf-label\">\r\n Phone Number\r\n <span class=\"req\">*<\/span>\r\n <\/div>\r\n\r\n <input\r\n type=\"tel\"\r\n id=\"caf_phone\"\r\n placeholder=\"+966 5X XXX XXXX\"\r\n autocomplete=\"tel\"\r\n >\r\n\r\n <div class=\"caf-err\" id=\"ce-phone\">\r\n Please enter a valid phone number.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"caf-field\" id=\"cf-job\">\r\n\r\n <div class=\"caf-label\">\r\n Job Title\r\n <span class=\"req\">*<\/span>\r\n <\/div>\r\n\r\n <div class=\"caf-select\" id=\"cafSelect\">\r\n\r\n <button\r\n type=\"button\"\r\n class=\"caf-select-btn\"\r\n id=\"cafSelectBtn\"\r\n aria-haspopup=\"listbox\"\r\n aria-expanded=\"false\"\r\n >\r\n <span id=\"cafSelectLabel\">\r\n Select a position...\r\n <\/span>\r\n\r\n <span class=\"chev\">\u25be<\/span>\r\n <\/button>\r\n\r\n <div\r\n class=\"caf-select-menu\"\r\n role=\"listbox\"\r\n id=\"cafSelectMenu\"\r\n ><\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"caf-err\" id=\"ce-job\">\r\n Please select a job title.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"caf-field\" id=\"cf-cv\">\r\n\r\n <div class=\"caf-label\">\r\n\r\n <span>\r\n Resume \/ CV\r\n <\/span>\r\n\r\n <span class=\"req\">*<\/span>\r\n\r\n <span class=\"caf-hint\">\r\n \u2014 PDF only, maximum 15 MB\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div\r\n class=\"caf-drop\"\r\n id=\"cafDrop\"\r\n tabindex=\"0\"\r\n role=\"button\"\r\n aria-label=\"Upload your CV\"\r\n >\r\n\r\n <div class=\"d-ico\">\r\n \ud83d\udcc4\r\n <\/div>\r\n\r\n <div class=\"d-main\">\r\n <span>Click to upload<\/span>\r\n or drag and drop\r\n <\/div>\r\n\r\n <div class=\"d-sub\">\r\n PDF files only\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <input\r\n type=\"file\"\r\n id=\"caf_cv\"\r\n accept=\"application\/pdf,.pdf\"\r\n hidden\r\n >\r\n\r\n\r\n <div class=\"caf-file-pill\" id=\"cafPill\">\r\n\r\n <div class=\"f-ico\">\r\n PDF\r\n <\/div>\r\n\r\n <div class=\"f-meta\">\r\n\r\n <div\r\n class=\"f-name\"\r\n id=\"cafFName\"\r\n >\r\n cv.pdf\r\n <\/div>\r\n\r\n <div\r\n class=\"f-size\"\r\n id=\"cafFSize\"\r\n >\r\n 0 KB\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"f-x\"\r\n id=\"cafFX\"\r\n aria-label=\"Remove file\"\r\n >\r\n \u2715\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"caf-err\" id=\"ce-cv\">\r\n Please upload your CV in PDF format.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <button\r\n type=\"submit\"\r\n class=\"caf-submit\"\r\n id=\"cafSubmit\"\r\n >\r\n\r\n <span class=\"caf-spinner\"><\/span>\r\n\r\n <span class=\"caf-btn-label\">\r\n Submit Application\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n \r\n\r\n <button\r\n type=\"button\"\r\n id=\"cafBack\"\r\n class=\"caf-back\"\r\n onclick=\"window.location.href='https:\/\/aixworkspace.net\/usecases\/'\"\r\n >\r\n \u2190 Back\r\n <\/button>\r\n\r\n <\/form>\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"caf-status\"\r\n id=\"cafStatus\"\r\n >\r\n\r\n <div\r\n class=\"s-ring\"\r\n id=\"cafSRing\"\r\n ><\/div>\r\n\r\n <h2 id=\"cafSTitle\"><\/h2>\r\n\r\n <p id=\"cafSText\"><\/p>\r\n\r\n <button\r\n class=\"caf-again\"\r\n id=\"cafAgain\"\r\n >\r\n Submit Another Application\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"caf-foot\"\r\n id=\"cafFoot\"\r\n >\r\n \ud83d\udd12 Your information is kept confidential and used only\r\n for this application.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\n(function() {\r\n\r\n \/* ============================================================\r\n n8n WEBHOOK\r\n ============================================================ *\/\r\n\r\n var WEBHOOK_URL =\r\n \"https:\/\/n8n.aixworkspace.net\/webhook\/cv-application\";\r\n\r\n\r\n \/* ============================================================\r\n AVAILABLE POSITIONS\r\n ============================================================ *\/\r\n\r\n var ROLES = [\r\n\r\n {\r\n en: \"AI Engineer\"\r\n },\r\n\r\n {\r\n en: \"Cloud Engineer\"\r\n },\r\n\r\n {\r\n en: \"DevOps Engineer\"\r\n },\r\n\r\n {\r\n en: \"Kubernetes Engineer\"\r\n },\r\n\r\n {\r\n en: \"Business Development Manager\"\r\n }\r\n\r\n ];\r\n\r\n\r\n \/* ============================================================\r\n ELEMENT HELPERS\r\n ============================================================ *\/\r\n\r\n var g = function(id) {\r\n return document.getElementById(id);\r\n };\r\n\r\n\r\n var form =\r\n g('cafForm');\r\n\r\n var fileIn =\r\n g('caf_cv');\r\n\r\n var drop =\r\n g('cafDrop');\r\n\r\n var pill =\r\n g('cafPill');\r\n\r\n var chosenRole =\r\n null;\r\n\r\n\r\n \/* ============================================================\r\n CUSTOM DROPDOWN\r\n ============================================================ *\/\r\n\r\n var sel =\r\n g('cafSelect');\r\n\r\n var selBtn =\r\n g('cafSelectBtn');\r\n\r\n var selMenu =\r\n g('cafSelectMenu');\r\n\r\n var selLabel =\r\n g('cafSelectLabel');\r\n\r\n\r\n ROLES.forEach(function(role) {\r\n\r\n var o =\r\n document.createElement('div');\r\n\r\n o.className =\r\n 'caf-select-opt';\r\n\r\n o.setAttribute(\r\n 'role',\r\n 'option'\r\n );\r\n\r\n o.innerHTML =\r\n '<span class=\"o-dot\"><\/span>' +\r\n role.en;\r\n\r\n\r\n o.addEventListener(\r\n 'click',\r\n function() {\r\n\r\n chosenRole =\r\n role.en;\r\n\r\n selLabel.textContent =\r\n role.en;\r\n\r\n selBtn.classList.add(\r\n 'has-value'\r\n );\r\n\r\n selMenu\r\n .querySelectorAll(\r\n '.caf-select-opt'\r\n )\r\n .forEach(\r\n function(x) {\r\n x.classList.remove(\r\n 'active'\r\n );\r\n }\r\n );\r\n\r\n o.classList.add(\r\n 'active'\r\n );\r\n\r\n closeSelect();\r\n\r\n clearErr(\r\n 'cf-job'\r\n );\r\n\r\n }\r\n );\r\n\r\n\r\n selMenu.appendChild(o);\r\n\r\n });\r\n\r\n\r\n selBtn.addEventListener(\r\n 'click',\r\n function(e) {\r\n\r\n e.stopPropagation();\r\n\r\n sel.classList.contains('open')\r\n ? closeSelect()\r\n : openSelect();\r\n\r\n }\r\n );\r\n\r\n\r\n function openSelect() {\r\n\r\n sel.classList.add('open');\r\n\r\n selBtn.setAttribute(\r\n 'aria-expanded',\r\n 'true'\r\n );\r\n\r\n }\r\n\r\n\r\n function closeSelect() {\r\n\r\n sel.classList.remove('open');\r\n\r\n selBtn.setAttribute(\r\n 'aria-expanded',\r\n 'false'\r\n );\r\n\r\n }\r\n\r\n\r\n document.addEventListener(\r\n 'click',\r\n function(e) {\r\n\r\n if (!sel.contains(e.target)) {\r\n closeSelect();\r\n }\r\n\r\n }\r\n );\r\n\r\n\r\n \/* ============================================================\r\n FILE HANDLING\r\n ============================================================ *\/\r\n\r\n drop.addEventListener(\r\n 'click',\r\n function() {\r\n fileIn.click();\r\n }\r\n );\r\n\r\n\r\n drop.addEventListener(\r\n 'keydown',\r\n function(e) {\r\n\r\n if (\r\n e.key === 'Enter' ||\r\n e.key === ' '\r\n ) {\r\n\r\n e.preventDefault();\r\n\r\n fileIn.click();\r\n\r\n }\r\n\r\n }\r\n );\r\n\r\n\r\n drop.addEventListener(\r\n 'dragover',\r\n function(e) {\r\n\r\n e.preventDefault();\r\n\r\n drop.classList.add(\r\n 'drag'\r\n );\r\n\r\n }\r\n );\r\n\r\n\r\n drop.addEventListener(\r\n 'dragleave',\r\n function() {\r\n\r\n drop.classList.remove(\r\n 'drag'\r\n );\r\n\r\n }\r\n );\r\n\r\n\r\n drop.addEventListener(\r\n 'drop',\r\n function(e) {\r\n\r\n e.preventDefault();\r\n\r\n drop.classList.remove(\r\n 'drag'\r\n );\r\n\r\n if (\r\n e.dataTransfer.files.length\r\n ) {\r\n\r\n handleFile(\r\n e.dataTransfer.files[0]\r\n );\r\n\r\n }\r\n\r\n }\r\n );\r\n\r\n\r\n fileIn.addEventListener(\r\n 'change',\r\n function() {\r\n\r\n if (fileIn.files.length) {\r\n\r\n handleFile(\r\n fileIn.files[0]\r\n );\r\n\r\n }\r\n\r\n }\r\n );\r\n\r\n\r\n g('cafFX').addEventListener(\r\n 'click',\r\n clearFile\r\n );\r\n\r\n\r\n function handleFile(file) {\r\n\r\n if (\r\n file.type !==\r\n 'application\/pdf' &&\r\n !file.name\r\n .toLowerCase()\r\n .endsWith('.pdf')\r\n ) {\r\n\r\n showErr(\r\n 'cf-cv',\r\n 'Only PDF files are accepted.'\r\n );\r\n\r\n clearFile();\r\n\r\n return;\r\n }\r\n\r\n\r\n if (\r\n file.size >\r\n 15 * 1024 * 1024\r\n ) {\r\n\r\n showErr(\r\n 'cf-cv',\r\n 'The file size exceeds 15 MB.'\r\n );\r\n\r\n clearFile();\r\n\r\n return;\r\n }\r\n\r\n\r\n var dt =\r\n new DataTransfer();\r\n\r\n dt.items.add(file);\r\n\r\n fileIn.files =\r\n dt.files;\r\n\r\n\r\n g('cafFName')\r\n .textContent =\r\n file.name;\r\n\r\n\r\n g('cafFSize')\r\n .textContent =\r\n fmtSize(file.size);\r\n\r\n\r\n pill.classList.add(\r\n 'show'\r\n );\r\n\r\n drop.style.display =\r\n 'none';\r\n\r\n\r\n clearErr(\r\n 'cf-cv'\r\n );\r\n\r\n }\r\n\r\n\r\n function clearFile() {\r\n\r\n fileIn.value =\r\n '';\r\n\r\n pill.classList.remove(\r\n 'show'\r\n );\r\n\r\n drop.style.display =\r\n '';\r\n\r\n }\r\n\r\n\r\n function fmtSize(b) {\r\n\r\n if (b < 1024)\r\n return b + ' B';\r\n\r\n if (b < 1048576)\r\n return (\r\n b \/ 1024\r\n ).toFixed(1) + ' KB';\r\n\r\n return (\r\n b \/ 1048576\r\n ).toFixed(1) + ' MB';\r\n\r\n }\r\n\r\n\r\n \/* ============================================================\r\n ERROR HANDLING\r\n ============================================================ *\/\r\n\r\n function showErr(\r\n id,\r\n msg\r\n ) {\r\n\r\n var f =\r\n g(id);\r\n\r\n f.classList.add(\r\n 'invalid'\r\n );\r\n\r\n\r\n var e =\r\n f.querySelector(\r\n '.caf-err'\r\n );\r\n\r\n\r\n if (e) {\r\n\r\n if (msg)\r\n e.textContent =\r\n msg;\r\n\r\n e.classList.add(\r\n 'show'\r\n );\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n function clearErr(id) {\r\n\r\n var f =\r\n g(id);\r\n\r\n f.classList.remove(\r\n 'invalid'\r\n );\r\n\r\n\r\n var e =\r\n f.querySelector(\r\n '.caf-err'\r\n );\r\n\r\n\r\n if (e) {\r\n\r\n e.classList.remove(\r\n 'show'\r\n );\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n [\r\n 'caf_name',\r\n 'caf_email',\r\n 'caf_phone'\r\n ].forEach(\r\n function(id) {\r\n\r\n g(id).addEventListener(\r\n 'input',\r\n function() {\r\n\r\n clearErr(\r\n g(id)\r\n .closest(\r\n '.caf-field'\r\n )\r\n .id\r\n );\r\n\r\n }\r\n );\r\n\r\n }\r\n );\r\n\r\n\r\n \/* ============================================================\r\n FORM VALIDATION + SUBMISSION\r\n ============================================================ *\/\r\n\r\n form.addEventListener(\r\n 'submit',\r\n function(ev) {\r\n\r\n ev.preventDefault();\r\n\r\n var ok =\r\n true;\r\n\r\n\r\n \/* Name *\/\r\n\r\n if (\r\n !g('caf_name')\r\n .value\r\n .trim()\r\n ) {\r\n\r\n showErr(\r\n 'cf-name'\r\n );\r\n\r\n ok =\r\n false;\r\n\r\n }\r\n\r\n\r\n \/* Email *\/\r\n\r\n var email =\r\n g('caf_email')\r\n .value\r\n .trim();\r\n\r\n\r\n if (\r\n !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/\r\n .test(email)\r\n ) {\r\n\r\n showErr(\r\n 'cf-email'\r\n );\r\n\r\n ok =\r\n false;\r\n\r\n }\r\n\r\n\r\n \/* Phone *\/\r\n\r\n var phone =\r\n g('caf_phone')\r\n .value\r\n .trim();\r\n\r\n\r\n if (\r\n phone\r\n .replace(\r\n \/[^0-9]\/g,\r\n ''\r\n )\r\n .length < 7\r\n ) {\r\n\r\n showErr(\r\n 'cf-phone'\r\n );\r\n\r\n ok =\r\n false;\r\n\r\n }\r\n\r\n\r\n \/* Job *\/\r\n\r\n if (!chosenRole) {\r\n\r\n showErr(\r\n 'cf-job'\r\n );\r\n\r\n ok =\r\n false;\r\n\r\n }\r\n\r\n\r\n \/* CV *\/\r\n\r\n if (\r\n !fileIn.files.length\r\n ) {\r\n\r\n showErr(\r\n 'cf-cv',\r\n 'Please upload your CV in PDF format.'\r\n );\r\n\r\n ok =\r\n false;\r\n\r\n }\r\n\r\n\r\n if (!ok)\r\n return;\r\n\r\n\r\n \/* FormData *\/\r\n\r\n var fd =\r\n new FormData();\r\n\r\n\r\n fd.append(\r\n 'candidate_name',\r\n g('caf_name')\r\n .value\r\n .trim()\r\n );\r\n\r\n\r\n fd.append(\r\n 'email',\r\n email\r\n );\r\n\r\n\r\n fd.append(\r\n 'phone_number',\r\n phone\r\n );\r\n\r\n\r\n fd.append(\r\n 'job_title',\r\n chosenRole\r\n );\r\n\r\n\r\n fd.append(\r\n 'candidate_cv',\r\n fileIn.files[0],\r\n fileIn.files[0].name\r\n );\r\n\r\n\r\n setLoading(\r\n true\r\n );\r\n\r\n\r\n fetch(\r\n WEBHOOK_URL,\r\n {\r\n method: 'POST',\r\n body: fd\r\n }\r\n )\r\n\r\n .then(\r\n function(res) {\r\n\r\n if (!res.ok)\r\n throw new Error(\r\n 'HTTP ' +\r\n res.status\r\n );\r\n\r\n\r\n showStatus(\r\n 'ok'\r\n );\r\n\r\n }\r\n )\r\n\r\n .catch(\r\n function(err) {\r\n\r\n setLoading(\r\n false\r\n );\r\n\r\n showStatus(\r\n 'bad',\r\n err.message\r\n );\r\n\r\n }\r\n );\r\n\r\n }\r\n );\r\n\r\n\r\n \/* ============================================================\r\n LOADING STATE\r\n ============================================================ *\/\r\n\r\n function setLoading(on) {\r\n\r\n var btn =\r\n g('cafSubmit');\r\n\r\n\r\n btn.classList.toggle(\r\n 'loading',\r\n on\r\n );\r\n\r\n\r\n btn.disabled =\r\n on;\r\n\r\n\r\n btn.querySelector(\r\n '.caf-btn-label'\r\n ).textContent =\r\n on\r\n ? 'Submitting...'\r\n : 'Submit Application';\r\n\r\n\r\n g('cafBack')\r\n .disabled =\r\n on;\r\n\r\n }\r\n\r\n\r\n \/* ============================================================\r\n STATUS SCREENS\r\n ============================================================ *\/\r\n\r\n function showStatus(\r\n kind,\r\n detail\r\n ) {\r\n\r\n form.style.display =\r\n 'none';\r\n\r\n\r\n g('cafFoot')\r\n .style.display =\r\n 'none';\r\n\r\n\r\n var s =\r\n g('cafStatus');\r\n\r\n\r\n s.className =\r\n 'caf-status show ' +\r\n kind;\r\n\r\n\r\n if (kind === 'ok') {\r\n\r\n g('cafSRing')\r\n .textContent =\r\n '\u2713';\r\n\r\n\r\n g('cafSTitle')\r\n .textContent =\r\n 'Application Received';\r\n\r\n\r\n g('cafSText')\r\n .textContent =\r\n 'Thank you for applying! Your CV has been submitted for review. We will contact you if your profile matches a suitable opportunity.';\r\n\r\n\r\n g('cafAgain')\r\n .textContent =\r\n 'Submit Another Application';\r\n\r\n }\r\n\r\n else {\r\n\r\n g('cafSRing')\r\n .textContent =\r\n '\u26a0';\r\n\r\n\r\n g('cafSTitle')\r\n .textContent =\r\n 'Application Could Not Be Submitted';\r\n\r\n\r\n g('cafSText')\r\n .textContent =\r\n 'There was an error while connecting to the server' +\r\n (\r\n detail\r\n ? ' (' + detail + ')'\r\n : ''\r\n ) +\r\n '. Please check your connection and try again.';\r\n\r\n\r\n g('cafAgain')\r\n .textContent =\r\n 'Try Again';\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n \/* ============================================================\r\n RESET FORM\r\n ============================================================ *\/\r\n\r\n g('cafAgain')\r\n .addEventListener(\r\n 'click',\r\n function() {\r\n\r\n form.reset();\r\n\r\n clearFile();\r\n\r\n chosenRole =\r\n null;\r\n\r\n\r\n selLabel\r\n .textContent =\r\n 'Select a position...';\r\n\r\n\r\n selBtn.classList.remove(\r\n 'has-value'\r\n );\r\n\r\n\r\n selMenu\r\n .querySelectorAll(\r\n '.caf-select-opt'\r\n )\r\n .forEach(\r\n function(x) {\r\n\r\n x.classList.remove(\r\n 'active'\r\n );\r\n\r\n }\r\n );\r\n\r\n\r\n [\r\n 'cf-name',\r\n 'cf-email',\r\n 'cf-phone',\r\n 'cf-job',\r\n 'cf-cv'\r\n ].forEach(\r\n clearErr\r\n );\r\n\r\n\r\n setLoading(\r\n false\r\n );\r\n\r\n\r\n g('cafStatus')\r\n .className =\r\n 'caf-status';\r\n\r\n\r\n form.style.display =\r\n '';\r\n\r\n\r\n g('cafFoot')\r\n .style.display =\r\n '';\r\n\r\n }\r\n );\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Candidate Application Form WE ARE HIRING Candidate Application Form Enter your details and upload your CV to apply. Our AI-powered system will review your application against the job requirements. Candidate Name * Please enter your full name. Email Address * Please enter a valid email address. Phone Number * Please enter a valid phone number. […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-726","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/pages\/726","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/comments?post=726"}],"version-history":[{"count":66,"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/pages\/726\/revisions"}],"predecessor-version":[{"id":2122,"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/pages\/726\/revisions\/2122"}],"wp:attachment":[{"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/media?parent=726"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}