{"id":69,"date":"2025-12-02T15:41:09","date_gmt":"2025-12-02T15:41:09","guid":{"rendered":"https:\/\/elyonpro.com.ng\/?page_id=69"},"modified":"2026-03-27T07:03:00","modified_gmt":"2026-03-27T07:03:00","slug":"careers","status":"publish","type":"page","link":"https:\/\/elyonpro.com.ng\/?page_id=69","title":{"rendered":"Careers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"69\" class=\"elementor elementor-69\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30dfee3 e-con-full e-flex e-con e-parent\" data-id=\"30dfee3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd9b0a3 elementor-widget elementor-widget-html\" data-id=\"cd9b0a3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section style=\"\r\n  background:url('https:\/\/elyonpro.com.ng\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_w9wxo3w9wxo3w9wx.png') center\/cover no-repeat;\r\n  padding:120px 0;\r\n  position:relative;\r\n\">\r\n  <div style=\"background:rgba(0,0,0,0.45); position:absolute; inset:0;\"><\/div>\r\n\r\n  <div style=\"position:relative; text-align:center; color:#fff !important;\">\r\n    <h1 style=\"font-size:52px; font-weight:700; color:#fff !important;\">Careers<\/h1>\r\n    <p style=\"margin-top:10px; font-size:18px; color:#fff !important;\">Start your career journey with us <\/p>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f06c1f0 e-flex e-con-boxed e-con e-parent\" data-id=\"f06c1f0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-691b91d elementor-widget elementor-widget-html\" data-id=\"691b91d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Careers at Elyon Pro<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n    \/* Reset *\/\r\n    * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    body {\r\n        font-family: 'Poppins', sans-serif;\r\n        line-height: 1.6;\r\n        color: #333;\r\n        background-color: #f7fff5;\r\n        scroll-behavior: smooth;\r\n    }\r\n\r\n    \/* Section Styling *\/\r\n    section {\r\n        padding: 80px 20px;\r\n        text-align: center;\r\n    }\r\n\r\n    section h2 {\r\n        font-size: 2.2rem;\r\n        color: #4c9b31;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    section p {\r\n        max-width: 700px;\r\n        margin: 0 auto 30px auto;\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    \/* Benefits Grid *\/\r\n    .benefits {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n        gap: 30px;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .benefit-card {\r\n        background: #fff;\r\n        border-radius: 12px;\r\n        padding: 30px 20px;\r\n        box-shadow: 0 8px 20px rgba(0,0,0,0.1);\r\n        transition: transform 0.3s, box-shadow 0.3s;\r\n    }\r\n\r\n    .benefit-card:hover {\r\n        transform: translateY(-10px);\r\n        box-shadow: 0 12px 25px rgba(0,0,0,0.15);\r\n    }\r\n\r\n    .benefit-card h3 {\r\n        color: #4c9b31;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    \/* Open Positions *\/\r\n    .positions {\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n        text-align: left;\r\n    }\r\n\r\n    .position-card {\r\n        background: #fff;\r\n        border-left: 4px solid #4c9b31;\r\n        border-radius: 8px;\r\n        padding: 20px 25px;\r\n        margin-bottom: 20px;\r\n        transition: background 0.3s;\r\n    }\r\n\r\n    .position-card:hover {\r\n        background: #e8f5e9;\r\n    }\r\n\r\n    .position-card h4 {\r\n        margin-bottom: 10px;\r\n        color: #333;\r\n    }\r\n\r\n    \/* Apply Section *\/\r\n    .apply-section {\r\n        background: #4c9b31;\r\n        color: #fff;\r\n        padding: 80px 20px;\r\n        text-align: center;\r\n    }\r\n\r\n    .apply-section h2 {\r\n        font-size: 2rem;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .apply-section p {\r\n        font-size: 1.1rem;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .apply-section a {\r\n        display: inline-block;\r\n        padding: 15px 40px;\r\n        background-color: #fff;\r\n        color: #4c9b31;\r\n        font-weight: 600;\r\n        border-radius: 8px;\r\n        text-decoration: none;\r\n        transition: background 0.3s, color 0.3s;\r\n    }\r\n\r\n    .apply-section a:hover {\r\n        background-color: #367a27;\r\n        color: #fff;\r\n    }\r\n\r\n    footer {\r\n        background: #222;\r\n        color: #fff;\r\n        padding: 40px 20px;\r\n        text-align: center;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    @media(max-width: 768px) {\r\n        section h2 {\r\n            font-size: 1.8rem;\r\n        }\r\n    }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Introduction Section -->\r\n<section>\r\n    <h2>Join a Purpose-Driven Team<\/h2>\r\n    <p>At Elyon Pro, we create lasting value \u2014 for our clients, our communities, and our people. If you're passionate about solving complex challenges, working across sectors, and growing alongside a dynamic, diverse team \u2014 we\u2019d love to meet you.<\/p>\r\n<\/section>\r\n\r\n<!-- Why Elyon Pro -->\r\n<section>\r\n    <h2>Why Elyon Pro?<\/h2>\r\n    <p>Work across business and impact sectors, tackle complex challenges, and develop your skills in a supportive, dynamic, and diverse environment that values growth, collaboration, and meaningful impact.<\/p>\r\n<\/section>\r\n\r\n<!-- Benefits \/ Perks -->\r\n<section>\r\n    <h2>Perks & Benefits<\/h2>\r\n    <div class=\"benefits\">\r\n        <div class=\"benefit-card\">\r\n            <h3>Professional Growth<\/h3>\r\n            <p>Continuous learning opportunities, mentorship, and cross-sector experience to grow your career.<\/p>\r\n        <\/div>\r\n        <div class=\"benefit-card\">\r\n            <h3>Flexible Work<\/h3>\r\n            <p>Supportive work environment with options for remote work and flexible schedules.<\/p>\r\n        <\/div>\r\n        <div class=\"benefit-card\">\r\n            <h3>Impactful Work<\/h3>\r\n            <p>Work on projects that create real value for businesses, communities, and society.<\/p>\r\n        <\/div>\r\n        <div class=\"benefit-card\">\r\n            <h3>Inclusive Culture<\/h3>\r\n            <p>Join a diverse, collaborative team that celebrates different perspectives and backgrounds.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Open Positions -->\r\n<section>\r\n    <h2>Open Positions<\/h2>\r\n    <div class=\"positions\">\r\n        <div class=\"position-card\">\r\n            <h4>Financial Analyst<\/h4>\r\n            <p>Location: Lagos, Nigeria | Full-time<\/p>\r\n            <p>Analyze financial data and support strategic business decisions across sectors.<\/p>\r\n        <\/div>\r\n        <div class=\"position-card\">\r\n            <h4>Marketing Specialist<\/h4>\r\n            <p>Location: Lagos, Nigeria | Full-time<\/p>\r\n            <p>Plan and execute marketing campaigns to grow Elyon Pro\u2019s brand and client base.<\/p>\r\n        <\/div>\r\n        <div class=\"position-card\">\r\n            <h4>Software Engineer<\/h4>\r\n            <p>Location: Remote | Full-time<\/p>\r\n            <p>Develop innovative solutions to enhance internal tools and client-facing applications.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Apply Section -->\r\n<section class=\"apply-section\">\r\n    <h2>Ready to Apply?<\/h2>\r\n    <p>Upload your CV or send a cover letter to:<\/p>\r\n    <p><strong>careers@elyonpro.com<\/strong><\/p>\r\n    <a href=\"mailto:careers@elyonpro.com\">Apply Now<\/a>\r\n<\/section>\r\n\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9eaabb6 e-flex e-con-boxed e-con e-parent\" data-id=\"9eaabb6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5cce47c elementor-widget elementor-widget-html\" data-id=\"5cce47c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n<style>.hgc-form-wrap *,.hgc-form-wrap *::before,.hgc-form-wrap *::after{box-sizing:border-box;margin:0;padding:0;}.hgc-form-wrap{font-family:'Lato',sans-serif;color:#0d2d36;background:#ffffff;border-radius:20px;overflow:hidden;box-shadow:0 8px 40px rgba(26,92,110,0.13);}.hgc-form-wrap .col-header{background:#1a5c6e;padding:22px 30px;display:flex;align-items:center;gap:12px;}.hgc-form-wrap .col-icon{width:36px;height:36px;border-radius:8px;background:#7ecf2e;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.hgc-form-wrap .col-header h2{font-family:'Montserrat',sans-serif;font-size:18px;font-weight:800;color:#fff;letter-spacing:1px;text-transform:uppercase;}.hgc-form-wrap .form-body{padding:30px;}.hgc-form-wrap .instr-box{background:#f0f9e8;border-left:4px solid #7ecf2e;border-radius:8px;padding:16px 18px;margin-bottom:28px;}.hgc-form-wrap .instr-box h3{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:800;color:#1a5c6e;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;}.hgc-form-wrap .instr-box ul{list-style:none;padding:0;}.hgc-form-wrap .instr-box ul li{font-size:12px;color:#3a5a2a;line-height:1.5;padding:3px 0 3px 16px;position:relative;}.hgc-form-wrap .instr-box ul li::before{content:'\u25cf';color:#7ecf2e;position:absolute;left:0;font-size:8px;top:5px;}.hgc-form-wrap .sec-label{display:flex;align-items:center;gap:10px;margin:24px 0 16px;}.hgc-form-wrap .sec-label::after{content:'';flex:1;height:1px;background:#e8f0f2;}.hgc-form-wrap .pill{background:#1a5c6e;color:#fff;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;padding:5px 14px;border-radius:4px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;}.hgc-form-wrap .pill-g{background:#5daa1a;}.hgc-form-wrap .fg{display:grid;gap:14px;}.hgc-form-wrap .fr2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.hgc-form-wrap .fr3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;}.hgc-form-wrap .frt{display:grid;grid-template-columns:100px 1fr;gap:12px;}.hgc-form-wrap .frp{display:grid;grid-template-columns:1fr 84px;gap:16px;align-items:start;}.hgc-form-wrap .field{display:flex;flex-direction:column;gap:4px;}.hgc-form-wrap .field label{font-size:11px;font-weight:700;color:#1a5c6e;text-transform:uppercase;letter-spacing:0.5px;font-family:'Montserrat',sans-serif;}.hgc-form-wrap .field input,.hgc-form-wrap .field select{border:1.5px solid #c8dde3;border-radius:7px;padding:9px 12px;font-family:'Lato',sans-serif;font-size:13px;color:#0d2d36;background:#f8fbfc;transition:border-color 0.2s,box-shadow 0.2s;outline:none;width:100%;}.hgc-form-wrap .field input:focus,.hgc-form-wrap .field select:focus{border-color:#1e6e83;box-shadow:0 0 0 3px rgba(26,92,110,0.08);background:#fff;}.hgc-form-wrap .field input.err{border-color:#e53e3e !important;background:#fff5f5 !important;}.hgc-form-wrap .photo-lbl{font-size:11px;font-weight:700;color:#1a5c6e;text-transform:uppercase;letter-spacing:0.5px;font-family:'Montserrat',sans-serif;margin-bottom:6px;display:block;}.hgc-form-wrap .passport-box{border:2px dashed #c8dde3;border-radius:10px;background:#f0f7fa;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 6px;text-align:center;cursor:pointer;transition:border-color 0.2s;min-height:90px;width:100%;position:relative;}.hgc-form-wrap .passport-box:hover{border-color:#1a5c6e;}.hgc-form-wrap .passport-box.has-file{border-color:#7ecf2e;background:#f0f9e8;}.hgc-form-wrap .passport-box.upload-err{border-color:#e53e3e !important;background:#fff5f5 !important;}.hgc-form-wrap .passport-box input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;}.hgc-form-wrap .pp-lbl{font-size:10px;color:#1e6e83;font-weight:600;font-family:'Lato',sans-serif;display:block;margin-top:5px;line-height:1.3;}.hgc-form-wrap .pp-preview{width:60px;height:70px;object-fit:cover;border-radius:4px;display:none;}.hgc-form-wrap .upload-zone{border:2px dashed #c8dde3;border-radius:10px;background:#f0f7fa;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 10px;text-align:center;cursor:pointer;transition:border-color 0.2s;width:100%;min-height:80px;position:relative;}.hgc-form-wrap .upload-zone:hover{border-color:#1a5c6e;background:#e6f3f7;}.hgc-form-wrap .upload-zone.has-file{border-color:#7ecf2e;background:#f0f9e8;}.hgc-form-wrap .upload-zone.upload-err{border-color:#e53e3e !important;background:#fff5f5 !important;}.hgc-form-wrap .upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;}.hgc-form-wrap .upload-lbl{font-size:11px;font-weight:700;color:#1e6e83;font-family:'Montserrat',sans-serif;display:block;}.hgc-form-wrap .upload-sub{font-size:10px;color:#6b9aaa;font-family:'Lato',sans-serif;display:block;margin-top:3px;}.hgc-form-wrap .upload-preview{width:48px;height:48px;border-radius:6px;object-fit:cover;margin-bottom:4px;display:none;}.hgc-form-wrap .upload-filename{font-size:10px;color:#5daa1a;font-weight:700;font-family:'Lato',sans-serif;display:none;margin-top:2px;word-break:break-all;}.hgc-form-wrap .upload-err-msg{font-size:11px;color:#e53e3e;font-weight:700;font-family:'Montserrat',sans-serif;margin-top:5px;display:none;text-align:center;}.hgc-form-wrap .id-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;}.hgc-form-wrap .id-opt{display:flex;align-items:center;cursor:pointer;}.hgc-form-wrap .id-opt input[type=checkbox]{display:none;}.hgc-form-wrap .id-chip{border:2px solid #c8dde3;border-radius:20px;padding:5px 13px;font-size:11px;font-weight:700;color:#1a5c6e;transition:all 0.2s;user-select:none;font-family:'Montserrat',sans-serif;}.hgc-form-wrap .id-opt input:checked+.id-chip{background:#1a5c6e;color:#fff;border-color:#1a5c6e;}.hgc-form-wrap .plot-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;}.hgc-form-wrap .plot-opt{display:flex;align-items:center;cursor:pointer;}.hgc-form-wrap .plot-opt input[type=radio]{display:none;}.hgc-form-wrap .plot-chip{border:2px solid #c8dde3;border-radius:8px;padding:7px 16px;font-size:12px;font-weight:700;color:#1a5c6e;transition:all 0.2s;user-select:none;font-family:'Montserrat',sans-serif;}.hgc-form-wrap .plot-opt input:checked+.plot-chip{background:#7ecf2e;color:#fff;border-color:#7ecf2e;}.hgc-form-wrap .sub-lbl{font-size:11px;font-weight:700;color:#1a5c6e;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px;display:block;font-family:'Montserrat',sans-serif;}.hgc-form-wrap .agree-box{background:#f8fbfc;border:1.5px solid #c8dde3;border-radius:10px;padding:16px;margin-top:8px;}.hgc-form-wrap .agree-box p{font-size:12px;color:#3a5a6a;line-height:1.7;font-family:'Lato',sans-serif;}.hgc-form-wrap .agree-box p+p{margin-top:10px;}.hgc-form-wrap .sig-line{border-top:1.5px solid #c8dde3;margin-top:14px;padding-top:10px;}.hgc-form-wrap .sig-line label{font-size:11px;font-weight:700;color:#1a5c6e;text-transform:uppercase;letter-spacing:0.5px;display:block;margin-bottom:4px;font-family:'Montserrat',sans-serif;}.hgc-form-wrap .sig-field{border:none;border-bottom:1.5px dashed #c8dde3;width:100%;padding:6px 4px;font-family:'Lato',sans-serif;font-size:13px;background:transparent;outline:none;}.hgc-form-wrap .official-box{background:#0f3d4a;border-radius:10px;padding:18px;margin-top:16px;}.hgc-form-wrap .off-title{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:800;color:#7ecf2e;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;}.hgc-form-wrap .official-box .field label{color:rgba(255,255,255,0.7);}.hgc-form-wrap .official-box .field input{background:rgba(255,255,255,0.08) !important;border-color:rgba(255,255,255,0.15) !important;color:#fff !important;}.hgc-form-wrap .submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#7ecf2e 0%,#5daa1a 100%);color:#fff;border:none;border-radius:10px;font-family:'Montserrat',sans-serif;font-size:15px;font-weight:800;letter-spacing:1px;text-transform:uppercase;cursor:pointer;margin-top:24px;box-shadow:0 6px 20px rgba(93,170,26,0.35);transition:transform 0.15s,box-shadow 0.15s;display:block;}.hgc-form-wrap .submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(93,170,26,0.45);}.hgc-form-wrap .submit-btn:disabled{background:#aaa;cursor:not-allowed;transform:none;box-shadow:none;}.hgc-form-wrap .status-banner{display:none;border-radius:10px;padding:14px 18px;margin-top:16px;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;text-align:center;line-height:1.6;}.hgc-form-wrap .status-banner.success{background:#f0f9e8;color:#3a7a1a;border:2px solid #7ecf2e;display:block;}.hgc-form-wrap .status-banner.error{background:#fff5f5;color:#c53030;border:2px solid #e53e3e;display:block;}.hgc-form-wrap .status-banner.loading{background:#e8f4f8;color:#1a5c6e;border:2px solid #1a5c6e;display:block;}<\/style>\r\n<div class=\"hgc-form-wrap\">\r\n  <div class=\"col-header\">\r\n    <div class=\"col-icon\">\r\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"\/>\r\n        <polyline points=\"14 2 14 8 20 8\"\/>\r\n        <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\r\n        <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n    <h2>Application Form<\/h2>\r\n  <\/div>\r\n  <div class=\"form-body\">\r\n    <div class=\"instr-box\">\r\n      <h3>Instructions<\/h3>\r\n      <ul>\r\n        <li>Please read this form and fill carefully<\/li>\r\n        <li>This form should be completed in <strong>BLOCK LETTERS<\/strong> only<\/li>\r\n        <li>Please supply accurate information only \u2014 all info will be treated as confidential<\/li>\r\n        <li>Passport photo &amp; ID upload must each be <strong>20KB or less<\/strong><\/li>\r\n        <li>Direct enquiries to Elite Pillar International Limited<\/li>\r\n        <li>Names will appear on your title documents. Any subsequent alteration attracts \u20a650,000<\/li>\r\n        <li>Filing without payment of deposit does not create obligation between subscribers and the company<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"sec-label\"><span class=\"pill\">Personal Data<\/span><\/div>\r\n    <div class=\"fg\">\r\n      <div class=\"frp\">\r\n        <div class=\"fg\">\r\n          <div class=\"frt\">\r\n            <div class=\"field\">\r\n              <label>Title<\/label>\r\n              <select id=\"hgc-title\">\r\n                <option value=\"\">\u2013<\/option>\r\n                <option>Mr<\/option><option>Mrs<\/option><option>Miss<\/option>\r\n                <option>Dr<\/option><option>Prof<\/option><option>Chief<\/option>\r\n              <\/select>\r\n            <\/div>\r\n            <div class=\"field\">\r\n              <label>Surname *<\/label>\r\n              <input type=\"text\" id=\"hgc-surname\" placeholder=\"Surname\" required>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fr2\">\r\n            <div class=\"field\">\r\n              <label>First Name *<\/label>\r\n              <input type=\"text\" id=\"hgc-firstname\" placeholder=\"First name\" required>\r\n            <\/div>\r\n            <div class=\"field\">\r\n              <label>Other Names<\/label>\r\n              <input type=\"text\" id=\"hgc-othername\" placeholder=\"Other names\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div>\r\n          <span class=\"photo-lbl\">Photo *<\/span>\r\n          <div class=\"passport-box\" id=\"hgc-pp-box\">\r\n            <input type=\"file\" id=\"hgc-passport-photo\" accept=\"image\/*\"\r\n              onchange=\"hgcHandleUpload(this,'hgc-pp-box','hgc-pp-preview','hgc-pp-err','hgc-pp-icon','hgc-pp-lbl')\">\r\n            <span id=\"hgc-pp-icon\">\r\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1e6e83\" stroke-width=\"1.5\" stroke-linecap=\"round\">\r\n                <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n                <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/>\r\n                <polyline points=\"21 15 16 10 5 21\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <img id=\"hgc-pp-preview\" class=\"pp-preview\" alt=\"\">\r\n            <span class=\"pp-lbl\" id=\"hgc-pp-lbl\">Passport<br>photo<br><strong>max 20KB<\/strong><\/span>\r\n          <\/div>\r\n          <div class=\"upload-err-msg\" id=\"hgc-pp-err\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"fr3\">\r\n        <div class=\"field\"><label>Nationality<\/label><input type=\"text\" id=\"hgc-nationality\" placeholder=\"Nationality\"><\/div>\r\n        <div class=\"field\">\r\n          <label>Marital Status<\/label>\r\n          <select id=\"hgc-marital\">\r\n            <option value=\"\">\u2013<\/option><option>Single<\/option><option>Married<\/option>\r\n            <option>Divorced<\/option><option>Widowed<\/option>\r\n          <\/select>\r\n        <\/div>\r\n        <div class=\"field\"><label>Maiden Name<\/label><input type=\"text\" id=\"hgc-maiden\" placeholder=\"Maiden name\"><\/div>\r\n      <\/div>\r\n      <div class=\"fr2\">\r\n        <div class=\"field\"><label>Date of Birth<\/label><input type=\"date\" id=\"hgc-dob\"><\/div>\r\n        <div class=\"field\"><label>Email Address *<\/label><input type=\"email\" id=\"hgc-email\" placeholder=\"email@example.com\" required><\/div>\r\n      <\/div>\r\n      <div class=\"field\"><label>Residential Address<\/label><input type=\"text\" id=\"hgc-address\" placeholder=\"Full residential address\"><\/div>\r\n      <div class=\"fr2\">\r\n        <div class=\"field\"><label>Mobile 1 *<\/label><input type=\"tel\" id=\"hgc-mobile1\" placeholder=\"080XXXXXXXX\" required><\/div>\r\n        <div class=\"field\"><label>Mobile 2<\/label><input type=\"tel\" id=\"hgc-mobile2\" placeholder=\"080XXXXXXXX\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"sec-label\"><span class=\"pill\">Means of Identification<\/span><\/div>\r\n    <div class=\"id-grid\">\r\n      <label class=\"id-opt\"><input type=\"checkbox\" name=\"hgc-idtype\" value=\"National ID Card\"><span class=\"id-chip\">National ID Card<\/span><\/label>\r\n      <label class=\"id-opt\"><input type=\"checkbox\" name=\"hgc-idtype\" value=\"International Passport\"><span class=\"id-chip\">International Passport<\/span><\/label>\r\n      <label class=\"id-opt\"><input type=\"checkbox\" name=\"hgc-idtype\" value=\"Driver's License\"><span class=\"id-chip\">Driver's License<\/span><\/label>\r\n      <label class=\"id-opt\"><input type=\"checkbox\" name=\"hgc-idtype\" value=\"Voter's Card\"><span class=\"id-chip\">Voter's Card<\/span><\/label>\r\n    <\/div>\r\n    <div class=\"fg\" style=\"margin-top:12px;\">\r\n      <div class=\"field\"><label>Identification Number<\/label><input type=\"text\" id=\"hgc-idnumber\" placeholder=\"ID number\"><\/div>\r\n    <\/div>\r\n    <div class=\"fg\" style=\"margin-top:14px;\">\r\n      <div class=\"field\">\r\n        <label>Upload ID Card * <span style=\"font-weight:400;text-transform:none;letter-spacing:0;color:#6b9aaa;\">(Max 20KB)<\/span><\/label>\r\n        <div class=\"upload-zone\" id=\"hgc-id-box\">\r\n          <input type=\"file\" id=\"hgc-id-upload\" accept=\"image\/*,.pdf\"\r\n            onchange=\"hgcHandleUpload(this,'hgc-id-box','hgc-id-preview','hgc-id-err','hgc-id-icon','hgc-id-lbl')\">\r\n          <span id=\"hgc-id-icon\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1e6e83\" stroke-width=\"1.5\" stroke-linecap=\"round\">\r\n              <path d=\"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4\"\/>\r\n              <polyline points=\"17 8 12 3 7 8\"\/><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <img id=\"hgc-id-preview\" class=\"upload-preview\" alt=\"\">\r\n          <span class=\"upload-lbl\" id=\"hgc-id-lbl\">Click to upload ID Card<\/span>\r\n          <span class=\"upload-sub\">JPG, PNG or PDF \u2014 max 20KB<\/span>\r\n          <span class=\"upload-filename\" id=\"hgc-id-filename\"><\/span>\r\n        <\/div>\r\n        <div class=\"upload-err-msg\" id=\"hgc-id-err\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"sec-label\"><span class=\"pill\">Current Employment Details<\/span><\/div>\r\n    <div class=\"fg\">\r\n      <div class=\"fr2\">\r\n        <div class=\"field\"><label>Employer<\/label><input type=\"text\" id=\"hgc-employer\" placeholder=\"Employer name\"><\/div>\r\n        <div class=\"field\"><label>Designation<\/label><input type=\"text\" id=\"hgc-designation\" placeholder=\"Job title\"><\/div>\r\n      <\/div>\r\n      <div class=\"field\"><label>Address<\/label><input type=\"text\" id=\"hgc-empaddress\" placeholder=\"Office address\"><\/div>\r\n      <div class=\"field\" style=\"max-width:220px;\"><label>Telephone<\/label><input type=\"tel\" id=\"hgc-emptel\" placeholder=\"Office phone\"><\/div>\r\n    <\/div>\r\n    <div class=\"sec-label\"><span class=\"pill pill-g\">Next of Kin<\/span><\/div>\r\n    <div class=\"fg\">\r\n      <div class=\"fr2\">\r\n        <div class=\"field\"><label>Full Name<\/label><input type=\"text\" id=\"hgc-kin-name\" placeholder=\"Full name\"><\/div>\r\n        <div class=\"field\"><label>Relationship<\/label><input type=\"text\" id=\"hgc-kin-rel\" placeholder=\"e.g. Spouse, Sibling\"><\/div>\r\n      <\/div>\r\n      <div class=\"fr2\">\r\n        <div class=\"field\"><label>Telephone<\/label><input type=\"tel\" id=\"hgc-kin-tel\" placeholder=\"Phone number\"><\/div>\r\n        <div class=\"field\"><label>Email<\/label><input type=\"email\" id=\"hgc-kin-email\" placeholder=\"email@example.com\"><\/div>\r\n      <\/div>\r\n      <div class=\"field\"><label>Address<\/label><input type=\"text\" id=\"hgc-kin-address\" placeholder=\"Next of kin address\"><\/div>\r\n    <\/div>\r\n    <div class=\"sec-label\"><span class=\"pill\">Payment Options<\/span><\/div>\r\n    <span class=\"sub-lbl\">Number of Plots \/ SQM<\/span>\r\n    <div class=\"plot-row\">\r\n      <label class=\"plot-opt\"><input type=\"radio\" name=\"hgc-plot\" value=\"500 SQM\"><span class=\"plot-chip\">500 SQM<\/span><\/label>\r\n      <label class=\"plot-opt\"><input type=\"radio\" name=\"hgc-plot\" value=\"1500 SQM\"><span class=\"plot-chip\">1500 SQM<\/span><\/label>\r\n      <label class=\"plot-opt\"><input type=\"radio\" name=\"hgc-plot\" value=\"3000 SQM\"><span class=\"plot-chip\">3000 SQM<\/span><\/label>\r\n      <label class=\"plot-opt\"><input type=\"radio\" name=\"hgc-plot\" value=\"Others\"\r\n        onclick=\"document.getElementById('hgcOthers').style.display='block'\">\r\n        <span class=\"plot-chip\">Others<\/span>\r\n      <\/label>\r\n    <\/div>\r\n    <div id=\"hgcOthers\" style=\"display:none;margin-top:10px;\">\r\n      <div class=\"field\"><label>Specify SQM<\/label><input type=\"text\" id=\"hgc-plot-custom\" placeholder=\"Enter custom size\"><\/div>\r\n    <\/div>\r\n    <div class=\"plot-row\" style=\"margin-top:10px;\">\r\n      <label class=\"plot-opt\"><input type=\"radio\" name=\"hgc-plan\" value=\"0\u20136 Months Payment Plan\"><span class=\"plot-chip\">0\u20136 Months Payment Plan<\/span><\/label>\r\n      <label class=\"plot-opt\"><input type=\"radio\" name=\"hgc-plan\" value=\"Commercial\"><span class=\"plot-chip\">Commercial<\/span><\/label>\r\n    <\/div>\r\n    <div class=\"sec-label\"><span class=\"pill\">Agreement & Undertaking<\/span><\/div>\r\n    <div class=\"agree-box\">\r\n      <p>I __________________________ subscriber to the <strong>HERITAGE GARDEN CITY COMMERCIAL<\/strong> do hereby acknowledge my obligation to pay on a weekly\/monthly basis, all installment due on my payment plan for the plot(s) I subscribed to. I also acknowledge the right of the promoters of the estate to revoke any plot(s) due to me in the event that I fail, refuse or neglect to pay for three (3) months consecutively.<\/p>\r\n      <p>I acknowledge that if any information I supplied is found to be false, I will be disqualified from allotment. Any withdrawal of my interest on the land paid for will only be entertained in 3 months of subscription and will attract 20% severance and 20% administrative charges respectively. I have read and understood all the terms and conditions herein contained and so agree.<\/p>\r\n      <div class=\"sig-line\">\r\n        <label>Applicant Signature &amp; Date<\/label>\r\n        <input class=\"sig-field\" type=\"text\" id=\"hgc-signature\" placeholder=\"Type full name as signature\">\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"official-box\">\r\n      <div class=\"off-title\">For Official Use Only<\/div>\r\n      <div class=\"fg\">\r\n        <div class=\"field\"><label>Realtor's Name<\/label><input type=\"text\" id=\"hgc-realtor-name\"><\/div>\r\n        <div class=\"field\"><label>Realtor's Group<\/label><input type=\"text\" id=\"hgc-realtor-group\"><\/div>\r\n        <div class=\"fr2\">\r\n          <div class=\"field\"><label>Realtor's Mobile<\/label><input type=\"tel\" id=\"hgc-realtor-mobile\"><\/div>\r\n          <div class=\"field\"><label>Realtor's Email<\/label><input type=\"email\" id=\"hgc-realtor-email\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <button class=\"submit-btn\" id=\"hgc-submit-btn\" onclick=\"hgcSubmitForm()\">\r\n      Submit Application\r\n    <\/button>\r\n    <div class=\"status-banner\" id=\"hgc-status\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n<script>\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ \u26a0\ufe0f  PASTE YOUR GOOGLE APPS SCRIPT \/exec URL HERE\r\nvar GAS_URL = 'PASTE_YOUR_GAS_EXEC_URL_HERE';\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\nvar HGC_MAX_BYTES = 20 * 1024; \/\/ 20KB hard limit\r\nvar hgcPassportData = null;\r\nvar hgcIdData = null;\r\n\/\/ \u2500\u2500 FILE UPLOAD HANDLER (20KB enforced) \u2500\u2500\u2500\u2500\u2500\r\nfunction hgcHandleUpload(input, boxId, previewId, errId, iconId, lblId) {\r\n  var file    = input.files[0];\r\n  var box     = document.getElementById(boxId);\r\n  var err     = document.getElementById(errId);\r\n  var icon    = document.getElementById(iconId);\r\n  var lbl     = document.getElementById(lblId);\r\n  var preview = document.getElementById(previewId);\r\n  var fname   = document.getElementById('hgc-id-filename');\r\n  \/\/ Reset\r\n  box.classList.remove('has-file','upload-err');\r\n  err.style.display = 'none'; err.textContent = '';\r\n  if (preview) preview.style.display = 'none';\r\n  if (icon)    icon.style.display = 'block';\r\n  if (fname && boxId === 'hgc-id-box') fname.style.display = 'none';\r\n  if (!file) return;\r\n  \/\/ Hard 20KB check\r\n  if (file.size > HGC_MAX_BYTES) {\r\n    box.classList.add('upload-err');\r\n    err.textContent = '\u26a0 File is ' + Math.round(file.size\/1024) + 'KB \u2014 maximum is 20KB. Please compress and re-upload.';\r\n    err.style.display = 'block';\r\n    input.value = '';\r\n    if (boxId === 'hgc-pp-box') hgcPassportData = null;\r\n    else hgcIdData = null;\r\n    return;\r\n  }\r\n  var reader = new FileReader();\r\n  reader.onload = function(e) {\r\n    var dataUrl = e.target.result;\r\n    if (boxId === 'hgc-pp-box') {\r\n      hgcPassportData = dataUrl;\r\n      if (preview) { preview.src = dataUrl; preview.style.display = 'block'; }\r\n      if (icon)    icon.style.display = 'none';\r\n      if (lbl)     lbl.textContent = '\u2713 ' + Math.round(file.size\/1024) + 'KB';\r\n    } else {\r\n      hgcIdData = dataUrl;\r\n      if (file.type.indexOf('image') === 0 && preview) {\r\n        preview.src = dataUrl; preview.style.display = 'block';\r\n        if (icon) icon.style.display = 'none';\r\n      }\r\n      if (fname) { fname.textContent = '\u2713 ' + file.name + ' (' + Math.round(file.size\/1024) + 'KB)'; fname.style.display = 'block'; }\r\n      if (lbl)   lbl.textContent = '\u2713 File loaded';\r\n    }\r\n    box.classList.add('has-file');\r\n  };\r\n  reader.readAsDataURL(file);\r\n}\r\nfunction hgcVal(id) {\r\n  var el = document.getElementById(id);\r\n  return el ? el.value.trim() : '';\r\n}\r\n\/\/ \u2500\u2500 VALIDATE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\nfunction hgcValidate() {\r\n  var required = [\r\n    { id: 'hgc-surname',   label: 'Surname' },\r\n    { id: 'hgc-firstname', label: 'First Name' },\r\n    { id: 'hgc-email',     label: 'Email Address' },\r\n    { id: 'hgc-mobile1',   label: 'Mobile 1' },\r\n  ];\r\n  for (var i = 0; i < required.length; i++) {\r\n    var el = document.getElementById(required[i].id);\r\n    if (!el || !el.value.trim()) {\r\n      if (el) {\r\n        el.classList.add('err');\r\n        el.addEventListener('input', function() { this.classList.remove('err'); }, { once: true });\r\n      }\r\n      return 'Please fill in: ' + required[i].label;\r\n    }\r\n  }\r\n  if (document.getElementById('hgc-pp-box').classList.contains('upload-err') ||\r\n      document.getElementById('hgc-id-box').classList.contains('upload-err')) {\r\n    return 'One or more uploaded files exceed the 20KB limit.';\r\n  }\r\n  return null;\r\n}\r\n\/\/ \u2500\u2500 GENERATE PDF \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\nfunction hgcLoadJsPDF(cb) {\r\n  if (window.jspdf && window.jspdf.jsPDF) { cb(); return; }\r\n  var s = document.createElement('script');\r\n  s.src = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js';\r\n  s.onload = cb; s.onerror = function(){ console.warn('jsPDF failed to load'); cb(); };\r\n  document.head.appendChild(s);\r\n}\r\nfunction hgcGeneratePDF() {\r\n  if (!window.jspdf || !window.jspdf.jsPDF) return null;\r\n  var jsPDF = window.jspdf.jsPDF;\r\n  var doc   = new jsPDF({ unit: 'mm', format: 'a4' });\r\n  var w = 210; var margin = 16;\r\n  var teal  = [26,92,110]; var green = [126,207,46]; var dark = [15,61,74];\r\n  doc.setFillColor(dark[0],dark[1],dark[2]); doc.rect(0,0,w,28,'F');\r\n  doc.setFillColor(green[0],green[1],green[2]); doc.rect(0,26,w,3,'F');\r\n  doc.setFont('helvetica','bold'); doc.setFontSize(16); doc.setTextColor(255,255,255);\r\n  doc.text('HERITAGE GARDEN CITY COMMERCIAL', margin, 12);\r\n  doc.setFontSize(9); doc.setTextColor(180,220,180);\r\n  doc.text('Subscription Application  |  Elite Pillar International Limited', margin, 20);\r\n  doc.setFontSize(8); doc.setTextColor(180,180,180);\r\n  doc.text('Submitted: ' + new Date().toLocaleString('en-NG'), w-margin, 20, { align:'right' });\r\n  var y = 38; var lh = 7;\r\n  function secHead(title) {\r\n    if (y > 265) { doc.addPage(); y = 20; }\r\n    doc.setFillColor(teal[0],teal[1],teal[2]);\r\n    doc.roundedRect(margin, y, w-margin*2, 8, 2, 2, 'F');\r\n    doc.setFont('helvetica','bold'); doc.setFontSize(9); doc.setTextColor(255,255,255);\r\n    doc.text(title.toUpperCase(), margin+4, y+5.5); y += 12;\r\n  }\r\n  function row(label, value) {\r\n    if (y > 272) { doc.addPage(); y = 20; }\r\n    doc.setFont('helvetica','bold'); doc.setFontSize(8.5); doc.setTextColor(teal[0],teal[1],teal[2]);\r\n    doc.text(label+':', margin, y);\r\n    doc.setFont('helvetica','normal'); doc.setTextColor(30,30,30);\r\n    doc.text(String(value||'\u2014'), margin+52, y); y += lh;\r\n  }\r\n  function row2(l1,v1,l2,v2) {\r\n    if (y > 272) { doc.addPage(); y = 20; }\r\n    doc.setFont('helvetica','bold'); doc.setFontSize(8.5); doc.setTextColor(teal[0],teal[1],teal[2]);\r\n    doc.text(l1+':', margin, y);\r\n    doc.setFont('helvetica','normal'); doc.setTextColor(30,30,30);\r\n    doc.text(String(v1||'\u2014'), margin+46, y);\r\n    doc.setFont('helvetica','bold'); doc.setTextColor(teal[0],teal[1],teal[2]);\r\n    doc.text(l2+':', margin+96, y);\r\n    doc.setFont('helvetica','normal'); doc.setTextColor(30,30,30);\r\n    doc.text(String(v2||'\u2014'), margin+142, y); y += lh;\r\n  }\r\n  var idTypes = [];\r\n  document.querySelectorAll('input[name=\"hgc-idtype\"]:checked').forEach(function(c){ idTypes.push(c.value); });\r\n  var plotEl = document.querySelector('input[name=\"hgc-plot\"]:checked');\r\n  var planEl = document.querySelector('input[name=\"hgc-plan\"]:checked');\r\n  var plotVal = plotEl ? plotEl.value : '\u2014';\r\n  var planVal = planEl ? planEl.value : '\u2014';\r\n  if (plotVal === 'Others') plotVal = 'Others: ' + hgcVal('hgc-plot-custom');\r\n  secHead('Personal Data');\r\n  row2('Title', hgcVal('hgc-title'), 'Surname', hgcVal('hgc-surname'));\r\n  row2('First Name', hgcVal('hgc-firstname'), 'Other Names', hgcVal('hgc-othername'));\r\n  row2('Nationality', hgcVal('hgc-nationality'), 'Marital Status', hgcVal('hgc-marital'));\r\n  row2('Maiden Name', hgcVal('hgc-maiden'), 'Date of Birth', hgcVal('hgc-dob'));\r\n  row('Email', hgcVal('hgc-email'));\r\n  row('Address', hgcVal('hgc-address'));\r\n  row2('Mobile 1', hgcVal('hgc-mobile1'), 'Mobile 2', hgcVal('hgc-mobile2')); y += 3;\r\n  secHead('Means of Identification');\r\n  row('ID Type(s)', idTypes.join(', ') || '\u2014');\r\n  row('ID Number', hgcVal('hgc-idnumber')); y += 3;\r\n  secHead('Current Employment Details');\r\n  row2('Employer', hgcVal('hgc-employer'), 'Designation', hgcVal('hgc-designation'));\r\n  row('Office Address', hgcVal('hgc-empaddress'));\r\n  row('Telephone', hgcVal('hgc-emptel')); y += 3;\r\n  secHead('Next of Kin');\r\n  row2('Full Name', hgcVal('hgc-kin-name'), 'Relationship', hgcVal('hgc-kin-rel'));\r\n  row2('Telephone', hgcVal('hgc-kin-tel'), 'Email', hgcVal('hgc-kin-email'));\r\n  row('Address', hgcVal('hgc-kin-address')); y += 3;\r\n  secHead('Payment Options');\r\n  row2('Plot \/ SQM', plotVal, 'Payment Plan', planVal); y += 3;\r\n  secHead('Agreement & Undertaking');\r\n  doc.setFont('helvetica','normal'); doc.setFontSize(7.5); doc.setTextColor(60,90,100);\r\n  var txt = 'I, ' + hgcVal('hgc-firstname') + ' ' + hgcVal('hgc-surname') + ', subscriber to HERITAGE GARDEN CITY COMMERCIAL, acknowledge my obligation to pay all installments due on my payment plan. I acknowledge the promoters right to revoke any plot(s) if I fail to pay for 3 consecutive months. False information disqualifies me from allotment. Withdrawal within 3 months attracts 20% severance and 20% administrative charges.';\r\n  var lines = doc.splitTextToSize(txt, w-margin*2);\r\n  if (y + lines.length*4.5 > 270) { doc.addPage(); y = 20; }\r\n  doc.text(lines, margin, y); y += lines.length*4.5 + 6;\r\n  row2('Signature', hgcVal('hgc-signature'), 'Date', new Date().toLocaleDateString('en-NG')); y += 6;\r\n  if (hgcVal('hgc-realtor-name')) {\r\n    if (y > 250) { doc.addPage(); y = 20; }\r\n    doc.setFillColor(dark[0],dark[1],dark[2]);\r\n    doc.roundedRect(margin, y, w-margin*2, 8, 2, 2, 'F');\r\n    doc.setFont('helvetica','bold'); doc.setFontSize(9); doc.setTextColor(180,220,180);\r\n    doc.text('FOR OFFICIAL USE ONLY', margin+4, y+5.5); y += 12;\r\n    row2(\"Realtor's Name\", hgcVal('hgc-realtor-name'), \"Realtor's Group\", hgcVal('hgc-realtor-group'));\r\n    row2(\"Realtor's Mobile\", hgcVal('hgc-realtor-mobile'), \"Realtor's Email\", hgcVal('hgc-realtor-email')); y += 3;\r\n  }\r\n  if (hgcPassportData) {\r\n    if (y > 220) { doc.addPage(); y = 20; }\r\n    secHead('Passport Photograph');\r\n    try { doc.addImage(hgcPassportData, 'JPEG', margin, y, 35, 42); } catch(e){}\r\n    y += 48;\r\n  }\r\n  var pages = doc.internal.getNumberOfPages();\r\n  for (var p = 1; p <= pages; p++) {\r\n    doc.setPage(p);\r\n    doc.setFillColor(dark[0],dark[1],dark[2]); doc.rect(0,288,w,10,'F');\r\n    doc.setFont('helvetica','normal'); doc.setFontSize(7); doc.setTextColor(160,160,160);\r\n    doc.text('Elite Pillar International Limited  |  www.theelitepillar.com  |  info@theelitepillar.com  |  08168274632', w\/2, 294, {align:'center'});\r\n    doc.text('Page ' + p + ' of ' + pages, w-margin, 294, {align:'right'});\r\n  }\r\n  return doc.output('datauristring');\r\n}\r\n\/\/ \u2500\u2500 SUBMIT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\nfunction hgcSubmitForm() {\r\n  var btn    = document.getElementById('hgc-submit-btn');\r\n  var status = document.getElementById('hgc-status');\r\n  var err = hgcValidate();\r\n  if (err) {\r\n    status.className = 'status-banner error';\r\n    status.textContent = '\u26a0 ' + err;\r\n    status.scrollIntoView({ behavior:'smooth', block:'nearest' });\r\n    return;\r\n  }\r\n  btn.disabled = true;\r\n  status.className = 'status-banner loading';\r\n  status.textContent = '\u23f3 Submitting application\u2026';\r\n  status.scrollIntoView({ behavior:'smooth', block:'nearest' });\r\n  var applicantName = hgcVal('hgc-firstname') + ' ' + hgcVal('hgc-surname');\r\n  var idTypes = [];\r\n  document.querySelectorAll('input[name=\"hgc-idtype\"]:checked').forEach(function(c){ idTypes.push(c.value); });\r\n  var plotEl = document.querySelector('input[name=\"hgc-plot\"]:checked');\r\n  var planEl = document.querySelector('input[name=\"hgc-plan\"]:checked');\r\n  var plotVal = plotEl ? plotEl.value : '';\r\n  if (plotVal === 'Others') plotVal = 'Others: ' + hgcVal('hgc-plot-custom');\r\n  var data = {\r\n    submitted_at:        new Date().toLocaleString('en-NG'),\r\n    title:               hgcVal('hgc-title'),\r\n    surname:             hgcVal('hgc-surname'),\r\n    first_name:          hgcVal('hgc-firstname'),\r\n    other_names:         hgcVal('hgc-othername'),\r\n    nationality:         hgcVal('hgc-nationality'),\r\n    marital_status:      hgcVal('hgc-marital'),\r\n    maiden_name:         hgcVal('hgc-maiden'),\r\n    dob:                 hgcVal('hgc-dob'),\r\n    email:               hgcVal('hgc-email'),\r\n    residential_address: hgcVal('hgc-address'),\r\n    mobile1:             hgcVal('hgc-mobile1'),\r\n    mobile2:             hgcVal('hgc-mobile2'),\r\n    id_type:             idTypes.join(', '),\r\n    id_number:           hgcVal('hgc-idnumber'),\r\n    employer:            hgcVal('hgc-employer'),\r\n    designation:         hgcVal('hgc-designation'),\r\n    work_address:        hgcVal('hgc-empaddress'),\r\n    work_telephone:      hgcVal('hgc-emptel'),\r\n    kin_name:            hgcVal('hgc-kin-name'),\r\n    kin_relationship:    hgcVal('hgc-kin-rel'),\r\n    kin_telephone:       hgcVal('hgc-kin-tel'),\r\n    kin_email:           hgcVal('hgc-kin-email'),\r\n    kin_address:         hgcVal('hgc-kin-address'),\r\n    plot_sqm:            plotVal,\r\n    payment_plan:        planEl ? planEl.value : '',\r\n    applicant_signature: hgcVal('hgc-signature'),\r\n    realtor_name:        hgcVal('hgc-realtor-name'),\r\n    realtor_group:       hgcVal('hgc-realtor-group'),\r\n    realtor_mobile:      hgcVal('hgc-realtor-mobile'),\r\n    realtor_email:       hgcVal('hgc-realtor-email'),\r\n  };\r\n  if (hgcPassportData) data.passport_photo = hgcPassportData;\r\n  if (hgcIdData)       data.id_document    = hgcIdData;\r\n  \/\/ Fire-and-forget POST \u2014 same proven method as Heritage Farm City form\r\n  try {\r\n    fetch(GAS_URL, {\r\n      method:  'POST',\r\n      mode:    'no-cors',\r\n      headers: { 'Content-Type': 'text\/plain;charset=UTF-8' },\r\n      body:    JSON.stringify(data)\r\n    });\r\n  } catch(e) {\r\n    console.warn('GAS error:', e);\r\n  }\r\n  \/\/ Generate PDF via dynamically loaded jsPDF\r\n  hgcLoadJsPDF(function() {\r\n  try {\r\n    var pdfDataUri  = hgcGeneratePDF();\r\n    var pdfFileName = 'HGC_Application_' + applicantName.replace(\/\\s+\/g,'_') + '_' + Date.now() + '.pdf';\r\n    var a = document.createElement('a');\r\n    a.href = pdfDataUri; a.download = pdfFileName;\r\n    document.body.appendChild(a); a.click(); document.body.removeChild(a);\r\n    status.className = 'status-banner success';\r\n    status.innerHTML =\r\n      '&#10003; Application submitted! A copy has been sent to <strong>info@theelitepillar.com<\/strong>.<br><br>' +\r\n      '<a href=\"' + pdfDataUri + '\" download=\"' + pdfFileName + '\" ' +\r\n      'style=\"display:inline-block;margin-top:8px;padding:10px 22px;background:#1a5c6e;color:#fff;' +\r\n      'border-radius:8px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;text-decoration:none;\">' +\r\n      '&#8659; Download PDF Copy<\/a>';\r\n  } catch(e) {\r\n    status.className = 'status-banner success';\r\n    status.textContent = '&#10003; Application submitted to info@theelitepillar.com';\r\n  }\r\n  btn.textContent = '\u2713 Submitted';\r\n  btn.style.background = 'linear-gradient(135deg,#1a5c6e,#0f3d4a)';\r\n  }); \/\/ end hgcLoadJsPDF\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Careers Start your career journey with us Careers at Elyon Pro Join a Purpose-Driven Team At Elyon Pro, we create [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-69","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/elyonpro.com.ng\/index.php?rest_route=\/wp\/v2\/pages\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elyonpro.com.ng\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elyonpro.com.ng\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elyonpro.com.ng\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elyonpro.com.ng\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=69"}],"version-history":[{"count":22,"href":"https:\/\/elyonpro.com.ng\/index.php?rest_route=\/wp\/v2\/pages\/69\/revisions"}],"predecessor-version":[{"id":278,"href":"https:\/\/elyonpro.com.ng\/index.php?rest_route=\/wp\/v2\/pages\/69\/revisions\/278"}],"wp:attachment":[{"href":"https:\/\/elyonpro.com.ng\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}