Kahobotjha Development NPC | Learn \u00b7 Serve \u00b7 Lead<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n \/* \u2550\u2550 WP BREAKOUT \u2550\u2550 *\/\r\n html,body{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;}\r\n .site,#page,.site-content,#content,#primary,#main,.entry-content,.post-content,.page-content,\r\n .wp-block-group,.wp-site-blocks,article.page,article.post,.elementor-section-wrap,\r\n .elementor-container,.e-con-inner,.e-con,main,.main-content,.content-area{\r\n max-width:100%!important;width:100%!important;padding-left:0!important;\r\n padding-right:0!important;margin-left:0!important;margin-right:0!important;}\r\n #wpadminbar{display:none!important;}\r\n #kd-root{position:fixed;inset:0;z-index:9999;overflow-y:auto;overflow-x:hidden;background:#f5f7fa;width:100vw;height:100vh;}\r\n\r\n \/* \u2550\u2550 BRAND TOKENS \u2014 Navy dominant, Teal secondary, Orange accent only \u2550\u2550 *\/\r\n :root{\r\n --navy: #1a2e5a;\r\n --navy-dk: #0f1c38;\r\n --navy-md: #243872;\r\n --navy-lt: #2e4a8c;\r\n --teal: #2a8fa3;\r\n --teal-dk: #1e6e80;\r\n --teal-lt: #3aafca;\r\n --orange: #e8782a;\r\n --white: #ffffff;\r\n --off-white: #f5f7fa;\r\n --gray-lt: #e8ecf2;\r\n --gray-mid: #4a5568;\r\n --gray-dk: #2d3748;\r\n --black: #0d0e12;\r\n --cs: 0 4px 20px rgba(26,46,90,.10);\r\n --csh: 0 12px 40px rgba(26,46,90,.18);\r\n }\r\n\r\n #kd-root *{box-sizing:border-box;font-family:'Inter',sans-serif;-webkit-tap-highlight-color:transparent;}\r\n #kd-root a{text-decoration:none;color:inherit;}\r\n\r\n \/* \u2550\u2550 BUTTONS \u2550\u2550 *\/\r\n .btn-primary{display:inline-block;background:linear-gradient(135deg,var(--navy),var(--navy-dk));color:#fff !important;padding:13px 30px;border-radius:6px;font-weight:600;font-size:.95rem;box-shadow:0 4px 14px rgba(26,46,90,.30);transition:all .3s;}\r\n .btn-primary:hover{background:linear-gradient(135deg,var(--navy-md),var(--navy));transform:translateY(-2px);box-shadow:0 8px 22px rgba(26,46,90,.40);}\r\n .btn-teal{display:inline-block;background:linear-gradient(135deg,var(--teal),var(--teal-dk));color:#fff;padding:13px 30px;border-radius:6px;font-weight:600;font-size:.95rem;box-shadow:0 4px 14px rgba(42,143,163,.30);transition:all .3s;}\r\n .btn-teal:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(42,143,163,.40);}\r\n .btn-orange{display:inline-block;background:var(--orange);color:#fff;padding:13px 30px;border-radius:6px;font-weight:600;font-size:.95rem;transition:all .3s;}\r\n .btn-orange:hover{transform:translateY(-2px);background:#cc6420;}\r\n .btn-white{display:inline-block;background:#fff;color:var(--navy);padding:13px 30px;border-radius:6px;font-weight:700;font-size:.95rem;box-shadow:0 4px 14px rgba(0,0,0,.15);transition:all .3s;}\r\n .btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.20);}\r\n .btn-outline-white{display:inline-block;background:transparent;color:#fff;padding:13px 30px;border-radius:6px;font-weight:600;font-size:.95rem;border:2px solid rgba(255,255,255,.60);transition:all .3s;}\r\n .btn-outline-white:hover{background:rgba(255,255,255,.12);border-color:#fff;transform:translateY(-2px);}\r\n .btn-outline-navy{display:inline-block;background:transparent;color:var(--navy);padding:13px 30px;border-radius:6px;font-weight:600;font-size:.95rem;border:2px solid var(--navy);transition:all .3s;}\r\n .btn-outline-navy:hover{background:var(--navy);color:#fff;}\r\n .btn-lg{padding:15px 40px;font-size:1.05rem;}\r\n\r\n \/* \u2550\u2550 NAV \u2550\u2550 *\/\r\n .kd-nav{\r\n display:flex;justify-content:space-between;align-items:center;\r\n padding:0 40px;height:70px;background:#fff;\r\n box-shadow:0 2px 12px rgba(26,46,90,.10);\r\n width:100%;border-bottom:3px solid var(--navy);\r\n position:sticky;top:0;z-index:100;\r\n }\r\n .kd-logo img{height:95px;display:block;}\r\n .kd-nav-links{display:flex;list-style:none;gap:32px;}\r\n .kd-nav-links a{color:var(--navy);font-weight:500;font-size:.97rem;position:relative;transition:color .3s;}\r\n .kd-nav-links a:hover,.kd-nav-links a.active{color:var(--teal);}\r\n .kd-nav-links a::after{content:'';position:absolute;width:0;height:2px;bottom:-4px;left:0;background:var(--teal);transition:width .3s;}\r\n .kd-nav-links a:hover::after,.kd-nav-links a.active::after{width:100%;}\r\n\r\n \/* \u2550\u2550 MOBILE NAV \u2550\u2550 *\/\r\n .kd-mobile-nav{display:none;position:fixed;bottom:0;left:0;width:100%;background:#fff;box-shadow:0 -2px 16px rgba(26,46,90,.12);z-index:200;padding:8px 0;border-top:3px solid var(--navy);}\r\n .kd-mobile-items{display:flex;justify-content:space-around;align-items:center;}\r\n .kd-mobile-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--gray-mid);gap:3px;padding:4px 8px;}\r\n .kd-mobile-item.active{color:var(--navy);}\r\n .kd-mobile-item i{font-size:1.15rem;}\r\n .kd-mobile-item span{font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;}\r\n\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\r\n HERO \u2014 now fixed height\/size, no vh\/vw scaling\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 *\/\r\n\r\n.kd-hero{\r\n position:relative;\r\n width:100%;\r\n height:calc(100vh - 70px); \/* fits the visible screen \u2014 no scroll, ever *\/\r\n max-height:820px; \/* stops it getting too tall on huge monitors *\/\r\n overflow:hidden;\r\n\r\n display:flex;\r\n align-items:center;\r\n\r\n background:\r\n linear-gradient(\r\n rgba(15,28,56,.55),\r\n rgba(15,28,56,.55)\r\n ),\r\n url(\"https:\/\/www.newsite.kahobotjha.co.za\/wp-content\/uploads\/2026\/07\/3ad43c56-8fbb-42d7-be11-16dca7262bb0.png\");\r\n\r\n background-size:cover;\r\n background-position:center;\r\n background-repeat:no-repeat;\r\n}\r\n\r\n\r\n\/* REMOVE OLD DECORATIONS *\/\r\n\r\n.hero-topo,\r\n.hero-sweep,\r\n.hero-ring1,\r\n.hero-ring2,\r\n.hero-person{\r\n display:none !important;\r\n}\r\n\r\n\r\n\/* HERO CONTENT *\/\r\n\r\n.kd-hero-inner{\r\n position:relative;\r\n z-index:10;\r\n\r\n width:100%;\r\n max-width:650px;\r\n\r\n margin-left:20px;\r\n margin-right:0;\r\n\r\n padding:0;\r\n}\r\n\r\n\r\n.kd-hero-inner h1{\r\n font-family:'Barlow Condensed',sans-serif;\r\n font-size:3.8rem; \/* FIXED size \u2014 no vw scaling *\/\r\n font-weight:700;\r\n line-height:.95;\r\n color:#fff;\r\n margin:0 0 18px;\r\n}\r\n\r\n.kd-hero-inner h1 .teal{\r\n color:var(--teal-lt);\r\n}\r\n\r\n.kd-hero-inner h1 .accent{\r\n color:var(--orange);\r\n}\r\n\r\n\r\n.hero-tagline{\r\n font-family:'Barlow Condensed',sans-serif;\r\n font-size:1.15rem;\r\n font-weight:700;\r\n letter-spacing:4px;\r\n text-transform:uppercase;\r\n\r\n color:rgba(255,255,255,.65);\r\n\r\n margin-bottom:20px;\r\n}\r\n\r\n.hero-tagline span{\r\n color:var(--orange);\r\n}\r\n\r\n\r\n.hero-sub{\r\n max-width:440px;\r\n\r\n font-size:1rem;\r\n line-height:1.8;\r\n\r\n color:rgba(255,255,255,.85);\r\n\r\n margin-bottom:30px;\r\n}\r\n\r\n\r\n.hero-btns{\r\n display:flex;\r\n gap:12px;\r\n flex-wrap:wrap;\r\n\r\n margin-bottom:30px;\r\n}\r\n\r\n\r\n.hero-checks{\r\n display:flex;\r\n flex-direction:column;\r\n gap:10px;\r\n\r\n width:fit-content;\r\n max-width:420px;\r\n}\r\n\r\n\r\n.hero-check{\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n\r\n padding:12px 18px;\r\n\r\n background:rgba(255,255,255,.08);\r\n\r\n border:1px solid rgba(255,255,255,.12);\r\n\r\n border-radius:50px;\r\n\r\n backdrop-filter:blur(8px);\r\n\r\n color:#fff;\r\n\r\n font-size:.9rem;\r\n}\r\n\r\n\r\n.check-dot{\r\n width:22px;\r\n height:22px;\r\n border-radius:50%;\r\n\r\n background:var(--teal);\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n flex-shrink:0;\r\n}\r\n\r\n\r\n.check-dot svg{\r\n width:13px;\r\n height:13px;\r\n color:#fff;\r\n}\r\n\r\n\r\n\/* TABLET \u2014 hero stays fixed height, just adjusts inner padding\/alignment *\/\r\n\r\n@media (max-width:900px){\r\n\r\n .kd-hero-inner{\r\n margin-left:0;\r\n max-width:100%;\r\n padding:0 30px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE \u2014 hero becomes fluid so content isn't clipped on small screens *\/\r\n\r\n@media (max-width:768px){\r\n\r\n .kd-hero{\r\n height:auto;\r\n min-height:auto;\r\n\r\n padding:70px 20px;\r\n }\r\n\r\n .kd-hero-inner h1{\r\n font-size:2.4rem;\r\n }\r\n\r\n .hero-sub{\r\n font-size:.95rem;\r\n }\r\n\r\n}\r\n \/* \u2550\u2550 STATS BAND \u2550\u2550 *\/\r\n .kd-stats{width:100%;background:var(--navy-dk);padding:20px 40px;border-bottom:1px solid rgba(255,255,255,.06);}\r\n .kd-stats-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:12px;}\r\n .kd-stat{text-align:center;padding:8px 0;}\r\n .kd-stat-num{font-family:'Barlow Condensed',sans-serif;font-size:2rem;font-weight:900;color:var(--teal-lt);line-height:1;}\r\n .kd-stat-lbl{font-size:.73rem;color:rgba(255,255,255,.45);font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-top:3px;}\r\n .kd-stat-div{width:1px;height:36px;background:rgba(255,255,255,.10);}\r\n\r\n \/* \u2550\u2550 PILLARS \/ THREE CARDS \u2550\u2550 *\/\r\n .kd-pillars{width:100%;background:#fff;padding:80px 40px;}\r\n .kd-pillars-inner{max-width:1200px;margin:0 auto;}\r\n .kd-sec-head{text-align:center;margin-bottom:52px;}\r\n .kd-eyebrow{font-size:.74rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:10px;color:var(--teal);}\r\n .kd-sec-head h2{font-family:'Barlow Condensed',sans-serif;font-size:2.4rem;font-weight:800;color:var(--navy);line-height:1.1;margin-bottom:12px;}\r\n .kd-sec-head p{font-size:.97rem;color:var(--gray-mid);line-height:1.7;max-width:580px;margin:0 auto;}\r\n\r\n \/* Swap eyebrow\/heading sizes for THIS section only *\/\r\n .kd-pillars .kd-sec-head .kd-eyebrow{\r\n font-family:'Barlow Condensed',sans-serif;\r\n font-size:2.4rem;font-weight:800;letter-spacing:normal;\r\n text-transform:none;line-height:1.1;margin-bottom:12px;\r\n }\r\n .kd-pillars .kd-sec-head h2{\r\n font-family:'Inter',sans-serif;\r\n font-size:.74rem;font-weight:700;letter-spacing:2px;\r\n text-transform:uppercase;color:var(--gray-mid);margin-bottom:12px;\r\n }\r\n\r\n .pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}\r\n .pillar-card{\r\n display:flex;flex-direction:column;\r\n transition:all .3s;\r\n background:transparent;\r\n }\r\n .pillar-card h3{font-size:1.15rem;font-weight:700;color:var(--navy);margin-bottom:8px;line-height:1.25;}\r\n .pillar-card p{font-size:.87rem;color:var(--gray-mid);line-height:1.65;margin-bottom:18px;}\r\n .pc-img-wrap{\r\n width:100%;height:230px;overflow:hidden;position:relative;\r\n border-radius:12px;box-shadow:var(--cs);\r\n }\r\n .pc-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}\r\n .pillar-card:hover .pc-img-wrap img{transform:scale(1.06);}\r\n .pc-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,28,56,.55) 0%,transparent 45%);}\r\n .pc-pill{\r\n position:absolute;top:14px;left:14px;\r\n font-size:.70rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;\r\n padding:4px 13px;border-radius:4px;color:#fff;\r\n }\r\n .pill-navy{background:var(--navy);}\r\n .pill-teal{background:var(--teal);}\r\n .pill-orange{background:var(--orange);}\r\n .pc-glass-btn{\r\n position:absolute;left:50%;bottom:14px;transform:translateX(-50%);\r\n display:inline-flex;align-items:center;justify-content:center;gap:6px;\r\n padding:8px 16px;border-radius:6px;\r\n background:rgba(255,255,255,.18);\r\n border:1px solid rgba(255,255,255,.55);\r\n backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\r\n color:#fff;font-weight:700;font-size:.78rem;\r\n transition:all .3s;\r\n }\r\n .pc-glass-btn:hover{background:rgba(255,255,255,.30);border-color:#fff;transform:translateX(-50%) scale(1.03);}\r\n\r\n \/* \u2550\u2550 WHO WE ARE (side by side) \u2550\u2550 *\/\r\n .kd-who{width:100%;background:var(--off-white);padding:80px 40px;}\r\n .kd-who-inner{max-width:1200px;margin:0 auto;display:flex;gap:64px;align-items:center;flex-wrap:wrap;}\r\n .kd-who-img{flex:1;min-width:280px;border-radius:14px;overflow:hidden;box-shadow:0 24px 56px rgba(26,46,90,.18);}\r\n .kd-who-img img{width:100%;display:block;}\r\n .kd-who-text{flex:1;min-width:280px;}\r\n .kd-who-text .kd-eyebrow{color:var(--navy);}\r\n .kd-who-text h2{font-family:'Barlow Condensed',sans-serif;font-size:2.4rem;font-weight:800;color:var(--navy);line-height:1.1;margin-bottom:18px;}\r\n .kd-who-text h2 span{color:var(--teal);}\r\n .kd-who-text p{font-size:.97rem;color:var(--gray-mid);line-height:1.8;margin-bottom:14px;}\r\n .kd-who-reg{font-size:.78rem;color:var(--gray-mid);opacity:.60;margin-top:6px;}\r\n .who-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px;}\r\n .who-mini{\r\n background:#fff;border-radius:10px;padding:16px 18px;\r\n border-left:3px solid var(--teal);\r\n box-shadow:var(--cs);\r\n }\r\n .who-mini .who-icon{width:26px;height:26px;margin-bottom:8px;display:block;color:var(--navy);}\r\n .who-mini .who-icon svg{width:100%;height:100%;}\r\n .who-mini h4{font-size:.88rem;font-weight:700;color:var(--navy);margin-bottom:4px;}\r\n .who-mini p{font-size:.78rem;color:var(--gray-mid);margin:0;line-height:1.5;}\r\n\r\n \/* \u2550\u2550 DARK FEATURES SECTION \u2550\u2550 *\/\r\n .kd-features{width:100%;background:var(--navy-dk);padding:90px 40px;}\r\n .kd-features-inner{max-width:1200px;margin:0 auto;}\r\n .kd-features .kd-sec-head .kd-eyebrow{color:var(--teal-lt);}\r\n .kd-features .kd-sec-head h2{color:#fff;}\r\n .kd-features .kd-sec-head p{color:rgba(255,255,255,.50);}\r\n .features-grid{display:flex;gap:20px;flex-wrap:wrap;}\r\n .feat-card{\r\n flex:1;min-width:220px;\r\n background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);\r\n border-radius:14px;padding:30px 26px;transition:all .3s;\r\n }\r\n .feat-card:hover{background:rgba(42,143,163,.12);border-color:rgba(42,143,163,.35);transform:translateY(-4px);}\r\n .feat-icon svg{width:24px;height:24px;}\r\n .feat-icon{\r\n width:50px;height:50px;border-radius:12px;\r\n display:flex;align-items:center;justify-content:center;\r\n font-size:1.3rem;margin-bottom:18px;\r\n }\r\n .fi-teal{background:rgba(42,143,163,.20);color:var(--teal-lt);}\r\n .fi-navy{background:rgba(46,74,140,.30);color:#7aa0e8;}\r\n .fi-white{background:rgba(255,255,255,.10);color:#fff;}\r\n .fi-accent{background:rgba(232,120,42,.18);color:var(--orange);}\r\n .feat-card h3{font-size:1rem;font-weight:700;color:#fff;margin-bottom:8px;}\r\n .feat-card p{font-size:.84rem;color:rgba(255,255,255,.50);line-height:1.65;}\r\n\r\n \/* \u2550\u2550 GET STARTED (side by side) \u2550\u2550 *\/\r\n .kd-start{width:100%;background:#fff;padding:90px 40px;}\r\n .kd-start-inner{max-width:1200px;margin:0 auto;display:flex;gap:70px;align-items:center;flex-wrap:wrap;}\r\n .kd-start-text{flex:1;min-width:280px;}\r\n .kd-start-text .kd-eyebrow{color:var(--teal);}\r\n .kd-start-text h2{font-family:'Barlow Condensed',sans-serif;font-size:2.4rem;font-weight:800;color:var(--navy);line-height:1.1;margin-bottom:16px;}\r\n .kd-start-text h2 span{color:var(--teal);}\r\n .kd-start-text p{font-size:.97rem;color:var(--gray-mid);line-height:1.8;margin-bottom:22px;}\r\n .checklist{display:flex;flex-direction:column;gap:12px;margin-bottom:30px;}\r\n .check-item{display:flex;align-items:flex-start;gap:12px;}\r\n .ci-icon{width:24px;height:24px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}\r\n .ci-icon span{font-size:.75rem;color:#ffffff !important;font-weight:900;line-height:1;}\r\n .check-item span{font-size:.93rem;color:var(--gray-mid);line-height:1.5;}\r\n .kd-start-img{flex:1;min-width:280px;border-radius:14px;overflow:hidden;box-shadow:0 24px 56px rgba(26,46,90,.16);}\r\n .kd-start-img img{width:100%;display:block;}\r\n\r\n \/* \u2550\u2550 PARTNER CTA (navy dominant) \u2550\u2550 *\/\r\n .kd-partner{\r\n width:100%;padding:90px 40px;\r\n background:linear-gradient(135deg,var(--navy-dk) 0%,var(--navy) 60%,var(--navy-md) 100%);\r\n position:relative;overflow:hidden;\r\n }\r\n .kd-partner::before{\r\n content:'';position:absolute;inset:0;\r\n background-image:repeating-linear-gradient(-45deg,transparent,transparent 28px,rgba(255,255,255,.025) 28px,rgba(255,255,255,.025) 29px);\r\n }\r\n .kd-partner::after{content:'';position:absolute;bottom:-60px;right:-60px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(42,143,163,.25) 0%,transparent 70%);}\r\n .kd-partner-inner{position:relative;z-index:1;max-width:860px;margin:0 auto;text-align:center;}\r\n .kd-partner-inner .kd-eyebrow{color:var(--teal-lt);}\r\n .kd-partner-inner h2{font-family:'Barlow Condensed',sans-serif;font-size:2.8rem;font-weight:900;color:#fff;line-height:1.05;margin-bottom:16px;}\r\n .kd-partner-inner h2 span{color:var(--orange);}\r\n .kd-partner-inner p{font-size:1.05rem;color:rgba(255,255,255,.72);line-height:1.75;margin-bottom:36px;max-width:600px;margin-left:auto;margin-right:auto;}\r\n .partner-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}\r\n\r\n \/* \u2550\u2550 FOOTER \u2550\u2550 *\/\r\n .kd-footer{width:100%;background:var(--navy-dk);padding:60px 40px 28px;}\r\n .kd-footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;align-items:flex-start;}\r\n\r\n .footer-brand{min-width:220px;max-width:260px;}\r\n .footer-logo img{height:92px;display:block;margin-bottom:10px;}\r\n .footer-tagline{\r\n font-family:'Barlow Condensed',sans-serif;\r\n font-size:1.1rem;font-weight:700;letter-spacing:3px;\r\n text-transform:uppercase;color:var(--teal-lt);margin-bottom:8px;\r\n }\r\n .footer-reg{font-size:.74rem;color:rgba(255,255,255,.30);}\r\n\r\n .footer-col{min-width:130px;display:flex;flex-direction:column;gap:8px;}\r\n .footer-col h4{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-lt);margin-bottom:6px;}\r\n .footer-col a{color:rgba(255,255,255,.55) !important;font-size:.86rem;transition:color .2s;}\r\n .footer-col a:hover{color:#fff;}\r\n\r\n .footer-contact-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;}\r\n .fc-icon{\r\n width:34px;height:34px;border-radius:8px;\r\n background:rgba(42,143,163,.20);border:1px solid rgba(42,143,163,.30);\r\n display:flex;align-items:center;justify-content:center;\r\n color:var(--teal-lt);font-size:.9rem;flex-shrink:0;\r\n }\r\n .fc-text{display:flex;flex-direction:column;}\r\n .fc-label{font-size:.68rem;font-weight:700;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px;}\r\n .fc-value{font-size:.83rem;color:rgba(255,255,255,.65);}\r\n .fc-value a{color:rgba(255,255,255,.65);transition:color .2s;}\r\n .fc-value a:hover{color:#fff;}\r\n\r\n .footer-social{display:flex;gap:10px;margin-top:8px;}\r\n .social-icon{\r\n width:36px;height:36px;border-radius:8px;\r\n background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);\r\n display:flex;align-items:center;justify-content:center;\r\n color:#ffffff !important;font-size:.95rem;transition:all .2s;\r\n }\r\n .social-icon:hover{background:var(--teal);border-color:var(--teal);color:#fff;}\r\n\r\n .footer-bottom{max-width:1200px;margin:36px auto 0;border-top:1px solid rgba(255,255,255,.08);padding-top:20px;text-align:center;font-size:.76rem;color:rgba(255,255,255,.28);}\r\n\r\n \/* \u2550\u2550 ANIMS \u2550\u2550 *\/\r\n @keyframes kdup{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:translateY(0);}}\r\n .ka{animation:kdup .7s ease forwards;}\r\n .d1{animation-delay:.10s;opacity:0;}.d2{animation-delay:.25s;opacity:0;}.d3{animation-delay:.40s;opacity:0;}.d4{animation-delay:.55s;opacity:0;}\r\n\r\n \/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n @media(max-width:1024px){.pillars-grid{grid-template-columns:repeat(2,1fr);}}\r\n @media(max-width:768px){\r\n .kd-nav-links{display:none;} .kd-mobile-nav{display:block;} #kd-root{padding-bottom:64px;}\r\n .kd-nav{padding:0 16px;} .kd-logo img{height:38px;}\r\n .kd-hero-inner{padding:50px 20px 60px;}\r\n .hero-sweep{width:100%;clip-path:none;opacity:.12;}\r\n .hero-ring1,.hero-ring2{display:none;}\r\n .hero-person{display:none;}\r\n .kd-pillars,.kd-who,.kd-features,.kd-start,.kd-partner{padding-left:20px;padding-right:20px;}\r\n .pillars-grid{grid-template-columns:1fr;}\r\n .kd-who-inner,.kd-start-inner{flex-direction:column;}\r\n .features-grid{flex-direction:column;}\r\n .kd-stat-div{display:none;}\r\n .kd-footer{padding:40px 20px 20px;}\r\n .kd-footer-inner{flex-direction:column;}\r\n .footer-brand{max-width:none;}\r\n }\r\n @media(max-width:480px){.kd-hero-inner h1{font-size:2rem;}}\r\n @media(min-width:769px){#kd-root{padding-bottom:0!important;}}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div id=\"kd-root\">\r\n\r\n \r\n <nav class=\"kd-nav\">\r\n <div class=\"kd-logo\">\r\n <a href=\"https:\/\/kahobotjha.co.za\/\">\r\n <img decoding=\"async\" src=\"https:\/\/www.newsite.kahobotjha.co.za\/wp-content\/uploads\/2026\/07\/logo-2.png\" alt=\"Kahobotjha Development NPC\">\r\n <\/a>\r\n <\/div>\r\n <ul class=\"kd-nav-links\">\r\n <li><a href=\"https:\/\/www.newsite.kahobotjha.co.za\/\" class=\"active\">Home<\/a><\/li>\r\n <li><a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=246\">About Us<\/a><\/li>\r\n <li><a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=313\">Programmes<\/a><\/li>\r\n <li><a href=\"https:\/\/www.newsite.kahobotjha.co.za\/contact-us.php\">Contact<\/a><\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/kahobotjha.co.za\/Partners\/\" class=\"btn-teal\" style=\"flex-shrink:0;padding:10px 22px;font-size:.88rem;\">Partner With Us<\/a>\r\n <\/nav>\r\n\r\n \r\n <div class=\"kd-mobile-nav\">\r\n <div class=\"kd-mobile-items\">\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/\" class=\"kd-mobile-item\"><span style=\"font-size:1.15rem;\">\ud83c\udfe0<\/span><span>Home<\/span><\/a>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=246\" class=\"kd-mobile-item active\"><span style=\"font-size:1.15rem;\">\u2139<\/span><span>About<\/span><\/a>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=246\" class=\"kd-mobile-item\"><span style=\"font-size:1.15rem;\">\ud83e\udd1d<\/span><span>What We Do<\/span><\/a>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=313\" class=\"kd-mobile-item\"><span style=\"font-size:1.15rem;\">\ud83d\udcd6<\/span><span>Programmes<\/span><\/a>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/contact-us.php\" class=\"kd-mobile-item\"><span style=\"font-size:1.15rem;\">\u2709<\/span><span>Contact<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n<section class=\"kd-hero\">\r\n\r\n <div class=\"kd-hero-inner\">\r\n\r\n <h1 class=\"ka d2\">\r\n Empowering<br>\r\n People. <span class=\"teal\">Building<\/span><br>\r\n <span class=\"accent\">Leaders.<\/span>\r\n <\/h1>\r\n\r\n <p class=\"hero-tagline ka d2\">\r\n Learn <span>\u00b7<\/span> Serve <span>\u00b7<\/span> Lead\r\n <\/p>\r\n\r\n <p class=\"hero-sub ka d3\">\r\n Kahobotjha Development NPC is a South African non-profit company dedicated to empowering people and strengthening communities through learning, service and leadership.\r\n <\/p>\r\n\r\n <div class=\"hero-btns ka d3\">\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=246\" class=\"btn-white btn-lg\">\r\n Learn More\r\n <\/a>\r\n\r\n <a href=\"https:\/\/kahobotjha.co.za\/Partners\/\" class=\"btn-lg\" style=\"display:inline-block;background:transparent;color:var(--orange);padding:13px 30px;border-radius:6px;font-weight:600;font-size:.95rem;border:2px solid var(--orange);transition:all .3s;\">\r\n Partner With Us\r\n<\/a>\r\n <\/div>\r\n\r\n <div class=\"hero-checks ka d4\">\r\n\r\n <div class=\"hero-check\">\r\n <div class=\"check-dot\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M5 13l4 4L19 7\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"3\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <span>Accessible, community-driven programmes<\/span>\r\n <\/div>\r\n\r\n <div class=\"hero-check\">\r\n <div class=\"check-dot\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M5 13l4 4L19 7\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"3\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <span>Skills that connect directly to opportunity<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n \r\n <section class=\"kd-pillars\">\r\n <div class=\"kd-pillars-inner\">\r\n <div class=\"kd-sec-head\">\r\n <span class=\"kd-eyebrow\">Explore our Programmes<\/span>\r\n <h2>Practical pathways to build skills,<br>gain confidence, and access opportunity.<\/h2>\r\n <\/div>\r\n <div class=\"pillars-grid\">\r\n\r\n <div class=\"pillar-card\">\r\n <h3>Education & Learning Support<\/h3>\r\n <p>Tutoring, school resources and academic support for learners from underserved communities , because every child deserves quality education.<\/p>\r\n <div class=\"pc-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.newsite.kahobotjha.co.za\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-15-2026-10_27_09-PM.png\" alt=\"Education\">\r\n <div class=\"pc-overlay\"><\/div>\r\n <span class=\"pc-pill pill-navy\">Learn<\/span>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=246\" class=\"pc-glass-btn\">Discover How<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pillar-card\">\r\n <h3>Youth Development & Empowerment<\/h3>\r\n <p>Leadership training, life skills, mentorship and recreational programmes , equipping young people to become confident, contributing citizens.<\/p>\r\n <div class=\"pc-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.newsite.kahobotjha.co.za\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-15-2026-11_09_28-PM.png\" alt=\"Community Service\">\r\n <div class=\"pc-overlay\"><\/div>\r\n <span class=\"pc-pill pill-teal\">Serve<\/span>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=313\" class=\"pc-glass-btn\">Our Programmes<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pillar-card\">\r\n <h3>Skills Development & Work Readiness<\/h3>\r\n <p>Vocational training, entrepreneurship and income,generating skills programmes that create pathways to sustainable livelihoods.<\/p>\r\n <div class=\"pc-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.newsite.kahobotjha.co.za\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-15-2026-10_41_38-PM.png\" alt=\"Skills Development\">\r\n <div class=\"pc-overlay\"><\/div>\r\n <span class=\"pc-pill pill-orange\">Lead<\/span>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=246\/\" class=\"pc-glass-btn\">About Us<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"kd-who\">\r\n <div class=\"kd-who-inner\">\r\n <div class=\"kd-who-img\">\r\n <img decoding=\"async\" src=\"https:\/\/www.newsite.kahobotjha.co.za\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-16-at-16.33.49.jpeg\" alt=\"Kahobotjha Community\">\r\n <\/div>\r\n <div class=\"kd-who-text\">\r\n <span class=\"kd-eyebrow\">Who We Are<\/span>\r\n <h2>Rooted in Community.<br><span>Driven by Purpose.<\/span><\/h2>\r\n <p>Kahobotjha Development NPC is a registered South African non-profit company based in Vanderbijlpark, focused on sustainable community development through education, youth empowerment, skills training and social welfare initiatives.<\/p>\r\n <p>We believe that lasting change starts with people with knowledge, dignity, and the courage to lead.<\/p>\r\n \r\n <div class=\"who-mini-grid\">\r\n <div class=\"who-mini\">\r\n <span class=\"who-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 6.5C2 5.67 2.67 5 3.5 5H9a3 3 0 0 1 3 3v11a2.5 2.5 0 0 0-2.5-2.5H2z\"\/><path d=\"M22 6.5C22 5.67 21.33 5 20.5 5H15a3 3 0 0 0-3 3v11a2.5 2.5 0 0 1 2.5-2.5H22z\"\/><\/svg><\/span>\r\n <h4>Education<\/h4>\r\n <p>Academic support & literacy<\/p>\r\n <\/div>\r\n <div class=\"who-mini\">\r\n <span class=\"who-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"8.5\" cy=\"7.5\" r=\"2.5\"\/><circle cx=\"16.5\" cy=\"8.5\" r=\"2.2\"\/><path d=\"M2.5 20v-1.5A4.5 4.5 0 0 1 7 14h3a4.5 4.5 0 0 1 4.5 4.5V20\"\/><path d=\"M14.5 15.2a4 4 0 0 1 6.5 3.1V20\"\/><\/svg><\/span>\r\n <h4>Youth<\/h4>\r\n <p>Empowerment & leadership<\/p>\r\n <\/div>\r\n <div class=\"who-mini\">\r\n <span class=\"who-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 0 0 5.4-5.4l-2.3 2.3-2.4-.6-.6-2.4z\"\/><\/svg><\/span>\r\n <h4>Skills<\/h4>\r\n <p>Vocational & work readiness<\/p>\r\n <\/div>\r\n <div class=\"who-mini\" style=\"border-left-color:var(--navy);\">\r\n <span class=\"who-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20.5s-7.5-4.6-9.8-9A5.3 5.3 0 0 1 12 6.1a5.3 5.3 0 0 1 9.8 5.4c-2.3 4.4-9.8 9-9.8 9z\"\/><\/svg><\/span>\r\n <h4>Welfare<\/h4>\r\n <p>Social support & dignity<\/p>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=246\" class=\"btn-primary btn-lg\" style=\"margin-top:28px;color:#fff;\">Read Our Full Story \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"kd-features\">\r\n <div class=\"kd-features-inner\">\r\n <div class=\"kd-sec-head\" style=\"margin-bottom:52px;\">\r\n <span class=\"kd-eyebrow\" style=\"color:var(--teal-lt);\">Why Kahobotjha<\/span>\r\n <h2 style=\"color:#fff;\">Learn from people who<br>live in the community.<\/h2>\r\n <p style=\"color:rgba(255,255,255,.50);\">We don't just work in communities \u2014 we are the community. Everything we do is rooted in real experience and real relationships.<\/p>\r\n <\/div>\r\n <div class=\"features-grid\">\r\n <div class=\"feat-card\">\r\n <div class=\"feat-icon fi-teal\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 8.5 12 4l10 4.5-10 4.5-10-4.5Z\"\/><path d=\"M6 10.7v4.8c0 1.4 2.7 2.5 6 2.5s6-1.1 6-2.5v-4.8\"\/><path d=\"M21 8.5v6\"\/><\/svg><\/div>\r\n <h3>Learn from Community Leaders<\/h3>\r\n <p>Get practical knowledge directly from people who have walked the same journey and are actively making a difference right now.<\/p>\r\n <\/div>\r\n <div class=\"feat-card\">\r\n <div class=\"feat-icon fi-navy\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m2 12 4-4 4 3-4 5-4-4Z\"\/><path d=\"m22 12-4-4-4 3 4 5 4-4Z\"\/><path d=\"m10 11 2 1.5L14 11\"\/><\/svg><\/div>\r\n <h3>Share Knowledge & Ideas<\/h3>\r\n <p>Collaborative growth is at our core. Combine insights with others and create new possibilities for your community and your future.<\/p>\r\n <\/div>\r\n <div class=\"feat-card\">\r\n <div class=\"feat-icon fi-white\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21V11\"\/><path d=\"M12 11C12 6.5 9 4 4 4c0 5 3 7.5 8 7z\"\/><path d=\"M12 11c0-4.5 3-7 8-7 0 5-3 7.5-8 7Z\"\/><\/svg><\/div>\r\n <h3>Grow at Your Own Pace<\/h3>\r\n <p>Our programmes are designed to meet you where you are \u2014 and take you where you want to go, at a pace that works for you.<\/p>\r\n <\/div>\r\n <div class=\"feat-card\">\r\n <div class=\"feat-icon fi-accent\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 4h10v5a5 5 0 0 1-10 0V4Z\"\/><path d=\"M7 5H4a1 1 0 0 0-1 1v1a4 4 0 0 0 4 4\"\/><path d=\"M17 5h3a1 1 0 0 1 1 1v1a4 4 0 0 1-4 4\"\/><path d=\"M12 14v3\"\/><path d=\"M9 20h6\"\/><path d=\"M12 17v3\"\/><\/svg><\/div>\r\n <h3>Earn Recognition<\/h3>\r\n <p>Every programme you complete is a step toward recognised skills, certificates, and real-world opportunities that open doors.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"kd-start\">\r\n <div class=\"kd-start-inner\">\r\n <div class=\"kd-start-text\">\r\n <span class=\"kd-eyebrow\">Get started!<\/span>\r\n <h2>Why wait? Build your<br><span>future today.<\/span><\/h2>\r\n <p>In the time it takes to scroll through your feed, you could do something your future self will actually thank you for.<\/p>\r\n <div class=\"checklist\">\r\n <div class=\"check-item\"><div class=\"ci-icon\"><span>✓<\/span><\/div><span>Quick and impactful learning to gain valuable skills.<\/span><\/div>\r\n <div class=\"check-item\"><div class=\"ci-icon\"><span>✓<\/span><\/div><span>Learn from those who do it best with community-led content.<\/span><\/div>\r\n <div class=\"check-item\"><div class=\"ci-icon\"><span>✓<\/span><\/div><span>Developing problem-solving skills for life's challenges.<\/span><\/div>\r\n <div class=\"check-item\"><div class=\"ci-icon\"><span>✓<\/span><\/div><span>Master skills needed in a world that's constantly changing.<\/span><\/div>\r\n <\/div>\r\n <div style=\"display:flex;gap:14px;flex-wrap:wrap;\">\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=246\" class=\"btn-primary btn-lg\" style=\"color:#fff;\">Explore What We Do<\/a>\r\n <a href=\"https:\/\/kahobotjha.co.za\/Contact\/\" class=\"btn-outline-navy btn-lg\">Contact Us<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kd-start-img\">\r\n <img decoding=\"async\" src=\"https:\/\/www.newsite.kahobotjha.co.za\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-15-2026-11_47_47-PM.png\" alt=\"Young leader smiling\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"kd-partner\">\r\n <div class=\"kd-partner-inner\">\r\n <span class=\"kd-eyebrow\">Make a Difference<\/span>\r\n <h2>Together We Can Reach<br>More <span>Communities.<\/span><\/h2>\r\n <p>Together, we can reach more communities, deepen our programmes and build a stronger South Africa. Join us in creating lasting social impact.<\/p>\r\n <div class=\"partner-btns\">\r\n <a href=\"https:\/\/kahobotjha.co.za\/Partners\/\" class=\"btn-white btn-lg\">Become a Partner<\/a>\r\n <a href=\"https:\/\/kahobotjha.co.za\/Contact\/\" class=\"btn-outline-white btn-lg\">Get In Touch<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"kd-footer\">\r\n <div class=\"kd-footer-inner\">\r\n\r\n <div class=\"footer-brand\">\r\n <div class=\"footer-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.newsite.kahobotjha.co.za\/wp-content\/uploads\/2026\/07\/kahobotjha-logo-white-transparent.png\" alt=\"Kahobotjha\">\r\n <\/div>\r\n <div class=\"footer-tagline\">Learn \u00b7 Serve \u00b7 Lead<\/div>\r\n <div class=\"footer-social\" style=\"margin-top:16px;\">\r\n <a href=\"#\" class=\"social-icon\" title=\"Facebook\" style=\"font-weight:700;color:#fff;\">f<\/a>\r\n <a href=\"#\" class=\"social-icon\" title=\"Twitter \/ X\" style=\"font-weight:700;color:#fff;\">X<\/a>\r\n <a href=\"#\" class=\"social-icon\" title=\"Instagram\" style=\"font-weight:700;font-size:.8rem;color:#fff;\">IG<\/a>\r\n <a href=\"#\" class=\"social-icon\" title=\"LinkedIn\" style=\"font-weight:700;font-size:.8rem;color:#fff;\">in<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>Quick Links<\/h4>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=246\" style=\"color:rgba(255,255,255,.55);\">About Us<\/a>\r\n \r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=313\" style=\"color:rgba(255,255,255,.55);\">Programmes<\/a>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/contact-us.php\">Contact<\/a>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=313\" style=\"color:rgba(255,255,255,.55);\">Partners<\/a>\r\n \r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>Our Pillars<\/h4>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=246\" style=\"display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.55);\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-lt)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:15px;height:15px;flex-shrink:0;\"><path d=\"M2 8.5 12 4l10 4.5-10 4.5-10-4.5Z\"\/><path d=\"M6 10.7v4.8c0 1.4 2.7 2.5 6 2.5s6-1.1 6-2.5v-4.8\"\/><\/svg> Learn\r\n <\/a>\r\n <a href=\"https:\/\/kahobotjha.co.za\/Programmes\/\" style=\"display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.55);\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-lt)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:15px;height:15px;flex-shrink:0;\"><path d=\"m2 12 4-4 4 3-4 5-4-4Z\"\/><path d=\"m22 12-4-4-4 3 4 5 4-4Z\"\/><\/svg> Serve\r\n <\/a>\r\n <a href=\"https:\/\/kahobotjha.co.za\/About-Us\/\" style=\"display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.55);\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-lt)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:15px;height:15px;flex-shrink:0;\"><path d=\"M12 2.5 14.6 8l6 .9-4.3 4.2 1 6-5.3-2.8-5.3 2.8 1-6L3.4 8.9l6-.9Z\"\/><\/svg> Lead\r\n <\/a>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"footer-col\">\r\n <h4>Contact Us<\/h4>\r\n\r\n <div class=\"footer-contact-item\">\r\n <div class=\"fc-icon\">\ud83d\udccd<\/div>\r\n <div class=\"fc-text\">\r\n <span class=\"fc-label\">Address<\/span>\r\n <span class=\"fc-value\">49 Versveld CE4,<br>Vanderbijlpark, 1911<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-contact-item\">\r\n <div class=\"fc-icon\">\u2709<\/div>\r\n <div class=\"fc-text\">\r\n <span class=\"fc-label\">Email<\/span>\r\n <span class=\"fc-value\"><a href=\"mailto:info@kahobotjha.co.za\">info@kahobotjha.co.za<\/a><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-contact-item\">\r\n <div class=\"fc-icon\">\u260e<\/div>\r\n <div class=\"fc-text\">\r\n <span class=\"fc-label\">Phone<\/span>\r\n <span class=\"fc-value\"><a href=\"tel:+27682338937\">+27 68 233 8937<\/a><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n © 2026 Kahobotjha Development NPC. All rights reserved. \r\n <\/div>\r\n <\/footer>\r\n\r\n<\/div>\r\n<script>\r\n const root = document.getElementById('kd-root');\r\n root.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n a.addEventListener('click', function(e) {\r\n const t = root.querySelector(this.getAttribute('href'));\r\n if (!t) return;\r\n e.preventDefault();\r\n root.scrollTo({ top: t.offsetTop - 70, behavior: 'smooth' });\r\n });\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>Kahobotjha Development NPC | Learn \u00b7 Serve \u00b7 Lead Home About Us Programmes Contact Partner With Us \ud83c\udfe0Home \u2139About \ud83e\udd1dWhat We Do \ud83d\udcd6Programmes \u2709Contact Empowering People. Building Leaders. Learn \u00b7 Serve \u00b7 Lead Kahobotjha Development NPC is a South African non-profit company dedicated to empowering people and strengthening communities through learning, service and leadership. Learn […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.newsite.kahobotjha.co.za\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.newsite.kahobotjha.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.newsite.kahobotjha.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.newsite.kahobotjha.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.newsite.kahobotjha.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":265,"href":"https:\/\/www.newsite.kahobotjha.co.za\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":406,"href":"https:\/\/www.newsite.kahobotjha.co.za\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/406"}],"wp:attachment":[{"href":"https:\/\/www.newsite.kahobotjha.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Kahobotjha Development NPC | Learn \u00b7 Serve \u00b7 Lead<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n \/* \u2550\u2550 WP BREAKOUT \u2550\u2550 *\/\r\n html,body{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;}\r\n .site,#page,.site-content,#content,#primary,#main,.entry-content,.post-content,.page-content,\r\n .wp-block-group,.wp-site-blocks,article.page,article.post,.elementor-section-wrap,\r\n .elementor-container,.e-con-inner,.e-con,main,.main-content,.content-area{\r\n max-width:100%!important;width:100%!important;padding-left:0!important;\r\n padding-right:0!important;margin-left:0!important;margin-right:0!important;}\r\n #wpadminbar{display:none!important;}\r\n #kd-root{position:fixed;inset:0;z-index:9999;overflow-y:auto;overflow-x:hidden;background:#f5f7fa;width:100vw;height:100vh;}\r\n\r\n \/* \u2550\u2550 BRAND TOKENS \u2014 Navy dominant, Teal secondary, Orange accent only \u2550\u2550 *\/\r\n :root{\r\n --navy: #1a2e5a;\r\n --navy-dk: #0f1c38;\r\n --navy-md: #243872;\r\n --navy-lt: #2e4a8c;\r\n --teal: #2a8fa3;\r\n --teal-dk: #1e6e80;\r\n --teal-lt: #3aafca;\r\n --orange: #e8782a;\r\n --white: #ffffff;\r\n --off-white: #f5f7fa;\r\n --gray-lt: #e8ecf2;\r\n --gray-mid: #4a5568;\r\n --gray-dk: #2d3748;\r\n --black: #0d0e12;\r\n --cs: 0 4px 20px rgba(26,46,90,.10);\r\n --csh: 0 12px 40px rgba(26,46,90,.18);\r\n }\r\n\r\n #kd-root *{box-sizing:border-box;font-family:'Inter',sans-serif;-webkit-tap-highlight-color:transparent;}\r\n #kd-root a{text-decoration:none;color:inherit;}\r\n\r\n \/* \u2550\u2550 BUTTONS \u2550\u2550 *\/\r\n .btn-primary{display:inline-block;background:linear-gradient(135deg,var(--navy),var(--navy-dk));color:#fff !important;padding:13px 30px;border-radius:6px;font-weight:600;font-size:.95rem;box-shadow:0 4px 14px rgba(26,46,90,.30);transition:all .3s;}\r\n .btn-primary:hover{background:linear-gradient(135deg,var(--navy-md),var(--navy));transform:translateY(-2px);box-shadow:0 8px 22px rgba(26,46,90,.40);}\r\n .btn-teal{display:inline-block;background:linear-gradient(135deg,var(--teal),var(--teal-dk));color:#fff;padding:13px 30px;border-radius:6px;font-weight:600;font-size:.95rem;box-shadow:0 4px 14px rgba(42,143,163,.30);transition:all .3s;}\r\n .btn-teal:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(42,143,163,.40);}\r\n .btn-orange{display:inline-block;background:var(--orange);color:#fff;padding:13px 30px;border-radius:6px;font-weight:600;font-size:.95rem;transition:all .3s;}\r\n .btn-orange:hover{transform:translateY(-2px);background:#cc6420;}\r\n .btn-white{display:inline-block;background:#fff;color:var(--navy);padding:13px 30px;border-radius:6px;font-weight:700;font-size:.95rem;box-shadow:0 4px 14px rgba(0,0,0,.15);transition:all .3s;}\r\n .btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.20);}\r\n .btn-outline-white{display:inline-block;background:transparent;color:#fff;padding:13px 30px;border-radius:6px;font-weight:600;font-size:.95rem;border:2px solid rgba(255,255,255,.60);transition:all .3s;}\r\n .btn-outline-white:hover{background:rgba(255,255,255,.12);border-color:#fff;transform:translateY(-2px);}\r\n .btn-outline-navy{display:inline-block;background:transparent;color:var(--navy);padding:13px 30px;border-radius:6px;font-weight:600;font-size:.95rem;border:2px solid var(--navy);transition:all .3s;}\r\n .btn-outline-navy:hover{background:var(--navy);color:#fff;}\r\n .btn-lg{padding:15px 40px;font-size:1.05rem;}\r\n\r\n \/* \u2550\u2550 NAV \u2550\u2550 *\/\r\n .kd-nav{\r\n display:flex;justify-content:space-between;align-items:center;\r\n padding:0 40px;height:70px;background:#fff;\r\n box-shadow:0 2px 12px rgba(26,46,90,.10);\r\n width:100%;border-bottom:3px solid var(--navy);\r\n position:sticky;top:0;z-index:100;\r\n }\r\n .kd-logo img{height:95px;display:block;}\r\n .kd-nav-links{display:flex;list-style:none;gap:32px;}\r\n .kd-nav-links a{color:var(--navy);font-weight:500;font-size:.97rem;position:relative;transition:color .3s;}\r\n .kd-nav-links a:hover,.kd-nav-links a.active{color:var(--teal);}\r\n .kd-nav-links a::after{content:'';position:absolute;width:0;height:2px;bottom:-4px;left:0;background:var(--teal);transition:width .3s;}\r\n .kd-nav-links a:hover::after,.kd-nav-links a.active::after{width:100%;}\r\n\r\n \/* \u2550\u2550 MOBILE NAV \u2550\u2550 *\/\r\n .kd-mobile-nav{display:none;position:fixed;bottom:0;left:0;width:100%;background:#fff;box-shadow:0 -2px 16px rgba(26,46,90,.12);z-index:200;padding:8px 0;border-top:3px solid var(--navy);}\r\n .kd-mobile-items{display:flex;justify-content:space-around;align-items:center;}\r\n .kd-mobile-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--gray-mid);gap:3px;padding:4px 8px;}\r\n .kd-mobile-item.active{color:var(--navy);}\r\n .kd-mobile-item i{font-size:1.15rem;}\r\n .kd-mobile-item span{font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;}\r\n\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\r\n HERO \u2014 now fixed height\/size, no vh\/vw scaling\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 *\/\r\n\r\n.kd-hero{\r\n position:relative;\r\n width:100%;\r\n height:calc(100vh - 70px); \/* fits the visible screen \u2014 no scroll, ever *\/\r\n max-height:820px; \/* stops it getting too tall on huge monitors *\/\r\n overflow:hidden;\r\n\r\n display:flex;\r\n align-items:center;\r\n\r\n background:\r\n linear-gradient(\r\n rgba(15,28,56,.55),\r\n rgba(15,28,56,.55)\r\n ),\r\n url(\"https:\/\/www.newsite.kahobotjha.co.za\/wp-content\/uploads\/2026\/07\/3ad43c56-8fbb-42d7-be11-16dca7262bb0.png\");\r\n\r\n background-size:cover;\r\n background-position:center;\r\n background-repeat:no-repeat;\r\n}\r\n\r\n\r\n\/* REMOVE OLD DECORATIONS *\/\r\n\r\n.hero-topo,\r\n.hero-sweep,\r\n.hero-ring1,\r\n.hero-ring2,\r\n.hero-person{\r\n display:none !important;\r\n}\r\n\r\n\r\n\/* HERO CONTENT *\/\r\n\r\n.kd-hero-inner{\r\n position:relative;\r\n z-index:10;\r\n\r\n width:100%;\r\n max-width:650px;\r\n\r\n margin-left:20px;\r\n margin-right:0;\r\n\r\n padding:0;\r\n}\r\n\r\n\r\n.kd-hero-inner h1{\r\n font-family:'Barlow Condensed',sans-serif;\r\n font-size:3.8rem; \/* FIXED size \u2014 no vw scaling *\/\r\n font-weight:700;\r\n line-height:.95;\r\n color:#fff;\r\n margin:0 0 18px;\r\n}\r\n\r\n.kd-hero-inner h1 .teal{\r\n color:var(--teal-lt);\r\n}\r\n\r\n.kd-hero-inner h1 .accent{\r\n color:var(--orange);\r\n}\r\n\r\n\r\n.hero-tagline{\r\n font-family:'Barlow Condensed',sans-serif;\r\n font-size:1.15rem;\r\n font-weight:700;\r\n letter-spacing:4px;\r\n text-transform:uppercase;\r\n\r\n color:rgba(255,255,255,.65);\r\n\r\n margin-bottom:20px;\r\n}\r\n\r\n.hero-tagline span{\r\n color:var(--orange);\r\n}\r\n\r\n\r\n.hero-sub{\r\n max-width:440px;\r\n\r\n font-size:1rem;\r\n line-height:1.8;\r\n\r\n color:rgba(255,255,255,.85);\r\n\r\n margin-bottom:30px;\r\n}\r\n\r\n\r\n.hero-btns{\r\n display:flex;\r\n gap:12px;\r\n flex-wrap:wrap;\r\n\r\n margin-bottom:30px;\r\n}\r\n\r\n\r\n.hero-checks{\r\n display:flex;\r\n flex-direction:column;\r\n gap:10px;\r\n\r\n width:fit-content;\r\n max-width:420px;\r\n}\r\n\r\n\r\n.hero-check{\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n\r\n padding:12px 18px;\r\n\r\n background:rgba(255,255,255,.08);\r\n\r\n border:1px solid rgba(255,255,255,.12);\r\n\r\n border-radius:50px;\r\n\r\n backdrop-filter:blur(8px);\r\n\r\n color:#fff;\r\n\r\n font-size:.9rem;\r\n}\r\n\r\n\r\n.check-dot{\r\n width:22px;\r\n height:22px;\r\n border-radius:50%;\r\n\r\n background:var(--teal);\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n flex-shrink:0;\r\n}\r\n\r\n\r\n.check-dot svg{\r\n width:13px;\r\n height:13px;\r\n color:#fff;\r\n}\r\n\r\n\r\n\/* TABLET \u2014 hero stays fixed height, just adjusts inner padding\/alignment *\/\r\n\r\n@media (max-width:900px){\r\n\r\n .kd-hero-inner{\r\n margin-left:0;\r\n max-width:100%;\r\n padding:0 30px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE \u2014 hero becomes fluid so content isn't clipped on small screens *\/\r\n\r\n@media (max-width:768px){\r\n\r\n .kd-hero{\r\n height:auto;\r\n min-height:auto;\r\n\r\n padding:70px 20px;\r\n }\r\n\r\n .kd-hero-inner h1{\r\n font-size:2.4rem;\r\n }\r\n\r\n .hero-sub{\r\n font-size:.95rem;\r\n }\r\n\r\n}\r\n \/* \u2550\u2550 STATS BAND \u2550\u2550 *\/\r\n .kd-stats{width:100%;background:var(--navy-dk);padding:20px 40px;border-bottom:1px solid rgba(255,255,255,.06);}\r\n .kd-stats-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:12px;}\r\n .kd-stat{text-align:center;padding:8px 0;}\r\n .kd-stat-num{font-family:'Barlow Condensed',sans-serif;font-size:2rem;font-weight:900;color:var(--teal-lt);line-height:1;}\r\n .kd-stat-lbl{font-size:.73rem;color:rgba(255,255,255,.45);font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-top:3px;}\r\n .kd-stat-div{width:1px;height:36px;background:rgba(255,255,255,.10);}\r\n\r\n \/* \u2550\u2550 PILLARS \/ THREE CARDS \u2550\u2550 *\/\r\n .kd-pillars{width:100%;background:#fff;padding:80px 40px;}\r\n .kd-pillars-inner{max-width:1200px;margin:0 auto;}\r\n .kd-sec-head{text-align:center;margin-bottom:52px;}\r\n .kd-eyebrow{font-size:.74rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:10px;color:var(--teal);}\r\n .kd-sec-head h2{font-family:'Barlow Condensed',sans-serif;font-size:2.4rem;font-weight:800;color:var(--navy);line-height:1.1;margin-bottom:12px;}\r\n .kd-sec-head p{font-size:.97rem;color:var(--gray-mid);line-height:1.7;max-width:580px;margin:0 auto;}\r\n\r\n \/* Swap eyebrow\/heading sizes for THIS section only *\/\r\n .kd-pillars .kd-sec-head .kd-eyebrow{\r\n font-family:'Barlow Condensed',sans-serif;\r\n font-size:2.4rem;font-weight:800;letter-spacing:normal;\r\n text-transform:none;line-height:1.1;margin-bottom:12px;\r\n }\r\n .kd-pillars .kd-sec-head h2{\r\n font-family:'Inter',sans-serif;\r\n font-size:.74rem;font-weight:700;letter-spacing:2px;\r\n text-transform:uppercase;color:var(--gray-mid);margin-bottom:12px;\r\n }\r\n\r\n .pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}\r\n .pillar-card{\r\n display:flex;flex-direction:column;\r\n transition:all .3s;\r\n background:transparent;\r\n }\r\n .pillar-card h3{font-size:1.15rem;font-weight:700;color:var(--navy);margin-bottom:8px;line-height:1.25;}\r\n .pillar-card p{font-size:.87rem;color:var(--gray-mid);line-height:1.65;margin-bottom:18px;}\r\n .pc-img-wrap{\r\n width:100%;height:230px;overflow:hidden;position:relative;\r\n border-radius:12px;box-shadow:var(--cs);\r\n }\r\n .pc-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}\r\n .pillar-card:hover .pc-img-wrap img{transform:scale(1.06);}\r\n .pc-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,28,56,.55) 0%,transparent 45%);}\r\n .pc-pill{\r\n position:absolute;top:14px;left:14px;\r\n font-size:.70rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;\r\n padding:4px 13px;border-radius:4px;color:#fff;\r\n }\r\n .pill-navy{background:var(--navy);}\r\n .pill-teal{background:var(--teal);}\r\n .pill-orange{background:var(--orange);}\r\n .pc-glass-btn{\r\n position:absolute;left:50%;bottom:14px;transform:translateX(-50%);\r\n display:inline-flex;align-items:center;justify-content:center;gap:6px;\r\n padding:8px 16px;border-radius:6px;\r\n background:rgba(255,255,255,.18);\r\n border:1px solid rgba(255,255,255,.55);\r\n backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\r\n color:#fff;font-weight:700;font-size:.78rem;\r\n transition:all .3s;\r\n }\r\n .pc-glass-btn:hover{background:rgba(255,255,255,.30);border-color:#fff;transform:translateX(-50%) scale(1.03);}\r\n\r\n \/* \u2550\u2550 WHO WE ARE (side by side) \u2550\u2550 *\/\r\n .kd-who{width:100%;background:var(--off-white);padding:80px 40px;}\r\n .kd-who-inner{max-width:1200px;margin:0 auto;display:flex;gap:64px;align-items:center;flex-wrap:wrap;}\r\n .kd-who-img{flex:1;min-width:280px;border-radius:14px;overflow:hidden;box-shadow:0 24px 56px rgba(26,46,90,.18);}\r\n .kd-who-img img{width:100%;display:block;}\r\n .kd-who-text{flex:1;min-width:280px;}\r\n .kd-who-text .kd-eyebrow{color:var(--navy);}\r\n .kd-who-text h2{font-family:'Barlow Condensed',sans-serif;font-size:2.4rem;font-weight:800;color:var(--navy);line-height:1.1;margin-bottom:18px;}\r\n .kd-who-text h2 span{color:var(--teal);}\r\n .kd-who-text p{font-size:.97rem;color:var(--gray-mid);line-height:1.8;margin-bottom:14px;}\r\n .kd-who-reg{font-size:.78rem;color:var(--gray-mid);opacity:.60;margin-top:6px;}\r\n .who-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px;}\r\n .who-mini{\r\n background:#fff;border-radius:10px;padding:16px 18px;\r\n border-left:3px solid var(--teal);\r\n box-shadow:var(--cs);\r\n }\r\n .who-mini .who-icon{width:26px;height:26px;margin-bottom:8px;display:block;color:var(--navy);}\r\n .who-mini .who-icon svg{width:100%;height:100%;}\r\n .who-mini h4{font-size:.88rem;font-weight:700;color:var(--navy);margin-bottom:4px;}\r\n .who-mini p{font-size:.78rem;color:var(--gray-mid);margin:0;line-height:1.5;}\r\n\r\n \/* \u2550\u2550 DARK FEATURES SECTION \u2550\u2550 *\/\r\n .kd-features{width:100%;background:var(--navy-dk);padding:90px 40px;}\r\n .kd-features-inner{max-width:1200px;margin:0 auto;}\r\n .kd-features .kd-sec-head .kd-eyebrow{color:var(--teal-lt);}\r\n .kd-features .kd-sec-head h2{color:#fff;}\r\n .kd-features .kd-sec-head p{color:rgba(255,255,255,.50);}\r\n .features-grid{display:flex;gap:20px;flex-wrap:wrap;}\r\n .feat-card{\r\n flex:1;min-width:220px;\r\n background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);\r\n border-radius:14px;padding:30px 26px;transition:all .3s;\r\n }\r\n .feat-card:hover{background:rgba(42,143,163,.12);border-color:rgba(42,143,163,.35);transform:translateY(-4px);}\r\n .feat-icon svg{width:24px;height:24px;}\r\n .feat-icon{\r\n width:50px;height:50px;border-radius:12px;\r\n display:flex;align-items:center;justify-content:center;\r\n font-size:1.3rem;margin-bottom:18px;\r\n }\r\n .fi-teal{background:rgba(42,143,163,.20);color:var(--teal-lt);}\r\n .fi-navy{background:rgba(46,74,140,.30);color:#7aa0e8;}\r\n .fi-white{background:rgba(255,255,255,.10);color:#fff;}\r\n .fi-accent{background:rgba(232,120,42,.18);color:var(--orange);}\r\n .feat-card h3{font-size:1rem;font-weight:700;color:#fff;margin-bottom:8px;}\r\n .feat-card p{font-size:.84rem;color:rgba(255,255,255,.50);line-height:1.65;}\r\n\r\n \/* \u2550\u2550 GET STARTED (side by side) \u2550\u2550 *\/\r\n .kd-start{width:100%;background:#fff;padding:90px 40px;}\r\n .kd-start-inner{max-width:1200px;margin:0 auto;display:flex;gap:70px;align-items:center;flex-wrap:wrap;}\r\n .kd-start-text{flex:1;min-width:280px;}\r\n .kd-start-text .kd-eyebrow{color:var(--teal);}\r\n .kd-start-text h2{font-family:'Barlow Condensed',sans-serif;font-size:2.4rem;font-weight:800;color:var(--navy);line-height:1.1;margin-bottom:16px;}\r\n .kd-start-text h2 span{color:var(--teal);}\r\n .kd-start-text p{font-size:.97rem;color:var(--gray-mid);line-height:1.8;margin-bottom:22px;}\r\n .checklist{display:flex;flex-direction:column;gap:12px;margin-bottom:30px;}\r\n .check-item{display:flex;align-items:flex-start;gap:12px;}\r\n .ci-icon{width:24px;height:24px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}\r\n .ci-icon span{font-size:.75rem;color:#ffffff !important;font-weight:900;line-height:1;}\r\n .check-item span{font-size:.93rem;color:var(--gray-mid);line-height:1.5;}\r\n .kd-start-img{flex:1;min-width:280px;border-radius:14px;overflow:hidden;box-shadow:0 24px 56px rgba(26,46,90,.16);}\r\n .kd-start-img img{width:100%;display:block;}\r\n\r\n \/* \u2550\u2550 PARTNER CTA (navy dominant) \u2550\u2550 *\/\r\n .kd-partner{\r\n width:100%;padding:90px 40px;\r\n background:linear-gradient(135deg,var(--navy-dk) 0%,var(--navy) 60%,var(--navy-md) 100%);\r\n position:relative;overflow:hidden;\r\n }\r\n .kd-partner::before{\r\n content:'';position:absolute;inset:0;\r\n background-image:repeating-linear-gradient(-45deg,transparent,transparent 28px,rgba(255,255,255,.025) 28px,rgba(255,255,255,.025) 29px);\r\n }\r\n .kd-partner::after{content:'';position:absolute;bottom:-60px;right:-60px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(42,143,163,.25) 0%,transparent 70%);}\r\n .kd-partner-inner{position:relative;z-index:1;max-width:860px;margin:0 auto;text-align:center;}\r\n .kd-partner-inner .kd-eyebrow{color:var(--teal-lt);}\r\n .kd-partner-inner h2{font-family:'Barlow Condensed',sans-serif;font-size:2.8rem;font-weight:900;color:#fff;line-height:1.05;margin-bottom:16px;}\r\n .kd-partner-inner h2 span{color:var(--orange);}\r\n .kd-partner-inner p{font-size:1.05rem;color:rgba(255,255,255,.72);line-height:1.75;margin-bottom:36px;max-width:600px;margin-left:auto;margin-right:auto;}\r\n .partner-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}\r\n\r\n \/* \u2550\u2550 FOOTER \u2550\u2550 *\/\r\n .kd-footer{width:100%;background:var(--navy-dk);padding:60px 40px 28px;}\r\n .kd-footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;align-items:flex-start;}\r\n\r\n .footer-brand{min-width:220px;max-width:260px;}\r\n .footer-logo img{height:92px;display:block;margin-bottom:10px;}\r\n .footer-tagline{\r\n font-family:'Barlow Condensed',sans-serif;\r\n font-size:1.1rem;font-weight:700;letter-spacing:3px;\r\n text-transform:uppercase;color:var(--teal-lt);margin-bottom:8px;\r\n }\r\n .footer-reg{font-size:.74rem;color:rgba(255,255,255,.30);}\r\n\r\n .footer-col{min-width:130px;display:flex;flex-direction:column;gap:8px;}\r\n .footer-col h4{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-lt);margin-bottom:6px;}\r\n .footer-col a{color:rgba(255,255,255,.55) !important;font-size:.86rem;transition:color .2s;}\r\n .footer-col a:hover{color:#fff;}\r\n\r\n .footer-contact-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;}\r\n .fc-icon{\r\n width:34px;height:34px;border-radius:8px;\r\n background:rgba(42,143,163,.20);border:1px solid rgba(42,143,163,.30);\r\n display:flex;align-items:center;justify-content:center;\r\n color:var(--teal-lt);font-size:.9rem;flex-shrink:0;\r\n }\r\n .fc-text{display:flex;flex-direction:column;}\r\n .fc-label{font-size:.68rem;font-weight:700;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px;}\r\n .fc-value{font-size:.83rem;color:rgba(255,255,255,.65);}\r\n .fc-value a{color:rgba(255,255,255,.65);transition:color .2s;}\r\n .fc-value a:hover{color:#fff;}\r\n\r\n .footer-social{display:flex;gap:10px;margin-top:8px;}\r\n .social-icon{\r\n width:36px;height:36px;border-radius:8px;\r\n background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);\r\n display:flex;align-items:center;justify-content:center;\r\n color:#ffffff !important;font-size:.95rem;transition:all .2s;\r\n }\r\n .social-icon:hover{background:var(--teal);border-color:var(--teal);color:#fff;}\r\n\r\n .footer-bottom{max-width:1200px;margin:36px auto 0;border-top:1px solid rgba(255,255,255,.08);padding-top:20px;text-align:center;font-size:.76rem;color:rgba(255,255,255,.28);}\r\n\r\n \/* \u2550\u2550 ANIMS \u2550\u2550 *\/\r\n @keyframes kdup{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:translateY(0);}}\r\n .ka{animation:kdup .7s ease forwards;}\r\n .d1{animation-delay:.10s;opacity:0;}.d2{animation-delay:.25s;opacity:0;}.d3{animation-delay:.40s;opacity:0;}.d4{animation-delay:.55s;opacity:0;}\r\n\r\n \/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n @media(max-width:1024px){.pillars-grid{grid-template-columns:repeat(2,1fr);}}\r\n @media(max-width:768px){\r\n .kd-nav-links{display:none;} .kd-mobile-nav{display:block;} #kd-root{padding-bottom:64px;}\r\n .kd-nav{padding:0 16px;} .kd-logo img{height:38px;}\r\n .kd-hero-inner{padding:50px 20px 60px;}\r\n .hero-sweep{width:100%;clip-path:none;opacity:.12;}\r\n .hero-ring1,.hero-ring2{display:none;}\r\n .hero-person{display:none;}\r\n .kd-pillars,.kd-who,.kd-features,.kd-start,.kd-partner{padding-left:20px;padding-right:20px;}\r\n .pillars-grid{grid-template-columns:1fr;}\r\n .kd-who-inner,.kd-start-inner{flex-direction:column;}\r\n .features-grid{flex-direction:column;}\r\n .kd-stat-div{display:none;}\r\n .kd-footer{padding:40px 20px 20px;}\r\n .kd-footer-inner{flex-direction:column;}\r\n .footer-brand{max-width:none;}\r\n }\r\n @media(max-width:480px){.kd-hero-inner h1{font-size:2rem;}}\r\n @media(min-width:769px){#kd-root{padding-bottom:0!important;}}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div id=\"kd-root\">\r\n\r\n \r\n <nav class=\"kd-nav\">\r\n <div class=\"kd-logo\">\r\n <a href=\"https:\/\/kahobotjha.co.za\/\">\r\n <img decoding=\"async\" src=\"https:\/\/www.newsite.kahobotjha.co.za\/wp-content\/uploads\/2026\/07\/logo-2.png\" alt=\"Kahobotjha Development NPC\">\r\n <\/a>\r\n <\/div>\r\n <ul class=\"kd-nav-links\">\r\n <li><a href=\"https:\/\/www.newsite.kahobotjha.co.za\/\" class=\"active\">Home<\/a><\/li>\r\n <li><a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=246\">About Us<\/a><\/li>\r\n <li><a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=313\">Programmes<\/a><\/li>\r\n <li><a href=\"https:\/\/www.newsite.kahobotjha.co.za\/contact-us.php\">Contact<\/a><\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/kahobotjha.co.za\/Partners\/\" class=\"btn-teal\" style=\"flex-shrink:0;padding:10px 22px;font-size:.88rem;\">Partner With Us<\/a>\r\n <\/nav>\r\n\r\n \r\n <div class=\"kd-mobile-nav\">\r\n <div class=\"kd-mobile-items\">\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/\" class=\"kd-mobile-item\"><span style=\"font-size:1.15rem;\">\ud83c\udfe0<\/span><span>Home<\/span><\/a>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=246\" class=\"kd-mobile-item active\"><span style=\"font-size:1.15rem;\">\u2139<\/span><span>About<\/span><\/a>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=246\" class=\"kd-mobile-item\"><span style=\"font-size:1.15rem;\">\ud83e\udd1d<\/span><span>What We Do<\/span><\/a>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=313\" class=\"kd-mobile-item\"><span style=\"font-size:1.15rem;\">\ud83d\udcd6<\/span><span>Programmes<\/span><\/a>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/contact-us.php\" class=\"kd-mobile-item\"><span style=\"font-size:1.15rem;\">\u2709<\/span><span>Contact<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n<section class=\"kd-hero\">\r\n\r\n <div class=\"kd-hero-inner\">\r\n\r\n <h1 class=\"ka d2\">\r\n Empowering<br>\r\n People. <span class=\"teal\">Building<\/span><br>\r\n <span class=\"accent\">Leaders.<\/span>\r\n <\/h1>\r\n\r\n <p class=\"hero-tagline ka d2\">\r\n Learn <span>\u00b7<\/span> Serve <span>\u00b7<\/span> Lead\r\n <\/p>\r\n\r\n <p class=\"hero-sub ka d3\">\r\n Kahobotjha Development NPC is a South African non-profit company dedicated to empowering people and strengthening communities through learning, service and leadership.\r\n <\/p>\r\n\r\n <div class=\"hero-btns ka d3\">\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=246\" class=\"btn-white btn-lg\">\r\n Learn More\r\n <\/a>\r\n\r\n <a href=\"https:\/\/kahobotjha.co.za\/Partners\/\" class=\"btn-lg\" style=\"display:inline-block;background:transparent;color:var(--orange);padding:13px 30px;border-radius:6px;font-weight:600;font-size:.95rem;border:2px solid var(--orange);transition:all .3s;\">\r\n Partner With Us\r\n<\/a>\r\n <\/div>\r\n\r\n <div class=\"hero-checks ka d4\">\r\n\r\n <div class=\"hero-check\">\r\n <div class=\"check-dot\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M5 13l4 4L19 7\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"3\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <span>Accessible, community-driven programmes<\/span>\r\n <\/div>\r\n\r\n <div class=\"hero-check\">\r\n <div class=\"check-dot\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M5 13l4 4L19 7\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"3\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <span>Skills that connect directly to opportunity<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n \r\n <section class=\"kd-pillars\">\r\n <div class=\"kd-pillars-inner\">\r\n <div class=\"kd-sec-head\">\r\n <span class=\"kd-eyebrow\">Explore our Programmes<\/span>\r\n <h2>Practical pathways to build skills,<br>gain confidence, and access opportunity.<\/h2>\r\n <\/div>\r\n <div class=\"pillars-grid\">\r\n\r\n <div class=\"pillar-card\">\r\n <h3>Education & Learning Support<\/h3>\r\n <p>Tutoring, school resources and academic support for learners from underserved communities , because every child deserves quality education.<\/p>\r\n <div class=\"pc-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.newsite.kahobotjha.co.za\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-15-2026-10_27_09-PM.png\" alt=\"Education\">\r\n <div class=\"pc-overlay\"><\/div>\r\n <span class=\"pc-pill pill-navy\">Learn<\/span>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=246\" class=\"pc-glass-btn\">Discover How<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pillar-card\">\r\n <h3>Youth Development & Empowerment<\/h3>\r\n <p>Leadership training, life skills, mentorship and recreational programmes , equipping young people to become confident, contributing citizens.<\/p>\r\n <div class=\"pc-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.newsite.kahobotjha.co.za\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-15-2026-11_09_28-PM.png\" alt=\"Community Service\">\r\n <div class=\"pc-overlay\"><\/div>\r\n <span class=\"pc-pill pill-teal\">Serve<\/span>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=313\" class=\"pc-glass-btn\">Our Programmes<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pillar-card\">\r\n <h3>Skills Development & Work Readiness<\/h3>\r\n <p>Vocational training, entrepreneurship and income,generating skills programmes that create pathways to sustainable livelihoods.<\/p>\r\n <div class=\"pc-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.newsite.kahobotjha.co.za\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-15-2026-10_41_38-PM.png\" alt=\"Skills Development\">\r\n <div class=\"pc-overlay\"><\/div>\r\n <span class=\"pc-pill pill-orange\">Lead<\/span>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=246\/\" class=\"pc-glass-btn\">About Us<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"kd-who\">\r\n <div class=\"kd-who-inner\">\r\n <div class=\"kd-who-img\">\r\n <img decoding=\"async\" src=\"https:\/\/www.newsite.kahobotjha.co.za\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-16-at-16.33.49.jpeg\" alt=\"Kahobotjha Community\">\r\n <\/div>\r\n <div class=\"kd-who-text\">\r\n <span class=\"kd-eyebrow\">Who We Are<\/span>\r\n <h2>Rooted in Community.<br><span>Driven by Purpose.<\/span><\/h2>\r\n <p>Kahobotjha Development NPC is a registered South African non-profit company based in Vanderbijlpark, focused on sustainable community development through education, youth empowerment, skills training and social welfare initiatives.<\/p>\r\n <p>We believe that lasting change starts with people with knowledge, dignity, and the courage to lead.<\/p>\r\n \r\n <div class=\"who-mini-grid\">\r\n <div class=\"who-mini\">\r\n <span class=\"who-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 6.5C2 5.67 2.67 5 3.5 5H9a3 3 0 0 1 3 3v11a2.5 2.5 0 0 0-2.5-2.5H2z\"\/><path d=\"M22 6.5C22 5.67 21.33 5 20.5 5H15a3 3 0 0 0-3 3v11a2.5 2.5 0 0 1 2.5-2.5H22z\"\/><\/svg><\/span>\r\n <h4>Education<\/h4>\r\n <p>Academic support & literacy<\/p>\r\n <\/div>\r\n <div class=\"who-mini\">\r\n <span class=\"who-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"8.5\" cy=\"7.5\" r=\"2.5\"\/><circle cx=\"16.5\" cy=\"8.5\" r=\"2.2\"\/><path d=\"M2.5 20v-1.5A4.5 4.5 0 0 1 7 14h3a4.5 4.5 0 0 1 4.5 4.5V20\"\/><path d=\"M14.5 15.2a4 4 0 0 1 6.5 3.1V20\"\/><\/svg><\/span>\r\n <h4>Youth<\/h4>\r\n <p>Empowerment & leadership<\/p>\r\n <\/div>\r\n <div class=\"who-mini\">\r\n <span class=\"who-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 0 0 5.4-5.4l-2.3 2.3-2.4-.6-.6-2.4z\"\/><\/svg><\/span>\r\n <h4>Skills<\/h4>\r\n <p>Vocational & work readiness<\/p>\r\n <\/div>\r\n <div class=\"who-mini\" style=\"border-left-color:var(--navy);\">\r\n <span class=\"who-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20.5s-7.5-4.6-9.8-9A5.3 5.3 0 0 1 12 6.1a5.3 5.3 0 0 1 9.8 5.4c-2.3 4.4-9.8 9-9.8 9z\"\/><\/svg><\/span>\r\n <h4>Welfare<\/h4>\r\n <p>Social support & dignity<\/p>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=246\" class=\"btn-primary btn-lg\" style=\"margin-top:28px;color:#fff;\">Read Our Full Story \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"kd-features\">\r\n <div class=\"kd-features-inner\">\r\n <div class=\"kd-sec-head\" style=\"margin-bottom:52px;\">\r\n <span class=\"kd-eyebrow\" style=\"color:var(--teal-lt);\">Why Kahobotjha<\/span>\r\n <h2 style=\"color:#fff;\">Learn from people who<br>live in the community.<\/h2>\r\n <p style=\"color:rgba(255,255,255,.50);\">We don't just work in communities \u2014 we are the community. Everything we do is rooted in real experience and real relationships.<\/p>\r\n <\/div>\r\n <div class=\"features-grid\">\r\n <div class=\"feat-card\">\r\n <div class=\"feat-icon fi-teal\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 8.5 12 4l10 4.5-10 4.5-10-4.5Z\"\/><path d=\"M6 10.7v4.8c0 1.4 2.7 2.5 6 2.5s6-1.1 6-2.5v-4.8\"\/><path d=\"M21 8.5v6\"\/><\/svg><\/div>\r\n <h3>Learn from Community Leaders<\/h3>\r\n <p>Get practical knowledge directly from people who have walked the same journey and are actively making a difference right now.<\/p>\r\n <\/div>\r\n <div class=\"feat-card\">\r\n <div class=\"feat-icon fi-navy\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m2 12 4-4 4 3-4 5-4-4Z\"\/><path d=\"m22 12-4-4-4 3 4 5 4-4Z\"\/><path d=\"m10 11 2 1.5L14 11\"\/><\/svg><\/div>\r\n <h3>Share Knowledge & Ideas<\/h3>\r\n <p>Collaborative growth is at our core. Combine insights with others and create new possibilities for your community and your future.<\/p>\r\n <\/div>\r\n <div class=\"feat-card\">\r\n <div class=\"feat-icon fi-white\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21V11\"\/><path d=\"M12 11C12 6.5 9 4 4 4c0 5 3 7.5 8 7z\"\/><path d=\"M12 11c0-4.5 3-7 8-7 0 5-3 7.5-8 7Z\"\/><\/svg><\/div>\r\n <h3>Grow at Your Own Pace<\/h3>\r\n <p>Our programmes are designed to meet you where you are \u2014 and take you where you want to go, at a pace that works for you.<\/p>\r\n <\/div>\r\n <div class=\"feat-card\">\r\n <div class=\"feat-icon fi-accent\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 4h10v5a5 5 0 0 1-10 0V4Z\"\/><path d=\"M7 5H4a1 1 0 0 0-1 1v1a4 4 0 0 0 4 4\"\/><path d=\"M17 5h3a1 1 0 0 1 1 1v1a4 4 0 0 1-4 4\"\/><path d=\"M12 14v3\"\/><path d=\"M9 20h6\"\/><path d=\"M12 17v3\"\/><\/svg><\/div>\r\n <h3>Earn Recognition<\/h3>\r\n <p>Every programme you complete is a step toward recognised skills, certificates, and real-world opportunities that open doors.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"kd-start\">\r\n <div class=\"kd-start-inner\">\r\n <div class=\"kd-start-text\">\r\n <span class=\"kd-eyebrow\">Get started!<\/span>\r\n <h2>Why wait? Build your<br><span>future today.<\/span><\/h2>\r\n <p>In the time it takes to scroll through your feed, you could do something your future self will actually thank you for.<\/p>\r\n <div class=\"checklist\">\r\n <div class=\"check-item\"><div class=\"ci-icon\"><span>✓<\/span><\/div><span>Quick and impactful learning to gain valuable skills.<\/span><\/div>\r\n <div class=\"check-item\"><div class=\"ci-icon\"><span>✓<\/span><\/div><span>Learn from those who do it best with community-led content.<\/span><\/div>\r\n <div class=\"check-item\"><div class=\"ci-icon\"><span>✓<\/span><\/div><span>Developing problem-solving skills for life's challenges.<\/span><\/div>\r\n <div class=\"check-item\"><div class=\"ci-icon\"><span>✓<\/span><\/div><span>Master skills needed in a world that's constantly changing.<\/span><\/div>\r\n <\/div>\r\n <div style=\"display:flex;gap:14px;flex-wrap:wrap;\">\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=246\" class=\"btn-primary btn-lg\" style=\"color:#fff;\">Explore What We Do<\/a>\r\n <a href=\"https:\/\/kahobotjha.co.za\/Contact\/\" class=\"btn-outline-navy btn-lg\">Contact Us<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kd-start-img\">\r\n <img decoding=\"async\" src=\"https:\/\/www.newsite.kahobotjha.co.za\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-15-2026-11_47_47-PM.png\" alt=\"Young leader smiling\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"kd-partner\">\r\n <div class=\"kd-partner-inner\">\r\n <span class=\"kd-eyebrow\">Make a Difference<\/span>\r\n <h2>Together We Can Reach<br>More <span>Communities.<\/span><\/h2>\r\n <p>Together, we can reach more communities, deepen our programmes and build a stronger South Africa. Join us in creating lasting social impact.<\/p>\r\n <div class=\"partner-btns\">\r\n <a href=\"https:\/\/kahobotjha.co.za\/Partners\/\" class=\"btn-white btn-lg\">Become a Partner<\/a>\r\n <a href=\"https:\/\/kahobotjha.co.za\/Contact\/\" class=\"btn-outline-white btn-lg\">Get In Touch<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"kd-footer\">\r\n <div class=\"kd-footer-inner\">\r\n\r\n <div class=\"footer-brand\">\r\n <div class=\"footer-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.newsite.kahobotjha.co.za\/wp-content\/uploads\/2026\/07\/kahobotjha-logo-white-transparent.png\" alt=\"Kahobotjha\">\r\n <\/div>\r\n <div class=\"footer-tagline\">Learn \u00b7 Serve \u00b7 Lead<\/div>\r\n <div class=\"footer-social\" style=\"margin-top:16px;\">\r\n <a href=\"#\" class=\"social-icon\" title=\"Facebook\" style=\"font-weight:700;color:#fff;\">f<\/a>\r\n <a href=\"#\" class=\"social-icon\" title=\"Twitter \/ X\" style=\"font-weight:700;color:#fff;\">X<\/a>\r\n <a href=\"#\" class=\"social-icon\" title=\"Instagram\" style=\"font-weight:700;font-size:.8rem;color:#fff;\">IG<\/a>\r\n <a href=\"#\" class=\"social-icon\" title=\"LinkedIn\" style=\"font-weight:700;font-size:.8rem;color:#fff;\">in<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>Quick Links<\/h4>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=246\" style=\"color:rgba(255,255,255,.55);\">About Us<\/a>\r\n \r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=313\" style=\"color:rgba(255,255,255,.55);\">Programmes<\/a>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/contact-us.php\">Contact<\/a>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=313\" style=\"color:rgba(255,255,255,.55);\">Partners<\/a>\r\n \r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>Our Pillars<\/h4>\r\n <a href=\"https:\/\/www.newsite.kahobotjha.co.za\/?page_id=246\" style=\"display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.55);\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-lt)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:15px;height:15px;flex-shrink:0;\"><path d=\"M2 8.5 12 4l10 4.5-10 4.5-10-4.5Z\"\/><path d=\"M6 10.7v4.8c0 1.4 2.7 2.5 6 2.5s6-1.1 6-2.5v-4.8\"\/><\/svg> Learn\r\n <\/a>\r\n <a href=\"https:\/\/kahobotjha.co.za\/Programmes\/\" style=\"display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.55);\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-lt)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:15px;height:15px;flex-shrink:0;\"><path d=\"m2 12 4-4 4 3-4 5-4-4Z\"\/><path d=\"m22 12-4-4-4 3 4 5 4-4Z\"\/><\/svg> Serve\r\n <\/a>\r\n <a href=\"https:\/\/kahobotjha.co.za\/About-Us\/\" style=\"display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.55);\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-lt)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:15px;height:15px;flex-shrink:0;\"><path d=\"M12 2.5 14.6 8l6 .9-4.3 4.2 1 6-5.3-2.8-5.3 2.8 1-6L3.4 8.9l6-.9Z\"\/><\/svg> Lead\r\n <\/a>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"footer-col\">\r\n <h4>Contact Us<\/h4>\r\n\r\n <div class=\"footer-contact-item\">\r\n <div class=\"fc-icon\">\ud83d\udccd<\/div>\r\n <div class=\"fc-text\">\r\n <span class=\"fc-label\">Address<\/span>\r\n <span class=\"fc-value\">49 Versveld CE4,<br>Vanderbijlpark, 1911<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-contact-item\">\r\n <div class=\"fc-icon\">\u2709<\/div>\r\n <div class=\"fc-text\">\r\n <span class=\"fc-label\">Email<\/span>\r\n <span class=\"fc-value\"><a href=\"mailto:info@kahobotjha.co.za\">info@kahobotjha.co.za<\/a><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-contact-item\">\r\n <div class=\"fc-icon\">\u260e<\/div>\r\n <div class=\"fc-text\">\r\n <span class=\"fc-label\">Phone<\/span>\r\n <span class=\"fc-value\"><a href=\"tel:+27682338937\">+27 68 233 8937<\/a><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n © 2026 Kahobotjha Development NPC. All rights reserved. \r\n <\/div>\r\n <\/footer>\r\n\r\n<\/div>\r\n<script>\r\n const root = document.getElementById('kd-root');\r\n root.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n a.addEventListener('click', function(e) {\r\n const t = root.querySelector(this.getAttribute('href'));\r\n if (!t) return;\r\n e.preventDefault();\r\n root.scrollTo({ top: t.offsetTop - 70, behavior: 'smooth' });\r\n });\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>Kahobotjha Development NPC | Learn \u00b7 Serve \u00b7 Lead Home About Us Programmes Contact Partner With Us \ud83c\udfe0Home \u2139About \ud83e\udd1dWhat We Do \ud83d\udcd6Programmes \u2709Contact Empowering People. Building Leaders. Learn \u00b7 Serve \u00b7 Lead Kahobotjha Development NPC is a South African non-profit company dedicated to empowering people and strengthening communities through learning, service and leadership. Learn […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.newsite.kahobotjha.co.za\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.newsite.kahobotjha.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.newsite.kahobotjha.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.newsite.kahobotjha.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.newsite.kahobotjha.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":265,"href":"https:\/\/www.newsite.kahobotjha.co.za\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":406,"href":"https:\/\/www.newsite.kahobotjha.co.za\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/406"}],"wp:attachment":[{"href":"https:\/\/www.newsite.kahobotjha.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}