```html

<!DOCTYPE html>

<head>

<title>Pillar of Success College | Gaborone, Botswana</title>

<style>

/* ═══════════════════════════════════════

POSTI BRAND — WHITE + GOLD + RED + OCEAN

═══════════════════════════════════════ */

:root {

--white: #FFFFFF;

--paper: #FAFAF8;

--paper2: #F4F1EC;

--paper3: #EDE9E1;

--ink: #1A1710;

--ink2: #3A3628;

--ink3: #6B6455;

--gold: #B8860B;

--gold-lt: #D4A017;

--gold-vlt: #F0C040;

--gold-pale: #FDF4DC;

--gold-border: rgba(184,134,11,0.2);

--gold-bg: rgba(184,134,11,0.06);

--red: #B22222;

--red-lt: #CC2222;

--red-pale: #FDF0F0;

--red-border: rgba(178,34,34,0.2);

--red-bg: rgba(178,34,34,0.05);

--ocean: #0D47A1;

--ocean-lt: #1565C0;

--ocean-pale: #EEF4FF;

--ocean-border: rgba(13,71,161,0.18);

--ocean-bg: rgba(13,71,161,0.05);

--shadow-sm: 0 2px 12px rgba(26,23,16,0.08);

--shadow-md: 0 6px 28px rgba(26,23,16,0.10);

--shadow-lg: 0 16px 56px rgba(26,23,16,0.12);

--shadow-gold: 0 4px 24px rgba(184,134,11,0.16);

--shadow-red: 0 4px 24px rgba(178,34,34,0.14);

--shadow-ocean: 0 4px 24px rgba(13,71,161,0.14);

--font-head: 'Cormorant Garamond', serif;

--font-body: 'Raleway', sans-serif;

--radius: 6px;

--radius-lg: 10px;

}

*::before,

*::after {

box-sizing: border-box;

margin: 0;

padding: 0;

}

html {

scroll-behavior: smooth;

}

body {

font-family: var(--font-body);

background: var(--white);

color: var(--ink);

overflow-x: hidden;

-webkit-font-smoothing: antialiased;

}

.container {

max-width: 1160px;

margin: 0 auto;

padding: 0 24px;

}

/* ─── TYPOGRAPHY ─── */

.eyebrow {

display: inline-block;

font-family: var(--font-body);

font-size: 0.68rem;

font-weight: 800;

letter-spacing: 0.22em;

text-transform: uppercase;

color: var(--gold);

margin-bottom: 10px;

}

h2.title {

font-family: var(--font-head);

font-size: clamp(1.8rem, 3.2vw, 2.8rem);

font-weight: 700;

color: var(--ink);

line-height: 1.15;

margin-bottom: 10px;

}

h2.title .accent {

color: var(--red);

font-style: italic;

}

.subtitle {

font-size: 0.96rem;

color: var(--ink3);

line-height: 1.8;

max-width: 600px;

margin-bottom: 40px;

font-weight: 400;

}

.rule {

display: flex;

align-items: center;

gap: 14px;

margin: 12px 0 36px;

}

.rule::before {

content: '';

flex: 0 0 36px;

height: 2px;

background: var(--red);

border-radius: 2px;

}

.rule::after {

content: '';

flex: 1;

height: 1px;

background: var(--gold-border);

}

/* ─── BUTTONS ─── */

.btn {

display: inline-block;

padding: 11px 26px;

border-radius: var(--radius);

font-family: var(--font-body);

font-weight: 700;

font-size: 0.78rem;

letter-spacing: 0.1em;

text-transform: uppercase;

text-decoration: none;

cursor: pointer;

border: none;

transition: all .22s ease;

}

.btn-gold {

background: var(--gold);

color: var(--white);

box-shadow: var(--shadow-gold);

}

.btn-gold:hover {

background: var(--gold-lt);

box-shadow: 0 6px 32px rgba(184,134,11,0.28);

transform: translateY(-1px);

}

.btn-red {

background: var(--red);

color: var(--white);

box-shadow: var(--shadow-red);

}

.btn-red:hover {

background: var(--red-lt);

box-shadow: 0 6px 32px rgba(178,34,34,0.28);

transform: translateY(-1px);

}

.btn-ocean {

background: var(--ocean);

color: var(--white);

box-shadow: var(--shadow-ocean);

}

.btn-ocean:hover {

background: var(--ocean-lt);

transform: translateY(-1px);

}

.btn-ghost-gold {

background: transparent;

color: var(--gold);

border: 1.5px solid var(--gold);

}

.btn-ghost-gold:hover {

background: var(--gold-bg);

}

.btn-ghost-red {

background: transparent;

color: var(--red);

border: 1.5px solid var(--red);

}

.btn-ghost-red:hover {

background: var(--red-bg);

}

.btn-ghost-dark {

background: transparent;

color: var(--ink);

border: 1.5px solid rgba(26,23,16,0.25);

}

.btn-ghost-dark:hover {

border-color: var(--gold);

color: var(--gold);

}

.btn-whatsapp {

background: #25D366;

color: white;

}

.btn-whatsapp:hover {

background: #1da851;

transform: translateY(-1px);

}

/* ─── TOP BAR ─── */

.top-bar {

background: var(--ink);

color: rgba(255,255,255,0.75);

font-size: 0.75rem;

padding: 7px 0;

position: relative;

z-index: 100;

}

.top-bar-inner {

display: flex;

align-items: center;

justify-content: space-between;

gap: 10px;

flex-wrap: wrap;

}

.announcement {

color: rgba(255,255,255,0.8);

font-weight: 500;

}

.announcement a {

color: var(--gold-vlt);

text-decoration: none;

font-weight: 800;

}

.top-contacts {

display: flex;

gap: 18px;

flex-wrap: wrap;

}

.top-contacts a {

color: rgba(255,255,255,0.6);

text-decoration: none;

transition: color .2s;

}

.top-contacts a:hover {

color: var(--gold-vlt);

}

.top-contacts i {

margin-right: 4px;

}

/* ─── HEADER ─── */

.main-header {

position: sticky;

top: 0;

z-index: 200;

background: var(--white);

border-bottom: 1px solid var(--gold-border);

box-shadow: var(--shadow-sm);

}

.header-inner {

display: flex;

align-items: center;

justify-content: space-between;

padding: 0 24px;

height: 70px;

gap: 12px;

}

/* Logo */

.logo {

text-decoration: none;

display: flex;

align-items: center;

gap: 11px;

flex-shrink: 0;

}

.logo-img {

height: 46px;

width: auto;

border: 2px solid var(--white);

border-radius: 5px;

box-shadow: var(--shadow-sm);

}

.logo-text {

display: flex;

flex-direction: column;

line-height: 1.15;

}

.logo-name {

font-family: var(--font-head);

font-size: 1.05rem;

font-weight: 700;

color: var(--ink);

white-space: nowrap;

}

.logo-name .college {

color: var(--red);

}

.logo-tag {

font-size: 0.62rem;

color: var(--gold);

letter-spacing: 0.13em;

text-transform: uppercase;

font-weight: 700;

}

/* Desktop Nav */

.main-nav ul {

list-style: none;

display: flex;

gap: 0;

align-items: center;

}

.main-nav ul li {

position: relative;

}

.main-nav ul li>a {

display: block;

padding: 8px 10px;

font-family: var(--font-body);

font-weight: 700;

font-size: 0.73rem;

color: var(--ink2);

text-decoration: none;

letter-spacing: 0.05em;

border-radius: var(--radius);

transition: color .2s, background .2s;

text-transform: uppercase;

}

.main-nav ul li>a:hover {

color: var(--red);

}

.main-nav ul li.has-drop>a::after {

content: ' ▾';

font-size: 0.65em;

color: var(--gold);

}

/* Dropdown */

.dropdown-menu {

display: none;

position: absolute;

top: calc(100% + 8px);

left: 0;

background: var(--white);

border: 1px solid var(--gold-border);

border-top: 2px solid var(--gold);

border-radius: 0 0 var(--radius-lg) var(--radius-lg);

padding: 8px 0;

min-width: 210px;

box-shadow: var(--shadow-lg);

z-index: 300;

}

.main-nav ul li.has-drop:hover .dropdown-menu {

display: block;

}

.dropdown-menu a {

display: block;

padding: 9px 18px;

font-size: 0.8rem;

font-weight: 600;

color: var(--ink2);

text-decoration: none;

transition: background .15s, color .15s;

}

.dropdown-menu a:hover {

background: var(--gold-bg);

color: var(--gold);

}

.dropdown-menu .drop-div {

border: none;

border-top: 1px solid var(--gold-border);

margin: 5px 14px;

}

/* Mega dropdown for Academics */

.mega-menu {

display: none;

position: absolute;

top: calc(100% + 8px);

left: -80px;

background: var(--white);

border: 1px solid var(--gold-border);

border-top: 2px solid var(--gold);

border-radius: 0 0 var(--radius-lg) var(--radius-lg);

padding: 20px;

width: 520px;

box-shadow: var(--shadow-lg);

z-index: 300;

}

.main-nav ul li.has-drop:hover .mega-menu {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 8px;

}

.mega-col h5 {

font-size: 0.62rem;

font-weight: 800;

color: var(--gold);

text-transform: uppercase;

letter-spacing: 0.14em;

padding: 0 0 8px 10px;

border-bottom: 1px solid var(--gold-border);

margin-bottom: 6px;

}

.mega-menu a {

display: block;

padding: 7px 10px;

font-size: 0.78rem;

font-weight: 600;

color: var(--ink2);

text-decoration: none;

border-radius: 4px;

transition: background .15s, color .15s;

}

.mega-menu a:hover {

background: var(--gold-bg);

color: var(--gold);

}

.header-cta {

display: flex;

gap: 8px;

align-items: center;

flex-shrink: 0;

}

/* Mobile */

.mob-toggle {

display: none;

background: none;

border: 1.5px solid var(--gold);

color: var(--gold);

border-radius: var(--radius);

padding: 6px 12px;

font-size: 1.1rem;

cursor: pointer;

}

.mob-menu {

display: none;

flex-direction: column;

background: var(--white);

border-top: 2px solid var(--gold-border);

padding: 10px 18px 20px;

gap: 1px;

}

.mob-menu.open {

display: flex;

}

.mob-menu a {

padding: 10px 12px;

color: var(--ink2);

text-decoration: none;

font-weight: 600;

border-radius: 4px;

font-size: 0.88rem;

border-bottom: 1px solid var(--paper3);

}

.mob-menu a:hover {

color: var(--red);

background: var(--gold-bg);

}

.mob-section {

font-size: 0.65rem;

font-weight: 800;

color: var(--gold);

text-transform: uppercase;

letter-spacing: 0.14em;

padding: 14px 12px 4px;

}

/* ─── HERO ─── */

.hero {

background: var(--ink);

min-height: 91vh;

display: flex;

align-items: center;

padding: 100px 0 72px;

position: relative;

overflow: hidden;

}

.hero::before {

content: '';

position: absolute;

inset: 0;

background: linear-gradient(135deg, rgba(184,134,11,0.08) 0%, transparent 55%),

linear-gradient(225deg, rgba(13,71,161,0.08) 0%, transparent 55%);

pointer-events: none;

}

.hero-rule {

position: absolute;

top: 0;

left: 0;

right: 0;

height: 3px;

background: linear-gradient(90deg, var(--red), var(--gold), var(--ocean));

}

.hero-inner {

display: flex;

gap: 60px;

align-items: flex-start;

flex-wrap: wrap;

}

.hero-content {

flex: 1;

min-width: 300px;

}

.hero-badge {

display: inline-block;

border: 1px solid rgba(240,192,64,0.4);

border-radius: 40px;

padding: 5px 16px;

font-size: 0.72rem;

font-weight: 800;

letter-spacing: 0.18em;

text-transform: uppercase;

color: var(--gold-vlt);

margin-bottom: 22px;

}

.hero h1 {

font-family: var(--font-head);

font-size: clamp(2.5rem, 5.5vw, 4.2rem);

font-weight: 700;

color: var(--white);

line-height: 1.08;

margin-bottom: 20px;

}

.hero h1 em {

color: var(--gold-vlt);

font-style: italic;

display: block;

}

.hero-desc {

color: rgba(255,255,255,0.65);

font-size: 0.97rem;

line-height: 1.82;

margin-bottom: 12px;

max-width: 520px;

}

.hero-tagline {

color: rgba(255,255,255,0.35);

font-size: 0.73rem;

letter-spacing: 0.18em;

text-transform: uppercase;

margin-bottom: 34px;

}

.hero-ctas {

display: flex;

gap: 14px;

flex-wrap: wrap;

margin-bottom: 40px;

}

.hero-divider {

height: 1px;

background: rgba(255,255,255,0.08);

margin: 36px 0 28px;

}

.hero-stats {

display: flex;

gap: 36px;

flex-wrap: wrap;

}

.hero-stat {

display: flex;

flex-direction: column;

}

.hero-stat strong {

font-family: var(--font-head);

font-size: 2rem;

color: var(--gold-vlt);

line-height: 1;

}

.hero-stat span {

font-size: 0.72rem;

color: rgba(255,255,255,0.4);

text-transform: uppercase;

letter-spacing: 0.1em;

margin-top: 2px;

}

.hero-card {

background: var(--white);

border-radius: var(--radius-lg);

padding: 28px 24px;

width: 300px;

flex-shrink: 0;

box-shadow: 0 24px 64px rgba(0,0,0,0.4);

border-top: 3px solid var(--gold);

}

.hero-card h3 {

font-family: var(--font-head);

font-size: 1.1rem;

color: var(--ink);

margin-bottom: 16px;

font-weight: 700;

}

.hero-card label {

display: block;

font-size: 0.74rem;

font-weight: 700;

color: var(--ink3);

margin-bottom: 4px;

margin-top: 12px;

letter-spacing: 0.06em;

text-transform: uppercase;

}

.hero-card select,

.hero-card input {

width: 100%;

padding: 9px 12px;

border: 1px solid var(--gold-border);

border-radius: var(--radius);

font-size: 0.85rem;

color: var(--ink);

background: var(--paper);

font-family: var(--font-body);

outline: none;

}

.hero-card select:focus,

.hero-card input:focus {

border-color: var(--gold);

}

.hero-card-note {

font-size: 0.72rem;

color: var(--ink3);

margin-top: 10px;

line-height: 1.5;

}

/* ─── MARQUEE ─── */

.marquee-bar {

background: var(--red);

color: var(--white);

font-size: 0.76rem;

font-weight: 700;

letter-spacing: 0.1em;

padding: 9px 0;

overflow: hidden;

white-space: nowrap;

}

.marquee-track {

display: inline-block;

animation: marquee 28s linear infinite;

}

@keyframes marquee {

0% {

transform: translateX(0)

}

100% {

transform: translateX(-50%)

}

/* ─── SECTION BACKGROUNDS ─── */

section {

padding: 72px 0;

}

.bg-white {

background: var(--white);

}

.bg-paper {

background: var(--paper);

}

.bg-paper2 {

background: var(--paper2);

}

.bg-ink {

background: var(--ink);

}

.bg-gold {

background: var(--gold-pale);

border-top: 1px solid var(--gold-border);

border-bottom: 1px solid var(--gold-border);

}

.bg-ocean {

background: var(--ocean);

}

/* ─── CARDS ─── */

.pcard {

background: var(--white);

border: 1px solid var(--gold-border);

border-radius: var(--radius-lg);

padding: 28px 24px;

box-shadow: var(--shadow-sm);

transition: box-shadow .22s, transform .22s;

}

.pcard:hover {

box-shadow: var(--shadow-md);

transform: translateY(-2px);

}

.pcard-gold {

border-top: 3px solid var(--gold);

}

.pcard-red {

border-top: 3px solid var(--red);

}

.pcard-ocean {

border-top: 3px solid var(--ocean);

}

/* ─── TABS ─── */

.tab-nav {

display: flex;

gap: 4px;

margin-bottom: 28px;

border-bottom: 2px solid var(--gold-border);

flex-wrap: wrap;

}

.tab-btn {

padding: 10px 20px;

border: none;

background: transparent;

font-family: var(--font-body);

font-weight: 700;

font-size: 0.78rem;

color: var(--ink3);

cursor: pointer;

border-radius: var(--radius) var(--radius) 0 0;

border-bottom: 2px solid transparent;

margin-bottom: -2px;

letter-spacing: 0.06em;

text-transform: uppercase;

transition: color .2s;

}

.tab-btn:hover {

color: var(--gold);

}

.tab-btn.active {

color: var(--red);

border-bottom-color: var(--red);

background: var(--red-pale);

}

.tab-pane {

display: none;

}

.tab-pane.active {

display: block;

}

/* ─── ABOUT ─── */

.about-grid {

display: grid;

grid-template-columns: 1.15fr 1fr;

gap: 52px;

align-items: start;

}

.about-story h3 {

font-family: var(--font-head);

font-size: 1.4rem;

color: var(--ink);

margin-bottom: 14px;

font-weight: 600;

}

.about-story p {

color: var(--ink3);

line-height: 1.82;

margin-bottom: 14px;

font-size: 0.94rem;

}

.feat-row {

display: grid;

grid-template-columns: auto 1fr;

gap: 14px;

padding: 14px 18px;

background: var(--paper);

border-left: 3px solid var(--gold);

border-radius: 0 var(--radius) var(--radius) 0;

margin-bottom: 10px;

font-size: 0.86rem;

}

.feat-row strong {

color: var(--ink2);

font-weight: 700;

}

.feat-row span {

color: var(--ink3);

}

.about-features {

display: flex;

flex-direction: column;

gap: 12px;

}

/* MVV */

.mvv-grid {

display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 20px;

}

.mvv-card {

background: var(--paper);

border-radius: var(--radius-lg);

padding: 24px 20px;

border-top: 3px solid var(--gold);

}

.mvv-card h4 {

font-family: var(--font-head);

font-size: 1rem;

color: var(--gold);

margin-bottom: 10px;

font-weight: 700;

}

.mvv-card p {

font-size: 0.87rem;

color: var(--ink3);

line-height: 1.78;

}

/* Timeline */

.tl-item {

display: flex;

gap: 20px;

margin-bottom: 18px;

}

.tl-year {

flex-shrink: 0;

font-family: var(--font-head);

font-size: 1.2rem;

color: var(--gold);

font-weight: 700;

width: 55px;

}

.tl-item p {

font-size: 0.9rem;

color: var(--ink3);

line-height: 1.72;

border-left: 2px solid var(--gold-border);

padding-left: 16px;

}

.tl-item p strong {

color: var(--ink2);

}

/* Accreditation */

.accred-badge {

display: inline-flex;

align-items: center;

gap: 12px;

padding: 16px 22px;

background: var(--paper);

border: 1px solid var(--gold-border);

border-radius: var(--radius-lg);

margin: 8px;

}

.accred-badge .badge-icon {

font-size: 2rem;

}

.accred-badge div span {

display: block;

}

.accred-badge .badge-title {

font-weight: 800;

font-size: 0.85rem;

color: var(--ink);

}

.accred-badge .badge-sub {

font-size: 0.76rem;

color: var(--ink3);

}

/* ─── PROGRAMMES ─── */

.prog-grid {

display: grid;

grid-template-columns: repeat(2, 1fr);

gap: 20px;

}

.ccard {

background: var(--white);

border: 1px solid var(--gold-border);

border-radius: var(--radius-lg);

padding: 24px;

display: flex;

flex-direction: column;

gap: 12px;

transition: box-shadow .22s, transform .22s;

}

.ccard:hover {

box-shadow: var(--shadow-md);

transform: translateY(-2px);

}

.ccard h3 {

font-family: var(--font-head);

font-size: 1.2rem;

color: var(--ink);

font-weight: 700;

}

.ccard ul {

list-style: none;

display: flex;

flex-direction: column;

gap: 5px;

margin-top: 4px;

}

.ccard ul li {

font-size: 0.84rem;

color: var(--ink3);

padding-left: 14px;

position: relative;

}

.ccard ul li::before {

content: '›';

position: absolute;

left: 0;

color: var(--gold);

font-weight: 700;

}

.ctag {

display: inline-block;

padding: 3px 10px;

border-radius: 20px;

font-size: 0.68rem;

font-weight: 800;

letter-spacing: 0.1em;

text-transform: uppercase;

}

.ctag-health {

background: var(--red-pale);

color: var(--red);

}

.ctag-biz {

background: var(--gold-pale);

color: var(--gold);

}

.ctag-edu {

background: var(--ocean-pale);

color: var(--ocean);

}

.ctag-short {

background: var(--paper2);

color: var(--ink3);

}

.short-sub {

display: block;

font-size: 0.72rem;

font-weight: 800;

color: var(--gold);

text-transform: uppercase;

letter-spacing: 0.14em;

margin: 20px 0 12px;

}

/* ─── HEALTH CARE PROGRAMME DETAIL ─── */

.hca-hero {

background: linear-gradient(135deg, var(--ink) 0%, #2a1f1f 100%);

border-radius: var(--radius-lg);

padding: 40px 36px;

margin-bottom: 32px;

border-top: 3px solid var(--red);

position: relative;

overflow: hidden;

}

.hca-hero::before {

content: '';

position: absolute;

top: -30px;

right: -30px;

width: 180px;

height: 180px;

border-radius: 50%;

background: rgba(178,34,34,0.08);

pointer-events: none;

}

.hca-hero h3 {

font-family: var(--font-head);

font-size: 1.8rem;

color: var(--white);

font-weight: 700;

margin-bottom: 8px;

}

.hca-hero .hca-meta {

color: rgba(255,255,255,0.5);

font-size: 0.8rem;

letter-spacing: 0.12em;

text-transform: uppercase;

margin-bottom: 20px;

}

.hca-hero .hca-badges {

display: flex;

gap: 10px;

flex-wrap: wrap;

}

.hca-badge {

display: inline-block;

padding: 5px 14px;

border-radius: 20px;

font-size: 0.7rem;

font-weight: 800;

letter-spacing: 0.1em;

text-transform: uppercase;

}

.hca-badge-red {

background: var(--red);

color: white;

}

.hca-badge-gold {

background: var(--gold);

color: white;

}

.hca-badge-ocean {

border: 1px solid rgba(255,255,255,0.3);

color: rgba(255,255,255,0.7);

}

.hca-grid {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 20px;

margin-bottom: 24px;

}

.hca-box {

background: var(--paper);

border: 1px solid var(--gold-border);

border-radius: var(--radius-lg);

padding: 24px;

}

.hca-box h4 {

font-family: var(--font-head);

font-size: 1rem;

color: var(--gold);

margin-bottom: 14px;

font-weight: 700;

border-bottom: 1px solid var(--gold-border);

padding-bottom: 10px;

}

.hca-box ul {

list-style: none;

}

.hca-box ul li {

display: flex;

justify-content: space-between;

padding: 8px 0;

border-bottom: 1px solid var(--gold-border);

font-size: 0.86rem;

color: var(--ink3);

}

.hca-box ul li:last-child {

border-bottom: none;

}

.hca-box ul li strong {

color: var(--ink);

}

.hca-box ul li span {

font-weight: 700;

color: var(--ocean);

}

.hca-box .total-row {

background: var(--ocean-pale);

margin: 0 -8px -8px;

padding: 10px 8px;

border-radius: 0 0 var(--radius) var(--radius);

font-weight: 800;

color: var(--ocean);

font-size: 0.9rem;

display: flex;

justify-content: space-between;

}

.hca-modules {

background: var(--white);

border: 1px solid var(--gold-border);

border-radius: var(--radius-lg);

padding: 28px;

margin-bottom: 20px;

}

.hca-modules h4 {

font-family: var(--font-head);

font-size: 1.1rem;

color: var(--ink);

margin-bottom: 18px;

font-weight: 700;

}

.semester-block {

margin-bottom: 22px;

}

.semester-label {

display: inline-block;

font-size: 0.68rem;

font-weight: 800;

letter-spacing: 0.14em;

text-transform: uppercase;

padding: 4px 12px;

border-radius: 20px;

margin-bottom: 12px;

}

.sem-1 {

background: var(--red-pale);

color: var(--red);

}

.sem-2 {

background: var(--ocean-pale);

color: var(--ocean);

}

.sem-3 {

background: var(--gold-pale);

color: var(--gold);

}

.module-list {

display: grid;

grid-template-columns: repeat(2, 1fr);

gap: 8px;

}

.mod-item {

display: flex;

align-items: flex-start;

gap: 10px;

padding: 10px 14px;

background: var(--paper);

border-radius: var(--radius);

font-size: 0.84rem;

}

.mod-code {

flex-shrink: 0;

font-weight: 800;

color: var(--gold);

font-size: 0.72rem;

letter-spacing: 0.06em;

padding-top: 1px;

}

.mod-name {

color: var(--ink2);

line-height: 1.4;

}

.hca-modes {

display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 14px;

margin-bottom: 20px;

}

.mode-card {

background: var(--paper);

border: 1px solid var(--gold-border);

border-radius: var(--radius-lg);

padding: 18px;

text-align: center;

}

.mode-icon {

font-size: 1.8rem;

margin-bottom: 10px;

}

.mode-card h4 {

font-size: 0.82rem;

font-weight: 800;

color: var(--ink);

margin-bottom: 6px;

text-transform: uppercase;

letter-spacing: 0.06em;

}

.mode-card p {

font-size: 0.78rem;

color: var(--ink3);

line-height: 1.5;

}

.hca-req {

background: var(--red-pale);

border: 1px solid var(--red-border);

border-radius: var(--radius-lg);

padding: 24px 28px;

margin-bottom: 20px;

}

.hca-req h4 {

font-family: var(--font-head);

font-size: 1rem;

color: var(--red);

margin-bottom: 14px;

font-weight: 700;

}

.hca-req ul {

list-style: none;

display: grid;

grid-template-columns: 1fr 1fr;

gap: 6px;

}

.hca-req ul li {

font-size: 0.86rem;

color: var(--ink3);

padding: 6px 10px 6px 22px;

position: relative;

}

.hca-req ul li::before {

content: '✓';

position: absolute;

left: 4px;

color: var(--red);

font-weight: 800;

}

.hca-cta-row {

display: flex;

gap: 12px;

flex-wrap: wrap;

align-items: center;

padding: 20px;

background: linear-gradient(90deg, var(--gold-pale), var(--white));

border: 1px solid var(--gold-border);

border-radius: var(--radius-lg);

}

/* ─── E-LEARNING ─── */

.elearn-grid {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 48px;

align-items: start;

}

.elearn-text h3 {

font-family: var(--font-head);

font-size: 1.4rem;

color: var(--ink);

margin-bottom: 14px;

font-weight: 600;

}

.elearn-text p {

color: var(--ink3);

line-height: 1.82;

margin-bottom: 12px;

font-size: 0.94rem;

}

.elearn-items {

display: flex;

flex-direction: column;

gap: 16px;

}

.elearn-item {

display: flex;

gap: 16px;

}

.eicon {

font-size: 1.6rem;

flex-shrink: 0;

margin-top: 2px;

}

.elearn-item h4 {

font-family: var(--font-head);

font-size: 1rem;

color: var(--ink);

margin-bottom: 4px;

font-weight: 600;

}

.elearn-item p {

font-size: 0.86rem;

color: var(--ink3);

line-height: 1.7;

}

/* ─── FEES ─── */

.fees-grid {

display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 18px;

margin-bottom: 20px;

}

.fee-card {

background: var(--paper);

border: 1px solid var(--gold-border);

border-radius: var(--radius-lg);

padding: 20px 18px;

}

.fee-card h4 {

font-family: var(--font-head);

font-size: 1rem;

color: var(--ink);

margin: 8px 0 12px;

font-weight: 600;

}

.fee-card p {

font-size: 0.87rem;

color: var(--ink3);

margin-bottom: 5px;

}

.cat-label {

font-size: 0.68rem;

font-weight: 800;

text-transform: uppercase;

letter-spacing: 0.1em;

}

.fees-note {

font-size: 0.84rem;

color: var(--ink3);

line-height: 1.7;

}

.fees-note a {

color: var(--ocean);

}

/* ─── APPLY STEPS ─── */

.steps-grid {

display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 20px;

}

.step-card {

display: flex;

flex-direction: column;

gap: 14px;

}

.step-num {

width: 40px;

height: 40px;

border-radius: 50%;

display: flex;

align-items: center;

justify-content: center;

font-weight: 800;

font-size: 1rem;

flex-shrink: 0;

}

.step-num-red {

background: var(--red);

color: white;

}

.step-num-gold {

background: var(--gold);

color: white;

}

.step-num-ocean {

background: var(--ocean);

color: white;

}

.step-card h3 {

font-family: var(--font-head);

font-size: 1.1rem;

color: var(--ink);

font-weight: 700;

}

.step-card p {

font-size: 0.87rem;

color: var(--ink3);

line-height: 1.75;

}

/* ─── GALLERY ─── */

.gal-grid {

display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 16px;

}

.gal-grid figure {

border-radius: var(--radius-lg);

overflow: hidden;

position: relative;

}

.gal-grid figure img {

width: 100%;

height: 200px;

object-fit: cover;

display: block;

background: var(--paper3);

}

.gal-grid figure figcaption {

padding: 10px 12px;

background: var(--paper);

font-size: 0.78rem;

color: var(--ink3);

font-weight: 600;

}

/* ─── SERVICES / WHY / TESTI ─── */

.svc-grid {

display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 18px;

}

.svc-card {

display: flex;

flex-direction: column;

gap: 10px;

}

.card-icon {

font-size: 1.8rem;

}

.svc-card h3 {

font-family: var(--font-head);

font-size: 1rem;

color: var(--ink);

font-weight: 700;

}

.svc-card p {

font-size: 0.86rem;

color: var(--ink3);

line-height: 1.72;

flex: 1;

}

.link-arr {

font-size: 0.8rem;

color: var(--gold);

font-weight: 700;

text-decoration: none;

}

.link-arr:hover {

color: var(--red);

}

.feat-grid {

display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 18px;

}

.feat-card {

display: flex;

flex-direction: column;

gap: 10px;

}

.feat-num {

font-family: var(--font-head);

font-size: 2rem;

color: var(--gold-border);

font-weight: 700;

}

.feat-card h3 {

font-family: var(--font-head);

font-size: 1rem;

color: var(--ink);

font-weight: 700;

}

.feat-card p {

font-size: 0.86rem;

color: var(--ink3);

line-height: 1.72;

}

.testi-grid {

display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 18px;

}

.testi-card blockquote {

font-size: 0.88rem;

color: var(--ink3);

line-height: 1.8;

font-style: italic;

margin-bottom: 18px;

}

.testi-cite {

display: flex;

align-items: center;

gap: 12px;

}

.avatar {

width: 38px;

height: 38px;

border-radius: 50%;

background: var(--gold);

color: white;

display: flex;

align-items: center;

justify-content: center;

font-weight: 800;

font-size: 0.8rem;

flex-shrink: 0;

}

.cite-name {

display: block;

font-weight: 700;

font-size: 0.86rem;

color: var(--ink);

}

.cite-role {

display: block;

font-size: 0.76rem;

color: var(--ink3);

}

/* ─── NEWS / FAQ / LIBRARY ─── */

.news-grid {

display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 18px;

}

.news-card {

display: flex;

flex-direction: column;

gap: 10px;

}

.ncat {

font-size: 0.68rem;

font-weight: 800;

color: var(--gold);

text-transform: uppercase;

letter-spacing: 0.1em;

}

.news-card h3 {

font-family: var(--font-head);

font-size: 1rem;

color: var(--ink);

font-weight: 700;

}

.news-card p {

font-size: 0.86rem;

color: var(--ink3);

line-height: 1.72;

flex: 1;

}

.accordion details {

border-bottom: 1px solid var(--gold-border);

}

.accordion summary {

padding: 14px 0;

font-weight: 700;

font-size: 0.92rem;

cursor: pointer;

list-style: none;

display: flex;

justify-content: space-between;

color: var(--ink2);

}

.accordion summary::after {

content: '+';

color: var(--gold);

font-size: 1.2rem;

}

.accordion details[open] summary::after {

content: '−';

}

.accordion details p {

padding: 0 0 14px;

font-size: 0.88rem;

color: var(--ink3);

line-height: 1.78;

}

/* ─── CONTACT ─── */

.contact-grid {

display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 18px;

margin-bottom: 26px;

}

.contact-item h3 {

font-family: var(--font-body);

font-size: 0.7rem;

font-weight: 800;

color: var(--gold);

text-transform: uppercase;

letter-spacing: 0.12em;

margin-bottom: 8px;

}

.contact-item p,

.contact-item a {

color: var(--ink3);

font-size: 0.87rem;

line-height: 1.7;

text-decoration: none;

}

.contact-item a:hover {

color: var(--red);

}

.ci-icon {

font-size: 1.6rem;

display: block;

margin-bottom: 10px;

}

.ctas-row {

display: flex;

gap: 12px;

flex-wrap: wrap;

margin-bottom: 28px;

}

.map-wrap {

border-radius: var(--radius-lg);

overflow: hidden;

border: 1px solid var(--gold-border);

}

.map-wrap iframe {

width: 100%;

height: 340px;

display: block;

border: none;

}

/* ─── APPLICATION FORM ─── */

.form-steps {

display: flex;

gap: 8px;

margin-bottom: 10px;

flex-wrap: wrap;

}

.step-ind {

padding: 6px 14px;

border-radius: 20px;

font-size: 0.73rem;

font-weight: 700;

background: var(--paper2);

color: var(--ink3);

}

.step-ind.active {

background: var(--red);

color: var(--white);

}

.form-progress {

font-size: 0.8rem;

color: var(--gold);

font-weight: 700;

margin-bottom: 24px;

}

#appForm fieldset {

border: none;

padding: 0;

}

.form-stage {

display: none;

}

.form-stage.active {

display: block;

}

.form-stage legend {

font-family: var(--font-head);

font-size: 1.4rem;

font-weight: 700;

color: var(--ink);

margin-bottom: 20px;

width: 100%;

border-bottom: 2px solid var(--gold-border);

padding-bottom: 12px;

}

#appForm label {

display: block;

font-size: 0.78rem;

font-weight: 700;

color: var(--ink3);

margin-bottom: 16px;

letter-spacing: 0.06em;

text-transform: uppercase;

}

#appForm input,

#appForm select,

#appForm textarea {

display: block;

width: 100%;

padding: 10px 14px;

border: 1px solid var(--gold-border);

border-radius: var(--radius);

font-size: 0.9rem;

color: var(--ink);

background: var(--paper);

font-family: var(--font-body);

outline: none;

margin-top: 5px;

}

#appForm input:focus,

#appForm select:focus,

#appForm textarea:focus {

border-color: var(--gold);

box-shadow: 0 0 0 3px rgba(184,134,11,0.1);

}

#appForm textarea {

height: 100px;

resize: vertical;

}

.form-note {

font-size: 0.82rem;

color: var(--ink3);

background: var(--gold-bg);

border-left: 3px solid var(--gold);

padding: 10px 14px;

border-radius: 0 var(--radius) var(--radius) 0;

margin-bottom: 18px;

line-height: 1.6;

}

.form-nav {

display: flex;

gap: 12px;

margin-top: 24px;

flex-wrap: wrap;

}

.decl-row {

text-transform: none !important;

letter-spacing: 0 !important;

font-size: 0.85rem !important;

color: var(--ink2) !important;

display: flex !important;

align-items: flex-start;

gap: 10px;

margin-bottom: 12px;

cursor: pointer;

}

.decl-row input {

width: auto !important;

display: inline !important;

margin-top: 2px;

}

.review-h4 {

font-size: 0.7rem;

font-weight: 800;

color: var(--gold);

text-transform: uppercase;

letter-spacing: 0.12em;

margin: 14px 0 4px;

}

.review-p {

font-size: 0.88rem;

color: var(--ink3);

}

/* ─── PORTAL ─── */

.portal-section {

background: var(--ocean);

padding: 60px 0;

text-align: center;

}

.portal-section h2 {

font-family: var(--font-head);

font-size: 2rem;

color: var(--white);

margin-bottom: 10px;

font-weight: 700;

}

.portal-section p {

color: rgba(255,255,255,0.72);

font-size: 0.93rem;

margin-bottom: 26px;

max-width: 480px;

margin-left: auto;

margin-right: auto;

line-height: 1.78;

}

.portal-btns {

display: flex;

gap: 14px;

justify-content: center;

flex-wrap: wrap;

}

.portal-btn {

background: rgba(255,255,255,0.12);

border: 1px solid rgba(255,255,255,0.3);

color: white;

padding: 14px 28px;

border-radius: var(--radius);

font-family: var(--font-body);

font-weight: 700;

font-size: 0.8rem;

text-decoration: none;

letter-spacing: 0.08em;

text-transform: uppercase;

transition: background .2s;

}

.portal-btn:hover {

background: rgba(255,255,255,0.22);

}

.portal-btn.active-portal {

background: var(--gold);

border-color: var(--gold);

}

/* ─── FOOTER ─── */

.main-footer {

background: var(--ink);

border-top: 3px solid var(--gold);

padding: 60px 0 26px;

}

.footer-grid {

display: grid;

grid-template-columns: 2fr 1fr 1fr 1fr;

gap: 40px;

margin-bottom: 40px;

}

.footer-logo-wrap {

margin-bottom: 16px;

}

.footer-logo-wrap img {

height: 50px;

display: block;

}

.footer-col p {

color: rgba(255,255,255,0.5);

font-size: 0.84rem;

line-height: 1.78;

}

.footer-col h4 {

font-family: var(--font-head);

font-size: 0.9rem;

color: var(--gold-vlt);

margin-bottom: 16px;

font-weight: 600;

letter-spacing: 0.04em;

}

.footer-col ul {

list-style: none;

display: flex;

flex-direction: column;

gap: 8px;

}

.footer-col ul li a {

color: rgba(255,255,255,0.5);

text-decoration: none;

font-size: 0.84rem;

transition: color .2s;

}

.footer-col ul li a:hover {

color: var(--gold-vlt);

}

.footer-col a {

color: rgba(255,255,255,0.5);

text-decoration: none;

font-size: 0.84rem;

}

.footer-col a:hover {

color: var(--gold-vlt);

}

.footer-bottom {

display: flex;

justify-content: space-between;

align-items: center;

flex-wrap: wrap;

gap: 10px;

padding-top: 18px;

}

.footer-bottom p {

color: rgba(255,255,255,0.28);

font-size: 0.75rem;

}

.footer-gold-rule {

width: 100%;

height: 1px;

background: linear-gradient(90deg, transparent, var(--gold), transparent);

opacity: 0.3;

margin-bottom: 20px;

}

/* ─── WHATSAPP FLOAT ─── */

.wa-float {

position: fixed;

bottom: 28px;

right: 28px;

z-index: 9000;

background: #25D366;

color: white;

width: 56px;

height: 56px;

border-radius: 50%;

display: flex;

align-items: center;

justify-content: center;

font-size: 1.5rem;

text-decoration: none;

box-shadow: 0 4px 20px rgba(37,211,102,0.4);

transition: transform .2s, box-shadow .2s;

}

.wa-float:hover {

transform: scale(1.08);

box-shadow: 0 6px 28px rgba(37,211,102,0.55);

}

/* ─── STUDENT LIFE ─── */

.life-grid {

display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 18px;

}

.life-card {

text-align: center;

padding: 28px 20px;

background: var(--paper);

border-radius: var(--radius-lg);

border: 1px solid var(--gold-border);

}

.life-card .life-icon {

font-size: 2.4rem;

margin-bottom: 14px;

}

.life-card h3 {

font-family: var(--font-head);

font-size: 1rem;

color: var(--ink);

margin-bottom: 8px;

font-weight: 700;

}

.life-card p {

font-size: 0.84rem;

color: var(--ink3);

line-height: 1.72;

}

/* ─── PRINT HIDDEN ─── */

#print-app {

display: none;

}

/* ─── RESPONSIVE ─── */

@media(max-width: 900px) {

.main-nav {

display: none;

}

.header-cta {

display: none;

}

.mob-toggle {

display: block;

}

.about-grid,

.mvv-grid,

.prog-grid,

.fees-grid,

.steps-grid,

.svc-grid,

.feat-grid,

.testi-grid,

.news-grid,

.contact-grid,

.gal-grid,

.elearn-grid,

.footer-grid,

.life-grid,

.hca-grid,

.hca-modes {

grid-template-columns: 1fr 1fr;

}

.module-list {

grid-template-columns: 1fr;

}

.hca-req ul {

grid-template-columns: 1fr;

}

@media(max-width: 560px) {

.about-grid,

.mvv-grid,

.prog-grid,

.fees-grid,

.steps-grid,

.svc-grid,

.feat-grid,

.testi-grid,

.news-grid,

.contact-grid,

.gal-grid,

.elearn-grid,

.footer-grid,

.life-grid,

.hca-grid,

.hca-modes {

grid-template-columns: 1fr;

}

.hero-card {

display: none;

}

.portal-btns {

flex-direction: column;

align-items: center;

}

</style>

</head>

<body>

<span class="announcement">🎓 July 2026 Intake — Applications Open. <a href="#enquire">Apply Now →</a></span>

<a href="mailto:registrar@pillarofsuccess-ac.com"><i class="fa-solid fa-envelope"></i> registrar@pillarofsuccess-ac.com</a>

</div>

<span class="logo-name">Pillar of Success <span class="college">College</span></span>

<span class="logo-tag">BQA & HRDC Accredited · Gaborone</span>

</div>

</a>

<ul>

<li class="has-drop"><a href="#about">About Us</a>

<a href="#about" onclick="sw('about-tabs','story')">Our Story</a>

<a href="#about" onclick="sw('about-tabs','mvv')">Mission & Vision</a>

<a href="#about" onclick="sw('about-tabs','history')">Our History</a>

<a href="#about" onclick="sw('about-tabs','accred')">Accreditation</a>

<a href="#services" onclick="sw('sv-tabs','sv-why')">Why Choose POSTI</a>

</div>

</li>

<li class="has-drop"><a href="#programmes">Academics</a>

<h5>Programmes</h5>

<a href="#programmes" onclick="sw('prog-tabs','p-health')">🏥 Healthcare</a>

<a href="#programmes" onclick="sw('prog-tabs','p-biz')">💼 Business & Admin</a>

<a href="#programmes" onclick="sw('prog-tabs','p-edu')">📚 Education</a>

<a href="#programmes" onclick="sw('prog-tabs','p-short')">⚡ Short Courses</a>

</div>

<h5>Resources</h5>

<a href="#elearning">E-Learning Platform</a>

<a href="#news" onclick="sw('news-tabs','n-lib')">Digital Library</a>

<a href="#fees">Academic Fees</a>

<a href="#news" onclick="sw('news-tabs','n-faq')">Academic FAQs</a>

</div>

</li>

<li class="has-drop"><a href="#enquire">Admissions</a>

<a href="#enquire">Apply Now</a>

<a href="#news" onclick="sw('news-tabs','n-faq')">Entry Requirements</a>

<a href="#fees">Tuition & Fees</a>

<a href="#apply">How to Apply</a>

</div>

</li>

<li class="has-drop"><a href="#student-life">Student Life</a>

<a href="#student-life">Campus Life</a>

<a href="#gallery">Campus Gallery</a>

<a href="#services" onclick="sw('sv-tabs','sv-svc')">Clubs & Services</a>

<a href="#services" onclick="sw('sv-tabs','sv-testi')">Student Stories</a>

</div>

</li>

<li class="has-drop"><a href="#elearning">Online Services</a>

<a href="#elearning">E-Learning (LMS)</a>

<a href="#news" onclick="sw('news-tabs','n-lib')">Digital Library</a>

<a href="https://portal.pillarsofsuccess-ac.com" target="_blank">Student Portal</a>

<a href="#news" onclick="sw('news-tabs','n-news')">Timetables & Results</a>

</div>

</li>

<li class="has-drop"><a href="#news">News & Events</a>

<a href="#news" onclick="sw('news-tabs','n-news')">Latest News</a>

<a href="#news" onclick="sw('news-tabs','n-news')">Upcoming Events</a>

<a href="#news" onclick="sw('news-tabs','n-news')">Announcements</a>

</div>

</li>

<li class="has-drop"><a href="#contact">Contact</a>

<a href="#contact">Contact Us</a>

<a href="#contact">Campus Map</a>

<a href="https://wa.me/26771448363" target="_blank">WhatsApp Enquiry</a>

</div>

</li>

<li class="has-drop"><a href="#portal">Portal</a>

<a href="https://portal.pillarsofsuccess-ac.com" target="_blank">Student Portal</a>

<a href="https://portal.pillarsofsuccess-ac.com" target="_blank">Staff Portal</a>

<a href="https://portal.pillarsofsuccess-ac.com" target="_blank">Applicant Portal</a>

</div>

</li>

</ul>

</nav>

<a href="#enquire" class="btn btn-red" style="font-size:0.72rem;padding:9px 18px">Apply Now</a>

</div>

</div>

<div class="mob-section">About</div>

<a href="#about">Our Story</a><a href="#about">Mission & Vision</a><a href="#about">Accreditation</a>

<div class="mob-section">Academics</div>

<a href="#programmes">Healthcare</a><a href="#programmes">Business & Admin</a>

<a href="#programmes">Education</a><a href="#programmes">Short Courses</a>

<div class="mob-section">Admissions</div>

<a href="#enquire">Apply Now</a><a href="#fees">Tuition & Fees</a><a href="#apply">How to Apply</a>

<div class="mob-section">Student Life</div>

<a href="#student-life">Campus Life</a><a href="#gallery">Gallery</a>

<div class="mob-section">Online Services</div>

<a href="#elearning">E-Learning</a>

<a href="https://portal.pillarsofsuccess-ac.com" target="_blank">Student Portal</a>

<a href="#news">News & Events</a><a href="#contact">Contact Us</a>

</div>

</header>

<main>

<div class="hero-badge">BQA & HRDC Accredited</div>

<h1>Build Your Future<em>on Solid Pillars.</em></h1>

<p class="hero-desc">Botswana's leading private tertiary institution — equipping healthcare professionals, educators, and business leaders since 2023.</p>

<p class="hero-tagline">Integrity · Excellence · Professionalism · Gaborone, Botswana</p>

<a href="#enquire" class="btn btn-red">Apply Now — July 2026</a>

<a href="#programmes" class="btn btn-ghost-gold" style="color:var(--gold-vlt);border-color:rgba(240,192,64,0.5)">Explore Programmes</a>

</div>

<div class="hero-stat"><strong>2K+</strong><span>Graduates</span></div>

<div class="hero-stat"><strong>10+</strong><span>Programmes</span></div>

<div class="hero-stat"><strong>2023</strong><span>Established</span></div>

<div class="hero-stat"><strong>BQA</strong><span>Accredited</span></div>

</div>

<h3>Quick Enquiry</h3>

<label>Programme of Interest

<option value="">-- Select Programme --</option>

<option>Certificate in Health Care Assistance</option>

<option>Certificate in Phlebotomy</option>

</optgroup>

<option>Diploma in Office Administration</option>

<option>Certificate in Office Administration</option>

</optgroup>

<option>Diploma in Early Childhood Education</option>

</optgroup>

<option>Computer Literacy & IT Essentials</option>

<option>Customer Service Excellence</option>

<option>First Aid & Health & Safety</option>

</optgroup>

</select>

</label>

<label>Your Name

</label>

<label>WhatsApp / Phone

</label>

<i class="fab fa-whatsapp"></i> Send via WhatsApp

</a>

</div>

<p class="hero-card-note">BWP 300 application fee · No-obligation enquiry is free</p>

</aside>

</div>

</section>

   ✦ BQA ACCREDITED   ·   HRDC CERTIFIED   ·   JULY 2026 INTAKE OPEN   ·   HEALTHCARE · BUSINESS · EDUCATION   ·   FULL-TIME · PART-TIME · ONLINE   ·   GABORONE, BOTSWANA   ·   CALL +267 71 448 363   ·   BQA ACCREDITED   ·   HRDC CERTIFIED   ·   JULY 2026 INTAKE OPEN   ·   HEALTHCARE · BUSINESS · EDUCATION   ·   FULL-TIME · PART-TIME · ONLINE   ·   GABORONE, BOTSWANA   ·   CALL +267 71 448 363    

</span>

</div>

<span class="eyebrow">// About Us</span>

<h2 class="title">Shaping Botswana's <span class="accent">Future</span></h2>

<button class="tab-btn active" data-t="story">Our Story</button>

<button class="tab-btn" data-t="mvv">Mission & Vision</button>

<button class="tab-btn" data-t="history">Our History</button>

<button class="tab-btn" data-t="accred">Accreditation</button>

</div>

<h3>A New Standard in Private Tertiary Education</h3>

<p>Pillar of Success College (POSTI) was founded with a singular vision: to provide Botswana with a world-class private tertiary institution that transforms lives through quality, accessible, and industry-aligned education.</p>

<p>Located at Sunshine Enclave, Main Mall in Gaborone, we serve students from across Botswana and the SADC region, offering full-time, part-time, and flexible learning options. Our industry-aligned programmes ensure graduates are not just qualified — but job-ready.</p>

<p>We are fully accredited by the <strong>Botswana Qualifications Authority (BQA)</strong> and recognised by the <strong>Human Resource Development Council (HRDC)</strong> — ensuring your qualification carries national and regional weight.</p>

<a href="#enquire" class="btn btn-gold" style="margin-right:10px">Apply Now</a>

<a href="#programmes" class="btn btn-ghost-dark">Our Programmes</a>

</div>

<div class="feat-row"><strong>Quality Education</strong><span>BQA accredited, nationally recognised programmes</span></div>

<div class="feat-row"><strong>Flexible Learning</strong><span>Full-time, part-time, evening and online options</span></div>

<div class="feat-row"><strong>Career-Focused</strong><span>Industry-aligned curriculum for real-world employment</span></div>

<div class="feat-row"><strong>Experienced Faculty</strong><span>Qualified practitioners and academic professionals</span></div>

<div class="feat-row"><strong>HRDC Recognised</strong><span>Levy funding and bursaries accepted</span></div>

<div class="feat-row"><strong>SADC-Wide Recognition</strong><span>Qualifications accepted across Southern Africa</span></div>

</div>

<h4>Our Mission</h4>

<p>To provide accessible, high-quality, and industry-relevant education that empowers students to achieve their professional aspirations and contribute meaningfully to Botswana's development.</p>

</div>

<h4>Our Vision</h4>

<p>To be the most trusted and transformative private tertiary institution in Southern Africa — producing graduates who are globally competitive and locally impactful.</p>

</div>

<h4>Our Values</h4>

<p><strong>Integrity</strong> — We uphold the highest ethical standards in all we do.<br><strong>Excellence</strong> — We pursue quality without compromise.<br><strong>Professionalism</strong> — We prepare students for the real world.</p>

</div>

<div class="tl-item"><span class="tl-year">2023</span><p><strong>Established</strong> — Pillar of Success College opens in Gaborone with its inaugural cohort of healthcare students.</p></div>

<div class="tl-item"><span class="tl-year">2024</span><p><strong>Programme Expansion</strong> — Launched healthcare, education, and business administration programmes. HRDC recognition granted.</p></div>

<div class="tl-item"><span class="tl-year">2025</span><p><strong>BQA Full Accreditation</strong> — Botswana Qualifications Authority fully accredits all core programmes. First cohort graduation ceremony held.</p></div>

<div class="tl-item"><span class="tl-year">2026</span><p><strong>Digital Transformation</strong> — Launch of student portal at portal.pillarsofsuccess-ac.com and expanded e-learning capabilities.</p></div>

</div>

<div><span class="badge-title">BQA Accredited</span><span class="badge-sub">Botswana Qualifications Authority</span></div>

</div>

<div><span class="badge-title">HRDC Certified</span><span class="badge-sub">Human Resource Development Council</span></div>

</div>

<div class="feat-row"><strong>National Recognition</strong><span>All qualifications are formally recognised under the Botswana National Qualifications Framework (BNQF).</span></div>

<div class="feat-row"><strong>HRDC Levy Eligible</strong><span>Students may qualify for employer levy funding and government-backed bursaries.</span></div>

<div class="feat-row"><strong>SADC Portability</strong><span>Recognised across Zimbabwe, South Africa, Namibia, and the wider SADC region.</span></div>

</div>

</section>

<span class="eyebrow">// Academics</span>

<h2 class="title">Our <span class="accent">Programmes</span></h2>

<p class="subtitle">BQA-accredited certificates and diplomas designed for real-world employment across healthcare, business, and education sectors.</p>

<button class="tab-btn active" data-t="p-health">Healthcare</button>

<button class="tab-btn" data-t="p-biz">Business & Admin</button>

<button class="tab-btn" data-t="p-edu">Education</button>

<button class="tab-btn" data-t="p-short">Short Courses</button>

</div>

<h3>Certificate in Health Care Assistance</h3>

<p class="hca-meta">Duration: 1 Year Programme (Full-Time) · BQA Accredited</p>

<span class="hca-badge hca-badge-red">🏥 Healthcare</span>

<span class="hca-badge hca-badge-gold">BQA Accredited</span>

<span class="hca-badge hca-badge-ocean">July 2026 Intake Open</span>

</div>

<h4>💰 Fee Summary</h4>

<ul>

<li><strong>Tuition Fee</strong><span>P 13,400</span></li>

<li><strong>Examination Fees</strong><span>P 4,000</span></li>

<li style="border-top:2px solid var(--ocean-border);padding-top:12px;margin-top:4px"><strong style="color:var(--ocean);font-size:1rem">Total Course Fee</strong><span style="color:var(--ocean);font-weight:800;font-size:1rem">P 17,400</span></li>

</ul>

<p style="font-size:0.78rem;color:var(--ink3);margin-top:12px;line-height:1.6">Examinations written at end of each semester. Exam fee included in total above.</p>

</div>

<h4>📋 Once-Off Costs (not in tuition)</h4>

<ul>

<li><strong>Non-Refundable Registration</strong><span>P 300</span></li>

<li><strong>Scrub (uniform)</strong><span>FREE</span></li>

<li><strong>T-Shirt</strong><span>P 150</span></li>

<li><strong>Identity Card</strong><span>P 150</span></li>

</ul>

<p style="font-size:0.78rem;color:var(--red);margin-top:12px;font-weight:700;line-height:1.6">⚠ No full-time student may start lessons without an identity card and t-shirt.</p>

</div>

<h4>📅 Payment Plan</h4>

<div>

<div class="semester-label sem-1">Semester 1 (July – October)</div>

<div style="display:flex;justify-content:space-between;padding:9px 14px;font-size:0.84rem;border-bottom:1px solid var(--gold-border);color:var(--ink3)"><span>1st Instalment (July)</span><strong style="color:var(--ink)">P 2,500</strong></div>

<div style="display:flex;justify-content:space-between;padding:9px 14px;font-size:0.84rem;border-bottom:1px solid var(--gold-border);color:var(--ink3)"><span>2nd Month (August)</span><strong style="color:var(--ink)">P 2,000</strong></div>

<div style="display:flex;justify-content:space-between;padding:9px 14px;font-size:0.84rem;border-bottom:1px solid var(--gold-border);color:var(--ink3)"><span>3rd Month / Exam (September)</span><strong style="color:var(--ink)">P 2,000</strong></div>

<div style="display:flex;justify-content:space-between;padding:9px 14px;font-size:0.84rem;border-bottom:1px solid var(--gold-border);color:var(--ink3)"><span>4th Month (October)</span><strong style="color:var(--ink)">P 2,200</strong></div>

<div style="display:flex;justify-content:space-between;padding:10px 14px;background:var(--ocean-pale);font-weight:800;color:var(--ocean);font-size:0.88rem"><span>Semester 1 Total</span><span>P 8,700</span></div>

</div>

<div>

<div class="semester-label sem-2">Semester 2 (November – February)</div>

<div style="display:flex;justify-content:space-between;padding:9px 14px;font-size:0.84rem;border-bottom:1px solid var(--gold-border);color:var(--ink3)"><span>1st Instalment (November)</span><strong style="color:var(--ink)">P 2,500</strong></div>

<div style="display:flex;justify-content:space-between;padding:9px 14px;font-size:0.84rem;border-bottom:1px solid var(--gold-border);color:var(--ink3)"><span>2nd Month (December)</span><strong style="color:var(--ink)">P 2,000</strong></div>

<div style="display:flex;justify-content:space-between;padding:9px 14px;font-size:0.84rem;border-bottom:1px solid var(--gold-border);color:var(--ink3)"><span>3rd Month / Exam (January)</span><strong style="color:var(--ink)">P 2,000</strong></div>

<div style="display:flex;justify-content:space-between;padding:9px 14px;font-size:0.84rem;border-bottom:1px solid var(--gold-border);color:var(--ink3)"><span>4th Month (February)</span><strong style="color:var(--ink)">P 2,200</strong></div>

</div>

<h4>📖 Curriculum — Full Module List</h4>

<span class="semester-label sem-1">Semester 1 Modules</span>

<div class="mod-item"><span class="mod-code">HCA100</span><span class="mod-name">Communication Skills for Healthcare Professionals</span></div>

<div class="mod-item"><span class="mod-code">HCA110</span><span class="mod-name">Basic Computer Application in Healthcare</span></div>

<div class="mod-item"><span class="mod-code">HCA120</span><span class="mod-name">Human Anatomy and Physiology</span></div>

<div class="mod-item"><span class="mod-code">HCA130</span><span class="mod-name">Sexual Reproductive Health</span></div>

<div class="mod-item"><span class="mod-code">HCA140</span><span class="mod-name">Health Education and Promotion</span></div>

<div class="mod-item"><span class="mod-code">HCA150</span><span class="mod-name">Phlebotomy</span></div>

</div>

<span class="semester-label sem-2">Semester 2 Modules</span>

<div class="mod-item"><span class="mod-code">HCA160</span><span class="mod-name">Infection Prevention and Control</span></div>

<div class="mod-item"><span class="mod-code">HCA170</span><span class="mod-name">Patient Care Skills</span></div>

<div class="mod-item"><span class="mod-code">HCA180</span><span class="mod-name">Communicable and Non-Communicable Diseases</span></div>

<div class="mod-item"><span class="mod-code">HCA190</span><span class="mod-name">Food and Nutrition</span></div>

<div class="mod-item"><span class="mod-code">HCF200</span><span class="mod-name">Healthcare Fundamentals</span></div>

<div class="mod-item"><span class="mod-code">HCA210</span><span class="mod-name">Ethics for Healthcare Professionals</span></div>

</div>

<span class="semester-label sem-3">Clinical Attachment</span>

<div class="mod-item" style="background:var(--gold-pale);border:1px solid var(--gold-border)"><span class="mod-code">HCA220</span><span class="mod-name"><strong>Clinical Attachment — 3 Months</strong> · Supervised practical placement in a healthcare facility</span></div>

</div>

<p>Physical lessons<br><strong>09:10 – 16:10 hrs</strong></p>

</div>

<h4>Online</h4>

<p>Live virtual sessions<br><strong>18:10 – 20:10 hrs</strong></p>

</div>

<p>Evening classes<br><strong>17:30 – 19:30 hrs</strong></p>

</div>

<h4>Entry Requirements & Documents Needed</h4>

<ul>

<li>BGCSE or equivalent certificate</li>

<li>Certified copy of academic transcript</li>

<li>Certified copy of National ID or Passport</li>

<li>Non-refundable registration: P 300</li>

<li>T-shirt (P 150) required before lessons start</li>

<li>Identity Card (P 150) required before lessons start</li>

</ul>

</div>

<p style="font-size:0.8rem;font-weight:800;text-transform:uppercase;letter-spacing:0.1em;color:var(--gold);margin-bottom:4px">Location</p>

<p style="font-size:0.9rem;color:var(--ink2)">Main Mall, Upstairs of Notwane Pharmacy, Gaborone</p>

</div>

<a href="https://wa.me/26771448363?text=I'm interested in the Certificate in Health Care Assistance" class="btn btn-whatsapp" target="_blank"><i class="fab fa-whatsapp"></i> Apply via WhatsApp</a>

<a href="#enquire" class="btn btn-red">Complete Application Form</a>

</div>

<span class="short-sub" style="margin-top:0">Other Healthcare Programmes</span>

<article class="ccard"><span class="ctag ctag-health">Healthcare · 6 Months</span><h3>Certificate in Phlebotomy</h3><ul><li>Venipuncture Techniques</li><li>Lab Safety & Infection Control</li><li>Clinical Placement</li></ul><a href="#enquire" class="btn btn-ghost-red">Apply Now</a></article>

</div>

<article class="ccard pcard-gold"><span class="ctag ctag-biz">Business · 2 Years</span><h3>Diploma in Office Administration</h3><ul><li>Business Communication</li><li>Records Management</li><li>IT Skills</li><li>HR Fundamentals</li></ul><a href="#enquire" class="btn btn-ghost-gold">Apply Now</a></article>

<article class="ccard"><span class="ctag ctag-biz">Business · 1 Year</span><h3>Certificate in Office Administration</h3><ul><li>Secretarial Skills</li><li>Records Management</li><li>IT Skills</li></ul><a href="#enquire" class="btn btn-ghost-gold">Apply Now</a></article>

</div>

<article class="ccard pcard-ocean"><span class="ctag ctag-edu">Education · 2 Years</span><h3>Diploma in Early Childhood Education</h3><ul><li>Child Psychology</li><li>Montessori Method</li><li>Curriculum Planning</li><li>Practicum</li></ul><a href="#enquire" class="btn btn-ghost-dark">Apply Now</a></article>

<article class="ccard"><span class="ctag ctag-edu">Education · 2 Years</span><h3>Diploma in Early Childhood Education (Track 2)</h3><ul><li>Curriculum Planning</li><li>Child Development</li><li>Teaching Practice</li></ul><a href="#enquire" class="btn btn-ghost-dark">Apply Now</a></article>

</div>

<span class="short-sub">Computer & IT</span>

<article class="ccard"><span class="ctag ctag-short">Short Course · 3 Months</span><h3>Computer Literacy & IT Essentials</h3><ul><li>MS Office Suite</li><li>Internet Skills</li><li>ICDL Preparation</li></ul><a href="#enquire" class="btn btn-ghost-dark">Apply Now</a></article>

</div>

<span class="short-sub">Professional Skills</span>

<article class="ccard"><span class="ctag ctag-short">Short Course · 6 Weeks</span><h3>Customer Service Excellence</h3><ul><li>Communication Skills</li><li>Client Relations</li><li>Conflict Resolution</li></ul><a href="#enquire" class="btn btn-ghost-dark">Apply Now</a></article>

<article class="ccard"><span class="ctag ctag-short">Short Course · 6 Weeks</span><h3>First Aid & Health & Safety</h3><ul><li>CPR & AED</li><li>Workplace Safety</li><li>Emergency Response</li></ul><a href="#enquire" class="btn btn-ghost-dark">Apply Now</a></article>

</div>

</section>

<span class="eyebrow">// Student Life</span>

<h2 class="title">Life at <span class="accent">POSTI</span></h2>

<p class="subtitle">More than just a classroom. At POSTI, you join a community that supports your growth, wellbeing, and professional future.</p>

<h3>Academic Support</h3>

<p>Qualified lecturers, tutoring sessions, and a collaborative learning environment designed to help you succeed.</p>

</div>

<h3>Career Services</h3>

<p>CV workshops, interview preparation, and employer linkages — we don't just train you, we help you get placed.</p>

</div>

<h3>Alumni Network</h3>

<p>Join a growing network of POSTI graduates across healthcare, business, and education sectors in Botswana and SADC.</p>

</div>

<h3>Counselling Services</h3>

<p>Professional student wellness and counselling support available on campus for all enrolled students.</p>

</div>

<h3>Student Portal</h3>

<p>Access results, timetables, course materials, and payment history anytime at our dedicated online portal.</p>

</div>

<h3>Clinical Placement</h3>

<p>Healthcare students complete supervised clinical attachments in real hospital and clinic environments.</p>

</div>

</section>

<span class="eyebrow">// Online Services</span>

<h2 class="title">E-Learning <span class="accent">at POSTI</span></h2>

<h3>Learn Anytime, Anywhere in Botswana</h3>

<p>POSTI's e-learning platform enables students to access course materials, lectures, and assessments online — making quality education more flexible and accessible than ever before.</p>

<p>Our digital library integrations, virtual classrooms, and interactive modules complement in-person training to give you the best of both worlds.</p>

<a href="#enquire" class="btn btn-gold">Enquire About E-Learning</a>

<a href="https://portal.pillarsofsuccess-ac.com" class="btn btn-ghost-dark" target="_blank">Access Portal</a>

</div>

<div class="elearn-item"><div class="eicon">💻</div><div><h4>Virtual Classrooms</h4><p>Live and recorded sessions with qualified lecturers, accessible on any device.</p></div></div>

<div class="elearn-item"><div class="eicon">📚</div><div><h4>Digital Library</h4><p>Access millions of academic resources through our integrated digital library.</p></div></div>

<div class="elearn-item"><div class="eicon">📝</div><div><h4>Online Assessments</h4><p>Submit assignments and complete assessments securely through our e-portal.</p></div></div>

<div class="elearn-item"><div class="eicon">📱</div><div><h4>Mobile-Friendly</h4><p>Optimised for mobile — learn on your phone wherever you are.</p></div></div>

</div>

</section>

<span class="eyebrow">// Admissions</span>

<h2 class="title">Tuition <span class="accent">Fees & Funding</span></h2>

<p class="subtitle">Transparent and competitive fees with flexible payment plans. HRDC funding and employer sponsorships accepted.</p>

<div class="fee-card pcard-red"><span class="cat-label" style="color:var(--red)">Healthcare</span><h4>Certificate in Health Care Assistance</h4><p>Tuition: <strong>BWP 13,400</strong></p><p>Exam Fees: <strong>BWP 4,000</strong></p><p style="margin-top:8px;font-weight:800;color:var(--ocean)">Total: BWP 17,400</p></div>

<div class="fee-card"><span class="cat-label" style="color:var(--red)">Healthcare</span><h4>Certificate in Phlebotomy</h4><p>Total Fee: <strong>BWP 3,800</strong></p><p>Registration: <strong>BWP 600</strong></p></div>

<div class="fee-card pcard-gold"><span class="cat-label" style="color:var(--gold)">Business</span><h4>Diploma in Office Administration</h4><p>Per Semester: <strong>BWP 6,000</strong></p><p>Registration: <strong>BWP 800</strong></p></div>

<div class="fee-card"><span class="cat-label" style="color:var(--gold)">Business</span><h4>Certificate in Office Administration</h4><p>Per Semester: <strong>BWP 4,500</strong></p><p>Registration: <strong>BWP 700</strong></p></div>

<div class="fee-card pcard-ocean"><span class="cat-label" style="color:var(--ocean)">Education</span><h4>Diploma in Early Childhood Education</h4><p>Per Semester: <strong>BWP 5,800</strong></p><p>Registration: <strong>BWP 800</strong></p></div>

<div class="fee-card"><span class="cat-label" style="color:var(--ink3)">Short Course</span><h4>Computer Literacy & IT</h4><p>Total Fee: <strong>BWP 3,000</strong></p><p>Registration: <strong>BWP 500</strong></p></div>

</div>

<p class="fees-note">Fees subject to change. HRDC levy funding available for eligible students. <strong style="color:var(--red)">Application Fee: BWP 300 non-refundable.</strong> <a href="#enquire">Contact admissions for the full schedule →</a></p>

</div>

</section>

<span class="eyebrow">// Admissions</span>

<h2 class="title">How to <span class="accent">Apply</span></h2>

<div class="pcard pcard-red step-card"><div class="step-num step-num-red">1</div><h3>Choose Your Programme</h3><p>Explore our accredited courses and select the one that matches your career goals and aspirations.</p><a href="#programmes" class="btn btn-ghost-red">Explore Programmes</a></div>

<div class="pcard pcard-gold step-card"><div class="step-num step-num-gold">2</div><h3>Submit Application</h3><p>Complete our online form, upload required documents, and pay the BWP 300 application fee.</p><a href="#enquire" class="btn btn-red">Apply Now</a></div>

<div class="pcard pcard-ocean step-card"><div class="step-num step-num-ocean">3</div><h3>Enrolment & Registration</h3><p>Receive your acceptance letter, pay tuition fees, collect your ID card and t-shirt, and begin your journey.</p><a href="#enquire" class="btn btn-ocean">Register</a></div>

</div>

</section>

<span class="eyebrow">// Student Life</span>

<h2 class="title">Campus Life & <span class="accent">Gallery</span></h2>

<button class="tab-btn active" data-t="g-campus">Campus Gallery</button>

<button class="tab-btn" data-t="g-video">Video Gallery</button>

</div>

<figure><img src="images/campus-1.jpg" alt="Healthcare Training"><figcaption>Clinical Skills · Real Experience</figcaption></figure>

<figure><img src="images/campus-2.jpg" alt="Modern Campus"><figcaption>State-of-the-art Learning</figcaption></figure>

<figure><img src="images/campus-3.jpg" alt="Graduation 2025"><figcaption>Building Botswana's Future</figcaption></figure>

</div>

<figure><img src="images/video-thumb-1.jpg" alt="Expert Instruction"><figcaption>Classroom</figcaption></figure>

<figure><img src="images/video-thumb-2.jpg" alt="Student Engagement"><figcaption>Lecture Hall</figcaption></figure>

<figure><img src="images/video-thumb-3.jpg" alt="Professional Training"><figcaption>Seminar</figcaption></figure>

</div>

</section>

<span class="eyebrow">// Why POSTI</span>

<h2 class="title">What POSTI <span class="accent">Offers</span></h2>

<button class="tab-btn active" data-t="sv-why">Why Choose POSTI</button>

<button class="tab-btn" data-t="sv-svc">Additional Services</button>

<button class="tab-btn" data-t="sv-testi">Student Stories</button>

</div>

<div class="pcard pcard-gold feat-card"><div class="feat-num">01</div><h3>BQA Accredited</h3><p>Fully accredited by the Botswana Qualifications Authority and HRDC — nationally recognised qualifications.</p></div>

<div class="pcard feat-card"><div class="feat-num">02</div><h3>Experienced Lecturers</h3><p>Qualified industry experts and seasoned professionals dedicated to your growth and success.</p></div>

<div class="pcard feat-card"><div class="feat-num">03</div><h3>Flexible Learning</h3><p>Full-time, part-time, and online options — quality education accessible to all lifestyles.</p></div>

<div class="pcard pcard-red feat-card"><div class="feat-num">04</div><h3>Career Support</h3><p>Job placement assistance and internship linkages with top employers across SADC.</p></div>

<div class="pcard feat-card"><div class="feat-num">05</div><h3>Modern Facilities</h3><p>Well-equipped training rooms, simulation environments, and a great learning atmosphere.</p></div>

<div class="pcard pcard-ocean feat-card"><div class="feat-num">06</div><h3>Industry-Aligned</h3><p>Curriculum designed with industry input — graduates are job-ready from day one.</p></div>

</div>

<article class="pcard pcard-gold svc-card"><div class="card-icon">📑</div><h3>Research & Project Writing</h3><p>Expert academic and industry research support for students and organisations.</p><a href="#enquire" class="link-arr">Enquire →</a></article>

<article class="pcard svc-card"><div class="card-icon">💼</div><h3>Consultancy</h3><p>Professional consultancy in education, healthcare, and business sectors.</p><a href="#enquire" class="link-arr">Enquire →</a></article>

<article class="pcard svc-card"><div class="card-icon">🏛️</div><h3>Workshops</h3><p>In-campus and out-of-campus workshops tailored to industry needs.</p><a href="#enquire" class="link-arr">Enquire →</a></article>

<article class="pcard pcard-red svc-card"><div class="card-icon">🎓</div><h3>Corporate Trainings</h3><p>Specialised training programmes designed for corporate clients and teams.</p><a href="#enquire" class="link-arr">Enquire →</a></article>

<article class="pcard svc-card"><div class="card-icon">🌐</div><h3>Seminars</h3><p>Academic and professional seminars open to the wider community.</p><a href="#enquire" class="link-arr">Enquire →</a></article>

<article class="pcard pcard-ocean svc-card"><div class="card-icon">🤝</div><h3>Counselling Services</h3><p>Student wellness and professional counselling by qualified practitioners.</p><a href="#enquire" class="link-arr">Enquire →</a></article>

</div>

<div class="pcard pcard-gold testi-card"><blockquote>"The training at POSTI is top-notch. The lecturers are supportive, and the hands-on experience prepared me well for my current role at a major hospital in Gaborone."</blockquote><div class="testi-cite"><span class="avatar">KM</span><div><span class="cite-name">Keabetswe M.</span><span class="cite-role">Healthcare Graduate</span></div></div></div>

<div class="pcard testi-card"><blockquote>"I completed my Office Administration Diploma while working full-time thanks to their flexible schedule. The skills I gained helped me get a promotion within six months."</blockquote><div class="testi-cite"><span class="avatar">TD</span><div><span class="cite-name">Tshepo D.</span><span class="cite-role">Business Alumni</span></div></div></div>

<div class="pcard pcard-ocean testi-card"><blockquote>"POSTI transformed my career. The lecturers are supportive and genuinely invested in your success. Highly recommended for anyone wanting quality education."</blockquote><div class="testi-cite"><span class="avatar">NM</span><div><span class="cite-name">Neo M.</span><span class="cite-role">Healthcare Graduate</span></div></div></div>

</div>

</section>

<span class="eyebrow">// News & Events</span>

<h2 class="title">News, <span class="accent">FAQs</span> & Resources</h2>

<button class="tab-btn active" data-t="n-news">News & Updates</button>

<button class="tab-btn" data-t="n-lib">Digital Library</button>

</div>

<article class="pcard pcard-red news-card"><span class="ncat">Admissions · July 2026</span><h3>July 2026 Intake — Applications Open</h3><p>Applications for July 2026 are now open across all programmes. Limited spaces — apply early to secure your place.</p><a href="#enquire" class="link-arr">Apply now →</a></article>

<article class="pcard news-card"><span class="ncat">Events · December 2025</span><h3>Class of 2025 Graduation Ceremony</h3><p>Over 200 students celebrated at our annual graduation, marking another milestone in POSTI's journey of excellence.</p><a href="#enquire" class="link-arr">Read more →</a></article>

<article class="pcard pcard-ocean news-card"><span class="ncat">Partnerships · November 2025</span><h3>POSTI Expands HRDC Bursary Partnership</h3><p>HRDC bursaries expanded for 2026, enabling more eligible students to access quality tertiary education.</p><a href="#enquire" class="link-arr">Read more →</a></article>

</div>

<details><summary>What are the entry requirements?</summary><p>Entry requirements vary by programme. Generally BGCSE or equivalent is required. Students without standard qualifications may be considered via Recognition of Prior Learning (RPL).</p></details>

<details><summary>Can I get HRDC funding?</summary><p>Yes. POSTI is fully recognised by HRDC. Eligible students may apply for levy funding and bursaries. Our admissions office will assist with the application process.</p></details>

<details><summary>When are the intakes?</summary><p>Most programmes have January and July intakes. Short courses have rolling intakes. Contact admissions for the current schedule.</p></details>

<details><summary>Do you offer part-time study?</summary><p>Yes. Full-time, part-time (evenings, 17:30–19:30 hrs), and online (18:10–20:10 hrs) options are available for selected programmes.</p></details>

<details><summary>What is the total cost of the Health Care Assistance certificate?</summary><p>The total course fee is BWP 17,400 (BWP 13,400 tuition + BWP 4,000 examination fees), payable in monthly instalments of BWP 2,000–2,500. A non-refundable registration fee of BWP 300 applies.</p></details>

<details><summary>Are qualifications recognised outside Botswana?</summary><p>Our BQA-accredited qualifications are nationally recognised and well received across Southern Africa including South Africa, Zimbabwe, and Namibia.</p></details>

<details><summary>What post-graduation support is offered?</summary><p>CV workshops, job placement assistance, career counselling, and access to our growing alumni network.</p></details>

</div>

<p style="color:var(--ink3);font-size:0.93rem;line-height:1.82;margin-bottom:22px">Students and staff can access millions of academic books, journals, and research papers through Z-Library — one of the world's largest free online libraries. All enrolled students receive guidance on access during orientation.</p>

<a href="https://z-lib.id/" class="btn btn-gold" target="_blank" rel="noopener">Visit Z-Library</a>

</div>

</section>

<span class="eyebrow">// Get in Touch</span>

<h2 class="title">Contact <span class="accent">Information</span></h2>

<p class="subtitle">We are here to help. Reach out to our friendly admissions and support team — we respond within 24 hours.</p>

<div class="pcard pcard-gold contact-item"><span class="ci-icon">📍</span><h3>Visit Us</h3><p>Main Mall, Upstairs of Notwane Pharmacy<br>Gaborone, Botswana</p></div>

<div class="pcard pcard-red contact-item"><span class="ci-icon">📞</span><h3>Call / WhatsApp</h3><p><a href="tel:+26771448363">+267 71 448 363</a><br><a href="tel:+2673972027">+267 397 2027</a></p></div>

<div class="pcard contact-item"><span class="ci-icon">✉️</span><h3>Email Us</h3><p><a href="mailto:registrar@pillarofsuccess-ac.com">registrar@pillarofsuccess-ac.com</a></p></div>

<div class="pcard pcard-ocean contact-item"><span class="ci-icon">🌐</span><h3>Website</h3><p><a href="http://www.posu.ac.bw">www.posu.ac.bw</a></p></div>

<div class="pcard contact-item"><span class="ci-icon">🕐</span><h3>Office Hours</h3><p>Mon – Fri: 8:00 AM – 5:00 PM<br>Saturday: 9:00 AM – 1:00 PM</p></div>

</div>

<a href="https://wa.me/26771448363" class="btn btn-whatsapp"><i class="fab fa-whatsapp"></i> WhatsApp Us</a>

<a href="mailto:registrar@pillarofsuccess-ac.com" class="btn btn-ghost-gold">Email Admissions</a>

</div>

<iframe

src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3626.3!2d25.9083!3d-24.6558!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1ebf7b1c6e8c4e5d%3A0x1234567890abcdef!2sMain%20Mall%2C%20Gaborone%2C%20Botswana!5e0!3m2!1sen!2sbw!4v1700000000000"

allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"

title="POSTI Location — Main Mall, Gaborone"></iframe>

</div>

</section>

<span class="eyebrow">// Apply Now</span>

<h2 class="title">Ready to Start Your <span class="accent">Career?</span></h2>

<p class="subtitle">Fill out the form below and our admissions team will contact you within 24 hours. Fields marked * are mandatory.</p>

<span class="step-ind active">1 Programme</span>

<span class="step-ind">2 Personal</span>

<span class="step-ind">3 Academic</span>

<span class="step-ind">4 Documents</span>

<span class="step-ind">5 Review</span>

</div>

<p class="form-progress" id="fprog">Stage 1 of 5 — Programme Selection (20%)</p>

<legend>Programme Selection</legend>

<label>Programme of Interest *

<option value="">-- Select a Programme --</option>

<optgroup label="Healthcare"><option>Certificate in Health Care Assistance</option><option>Certificate in Phlebotomy</option></optgroup>

<optgroup label="Business & Administration"><option>Diploma in Office Administration</option><option>Certificate in Office Administration</option></optgroup>

<optgroup label="Education"><option>Diploma in Early Childhood Education</option><option>Diploma in Early Childhood Education (Track 2)</option></optgroup>

<optgroup label="Short Courses"><option>Computer Literacy & IT Essentials</option><option>Customer Service Excellence</option><option>First Aid & Health & Safety</option></optgroup>

<optgroup label="E-Learning"><option>E-Learning Programme (Online)</option></optgroup>

</select>

</label>

<label>Preferred Intake * <select name="intake" required><option>Select intake</option><option>July 2026</option><option>January 2027</option></select></label>

<label>Mode of Study * <select name="mode" required><option>Select mode</option><option>Full-Time (09:10–16:10 hrs)</option><option>Part-Time / Evenings (17:30–19:30 hrs)</option><option>Online (18:10–20:10 hrs)</option></select></label>

<label>Source of Funding * <select name="funding" required><option>Select funding</option><option>Self-funded</option><option>HRDC Levy Funding</option><option>Employer Sponsorship</option><option>Government Bursary</option><option>Family / Guardian</option></select></label>

<label>How did you hear about POSTI? <select name="source"><option>Select source</option><option>Social Media</option><option>Friend / Family Referral</option><option>Internet Search</option><option>Radio / Television</option><option>Walk-in / Campus Visit</option></select></label>

<p class="form-note"><strong>Application Fee: BWP 300 non-refundable.</strong> Selecting a programme does not guarantee placement — admission is subject to entry requirements and space availability.</p>

<div class="form-nav"><button type="button" class="btn btn-gold next-s">Next Stage →</button></div>

</fieldset>

<legend>Personal Details</legend>

<label>Title * <select name="title" required><option>Title</option><option>Mr</option><option>Mrs</option><option>Ms</option><option>Miss</option><option>Dr</option><option>Prof</option></select></label>

<label>First Name * <input type="text" name="firstname" required></label>

<label>Surname * <input type="text" name="surname" required></label>

<label>Date of Birth * <input type="date" name="dob" required></label>

<label>Gender * <select name="gender" required><option>Select</option><option>Female</option><option>Male</option><option>Other</option><option>Prefer not to say</option></select></label>

<label>Nationality * <select name="nationality" required><option>Select</option><option>Botswana</option><option>South African</option><option>Zimbabwean</option><option>Zambian</option><option>Namibian</option><option>Other</option></select></label>

<label>ID / Passport Number * <input type="text" name="id_number" required></label>

<label>Email Address * <input type="email" name="email" required></label>

<label>Primary Contact (WhatsApp) * <input type="tel" name="phone" required></label>

<label>Postal Address * <input type="text" name="address" required></label>

<div class="form-nav"><button type="button" class="btn btn-ghost-gold prev-s">← Back</button><button type="button" class="btn btn-gold next-s">Next Stage →</button></div>

</fieldset>

<legend>Academic Background</legend>

<label>Highest Level of Education * <select name="edu_level" required><option>Select level</option><option>BGCSE / O-Level</option><option>IGCSE</option><option>AS / A-Level</option><option>Certificate</option><option>Diploma</option><option>Degree</option><option>Postgraduate</option></select></label>

<label>Institution Name * <input type="text" name="institution" required></label>

<label>Year Completed * <input type="number" name="year_completed" required></label>

<label>Subjects Passed * <input type="text" name="subjects" required></label>

<label>Employment Status <select name="employment"><option>Unemployed / Student</option><option>Employed Full-Time</option><option>Employed Part-Time</option><option>Self-Employed</option></select></label>

<label>Reason for Applying * <textarea name="reason" required></textarea></label>

<div class="form-nav"><button type="button" class="btn btn-ghost-gold prev-s">← Back</button><button type="button" class="btn btn-gold next-s">Next Stage →</button></div>

</fieldset>

<legend>Documents & References</legend>

<p class="form-note">Ensure documents are clear and certified. Max 5MB per file.</p>

<label>Certified copy of National ID / Passport * <input type="file" name="id_doc" accept=".pdf,.jpg,.png" required></label>

<label>Certified academic certificate * <input type="file" name="cert_doc" accept=".pdf,.jpg,.png" required></label>

<label>Certified academic transcripts * <input type="file" name="transcript_doc" accept=".pdf,.jpg,.png" required></label>

<label>Recent passport photo (optional) <input type="file" name="photo_doc" accept=".pdf,.jpg,.png"></label>

<h4 style="font-family:var(--font-head);color:var(--gold);font-size:1rem;margin:20px 0 12px;font-weight:600">Referee Details</h4>

<label>Referee Full Name * <input type="text" name="ref_name" required></label>

<label>Relationship * <input type="text" name="ref_rel" required></label>

<label>Referee Email * <input type="email" name="ref_email" required></label>

<div class="form-nav"><button type="button" class="btn btn-ghost-gold prev-s">← Back</button><button type="button" class="btn btn-gold next-s">Next Stage →</button></div>

</fieldset>

<legend>Review & Submit</legend>

<p class="form-note">Check your details carefully before submitting. You will receive a confirmation within 24 hours.</p>

<div>

<p class="review-h4">Programme</p><p class="review-p">Programme: <span id="rv-prog">-</span> | Intake: <span id="rv-intake">-</span> | Mode: <span id="rv-mode">-</span></p>

<p class="review-h4">Personal</p><p class="review-p">Name: <span id="rv-name">-</span> | DOB: <span id="rv-dob">-</span> | Email: <span id="rv-email">-</span> | Phone: <span id="rv-phone">-</span></p>

<p class="review-h4">Academic</p><p class="review-p">Level: <span id="rv-edu">-</span> | Institution: <span id="rv-inst">-</span> | Year: <span id="rv-year">-</span></p>

<p style="margin-top:14px;font-size:0.86rem;color:var(--ink3)"><strong style="color:var(--red)">Application Fee: BWP 300 non-refundable.</strong> Payment instructions provided after submission.</p>

</div>

<label class="decl-row"><input type="checkbox" name="d1" required> I confirm all information provided is true and accurate.</label>

<label class="decl-row"><input type="checkbox" name="d2" required> I understand that false information may result in cancellation.</label>

<label class="decl-row"><input type="checkbox" name="d3" required> I consent to POSTI contacting my referee and verifying my qualifications.</label>

<label class="decl-row"><input type="checkbox" name="d4" required> I agree to the Terms and Conditions and Privacy Policy of POSTI.</label>

</div>

<div class="form-nav"><button type="button" class="btn btn-ghost-gold prev-s">← Back</button><button type="submit" class="btn btn-red">Submit Application</button></div>

</fieldset>

</form>

</div>

</section>

<h2>Online Services & Portals</h2>

<p>Access your learning materials, results, timetables, and payment history — all in one secure place.</p>

<a href="https://portal.pillarsofsuccess-ac.com" class="portal-btn active-portal" target="_blank">🎓 Student Portal</a>

<a href="https://portal.pillarsofsuccess-ac.com" class="portal-btn" target="_blank">👨‍💼 Staff Portal</a>

<a href="#enquire" class="portal-btn">📝 Applicant Portal</a>

</div>

</section>

</main>

</div>

<p>Pillar of Success College (POSTI) is Botswana's leading private tertiary institution, committed to producing skilled, competent, and employable graduates since 2023.</p>

</div>

<h4>Quick Links</h4>

<ul>

<li><a href="#about">About Us</a></li>

<li><a href="#programmes">Our Programmes</a></li>

<li><a href="#fees">Tuition Fees</a></li>

<li><a href="#apply">How to Apply</a></li>

<li><a href="#elearning">E-Learning</a></li>

</ul>

</div>

<h4>Student Resources</h4>

<ul>

<li><a href="https://portal.pillarsofsuccess-ac.com" target="_blank">Student Portal</a></li>

<li><a href="#student-life">Career Services</a></li>

<li><a href="#news" onclick="sw('news-tabs','n-lib')">Digital Library</a></li>

<li><a href="https://z-lib.id/" target="_blank">Z-Library</a></li>

<li><a href="#enquire">Apply Now</a></li>

</ul>

</div>

<h4>Contact</h4>

<p><a href="mailto:registrar@pillarofsuccess-ac.com">registrar@pillarofsuccess-ac.com</a></p>

<p style="margin-top:7px;color:rgba(255,255,255,0.35)">Main Mall, Notwane Pharmacy, Gaborone</p>

</div>

<p>Designed by Rodney Manyakaidze — Cognitive Futures Digital Libraries</p>

</div>

</footer>

</a>

<h3>Application Form — Pillar of Success College</h3>

<p>BQA Accredited · HRDC Certified · Gaborone, Botswana · Application Fee: BWP 300 non-refundable</p>

</div>

// Mobile nav

const mTog = document.getElementById('mob-toggle');

const mMen = document.getElementById('mob-menu');

mTog.addEventListener('click', () => {

mMen.classList.toggle('open');

mTog.textContent = mMen.classList.contains('open') ? '✕' : '☰';

});

mMen.querySelectorAll('a').forEach(l => l.addEventListener('click', () => {

mMen.classList.remove('open');

mTog.textContent = '☰';

}));

// Universal tab init

function initTabs(id) {

const sys = document.getElementById(id);

if (!sys) return;

sys.querySelectorAll('.tab-btn').forEach(btn => {

btn.addEventListener('click', () => {

sys.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));

sys.querySelectorAll('.tab-pane').forEach(p => p.classList.remove('active'));

btn.classList.add('active');

const t = document.getElementById(btn.dataset.t);

if (t) t.classList.add('active');

});

}

['about-tabs', 'prog-tabs', 'gallery-tabs', 'sv-tabs', 'news-tabs'].forEach(initTabs);

// sw() — switch tab from nav dropdown

function sw(sysId, paneId) {

const sys = document.getElementById(sysId);

if (!sys) return;

sys.querySelectorAll('.tab-btn').forEach(b => b.classList.toggle('active', b.dataset.t === paneId));

sys.querySelectorAll('.tab-pane').forEach(p => p.classList.toggle('active', p.id === paneId));

// Scroll to the section

const section = sys.closest('section');

if (section) {

window.scrollTo({ top: section.offsetTop - 88, behavior: 'smooth' });

}

// Multi-step form

const form = document.getElementById('appForm');

const stages = form.querySelectorAll('.form-stage');

const inds = document.querySelectorAll('.step-ind');

const fprog = document.getElementById('fprog');

const labels = ['Programme Selection', 'Personal Details', 'Academic Background', 'Documents & References',

'Review & Submit'

];

let cur = 0;

function goStage(n) {

stages.forEach((s, i) => s.classList.toggle('active', i === n));

inds.forEach((ind, i) => ind.classList.toggle('active', i === n));

fprog.textContent = `Stage ${n+1} of 5 — ${labels[n]} (${(n+1)*20}%)`;

if (n === 4) fillReview();

window.scrollTo({ top: form.offsetTop - 88, behavior: 'smooth' });

}

form.querySelectorAll('.next-s').forEach(b => b.addEventListener('click', () => {

if (cur < stages.length - 1) { cur++;

goStage(cur); }

}));

form.querySelectorAll('.prev-s').forEach(b => b.addEventListener('click', () => {

if (cur > 0) { cur--;

goStage(cur); }

}));

function fillReview() {

const g = n => { const e = form.querySelector(`[name="${n}"]`); return e ? e.value || '-' : '-'; };

document.getElementById('rv-prog').textContent = g('programme');

document.getElementById('rv-intake').textContent = g('intake');

document.getElementById('rv-mode').textContent = g('mode');

document.getElementById('rv-name').textContent = [g('firstname'), g('surname')].filter(Boolean).join(' ');

document.getElementById('rv-dob').textContent = g('dob');

document.getElementById('rv-email').textContent = g('email');

document.getElementById('rv-phone').textContent = g('phone');

document.getElementById('rv-edu').textContent = g('edu_level');

document.getElementById('rv-inst').textContent = g('institution');

document.getElementById('rv-year').textContent = g('year_completed');

}

</script>

</body>

</html>

```