<!DOCTYPE html><\/p>\n\n\n\n
<html lang=”en”><\/p>\n\n\n\n
<head><\/p>\n\n\n\n
<meta charset=”UTF-8″><\/p>\n\n\n\n
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″><\/p>\n\n\n\n
<title>Apex Leadership Africa – Transform Leadership. Transform Africa.<\/title><\/p>\n\n\n\n
<link href=”https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700;900&family=Work+Sans:wght@300;400;500;600;700&display=swap” rel=”stylesheet”><\/p>\n\n\n\n
<style><\/p>\n\n\n\n
:root {<\/p>\n\n\n\n
–primary: #D4A574;<\/p>\n\n\n\n
–primary-dark: #B8864E;<\/p>\n\n\n\n
–secondary: #1A4D2E;<\/p>\n\n\n\n
–accent: #E85D04;<\/p>\n\n\n\n
–dark: #0D1B2A;<\/p>\n\n\n\n
–light: #F8F4EF;<\/p>\n\n\n\n
–gray: #6B7280;<\/p>\n\n\n\n
–white: #FFFFFF;<\/p>\n\n\n\n
\/* Core Values Colors from the image *\/<\/p>\n\n\n\n
–value-purpose: #A4D65E;<\/p>\n\n\n\n
–value-excellence: #E55234;<\/p>\n\n\n\n
–value-integrity: #1E73BE;<\/p>\n\n\n\n
–value-growth: #F782C5;<\/p>\n\n\n\n
–value-collaboration: #FFD166;<\/p>\n\n\n\n
–value-transformation: #1B3A5F;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
* {<\/p>\n\n\n\n
margin: 0;<\/p>\n\n\n\n
padding: 0;<\/p>\n\n\n\n
box-sizing: border-box;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
body {<\/p>\n\n\n\n
font-family: ‘Work Sans’, sans-serif;<\/p>\n\n\n\n
color: var(–dark);<\/p>\n\n\n\n
background: var(–white);<\/p>\n\n\n\n
line-height: 1.6;<\/p>\n\n\n\n
overflow-x: hidden;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
h1, h2, h3, h4, h5, h6 {<\/p>\n\n\n\n
font-family: ‘Playfair Display’, serif;<\/p>\n\n\n\n
font-weight: 700;<\/p>\n\n\n\n
line-height: 1.2;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
\/* Navigation *\/<\/p>\n\n\n\n
.nav {<\/p>\n\n\n\n
position: fixed;<\/p>\n\n\n\n
top: 0;<\/p>\n\n\n\n
width: 100%;<\/p>\n\n\n\n
background: rgba(255, 255, 255, 0.95);<\/p>\n\n\n\n
backdrop-filter: blur(10px);<\/p>\n\n\n\n
z-index: 1000;<\/p>\n\n\n\n
border-bottom: 1px solid rgba(212, 165, 116, 0.2);<\/p>\n\n\n\n
animation: slideDown 0.6s ease-out;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
@keyframes slideDown {<\/p>\n\n\n\n
from {<\/p>\n\n\n\n
transform: translateY(-100%);<\/p>\n\n\n\n
opacity: 0;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
to {<\/p>\n\n\n\n
transform: translateY(0);<\/p>\n\n\n\n
opacity: 1;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.nav-container {<\/p>\n\n\n\n
max-width: 1400px;<\/p>\n\n\n\n
margin: 0 auto;<\/p>\n\n\n\n
padding: 1.2rem 2rem;<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
justify-content: space-between;<\/p>\n\n\n\n
align-items: center;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.logo-container {<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
align-items: center;<\/p>\n\n\n\n
gap: 1rem;<\/p>\n\n\n\n
text-decoration: none;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.logo-image {<\/p>\n\n\n\n
height: 55px;<\/p>\n\n\n\n
width: auto;<\/p>\n\n\n\n
object-fit: contain;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.nav-links {<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
gap: 2.5rem;<\/p>\n\n\n\n
list-style: none;<\/p>\n\n\n\n
align-items: center;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.nav-links a {<\/p>\n\n\n\n
color: var(–dark);<\/p>\n\n\n\n
text-decoration: none;<\/p>\n\n\n\n
font-weight: 500;<\/p>\n\n\n\n
font-size: 0.95rem;<\/p>\n\n\n\n
transition: color 0.3s ease;<\/p>\n\n\n\n
position: relative;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.nav-links a::after {<\/p>\n\n\n\n
content: ”;<\/p>\n\n\n\n
position: absolute;<\/p>\n\n\n\n
bottom: -5px;<\/p>\n\n\n\n
left: 0;<\/p>\n\n\n\n
width: 0;<\/p>\n\n\n\n
height: 2px;<\/p>\n\n\n\n
background: var(–primary);<\/p>\n\n\n\n
transition: width 0.3s ease;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.nav-links a:hover {<\/p>\n\n\n\n
color: var(–primary-dark);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.nav-links a:hover::after {<\/p>\n\n\n\n
width: 100%;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.cta-button {<\/p>\n\n\n\n
background: var(–secondary);<\/p>\n\n\n\n
color: var(–white);<\/p>\n\n\n\n
padding: 0.75rem 1.8rem;<\/p>\n\n\n\n
border-radius: 50px;<\/p>\n\n\n\n
text-decoration: none;<\/p>\n\n\n\n
font-weight: 600;<\/p>\n\n\n\n
transition: all 0.3s ease;<\/p>\n\n\n\n
border: 2px solid var(–secondary);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.cta-button:hover {<\/p>\n\n\n\n
background: transparent;<\/p>\n\n\n\n
color: var(–secondary);<\/p>\n\n\n\n
transform: translateY(-2px);<\/p>\n\n\n\n
box-shadow: 0 4px 12px rgba(26, 77, 46, 0.2);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
\/* Hero Section *\/<\/p>\n\n\n\n
.hero {<\/p>\n\n\n\n
margin-top: 80px;<\/p>\n\n\n\n
min-height: 90vh;<\/p>\n\n\n\n
background: linear-gradient(135deg, var(–light) 0%, #FFF8F0 100%);<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
align-items: center;<\/p>\n\n\n\n
position: relative;<\/p>\n\n\n\n
overflow: hidden;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.hero::before {<\/p>\n\n\n\n
content: ”;<\/p>\n\n\n\n
position: absolute;<\/p>\n\n\n\n
top: -50%;<\/p>\n\n\n\n
right: -20%;<\/p>\n\n\n\n
width: 80%;<\/p>\n\n\n\n
height: 150%;<\/p>\n\n\n\n
background: radial-gradient(circle, rgba(212, 165, 116, 0.08) 0%, transparent 70%);<\/p>\n\n\n\n
animation: float 20s ease-in-out infinite;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
@keyframes float {<\/p>\n\n\n\n
0%, 100% { transform: translate(0, 0) rotate(0deg); }<\/p>\n\n\n\n
33% { transform: translate(30px, -30px) rotate(5deg); }<\/p>\n\n\n\n
66% { transform: translate(-20px, 20px) rotate(-5deg); }<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.hero-container {<\/p>\n\n\n\n
max-width: 1400px;<\/p>\n\n\n\n
margin: 0 auto;<\/p>\n\n\n\n
padding: 4rem 2rem;<\/p>\n\n\n\n
display: grid;<\/p>\n\n\n\n
grid-template-columns: 1.2fr 1fr;<\/p>\n\n\n\n
gap: 4rem;<\/p>\n\n\n\n
align-items: center;<\/p>\n\n\n\n
position: relative;<\/p>\n\n\n\n
z-index: 1;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.hero-content {<\/p>\n\n\n\n
animation: fadeInUp 0.8s ease-out 0.2s both;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
@keyframes fadeInUp {<\/p>\n\n\n\n
from {<\/p>\n\n\n\n
opacity: 0;<\/p>\n\n\n\n
transform: translateY(30px);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
to {<\/p>\n\n\n\n
opacity: 1;<\/p>\n\n\n\n
transform: translateY(0);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.hero-badge {<\/p>\n\n\n\n
display: inline-block;<\/p>\n\n\n\n
background: rgba(26, 77, 46, 0.1);<\/p>\n\n\n\n
color: var(–secondary);<\/p>\n\n\n\n
padding: 0.5rem 1.2rem;<\/p>\n\n\n\n
border-radius: 50px;<\/p>\n\n\n\n
font-size: 0.85rem;<\/p>\n\n\n\n
font-weight: 600;<\/p>\n\n\n\n
margin-bottom: 1.5rem;<\/p>\n\n\n\n
letter-spacing: 0.5px;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.hero h1 {<\/p>\n\n\n\n
font-size: 4rem;<\/p>\n\n\n\n
margin-bottom: 1.5rem;<\/p>\n\n\n\n
color: var(–dark);<\/p>\n\n\n\n
line-height: 1.1;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.hero-highlight {<\/p>\n\n\n\n
color: var(–primary);<\/p>\n\n\n\n
position: relative;<\/p>\n\n\n\n
display: inline-block;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.hero p {<\/p>\n\n\n\n
font-size: 1.25rem;<\/p>\n\n\n\n
color: var(–gray);<\/p>\n\n\n\n
margin-bottom: 2.5rem;<\/p>\n\n\n\n
max-width: 600px;<\/p>\n\n\n\n
font-weight: 300;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.hero-buttons {<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
gap: 1.5rem;<\/p>\n\n\n\n
flex-wrap: wrap;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.btn-primary {<\/p>\n\n\n\n
background: var(–secondary);<\/p>\n\n\n\n
color: var(–white);<\/p>\n\n\n\n
padding: 1rem 2.5rem;<\/p>\n\n\n\n
border-radius: 50px;<\/p>\n\n\n\n
text-decoration: none;<\/p>\n\n\n\n
font-weight: 600;<\/p>\n\n\n\n
transition: all 0.3s ease;<\/p>\n\n\n\n
border: 2px solid var(–secondary);<\/p>\n\n\n\n
display: inline-block;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.btn-primary:hover {<\/p>\n\n\n\n
background: var(–primary-dark);<\/p>\n\n\n\n
border-color: var(–primary-dark);<\/p>\n\n\n\n
transform: translateY(-3px);<\/p>\n\n\n\n
box-shadow: 0 10px 25px rgba(26, 77, 46, 0.3);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.btn-secondary {<\/p>\n\n\n\n
background: transparent;<\/p>\n\n\n\n
color: var(–secondary);<\/p>\n\n\n\n
padding: 1rem 2.5rem;<\/p>\n\n\n\n
border-radius: 50px;<\/p>\n\n\n\n
text-decoration: none;<\/p>\n\n\n\n
font-weight: 600;<\/p>\n\n\n\n
transition: all 0.3s ease;<\/p>\n\n\n\n
border: 2px solid var(–secondary);<\/p>\n\n\n\n
display: inline-block;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.btn-secondary:hover {<\/p>\n\n\n\n
background: var(–secondary);<\/p>\n\n\n\n
color: var(–white);<\/p>\n\n\n\n
transform: translateY(-3px);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.hero-visual {<\/p>\n\n\n\n
position: relative;<\/p>\n\n\n\n
animation: fadeInUp 0.8s ease-out 0.4s both;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.hero-card {<\/p>\n\n\n\n
background: var(–white);<\/p>\n\n\n\n
padding: 3rem;<\/p>\n\n\n\n
border-radius: 24px;<\/p>\n\n\n\n
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);<\/p>\n\n\n\n
border: 1px solid rgba(212, 165, 116, 0.2);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.stat-grid {<\/p>\n\n\n\n
display: grid;<\/p>\n\n\n\n
grid-template-columns: 1fr 1fr;<\/p>\n\n\n\n
gap: 2rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.stat-item {<\/p>\n\n\n\n
text-align: center;<\/p>\n\n\n\n
padding: 1.5rem;<\/p>\n\n\n\n
background: var(–light);<\/p>\n\n\n\n
border-radius: 16px;<\/p>\n\n\n\n
transition: transform 0.3s ease;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.stat-item:hover {<\/p>\n\n\n\n
transform: translateY(-5px);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.stat-number {<\/p>\n\n\n\n
font-size: 2.5rem;<\/p>\n\n\n\n
font-weight: 900;<\/p>\n\n\n\n
color: var(–primary);<\/p>\n\n\n\n
font-family: ‘Playfair Display’, serif;<\/p>\n\n\n\n
display: block;<\/p>\n\n\n\n
margin-bottom: 0.5rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.stat-label {<\/p>\n\n\n\n
font-size: 0.9rem;<\/p>\n\n\n\n
color: var(–gray);<\/p>\n\n\n\n
font-weight: 500;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
\/* Interactive Services Slider *\/<\/p>\n\n\n\n
.services {<\/p>\n\n\n\n
padding: 8rem 2rem;<\/p>\n\n\n\n
background: var(–white);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.services-container {<\/p>\n\n\n\n
max-width: 1400px;<\/p>\n\n\n\n
margin: 0 auto;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.section-header {<\/p>\n\n\n\n
text-align: center;<\/p>\n\n\n\n
margin-bottom: 5rem;<\/p>\n\n\n\n
animation: fadeInUp 0.8s ease-out;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.section-badge {<\/p>\n\n\n\n
display: inline-block;<\/p>\n\n\n\n
background: rgba(212, 165, 116, 0.1);<\/p>\n\n\n\n
color: var(–primary-dark);<\/p>\n\n\n\n
padding: 0.5rem 1.2rem;<\/p>\n\n\n\n
border-radius: 50px;<\/p>\n\n\n\n
font-size: 0.85rem;<\/p>\n\n\n\n
font-weight: 600;<\/p>\n\n\n\n
margin-bottom: 1rem;<\/p>\n\n\n\n
letter-spacing: 0.5px;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.section-header h2 {<\/p>\n\n\n\n
font-size: 3rem;<\/p>\n\n\n\n
color: var(–dark);<\/p>\n\n\n\n
margin-bottom: 1rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.section-header p {<\/p>\n\n\n\n
font-size: 1.15rem;<\/p>\n\n\n\n
color: var(–gray);<\/p>\n\n\n\n
max-width: 700px;<\/p>\n\n\n\n
margin: 0 auto;<\/p>\n\n\n\n
font-weight: 300;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.services-slider {<\/p>\n\n\n\n
position: relative;<\/p>\n\n\n\n
overflow: hidden;<\/p>\n\n\n\n
padding: 2rem 0;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.services-track {<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
transition: transform 0.5s ease;<\/p>\n\n\n\n
gap: 2rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.service-slide {<\/p>\n\n\n\n
min-width: 100%;<\/p>\n\n\n\n
display: grid;<\/p>\n\n\n\n
grid-template-columns: 1fr 1fr;<\/p>\n\n\n\n
gap: 4rem;<\/p>\n\n\n\n
align-items: center;<\/p>\n\n\n\n
padding: 3rem;<\/p>\n\n\n\n
background: linear-gradient(135deg, var(–light) 0%, #FFF8F0 100%);<\/p>\n\n\n\n
border-radius: 24px;<\/p>\n\n\n\n
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.slide-content h3 {<\/p>\n\n\n\n
font-size: 2.5rem;<\/p>\n\n\n\n
color: var(–dark);<\/p>\n\n\n\n
margin-bottom: 1.5rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.slide-content p {<\/p>\n\n\n\n
font-size: 1.15rem;<\/p>\n\n\n\n
color: var(–gray);<\/p>\n\n\n\n
line-height: 1.8;<\/p>\n\n\n\n
margin-bottom: 2rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.slide-features {<\/p>\n\n\n\n
list-style: none;<\/p>\n\n\n\n
margin-bottom: 2rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.slide-features li {<\/p>\n\n\n\n
padding: 0.75rem 0;<\/p>\n\n\n\n
border-bottom: 1px solid rgba(0, 0, 0, 0.05);<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
align-items: center;<\/p>\n\n\n\n
gap: 1rem;<\/p>\n\n\n\n
font-size: 1.05rem;<\/p>\n\n\n\n
color: var(–dark);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.slide-features li::before {<\/p>\n\n\n\n
content: ‘\u2713’;<\/p>\n\n\n\n
background: var(–primary);<\/p>\n\n\n\n
color: var(–white);<\/p>\n\n\n\n
width: 24px;<\/p>\n\n\n\n
height: 24px;<\/p>\n\n\n\n
border-radius: 50%;<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
align-items: center;<\/p>\n\n\n\n
justify-content: center;<\/p>\n\n\n\n
font-weight: bold;<\/p>\n\n\n\n
flex-shrink: 0;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.slide-visual {<\/p>\n\n\n\n
background: var(–white);<\/p>\n\n\n\n
padding: 3rem;<\/p>\n\n\n\n
border-radius: 20px;<\/p>\n\n\n\n
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
align-items: center;<\/p>\n\n\n\n
justify-content: center;<\/p>\n\n\n\n
min-height: 400px;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.slide-icon {<\/p>\n\n\n\n
font-size: 8rem;<\/p>\n\n\n\n
opacity: 0.2;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.slider-controls {<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
justify-content: center;<\/p>\n\n\n\n
gap: 1rem;<\/p>\n\n\n\n
margin-top: 3rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.slider-btn {<\/p>\n\n\n\n
background: var(–secondary);<\/p>\n\n\n\n
color: var(–white);<\/p>\n\n\n\n
border: none;<\/p>\n\n\n\n
width: 50px;<\/p>\n\n\n\n
height: 50px;<\/p>\n\n\n\n
border-radius: 50%;<\/p>\n\n\n\n
cursor: pointer;<\/p>\n\n\n\n
font-size: 1.2rem;<\/p>\n\n\n\n
transition: all 0.3s ease;<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
align-items: center;<\/p>\n\n\n\n
justify-content: center;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.slider-btn:hover {<\/p>\n\n\n\n
background: var(–primary-dark);<\/p>\n\n\n\n
transform: scale(1.1);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.slider-dots {<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
gap: 0.75rem;<\/p>\n\n\n\n
margin-top: 2rem;<\/p>\n\n\n\n
justify-content: center;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.dot {<\/p>\n\n\n\n
width: 12px;<\/p>\n\n\n\n
height: 12px;<\/p>\n\n\n\n
border-radius: 50%;<\/p>\n\n\n\n
background: rgba(26, 77, 46, 0.2);<\/p>\n\n\n\n
cursor: pointer;<\/p>\n\n\n\n
transition: all 0.3s ease;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.dot.active {<\/p>\n\n\n\n
background: var(–secondary);<\/p>\n\n\n\n
width: 40px;<\/p>\n\n\n\n
border-radius: 6px;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
\/* Core Values Section – Wave Design *\/<\/p>\n\n\n\n
.values-section {<\/p>\n\n\n\n
padding: 8rem 2rem;<\/p>\n\n\n\n
background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.values-container {<\/p>\n\n\n\n
max-width: 1400px;<\/p>\n\n\n\n
margin: 0 auto;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.values-subtitle {<\/p>\n\n\n\n
text-align: center;<\/p>\n\n\n\n
font-size: 1.3rem;<\/p>\n\n\n\n
color: var(–dark);<\/p>\n\n\n\n
margin-bottom: 4rem;<\/p>\n\n\n\n
font-weight: 400;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.values-wave-container {<\/p>\n\n\n\n
position: relative;<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
justify-content: center;<\/p>\n\n\n\n
align-items: flex-end;<\/p>\n\n\n\n
gap: 0.5rem;<\/p>\n\n\n\n
padding: 3rem 0;<\/p>\n\n\n\n
flex-wrap: wrap;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.value-wave-card {<\/p>\n\n\n\n
position: relative;<\/p>\n\n\n\n
width: 200px;<\/p>\n\n\n\n
min-height: 350px;<\/p>\n\n\n\n
border-radius: 100px 100px 30px 30px;<\/p>\n\n\n\n
padding: 2.5rem 1.5rem;<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
flex-direction: column;<\/p>\n\n\n\n
align-items: center;<\/p>\n\n\n\n
justify-content: flex-end;<\/p>\n\n\n\n
color: var(–white);<\/p>\n\n\n\n
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);<\/p>\n\n\n\n
cursor: pointer;<\/p>\n\n\n\n
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.value-wave-card::before {<\/p>\n\n\n\n
content: ”;<\/p>\n\n\n\n
position: absolute;<\/p>\n\n\n\n
top: -40px;<\/p>\n\n\n\n
left: 50%;<\/p>\n\n\n\n
transform: translateX(-50%);<\/p>\n\n\n\n
width: 50px;<\/p>\n\n\n\n
height: 50px;<\/p>\n\n\n\n
background: inherit;<\/p>\n\n\n\n
border-radius: 50%;<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
align-items: center;<\/p>\n\n\n\n
justify-content: center;<\/p>\n\n\n\n
font-weight: 700;<\/p>\n\n\n\n
font-size: 1.2rem;<\/p>\n\n\n\n
border: 3px solid var(–white);<\/p>\n\n\n\n
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.value-number {<\/p>\n\n\n\n
position: absolute;<\/p>\n\n\n\n
top: -30px;<\/p>\n\n\n\n
left: 50%;<\/p>\n\n\n\n
transform: translateX(-50%);<\/p>\n\n\n\n
z-index: 2;<\/p>\n\n\n\n
font-weight: 700;<\/p>\n\n\n\n
font-size: 1.1rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.value-wave-card:hover {<\/p>\n\n\n\n
transform: translateY(-30px) scale(1.08);<\/p>\n\n\n\n
z-index: 10;<\/p>\n\n\n\n
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.value-wave-card.purpose {<\/p>\n\n\n\n
background: linear-gradient(135deg, var(–value-purpose), #8BC34A);<\/p>\n\n\n\n
min-height: 380px;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.value-wave-card.excellence {<\/p>\n\n\n\n
background: linear-gradient(135deg, var(–value-excellence), #C62828);<\/p>\n\n\n\n
min-height: 400px;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.value-wave-card.integrity {<\/p>\n\n\n\n
background: linear-gradient(135deg, var(–value-integrity), #0D47A1);<\/p>\n\n\n\n
min-height: 420px;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.value-wave-card.growth {<\/p>\n\n\n\n
background: linear-gradient(135deg, var(–value-growth), #E91E63);<\/p>\n\n\n\n
min-height: 400px;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.value-wave-card.collaboration {<\/p>\n\n\n\n
background: linear-gradient(135deg, var(–value-collaboration), #FFA726);<\/p>\n\n\n\n
min-height: 390px;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.value-wave-card.transformation {<\/p>\n\n\n\n
background: linear-gradient(135deg, var(–value-transformation), #0A2540);<\/p>\n\n\n\n
min-height: 410px;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.value-icon-circle {<\/p>\n\n\n\n
width: 70px;<\/p>\n\n\n\n
height: 70px;<\/p>\n\n\n\n
background: rgba(255, 255, 255, 0.95);<\/p>\n\n\n\n
border-radius: 50%;<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
align-items: center;<\/p>\n\n\n\n
justify-content: center;<\/p>\n\n\n\n
margin-bottom: 1.5rem;<\/p>\n\n\n\n
transition: transform 0.4s ease;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.value-wave-card:hover .value-icon-circle {<\/p>\n\n\n\n
transform: scale(1.15) rotate(10deg);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.value-icon-circle svg {<\/p>\n\n\n\n
width: 35px;<\/p>\n\n\n\n
height: 35px;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.value-wave-card h3 {<\/p>\n\n\n\n
font-size: 1.6rem;<\/p>\n\n\n\n
margin-bottom: 1rem;<\/p>\n\n\n\n
text-align: center;<\/p>\n\n\n\n
font-weight: 700;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.value-wave-card p {<\/p>\n\n\n\n
font-size: 0.95rem;<\/p>\n\n\n\n
line-height: 1.6;<\/p>\n\n\n\n
text-align: center;<\/p>\n\n\n\n
opacity: 0.95;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
\/* Organizational Chart *\/<\/p>\n\n\n\n
.org-chart-section {<\/p>\n\n\n\n
padding: 8rem 2rem;<\/p>\n\n\n\n
background: linear-gradient(135deg, var(–secondary) 0%, #0F2818 100%);<\/p>\n\n\n\n
color: var(–white);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.org-chart-container {<\/p>\n\n\n\n
max-width: 1400px;<\/p>\n\n\n\n
margin: 0 auto;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.org-chart {<\/p>\n\n\n\n
margin-top: 4rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.org-level {<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
justify-content: center;<\/p>\n\n\n\n
margin-bottom: 3rem;<\/p>\n\n\n\n
position: relative;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.org-card {<\/p>\n\n\n\n
background: rgba(255, 255, 255, 0.05);<\/p>\n\n\n\n
backdrop-filter: blur(10px);<\/p>\n\n\n\n
padding: 2rem 3rem;<\/p>\n\n\n\n
border-radius: 16px;<\/p>\n\n\n\n
border: 2px solid rgba(212, 165, 116, 0.3);<\/p>\n\n\n\n
text-align: center;<\/p>\n\n\n\n
transition: all 0.4s ease;<\/p>\n\n\n\n
position: relative;<\/p>\n\n\n\n
min-width: 280px;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.org-card:hover {<\/p>\n\n\n\n
background: rgba(255, 255, 255, 0.08);<\/p>\n\n\n\n
transform: translateY(-10px);<\/p>\n\n\n\n
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);<\/p>\n\n\n\n
border-color: var(–primary);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.org-card.ceo {<\/p>\n\n\n\n
background: linear-gradient(135deg, var(–primary), var(–primary-dark));<\/p>\n\n\n\n
border-color: var(–primary);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.org-avatar {<\/p>\n\n\n\n
width: 100px;<\/p>\n\n\n\n
height: 100px;<\/p>\n\n\n\n
border-radius: 50%;<\/p>\n\n\n\n
background: linear-gradient(135deg, var(–primary), var(–primary-dark));<\/p>\n\n\n\n
margin: 0 auto 1.5rem;<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
align-items: center;<\/p>\n\n\n\n
justify-content: center;<\/p>\n\n\n\n
font-size: 2.5rem;<\/p>\n\n\n\n
font-weight: 700;<\/p>\n\n\n\n
color: var(–white);<\/p>\n\n\n\n
border: 4px solid rgba(255, 255, 255, 0.2);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.org-card.ceo .org-avatar {<\/p>\n\n\n\n
width: 120px;<\/p>\n\n\n\n
height: 120px;<\/p>\n\n\n\n
font-size: 3rem;<\/p>\n\n\n\n
border-color: rgba(255, 255, 255, 0.4);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.org-card h4 {<\/p>\n\n\n\n
font-size: 1.5rem;<\/p>\n\n\n\n
margin-bottom: 0.5rem;<\/p>\n\n\n\n
color: var(–white);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.org-card p {<\/p>\n\n\n\n
font-size: 1rem;<\/p>\n\n\n\n
color: rgba(255, 255, 255, 0.8);<\/p>\n\n\n\n
margin-bottom: 0.5rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.org-card .org-email {<\/p>\n\n\n\n
font-size: 0.85rem;<\/p>\n\n\n\n
color: var(–primary);<\/p>\n\n\n\n
margin-top: 0.5rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.org-level-2 {<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
justify-content: center;<\/p>\n\n\n\n
gap: 2rem;<\/p>\n\n\n\n
flex-wrap: wrap;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.org-line {<\/p>\n\n\n\n
position: absolute;<\/p>\n\n\n\n
top: -30px;<\/p>\n\n\n\n
width: 2px;<\/p>\n\n\n\n
height: 30px;<\/p>\n\n\n\n
background: rgba(212, 165, 116, 0.3);<\/p>\n\n\n\n
left: 50%;<\/p>\n\n\n\n
transform: translateX(-50%);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
\/* About Section *\/<\/p>\n\n\n\n
.about {<\/p>\n\n\n\n
padding: 8rem 2rem;<\/p>\n\n\n\n
background: var(–light);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.about-container {<\/p>\n\n\n\n
max-width: 1400px;<\/p>\n\n\n\n
margin: 0 auto;<\/p>\n\n\n\n
display: grid;<\/p>\n\n\n\n
grid-template-columns: 1fr 1fr;<\/p>\n\n\n\n
gap: 5rem;<\/p>\n\n\n\n
align-items: center;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.about-content h2 {<\/p>\n\n\n\n
font-size: 3rem;<\/p>\n\n\n\n
margin-bottom: 2rem;<\/p>\n\n\n\n
color: var(–dark);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.about-highlight {<\/p>\n\n\n\n
color: var(–primary);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.about-content p {<\/p>\n\n\n\n
font-size: 1.15rem;<\/p>\n\n\n\n
line-height: 1.8;<\/p>\n\n\n\n
margin-bottom: 2rem;<\/p>\n\n\n\n
color: var(–gray);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.vm-cards {<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
flex-direction: column;<\/p>\n\n\n\n
gap: 2rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.vm-card {<\/p>\n\n\n\n
background: var(–white);<\/p>\n\n\n\n
padding: 3rem;<\/p>\n\n\n\n
border-radius: 24px;<\/p>\n\n\n\n
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);<\/p>\n\n\n\n
transition: all 0.4s ease;<\/p>\n\n\n\n
border: 2px solid transparent;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.vm-card:hover {<\/p>\n\n\n\n
transform: translateX(10px);<\/p>\n\n\n\n
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);<\/p>\n\n\n\n
border-color: var(–primary);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.vm-icon {<\/p>\n\n\n\n
font-size: 2.5rem;<\/p>\n\n\n\n
margin-bottom: 1rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.vm-card h3 {<\/p>\n\n\n\n
font-size: 1.8rem;<\/p>\n\n\n\n
margin-bottom: 1rem;<\/p>\n\n\n\n
color: var(–primary-dark);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.vm-card p {<\/p>\n\n\n\n
font-size: 1.05rem;<\/p>\n\n\n\n
line-height: 1.7;<\/p>\n\n\n\n
margin: 0;<\/p>\n\n\n\n
color: var(–dark);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
\/* Testimonials *\/<\/p>\n\n\n\n
.testimonials {<\/p>\n\n\n\n
padding: 8rem 2rem;<\/p>\n\n\n\n
background: var(–white);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.testimonials-container {<\/p>\n\n\n\n
max-width: 1400px;<\/p>\n\n\n\n
margin: 0 auto;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.testimonials-grid {<\/p>\n\n\n\n
display: grid;<\/p>\n\n\n\n
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));<\/p>\n\n\n\n
gap: 2.5rem;<\/p>\n\n\n\n
margin-top: 4rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.testimonial-card {<\/p>\n\n\n\n
background: var(–light);<\/p>\n\n\n\n
padding: 3rem;<\/p>\n\n\n\n
border-radius: 24px;<\/p>\n\n\n\n
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);<\/p>\n\n\n\n
position: relative;<\/p>\n\n\n\n
transition: all 0.4s ease;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.testimonial-card:hover {<\/p>\n\n\n\n
transform: translateY(-10px);<\/p>\n\n\n\n
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.quote-icon {<\/p>\n\n\n\n
font-size: 4rem;<\/p>\n\n\n\n
color: var(–primary);<\/p>\n\n\n\n
opacity: 0.2;<\/p>\n\n\n\n
position: absolute;<\/p>\n\n\n\n
top: 2rem;<\/p>\n\n\n\n
right: 2rem;<\/p>\n\n\n\n
font-family: Georgia, serif;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.testimonial-text {<\/p>\n\n\n\n
font-size: 1.1rem;<\/p>\n\n\n\n
line-height: 1.8;<\/p>\n\n\n\n
color: var(–dark);<\/p>\n\n\n\n
margin-bottom: 2rem;<\/p>\n\n\n\n
font-style: italic;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.testimonial-author {<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
align-items: center;<\/p>\n\n\n\n
gap: 1rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.author-avatar {<\/p>\n\n\n\n
width: 60px;<\/p>\n\n\n\n
height: 60px;<\/p>\n\n\n\n
border-radius: 50%;<\/p>\n\n\n\n
background: linear-gradient(135deg, var(–primary), var(–primary-dark));<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
align-items: center;<\/p>\n\n\n\n
justify-content: center;<\/p>\n\n\n\n
font-size: 1.5rem;<\/p>\n\n\n\n
color: var(–white);<\/p>\n\n\n\n
font-weight: 700;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.author-info h4 {<\/p>\n\n\n\n
font-size: 1.1rem;<\/p>\n\n\n\n
color: var(–dark);<\/p>\n\n\n\n
margin-bottom: 0.25rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.author-info p {<\/p>\n\n\n\n
font-size: 0.9rem;<\/p>\n\n\n\n
color: var(–gray);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
\/* CTA Section *\/<\/p>\n\n\n\n
.cta-section {<\/p>\n\n\n\n
padding: 8rem 2rem;<\/p>\n\n\n\n
background: linear-gradient(135deg, var(–primary) 0%, var(–primary-dark) 100%);<\/p>\n\n\n\n
position: relative;<\/p>\n\n\n\n
overflow: hidden;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.cta-section::before {<\/p>\n\n\n\n
content: ”;<\/p>\n\n\n\n
position: absolute;<\/p>\n\n\n\n
top: -50%;<\/p>\n\n\n\n
left: -50%;<\/p>\n\n\n\n
width: 200%;<\/p>\n\n\n\n
height: 200%;<\/p>\n\n\n\n
background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);<\/p>\n\n\n\n
animation: rotate 30s linear infinite;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
@keyframes rotate {<\/p>\n\n\n\n
from { transform: rotate(0deg); }<\/p>\n\n\n\n
to { transform: rotate(360deg); }<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.cta-container {<\/p>\n\n\n\n
max-width: 900px;<\/p>\n\n\n\n
margin: 0 auto;<\/p>\n\n\n\n
text-align: center;<\/p>\n\n\n\n
position: relative;<\/p>\n\n\n\n
z-index: 1;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.cta-container h2 {<\/p>\n\n\n\n
font-size: 3.5rem;<\/p>\n\n\n\n
color: var(–white);<\/p>\n\n\n\n
margin-bottom: 1.5rem;<\/p>\n\n\n\n
line-height: 1.2;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.cta-container p {<\/p>\n\n\n\n
font-size: 1.3rem;<\/p>\n\n\n\n
color: rgba(255, 255, 255, 0.9);<\/p>\n\n\n\n
margin-bottom: 3rem;<\/p>\n\n\n\n
font-weight: 300;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.btn-light {<\/p>\n\n\n\n
background: var(–white);<\/p>\n\n\n\n
color: var(–primary-dark);<\/p>\n\n\n\n
padding: 1.2rem 3rem;<\/p>\n\n\n\n
border-radius: 50px;<\/p>\n\n\n\n
text-decoration: none;<\/p>\n\n\n\n
font-weight: 600;<\/p>\n\n\n\n
transition: all 0.3s ease;<\/p>\n\n\n\n
border: 2px solid var(–white);<\/p>\n\n\n\n
display: inline-block;<\/p>\n\n\n\n
font-size: 1.1rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.btn-light:hover {<\/p>\n\n\n\n
background: transparent;<\/p>\n\n\n\n
color: var(–white);<\/p>\n\n\n\n
transform: translateY(-3px);<\/p>\n\n\n\n
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
\/* Footer *\/<\/p>\n\n\n\n
.footer {<\/p>\n\n\n\n
background: var(–dark);<\/p>\n\n\n\n
color: var(–white);<\/p>\n\n\n\n
padding: 5rem 2rem 2rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.footer-container {<\/p>\n\n\n\n
max-width: 1400px;<\/p>\n\n\n\n
margin: 0 auto;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.footer-grid {<\/p>\n\n\n\n
display: grid;<\/p>\n\n\n\n
grid-template-columns: 2fr 1fr 1fr 1fr;<\/p>\n\n\n\n
gap: 4rem;<\/p>\n\n\n\n
margin-bottom: 4rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.footer-brand h3 {<\/p>\n\n\n\n
font-size: 2rem;<\/p>\n\n\n\n
margin-bottom: 1rem;<\/p>\n\n\n\n
color: var(–primary);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.footer-brand p {<\/p>\n\n\n\n
color: rgba(255, 255, 255, 0.7);<\/p>\n\n\n\n
line-height: 1.8;<\/p>\n\n\n\n
margin-bottom: 2rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.social-links {<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
gap: 1rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.social-link {<\/p>\n\n\n\n
width: 45px;<\/p>\n\n\n\n
height: 45px;<\/p>\n\n\n\n
background: rgba(255, 255, 255, 0.05);<\/p>\n\n\n\n
border-radius: 50%;<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
align-items: center;<\/p>\n\n\n\n
justify-content: center;<\/p>\n\n\n\n
text-decoration: none;<\/p>\n\n\n\n
color: var(–white);<\/p>\n\n\n\n
transition: all 0.3s ease;<\/p>\n\n\n\n
border: 1px solid rgba(255, 255, 255, 0.1);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.social-link:hover {<\/p>\n\n\n\n
background: var(–primary);<\/p>\n\n\n\n
transform: translateY(-3px);<\/p>\n\n\n\n
border-color: var(–primary);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.footer-column h4 {<\/p>\n\n\n\n
font-size: 1.2rem;<\/p>\n\n\n\n
margin-bottom: 1.5rem;<\/p>\n\n\n\n
color: var(–primary);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.footer-links {<\/p>\n\n\n\n
list-style: none;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.footer-links li {<\/p>\n\n\n\n
margin-bottom: 1rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.footer-links a {<\/p>\n\n\n\n
color: rgba(255, 255, 255, 0.7);<\/p>\n\n\n\n
text-decoration: none;<\/p>\n\n\n\n
transition: all 0.3s ease;<\/p>\n\n\n\n
display: inline-block;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.footer-links a:hover {<\/p>\n\n\n\n
color: var(–primary);<\/p>\n\n\n\n
transform: translateX(5px);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.contact-info {<\/p>\n\n\n\n
list-style: none;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.contact-info li {<\/p>\n\n\n\n
margin-bottom: 1rem;<\/p>\n\n\n\n
color: rgba(255, 255, 255, 0.7);<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
align-items: center;<\/p>\n\n\n\n
gap: 0.75rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.footer-bottom {<\/p>\n\n\n\n
border-top: 1px solid rgba(255, 255, 255, 0.1);<\/p>\n\n\n\n
padding-top: 2rem;<\/p>\n\n\n\n
text-align: center;<\/p>\n\n\n\n
color: rgba(255, 255, 255, 0.5);<\/p>\n\n\n\n
font-size: 0.9rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.newsletter-form {<\/p>\n\n\n\n
display: flex;<\/p>\n\n\n\n
gap: 0.5rem;<\/p>\n\n\n\n
margin-top: 1.5rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.newsletter-input {<\/p>\n\n\n\n
flex: 1;<\/p>\n\n\n\n
padding: 1rem 1.5rem;<\/p>\n\n\n\n
border: 1px solid rgba(255, 255, 255, 0.2);<\/p>\n\n\n\n
border-radius: 50px;<\/p>\n\n\n\n
background: rgba(255, 255, 255, 0.05);<\/p>\n\n\n\n
color: var(–white);<\/p>\n\n\n\n
font-size: 0.95rem;<\/p>\n\n\n\n
outline: none;<\/p>\n\n\n\n
transition: all 0.3s ease;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.newsletter-input::placeholder {<\/p>\n\n\n\n
color: rgba(255, 255, 255, 0.5);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.newsletter-input:focus {<\/p>\n\n\n\n
border-color: var(–primary);<\/p>\n\n\n\n
background: rgba(255, 255, 255, 0.08);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.newsletter-button {<\/p>\n\n\n\n
padding: 1rem 2rem;<\/p>\n\n\n\n
background: var(–primary);<\/p>\n\n\n\n
color: var(–white);<\/p>\n\n\n\n
border: none;<\/p>\n\n\n\n
border-radius: 50px;<\/p>\n\n\n\n
font-weight: 600;<\/p>\n\n\n\n
cursor: pointer;<\/p>\n\n\n\n
transition: all 0.3s ease;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.newsletter-button:hover {<\/p>\n\n\n\n
background: var(–primary-dark);<\/p>\n\n\n\n
transform: translateY(-2px);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
\/* Responsive *\/<\/p>\n\n\n\n
@media (max-width: 1024px) {<\/p>\n\n\n\n
.hero-container {<\/p>\n\n\n\n
grid-template-columns: 1fr;<\/p>\n\n\n\n
text-align: center;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.hero h1 {<\/p>\n\n\n\n
font-size: 3rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.hero-buttons {<\/p>\n\n\n\n
justify-content: center;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.about-container {<\/p>\n\n\n\n
grid-template-columns: 1fr;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.footer-grid {<\/p>\n\n\n\n
grid-template-columns: 1fr 1fr;<\/p>\n\n\n\n
gap: 3rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.service-slide {<\/p>\n\n\n\n
grid-template-columns: 1fr;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.org-level-2 {<\/p>\n\n\n\n
flex-direction: column;<\/p>\n\n\n\n
align-items: center;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.values-wave-container {<\/p>\n\n\n\n
justify-content: center;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
}<\/p>\n\n\n\n
@media (max-width: 768px) {<\/p>\n\n\n\n
.nav-container {<\/p>\n\n\n\n
flex-direction: column;<\/p>\n\n\n\n
gap: 1rem;<\/p>\n\n\n\n
padding: 1rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.nav-links {<\/p>\n\n\n\n
flex-direction: column;<\/p>\n\n\n\n
gap: 1rem;<\/p>\n\n\n\n
width: 100%;<\/p>\n\n\n\n
text-align: center;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.hero h1 {<\/p>\n\n\n\n
font-size: 2.5rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.section-header h2 {<\/p>\n\n\n\n
font-size: 2rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.values-wave-container {<\/p>\n\n\n\n
flex-direction: column;<\/p>\n\n\n\n
align-items: center;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.value-wave-card {<\/p>\n\n\n\n
width: 90%;<\/p>\n\n\n\n
max-width: 300px;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.testimonials-grid {<\/p>\n\n\n\n
grid-template-columns: 1fr;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.footer-grid {<\/p>\n\n\n\n
grid-template-columns: 1fr;<\/p>\n\n\n\n
gap: 2rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.cta-container h2 {<\/p>\n\n\n\n
font-size: 2.5rem;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.fade-in-section {<\/p>\n\n\n\n
opacity: 0;<\/p>\n\n\n\n
transform: translateY(30px);<\/p>\n\n\n\n
transition: opacity 0.8s ease-out, transform 0.8s ease-out;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
.fade-in-section.is-visible {<\/p>\n\n\n\n
opacity: 1;<\/p>\n\n\n\n
transform: translateY(0);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
<\/style><\/p>\n\n\n\n
<\/head><\/p>\n\n\n\n
<body><\/p>\n\n\n\n
<!– Navigation –><\/p>\n\n\n\n
<nav class=”nav”><\/p>\n\n\n\n
<div class=”nav-container”><\/p>\n\n\n\n
<a href=”#” class=”logo-container”><\/p>\n\n\n\n
<!– Replace ‘logo-placeholder.png’ with your actual logo filename –><\/p>\n\n\n\n
<img src=”Apex_Leadership_Africa_Official_Logo.png” alt=”Apex Leadership Africa” class=”logo-image” onerror=”this.style.display=’none'”><\/p>\n\n\n\n
<\/a><\/p>\n\n\n\n
<ul class=”nav-links”><\/p>\n\n\n\n
<li><a href=”#home”>Home<\/a><\/li><\/p>\n\n\n\n
<li><a href=”#services”>Services<\/a><\/li><\/p>\n\n\n\n
<li><a href=”#values”>Core Values<\/a><\/li><\/p>\n\n\n\n
<li><a href=”#team”>Our Team<\/a><\/li><\/p>\n\n\n\n
<li><a href=”#about”>About Us<\/a><\/li><\/p>\n\n\n\n
<li><a href=”#contact” class=”cta-button”>Book a Call<\/a><\/li><\/p>\n\n\n\n
<\/ul><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/nav><\/p>\n\n\n\n
<!– Hero Section –><\/p>\n\n\n\n
<section class=”hero” id=”home”><\/p>\n\n\n\n
<div class=”hero-container”><\/p>\n\n\n\n
<div class=”hero-content”><\/p>\n\n\n\n
<span class=”hero-badge”>\ud83c\udf0d Transforming Leadership Across Africa<\/span><\/p>\n\n\n\n
<h1><\/p>\n\n\n\n
Unlock the Leader Within. <br><\/p>\n\n\n\n
<span class=”hero-highlight”>Transform the Future.<\/span><\/p>\n\n\n\n
<\/h1><\/p>\n\n\n\n
<p><\/p>\n\n\n\n
We empower purpose-driven leaders to rise with clarity, influence, and excellence.<\/p>\n\n\n\n
Join 100,000+ leaders transforming Africa’s landscape through exceptional leadership development.<\/p>\n\n\n\n
<\/p><\/p>\n\n\n\n
<div class=”hero-buttons”><\/p>\n\n\n\n
<a href=”#services” class=”btn-primary”>Explore Our Programs<\/a><\/p>\n\n\n\n
<a href=”#contact” class=”btn-secondary”>Schedule Consultation<\/a><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”hero-visual”><\/p>\n\n\n\n
<div class=”hero-card”><\/p>\n\n\n\n
<div class=”stat-grid”><\/p>\n\n\n\n
<div class=”stat-item”><\/p>\n\n\n\n
<span class=”stat-number”>100K+<\/span><\/p>\n\n\n\n
<span class=”stat-label”>Leaders to Develop<\/span><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”stat-item”><\/p>\n\n\n\n
<span class=”stat-number”>1,000+<\/span><\/p>\n\n\n\n
<span class=”stat-label”>Businesses to Support<\/span><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”stat-item”><\/p>\n\n\n\n
<span class=”stat-number”>54<\/span><\/p>\n\n\n\n
<span class=”stat-label”>African Countries<\/span><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”stat-item”><\/p>\n\n\n\n
<span class=”stat-number”>24\/7<\/span><\/p>\n\n\n\n
<span class=”stat-label”>Support Available<\/span><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/section><\/p>\n\n\n\n
<!– Interactive Services Slider –><\/p>\n\n\n\n
<section class=”services fade-in-section” id=”services”><\/p>\n\n\n\n
<div class=”services-container”><\/p>\n\n\n\n
<div class=”section-header”><\/p>\n\n\n\n
<span class=”section-badge”>What We Offer<\/span><\/p>\n\n\n\n
<h2>Transform Your Leadership Journey<\/h2><\/p>\n\n\n\n
<p>Comprehensive programs designed to elevate your leadership capabilities and drive meaningful impact.<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”services-slider”><\/p>\n\n\n\n
<div class=”services-track” id=”servicesTrack”><\/p>\n\n\n\n
<!– Slide 1 –><\/p>\n\n\n\n
<div class=”service-slide”><\/p>\n\n\n\n
<div class=”slide-content”><\/p>\n\n\n\n
<h3>Leadership Coaching Programs<\/h3><\/p>\n\n\n\n
<p>Personalized coaching designed to unlock your full leadership potential and drive transformative results.<\/p><\/p>\n\n\n\n
<ul class=”slide-features”><\/p>\n\n\n\n
<li>One-on-one executive coaching<\/li><\/p>\n\n\n\n
<li>Group leadership development<\/li><\/p>\n\n\n\n
<li>360-degree feedback assessments<\/li><\/p>\n\n\n\n
<li>Customized action plans<\/li><\/p>\n\n\n\n
<li>Ongoing support and accountability<\/li><\/p>\n\n\n\n
<\/ul><\/p>\n\n\n\n
<a href=”#contact” class=”btn-primary”>Learn More<\/a><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”slide-visual”><\/p>\n\n\n\n
<div class=”slide-icon”>\ud83c\udfaf<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<!– Slide 2 –><\/p>\n\n\n\n
<div class=”service-slide”><\/p>\n\n\n\n
<div class=”slide-content”><\/p>\n\n\n\n
<h3>Emotional Intelligence Workshops<\/h3><\/p>\n\n\n\n
<p>Build essential EQ skills that enhance communication, resilience, and interpersonal effectiveness.<\/p><\/p>\n\n\n\n
<ul class=”slide-features”><\/p>\n\n\n\n
<li>Self-awareness development<\/li><\/p>\n\n\n\n
<li>Empathy and social skills training<\/li><\/p>\n\n\n\n
<li>Stress management techniques<\/li><\/p>\n\n\n\n
<li>Conflict resolution strategies<\/li><\/p>\n\n\n\n
<li>Interactive practical exercises<\/li><\/p>\n\n\n\n
<\/ul><\/p>\n\n\n\n
<a href=”#contact” class=”btn-primary”>Learn More<\/a><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”slide-visual”><\/p>\n\n\n\n
<div class=”slide-icon”>\ud83e\udde0<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<!– Slide 3 –><\/p>\n\n\n\n
<div class=”service-slide”><\/p>\n\n\n\n
<div class=”slide-content”><\/p>\n\n\n\n
<h3>Online Leadership Development<\/h3><\/p>\n\n\n\n
<p>Self-paced courses on our LMS platform covering essential leadership competencies.<\/p><\/p>\n\n\n\n
<ul class=”slide-features”><\/p>\n\n\n\n
<li>24\/7 access to course materials<\/li><\/p>\n\n\n\n
<li>Video lessons and resources<\/li><\/p>\n\n\n\n
<li>Interactive assessments<\/li><\/p>\n\n\n\n
<li>Digital certificates<\/li><\/p>\n\n\n\n
<li>Community learning forums<\/li><\/p>\n\n\n\n
<\/ul><\/p>\n\n\n\n
<a href=”#contact” class=”btn-primary”>Learn More<\/a><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”slide-visual”><\/p>\n\n\n\n
<div class=”slide-icon”>\ud83d\udcda<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<!– Slide 4 –><\/p>\n\n\n\n
<div class=”service-slide”><\/p>\n\n\n\n
<div class=”slide-content”><\/p>\n\n\n\n
<h3>Design Thinking Workshops<\/h3><\/p>\n\n\n\n
<p>Hands-on innovation workshops that strengthen creative problem-solving capabilities.<\/p><\/p>\n\n\n\n
<ul class=”slide-features”><\/p>\n\n\n\n
<li>Human-centered design approach<\/li><\/p>\n\n\n\n
<li>Ideation and prototyping<\/li><\/p>\n\n\n\n
<li>Creative problem-solving tools<\/li><\/p>\n\n\n\n
<li>Team collaboration exercises<\/li><\/p>\n\n\n\n
<li>Real-world case studies<\/li><\/p>\n\n\n\n
<\/ul><\/p>\n\n\n\n
<a href=”#contact” class=”btn-primary”>Learn More<\/a><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”slide-visual”><\/p>\n\n\n\n
<div class=”slide-icon”>\ud83d\udca1<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<!– Slide 5 –><\/p>\n\n\n\n
<div class=”service-slide”><\/p>\n\n\n\n
<div class=”slide-content”><\/p>\n\n\n\n
<h3>CSR-Funded Leadership Initiatives<\/h3><\/p>\n\n\n\n
<p>Community-driven programs supporting youth empowerment and inclusive leadership development.<\/p><\/p>\n\n\n\n
<ul class=”slide-features”><\/p>\n\n\n\n
<li>Youth mentorship programs<\/li><\/p>\n\n\n\n
<li>Community leadership training<\/li><\/p>\n\n\n\n
<li>Scholarship opportunities<\/li><\/p>\n\n\n\n
<li>Inclusive development focus<\/li><\/p>\n\n\n\n
<li>Social impact measurement<\/li><\/p>\n\n\n\n
<\/ul><\/p>\n\n\n\n
<a href=”#contact” class=”btn-primary”>Learn More<\/a><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”slide-visual”><\/p>\n\n\n\n
<div class=”slide-icon”>\ud83c\udf31<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<!– Slide 6 –><\/p>\n\n\n\n
<div class=”service-slide”><\/p>\n\n\n\n
<div class=”slide-content”><\/p>\n\n\n\n
<h3>Management & Business Consulting<\/h3><\/p>\n\n\n\n
<p>Strategic consulting services that help organizations improve performance and unlock growth.<\/p><\/p>\n\n\n\n
<ul class=”slide-features”><\/p>\n\n\n\n
<li>Organizational assessments<\/li><\/p>\n\n\n\n
<li>Strategic planning support<\/li><\/p>\n\n\n\n
<li>Process optimization<\/li><\/p>\n\n\n\n
<li>Change management<\/li><\/p>\n\n\n\n
<li>Performance improvement systems<\/li><\/p>\n\n\n\n
<\/ul><\/p>\n\n\n\n
<a href=”#contact” class=”btn-primary”>Learn More<\/a><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”slide-visual”><\/p>\n\n\n\n
<div class=”slide-icon”>\ud83d\udcca<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”slider-controls”><\/p>\n\n\n\n
<button class=”slider-btn” id=”prevBtn”>\u2190<\/button><\/p>\n\n\n\n
<button class=”slider-btn” id=”nextBtn”>\u2192<\/button><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”slider-dots” id=”sliderDots”><\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/section><\/p>\n\n\n\n
<!– Core Values Section – Wave Design –><\/p>\n\n\n\n
<section class=”values-section fade-in-section” id=”values”><\/p>\n\n\n\n
<div class=”values-container”><\/p>\n\n\n\n
<div class=”section-header”><\/p>\n\n\n\n
<h2 style=”color: var(–dark);”>Our Core Values<\/h2><\/p>\n\n\n\n
<p class=”values-subtitle”>The core components that build a strong foundation for success<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”values-wave-container”><\/p>\n\n\n\n
<div class=”value-wave-card purpose”><\/p>\n\n\n\n
<span class=”value-number”>01<\/span><\/p>\n\n\n\n
<div class=”value-icon-circle”><\/p>\n\n\n\n
<svg fill=”currentColor” viewBox=”0 0 20 20″><path d=”M10 2a8 8 0 100 16 8 8 0 000-16zm1 11H9v-2h2v2zm0-4H9V5h2v4z”\/><\/svg><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<h3>Purpose<\/h3><\/p>\n\n\n\n
<p>We believe every leader is called to make a meaningful contribution. We cultivate clarity of purpose in all our programs and engagements.<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”value-wave-card excellence”><\/p>\n\n\n\n
<span class=”value-number”>03<\/span><\/p>\n\n\n\n
<div class=”value-icon-circle”><\/p>\n\n\n\n
<svg fill=”currentColor” viewBox=”0 0 20 20″><path d=”M10 2l2.5 7.5H20l-6 4.5 2.5 7.5L10 17l-6.5 4.5L6 14 0 9.5h7.5L10 2z”\/><\/svg><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<h3>Excellence<\/h3><\/p>\n\n\n\n
<p>We uphold the highest standards of quality, innovation, and delivery\u2014ensuring that every experience creates measurable value and growth.<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”value-wave-card integrity”><\/p>\n\n\n\n
<span class=”value-number”>04<\/span><\/p>\n\n\n\n
<div class=”value-icon-circle”><\/p>\n\n\n\n
<svg fill=”currentColor” viewBox=”0 0 20 20″><path d=”M10 2L2 7v6c0 5 8 7 8 7s8-2 8-7V7l-8-5zm0 12H6v-2h4v2zm4-4H6V8h8v2z”\/><\/svg><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<h3>Integrity<\/h3><\/p>\n\n\n\n
<p>We lead with honesty, transparency, and ethical responsibility, grounding every initiative in trust and accountability.<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”value-wave-card growth”><\/p>\n\n\n\n
<span class=”value-number”>05<\/span><\/p>\n\n\n\n
<div class=”value-icon-circle”><\/p>\n\n\n\n
<svg fill=”currentColor” viewBox=”0 0 20 20″><path d=”M2 10h4v8H2v-8zm6-4h4v12H8V6zm6-4h4v16h-4V2z”\/><\/svg><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<h3>Growth<\/h3><\/p>\n\n\n\n
<p>We champion continuous learning and personal development, empowering leaders to evolve, adapt, and strive toward their highest potential.<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”value-wave-card collaboration”><\/p>\n\n\n\n
<span class=”value-number”>06<\/span><\/p>\n\n\n\n
<div class=”value-icon-circle”><\/p>\n\n\n\n
<svg fill=”currentColor” viewBox=”0 0 20 20″><path d=”M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-1a5 5 0 00-10 0v1h10zM18 18v-1a7 7 0 00-2-5 3 3 0 012 5v1h0zM4 18v-1a7 7 0 012-5 3 3 0 00-2 5v1H4z”\/><\/svg><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<h3>Collaboration<\/h3><\/p>\n\n\n\n
<p>We foster partnerships and communities that encourage connection, shared learning, and collective impact.<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”value-wave-card transformation”><\/p>\n\n\n\n
<span class=”value-number”>07<\/span><\/p>\n\n\n\n
<div class=”value-icon-circle”><\/p>\n\n\n\n
<svg fill=”currentColor” viewBox=”0 0 20 20″><path d=”M10 18a8 8 0 100-16 8 8 0 000 16zm1-11H9v4l3 3 1-1-2-2V7z”\/><\/svg><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<h3>Transformation<\/h3><\/p>\n\n\n\n
<p>We aim to transform mindsets, organizations, and societies through leadership that is visionary, courageous, and impactful.<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/section><\/p>\n\n\n\n
<!– Organizational Chart –><\/p>\n\n\n\n
<section class=”org-chart-section fade-in-section” id=”team”><\/p>\n\n\n\n
<div class=”org-chart-container”><\/p>\n\n\n\n
<div class=”section-header”><\/p>\n\n\n\n
<span class=”section-badge” style=”background: rgba(212, 165, 116, 0.2);”>Our Team<\/span><\/p>\n\n\n\n
<h2 style=”color: var(–white);”>Leadership Structure<\/h2><\/p>\n\n\n\n
<p style=”color: rgba(255, 255, 255, 0.8);”>Meet the team driving transformation across Africa.<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”org-chart”><\/p>\n\n\n\n
<!– CEO Level –><\/p>\n\n\n\n
<div class=”org-level”><\/p>\n\n\n\n
<div class=”org-card ceo”><\/p>\n\n\n\n
<div class=”org-avatar”>DM<\/div><\/p>\n\n\n\n
<h4>Donald Morema<\/h4><\/p>\n\n\n\n
<p>Chief Executive Officer<\/p><\/p>\n\n\n\n
<p class=”org-email”>donald@apexleadershipafrica.co.za<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<!– Executive Level –><\/p>\n\n\n\n
<div class=”org-level org-level-2″><\/p>\n\n\n\n
<div class=”org-card”><\/p>\n\n\n\n
<div class=”org-line”><\/div><\/p>\n\n\n\n
<div class=”org-avatar”>HO<\/div><\/p>\n\n\n\n
<h4>Head of Operations<\/h4><\/p>\n\n\n\n
<p>Operations & Strategy<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”org-card”><\/p>\n\n\n\n
<div class=”org-line”><\/div><\/p>\n\n\n\n
<div class=”org-avatar”>HP<\/div><\/p>\n\n\n\n
<h4>Head of Programs<\/h4><\/p>\n\n\n\n
<p>Learning & Development<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”org-card”><\/p>\n\n\n\n
<div class=”org-line”><\/div><\/p>\n\n\n\n
<div class=”org-avatar”>HB<\/div><\/p>\n\n\n\n
<h4>Head of Business<\/h4><\/p>\n\n\n\n
<p>Development & Consulting<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<!– Department Level –><\/p>\n\n\n\n
<div class=”org-level org-level-2″><\/p>\n\n\n\n
<div class=”org-card”><\/p>\n\n\n\n
<div class=”org-line”><\/div><\/p>\n\n\n\n
<div class=”org-avatar”>CM<\/div><\/p>\n\n\n\n
<h4>Coaching Manager<\/h4><\/p>\n\n\n\n
<p>Leadership Coaching<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”org-card”><\/p>\n\n\n\n
<div class=”org-line”><\/div><\/p>\n\n\n\n
<div class=”org-avatar”>TL<\/div><\/p>\n\n\n\n
<h4>Training Lead<\/h4><\/p>\n\n\n\n
<p>Workshop Facilitation<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”org-card”><\/p>\n\n\n\n
<div class=”org-line”><\/div><\/p>\n\n\n\n
<div class=”org-avatar”>BC<\/div><\/p>\n\n\n\n
<h4>Business Consultant<\/h4><\/p>\n\n\n\n
<p>Strategic Advisory<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/section><\/p>\n\n\n\n
<!– About Section –><\/p>\n\n\n\n
<section class=”about fade-in-section” id=”about”><\/p>\n\n\n\n
<div class=”about-container”><\/p>\n\n\n\n
<div class=”about-content”><\/p>\n\n\n\n
<h2>Africa’s Premier <span class=”about-highlight”>Leadership Development<\/span> Organization<\/h2><\/p>\n\n\n\n
<p><\/p>\n\n\n\n
We believe that leadership is not just a position\u2014it is a responsibility to influence,<\/p>\n\n\n\n
inspire, and create meaningful impact. Through our dynamic programs, thought-leadership,<\/p>\n\n\n\n
and strategic partnerships, we empower leaders to navigate challenges and contribute to<\/p>\n\n\n\n
Africa’s socio-economic transformation.<\/p>\n\n\n\n
<\/p><\/p>\n\n\n\n
<p><\/p>\n\n\n\n
With a deep understanding of the African leadership landscape, Apex Leadership Africa<\/p>\n\n\n\n
serves as a catalyst for personal and organizational growth. Whether through training,<\/p>\n\n\n\n
coaching, consulting, or community-building, we strive to elevate leadership excellence<\/p>\n\n\n\n
across all sectors.<\/p>\n\n\n\n
<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”vm-cards”><\/p>\n\n\n\n
<div class=”vm-card”><\/p>\n\n\n\n
<div class=”vm-icon”>\ud83c\udfaf<\/div><\/p>\n\n\n\n
<h3>Our Vision<\/h3><\/p>\n\n\n\n
<p><\/p>\n\n\n\n
To be Africa’s leading catalyst for leadership excellence that shapes influential<\/p>\n\n\n\n
leaders who drive transformation, inspire progress, and contribute to a thriving,<\/p>\n\n\n\n
empowered continent.<\/p>\n\n\n\n
<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”vm-card”><\/p>\n\n\n\n
<div class=”vm-icon”>\ud83d\ude80<\/div><\/p>\n\n\n\n
<h3>Our Mission<\/h3><\/p>\n\n\n\n
<p><\/p>\n\n\n\n
To develop 100,000 transformational leaders and support 1,000 high-growth<\/p>\n\n\n\n
businesses across Africa through powerful learning, innovative leadership<\/p>\n\n\n\n
solutions, and meaningful connections.<\/p>\n\n\n\n
<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/section><\/p>\n\n\n\n
<!– Testimonials –><\/p>\n\n\n\n
<section class=”testimonials fade-in-section”><\/p>\n\n\n\n
<div class=”testimonials-container”><\/p>\n\n\n\n
<div class=”section-header”><\/p>\n\n\n\n
<span class=”section-badge”>Impact Stories<\/span><\/p>\n\n\n\n
<h2>Transforming Leaders, Transforming Africa<\/h2><\/p>\n\n\n\n
<p>See how our programs have empowered leaders across the continent.<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”testimonials-grid”><\/p>\n\n\n\n
<div class=”testimonial-card”><\/p>\n\n\n\n
<div class=”quote-icon”>”<\/div><\/p>\n\n\n\n
<p class=”testimonial-text”><\/p>\n\n\n\n
The leadership coaching program completely transformed how I approach challenges in my organization.<\/p>\n\n\n\n
The clarity and confidence I gained has been invaluable for my team’s growth.<\/p>\n\n\n\n
<\/p><\/p>\n\n\n\n
<div class=”testimonial-author”><\/p>\n\n\n\n
<div class=”author-avatar”>TM<\/div><\/p>\n\n\n\n
<div class=”author-info”><\/p>\n\n\n\n
<h4>Thabo Molefe<\/h4><\/p>\n\n\n\n
<p>CEO, Tech Innovations SA<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”testimonial-card”><\/p>\n\n\n\n
<div class=”quote-icon”>”<\/div><\/p>\n\n\n\n
<p class=”testimonial-text”><\/p>\n\n\n\n
The Emotional Intelligence workshop gave me tools I use daily. My team’s collaboration<\/p>\n\n\n\n
and productivity have increased significantly since implementing these practices.<\/p>\n\n\n\n
<\/p><\/p>\n\n\n\n
<div class=”testimonial-author”><\/p>\n\n\n\n
<div class=”author-avatar”>AN<\/div><\/p>\n\n\n\n
<div class=”author-info”><\/p>\n\n\n\n
<h4>Amara Nwankwo<\/h4><\/p>\n\n\n\n
<p>Operations Director, Lagos Enterprises<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”testimonial-card”><\/p>\n\n\n\n
<div class=”quote-icon”>”<\/div><\/p>\n\n\n\n
<p class=”testimonial-text”><\/p>\n\n\n\n
Apex Leadership Africa’s consulting services helped us restructure our business model.<\/p>\n\n\n\n
We’ve seen 40% growth in the past year and our team is more aligned than ever.<\/p>\n\n\n\n
<\/p><\/p>\n\n\n\n
<div class=”testimonial-author”><\/p>\n\n\n\n
<div class=”author-avatar”>KO<\/div><\/p>\n\n\n\n
<div class=”author-info”><\/p>\n\n\n\n
<h4>Kwame Osei<\/h4><\/p>\n\n\n\n
<p>Founder, Pan-African Retail Group<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/section><\/p>\n\n\n\n
<!– CTA Section –><\/p>\n\n\n\n
<section class=”cta-section” id=”contact”><\/p>\n\n\n\n
<div class=”cta-container”><\/p>\n\n\n\n
<h2>Ready to Transform Your Leadership?<\/h2><\/p>\n\n\n\n
<p>Join thousands of African leaders who are creating meaningful impact through our programs.<\/p><\/p>\n\n\n\n
<a href=”mailto:info@apexleadershipafrica.co.za” class=”btn-light”>Book Your Consultation<\/a><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/section><\/p>\n\n\n\n
<!– Footer –><\/p>\n\n\n\n
<footer class=”footer”><\/p>\n\n\n\n
<div class=”footer-container”><\/p>\n\n\n\n
<div class=”footer-grid”><\/p>\n\n\n\n
<div class=”footer-brand”><\/p>\n\n\n\n
<h3>Apex Leadership Africa<\/h3><\/p>\n\n\n\n
<p><\/p>\n\n\n\n
Empowering purpose-driven leaders to rise with clarity, influence, and excellence<\/p>\n\n\n\n
across the African continent.<\/p>\n\n\n\n
<\/p><\/p>\n\n\n\n
<div class=”social-links”><\/p>\n\n\n\n
<a href=”https:\/\/www.facebook.com\/apexleadershipafrica” class=”social-link” target=”_blank”>\ud83d\udcd8<\/a><\/p>\n\n\n\n
<a href=”#” class=”social-link”>\ud83d\udcf7<\/a><\/p>\n\n\n\n
<a href=”#” class=”social-link”>\ud83d\udc26<\/a><\/p>\n\n\n\n
<a href=”#” class=”social-link”>\ud83d\udcbc<\/a><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”footer-column”><\/p>\n\n\n\n
<h4>Quick Links<\/h4><\/p>\n\n\n\n
<ul class=”footer-links”><\/p>\n\n\n\n
<li><a href=”#home”>Home<\/a><\/li><\/p>\n\n\n\n
<li><a href=”#services”>Services<\/a><\/li><\/p>\n\n\n\n
<li><a href=”#values”>Core Values<\/a><\/li><\/p>\n\n\n\n
<li><a href=”#team”>Our Team<\/a><\/li><\/p>\n\n\n\n
<li><a href=”#about”>About Us<\/a><\/li><\/p>\n\n\n\n
<\/ul><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”footer-column”><\/p>\n\n\n\n
<h4>Programs<\/h4><\/p>\n\n\n\n
<ul class=”footer-links”><\/p>\n\n\n\n
<li><a href=”#services”>Leadership Coaching<\/a><\/li><\/p>\n\n\n\n
<li><a href=”#services”>EI Workshops<\/a><\/li><\/p>\n\n\n\n
<li><a href=”#services”>Online Courses<\/a><\/li><\/p>\n\n\n\n
<li><a href=”#services”>Design Thinking<\/a><\/li><\/p>\n\n\n\n
<li><a href=”#services”>Consulting<\/a><\/li><\/p>\n\n\n\n
<\/ul><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”footer-column”><\/p>\n\n\n\n
<h4>Contact<\/h4><\/p>\n\n\n\n
<ul class=”contact-info”><\/p>\n\n\n\n
<li>\ud83d\udce7 info@apexleadershipafrica.co.za<\/li><\/p>\n\n\n\n
<li>\ud83d\udcde 061 409 9904<\/li><\/p>\n\n\n\n
<li>\ud83d\udccd Pretoria, South Africa<\/li><\/p>\n\n\n\n
<\/ul><\/p>\n\n\n\n
<form class=”newsletter-form”><\/p>\n\n\n\n
<input type=”email” class=”newsletter-input” placeholder=”Your email” required><\/p>\n\n\n\n
<button type=”submit” class=”newsletter-button”>Join<\/button><\/p>\n\n\n\n
<\/form><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<div class=”footer-bottom”><\/p>\n\n\n\n
<p>© 2026 Apex Leadership Africa. All rights reserved.<\/p><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/div><\/p>\n\n\n\n
<\/footer><\/p>\n\n\n\n
<script><\/p>\n\n\n\n
\/\/ Services Slider Functionality<\/p>\n\n\n\n
let currentSlide = 0;<\/p>\n\n\n\n
const slides = document.querySelectorAll(‘.service-slide’);<\/p>\n\n\n\n
const totalSlides = slides.length;<\/p>\n\n\n\n
const track = document.getElementById(‘servicesTrack’);<\/p>\n\n\n\n
const dotsContainer = document.getElementById(‘sliderDots’);<\/p>\n\n\n\n
\/\/ Create dots<\/p>\n\n\n\n
for (let i = 0; i < totalSlides; i++) {<\/p>\n\n\n\n
const dot = document.createElement(‘div’);<\/p>\n\n\n\n
dot.classList.add(‘dot’);<\/p>\n\n\n\n
if (i === 0) dot.classList.add(‘active’);<\/p>\n\n\n\n
dot.addEventListener(‘click’, () => goToSlide(i));<\/p>\n\n\n\n
dotsContainer.appendChild(dot);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
const dots = document.querySelectorAll(‘.dot’);<\/p>\n\n\n\n
function updateSlider() {<\/p>\n\n\n\n
track.style.transform = `translateX(-${currentSlide * 100}%)`;<\/p>\n\n\n\n
dots.forEach((dot, index) => {<\/p>\n\n\n\n
dot.classList.toggle(‘active’, index === currentSlide);<\/p>\n\n\n\n
});<\/p>\n\n\n\n
}<\/p>\n\n\n\n
function goToSlide(index) {<\/p>\n\n\n\n
currentSlide = index;<\/p>\n\n\n\n
updateSlider();<\/p>\n\n\n\n
}<\/p>\n\n\n\n
document.getElementById(‘nextBtn’).addEventListener(‘click’, () => {<\/p>\n\n\n\n
currentSlide = (currentSlide + 1) % totalSlides;<\/p>\n\n\n\n
updateSlider();<\/p>\n\n\n\n
});<\/p>\n\n\n\n
document.getElementById(‘prevBtn’).addEventListener(‘click’, () => {<\/p>\n\n\n\n
currentSlide = (currentSlide – 1 + totalSlides) % totalSlides;<\/p>\n\n\n\n
updateSlider();<\/p>\n\n\n\n
});<\/p>\n\n\n\n
\/\/ Auto-advance slides<\/p>\n\n\n\n
setInterval(() => {<\/p>\n\n\n\n
currentSlide = (currentSlide + 1) % totalSlides;<\/p>\n\n\n\n
updateSlider();<\/p>\n\n\n\n
}, 7000);<\/p>\n\n\n\n
\/\/ Scroll animation observer<\/p>\n\n\n\n
const observerOptions = {<\/p>\n\n\n\n
threshold: 0.1,<\/p>\n\n\n\n
rootMargin: ‘0px 0px -50px 0px’<\/p>\n\n\n\n
};<\/p>\n\n\n\n
const observer = new IntersectionObserver((entries) => {<\/p>\n\n\n\n
entries.forEach(entry => {<\/p>\n\n\n\n
if (entry.isIntersecting) {<\/p>\n\n\n\n
entry.target.classList.add(‘is-visible’);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
});<\/p>\n\n\n\n
}, observerOptions);<\/p>\n\n\n\n
document.querySelectorAll(‘.fade-in-section’).forEach(section => {<\/p>\n\n\n\n
observer.observe(section);<\/p>\n\n\n\n
});<\/p>\n\n\n\n
\/\/ Smooth scrolling<\/p>\n\n\n\n
document.querySelectorAll(‘a[href^=”#”]’).forEach(anchor => {<\/p>\n\n\n\n
anchor.addEventListener(‘click’, function (e) {<\/p>\n\n\n\n
e.preventDefault();<\/p>\n\n\n\n
const target = document.querySelector(this.getAttribute(‘href’));<\/p>\n\n\n\n
if (target) {<\/p>\n\n\n\n
target.scrollIntoView({<\/p>\n\n\n\n
behavior: ‘smooth’,<\/p>\n\n\n\n
block: ‘start’<\/p>\n\n\n\n
});<\/p>\n\n\n\n
}<\/p>\n\n\n\n
});<\/p>\n\n\n\n
});<\/p>\n\n\n\n
\/\/ Newsletter form<\/p>\n\n\n\n
document.querySelector(‘.newsletter-form’).addEventListener(‘submit’, (e) => {<\/p>\n\n\n\n
e.preventDefault();<\/p>\n\n\n\n
const email = e.target.querySelector(‘.newsletter-input’).value;<\/p>\n\n\n\n
if (email) {<\/p>\n\n\n\n
alert(‘Thank you for subscribing! We\\’ll keep you updated on our programs.’);<\/p>\n\n\n\n
e.target.reset();<\/p>\n\n\n\n
}<\/p>\n\n\n\n
});<\/p>\n\n\n\n
<\/script><\/p>\n\n\n\n
<\/body><\/p>\n\n\n\n
<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"
<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Apex Leadership Africa – Transform Leadership. Transform Africa.<\/title> <link href=”https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700;900&family=Work+Sans:wght@300;400;500;600;700&display=swap” rel=”stylesheet”> <style> :root { –primary: #D4A574; –primary-dark: #B8864E; […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-apex-landing.php","meta":{"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/apexleadershipafrica.co.za\/index.php?rest_route=\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apexleadershipafrica.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/apexleadershipafrica.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/apexleadershipafrica.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/apexleadershipafrica.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25"}],"version-history":[{"count":3,"href":"https:\/\/apexleadershipafrica.co.za\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/apexleadershipafrica.co.za\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/apexleadershipafrica.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}