{"id":1498,"date":"2026-07-30T17:40:20","date_gmt":"2026-07-30T17:40:20","guid":{"rendered":"https:\/\/gravityafrica.co.za\/ngistaging\/?page_id=1498"},"modified":"2026-08-06T20:15:25","modified_gmt":"2026-08-06T20:15:25","slug":"ngi-home","status":"publish","type":"page","link":"https:\/\/gravityafrica.co.za\/ngistaging\/","title":{"rendered":"NGI Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1498\" class=\"elementor elementor-1498\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-789c1cb e-flex e-con-boxed e-con e-parent\" data-id=\"789c1cb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38937a5 elementor-widget elementor-widget-heading\" data-id=\"38937a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Graduate with Proof<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e48ece elementor-widget elementor-widget-heading\" data-id=\"5e48ece\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Your future deserves more<br><span style=\"color:#00FD07\">than just a qualification.<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-287afb6 e-con-full e-flex e-con e-parent\" data-id=\"287afb6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d57375b elementor-widget elementor-widget-html\" data-id=\"d57375b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  :root {\r\n    --ngi-blue: #0876f9;\r\n    --ngi-blue-dark: #0068e8;\r\n    --ngi-green: #00f80a;\r\n    --ngi-ink: #252821;\r\n    --ngi-paper: #f3f3f3;\r\n    --ngi-white: #ffffff;\r\n  }\r\n\r\n  .page-id-1498 .elementor-element-789c1cb {\r\n    display: none !important;\r\n  }\r\n\r\n  .ngi-home,\r\n  .ngi-home * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .ngi-home {\r\n    width: 100%;\r\n    margin-left: 0;\r\n    overflow: hidden;\r\n    color: var(--ngi-ink);\r\n    font-family: Calibri, Arial, sans-serif;\r\n  }\r\n\r\n  .ngi-menu-shell {\r\n    left: 0 !important;\r\n    right: 0 !important;\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n  }\r\n\r\n  body.page-id-1498 .elementor-widget-html:has(.ngi-home),\r\n  body.page-id-1498 .elementor-widget-html:has(.ngi-home) > .elementor-widget-container,\r\n  body.page-id-1498 .e-con:has(> .elementor-widget-html .ngi-home) {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    gap: 0 !important;\r\n  }\r\n\r\n  .ngi-home h1,\r\n  .ngi-home h2,\r\n  .ngi-home h3,\r\n  .ngi-home p {\r\n    margin: 0;\r\n  }\r\n\r\n  .ngi-wrap {\r\n    width: min(90%, 1720px);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .ngi-script {\r\n    font-family: \"Journal Regular\", Journal, \"Segoe Script\", cursive;\r\n    font-weight: 400;\r\n    line-height: 0.95;\r\n  }\r\n\r\n  .ngi-btn {\r\n    display: inline-flex;\r\n    min-height: 66px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 16px 36px;\r\n    border: 2px solid transparent;\r\n    text-decoration: none !important;\r\n    font-size: clamp(17px, 1.25vw, 25px);\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;\r\n  }\r\n\r\n  .ngi-btn:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 24px rgba(0, 0, 0, .18);\r\n  }\r\n\r\n  .ngi-btn-green {\r\n    color: var(--ngi-blue) !important;\r\n    background: var(--ngi-green);\r\n  }\r\n\r\n  .ngi-btn-outline {\r\n    color: var(--ngi-white) !important;\r\n    border-color: rgba(255, 255, 255, .9);\r\n    background: rgba(8, 118, 249, .35);\r\n  }\r\n\r\n  .ngi-btn-blue {\r\n    color: var(--ngi-white) !important;\r\n    background: var(--ngi-blue);\r\n  }\r\n\r\n  \/* Hero *\/\r\n  .ngi-hero {\r\n    position: relative;\r\n    min-height: clamp(720px, 52vw, 1000px);\r\n    display: flex;\r\n    align-items: flex-start;\r\n    background: url(\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/Header-3.jpg\") center top \/ cover no-repeat;\r\n  }\r\n\r\n  .ngi-hero::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    background: linear-gradient(90deg, rgba(8, 118, 249, .06) 0%, rgba(8, 118, 249, .02) 58%, transparent 72%);\r\n  }\r\n\r\n  .ngi-hero-content {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: min(62%, 1120px);\r\n    padding-top: clamp(260px, 19vw, 360px);\r\n    padding-bottom: 48px;\r\n  }\r\n\r\n  .ngi-hero-kicker {\r\n    color: var(--ngi-green);\r\n    font-size: clamp(42px, 3.5vw, 68px);\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .ngi-hero h1 {\r\n    max-width: 1080px;\r\n    color: var(--ngi-white);\r\n    font-size: clamp(54px, 4.45vw, 86px);\r\n    font-weight: 700;\r\n    line-height: .98;\r\n    letter-spacing: -.02em;\r\n  }\r\n\r\n  .ngi-hero h1 span {\r\n    display: block;\r\n    color: var(--ngi-green);\r\n  }\r\n\r\n  .ngi-hero-copy {\r\n    max-width: 1100px;\r\n    margin-top: 26px !important;\r\n    color: var(--ngi-white);\r\n    font-size: clamp(23px, 1.9vw, 36px);\r\n    font-weight: 700;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  .ngi-hero-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 28px;\r\n    margin-top: 36px;\r\n  }\r\n\r\n  .ngi-hero-actions .ngi-btn {\r\n    min-width: min(100%, 360px);\r\n  }\r\n\r\n  .ngi-proof-row {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, max-content);\r\n    gap: 22px 34px;\r\n    align-items: center;\r\n    margin-top: 46px;\r\n    color: var(--ngi-white);\r\n    font-size: clamp(15px, 1vw, 20px);\r\n    font-weight: 700;\r\n  }\r\n\r\n  .ngi-proof {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .ngi-proof-mark {\r\n    display: block;\r\n    width: 38px;\r\n    height: 38px;\r\n    flex: 0 0 38px;\r\n    border: 0 !important;\r\n    border-radius: 0;\r\n    object-fit: contain;\r\n  }\r\n\r\n  .ngi-proof-mark::after {\r\n    content: none;\r\n    display: none;\r\n  }\r\n\r\n  \/* Pathways *\/\r\n  .ngi-pathways {\r\n    position: relative;\r\n    padding: 90px 0 105px;\r\n    background: var(--ngi-paper) url(\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/patterned-background-white-low-opacity1.png\") center \/ cover;\r\n  }\r\n\r\n  .ngi-section-intro {\r\n    text-align: center;\r\n  }\r\n\r\n  .ngi-section-intro .ngi-script {\r\n    color: var(--ngi-blue);\r\n    font-size: clamp(48px, 4vw, 76px);\r\n  }\r\n\r\n  .ngi-section-intro h2 {\r\n    color: var(--ngi-blue);\r\n    font-size: clamp(48px, 4.7vw, 90px);\r\n    font-weight: 700;\r\n    font-style: italic;\r\n    line-height: .92;\r\n  }\r\n\r\n  .ngi-section-intro p {\r\n    margin-top: 38px !important;\r\n    font-size: clamp(20px, 1.7vw, 32px);\r\n  }\r\n\r\n  .ngi-path-grid {\r\n    position: relative;\r\n    height: 500px;\r\n    margin-top: 78px;\r\n    perspective: 1500px;\r\n    touch-action: pan-y;\r\n    user-select: none;\r\n  }\r\n\r\n  .ngi-path-card {\r\n    position: absolute;\r\n    top: 22px;\r\n    left: 50%;\r\n    width: min(360px, 30vw);\r\n    min-height: 430px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    padding: 36px 24px 30px;\r\n    border: 1px solid #d7d7d7;\r\n    background: var(--ngi-white);\r\n    text-align: center;\r\n    box-shadow: 0 15px 28px rgba(0, 0, 0, .13);\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transform: translateX(-50%) scale(.78);\r\n    filter: blur(5px);\r\n    transition: transform .55s cubic-bezier(.22,.8,.24,1), opacity .45s ease,\r\n      filter .45s ease, box-shadow .45s ease;\r\n  }\r\n\r\n  .ngi-path-card:hover {\r\n    box-shadow: 0 22px 40px rgba(0, 0, 0, .19);\r\n  }\r\n\r\n  .ngi-path-card.is-active {\r\n    z-index: 4;\r\n    opacity: 1;\r\n    pointer-events: auto;\r\n    transform: translateX(-50%) translateY(-22px) scale(1.06);\r\n    filter: none;\r\n    border-top: 5px solid var(--ngi-green);\r\n    box-shadow: 0 28px 55px rgba(0, 0, 0, .22);\r\n  }\r\n\r\n  .ngi-path-card.is-prev,\r\n  .ngi-path-card.is-next {\r\n    z-index: 2;\r\n    opacity: .82;\r\n    cursor: pointer;\r\n    pointer-events: auto;\r\n    filter: blur(2px);\r\n  }\r\n\r\n  .ngi-path-card.is-prev { transform: translateX(calc(-50% - 315px)) scale(.9) rotateY(7deg); }\r\n  .ngi-path-card.is-next { transform: translateX(calc(-50% + 315px)) scale(.9) rotateY(-7deg); }\r\n  .ngi-path-card.is-far-prev,\r\n  .ngi-path-card.is-far-next {\r\n    z-index: 1;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n    filter: blur(5px);\r\n  }\r\n  .ngi-path-card.is-far-prev { transform: translateX(calc(-50% - 550px)) scale(.76); }\r\n  .ngi-path-card.is-far-next { transform: translateX(calc(-50% + 550px)) scale(.76); }\r\n\r\n  .ngi-path-controls {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 18px;\r\n    margin-top: 18px;\r\n  }\r\n\r\n  .ngi-path-arrow {\r\n    width: 52px;\r\n    height: 52px;\r\n    display: grid;\r\n    place-items: center;\r\n    padding: 0;\r\n    border: 2px solid var(--ngi-blue) !important;\r\n    border-radius: 50%;\r\n    color: var(--ngi-blue) !important;\r\n    background: rgba(255,255,255,.86) !important;\r\n    cursor: pointer;\r\n    font-size: 29px;\r\n    line-height: 1;\r\n    transition: color .2s ease, background .2s ease, transform .2s ease;\r\n  }\r\n\r\n  .ngi-path-arrow:hover,\r\n  .ngi-path-arrow:focus-visible {\r\n    color: var(--ngi-white) !important;\r\n    background: var(--ngi-blue) !important;\r\n    border-color: var(--ngi-blue) !important;\r\n    transform: scale(1.08);\r\n  }\r\n\r\n  .ngi-path-dots { display: flex; gap: 9px; }\r\n  .ngi-path-dot {\r\n    width: 10px;\r\n    height: 10px;\r\n    padding: 0;\r\n    border: 0 !important;\r\n    border-radius: 50%;\r\n    background: #b7cae7 !important;\r\n    cursor: pointer;\r\n    transition: width .25s ease, background .25s ease;\r\n  }\r\n  .ngi-path-dot.is-active {\r\n    width: 30px;\r\n    border-radius: 20px;\r\n    background: var(--ngi-green) !important;\r\n  }\r\n\r\n  .ngi-path-icon,\r\n  .ngi-benefit-icon,\r\n  .ngi-stat-icon {\r\n    display: block;\r\n    object-fit: contain;\r\n  }\r\n\r\n  .ngi-path-icon {\r\n    width: 105px;\r\n    height: 105px;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .ngi-path-card h3 {\r\n    color: var(--ngi-blue);\r\n    font-size: clamp(26px, 1.7vw, 34px);\r\n    font-weight: 700;\r\n  }\r\n\r\n  .ngi-path-card p {\r\n    min-height: 88px;\r\n    margin: 22px 0 28px !important;\r\n    color: var(--ngi-blue);\r\n    font-size: 21px;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  .ngi-path-card .ngi-btn {\r\n    width: 100%;\r\n    margin-top: auto;\r\n  }\r\n\r\n  \/* Reasons *\/\r\n  .ngi-reasons {\r\n    padding: 90px 0 72px;\r\n    color: var(--ngi-white);\r\n    background: var(--ngi-blue);\r\n  }\r\n\r\n  .ngi-reasons-title {\r\n    text-align: center;\r\n  }\r\n\r\n  .ngi-reasons-title h2 {\r\n    font-size: clamp(48px, 4.2vw, 80px);\r\n    font-weight: 300;\r\n    line-height: 1;\r\n  }\r\n\r\n  .ngi-reasons-title h2 strong {\r\n    font-weight: 700;\r\n  }\r\n\r\n  .ngi-reasons-title p {\r\n    margin-top: 28px !important;\r\n    font-size: clamp(21px, 1.7vw, 32px);\r\n    font-weight: 700;\r\n  }\r\n\r\n  .ngi-benefits {\r\n    display: grid;\r\n    grid-template-columns: repeat(6, 1fr);\r\n    margin-top: 75px;\r\n  }\r\n\r\n  .ngi-benefit {\r\n    min-width: 0;\r\n    padding: 0 25px 26px;\r\n    text-align: center;\r\n    border-right: 2px solid var(--ngi-green);\r\n  }\r\n\r\n  .ngi-benefit:last-child {\r\n    border-right: 0;\r\n  }\r\n\r\n  .ngi-benefit-icon {\r\n    width: 112px;\r\n    height: 112px;\r\n    margin: 0 auto 25px;\r\n  }\r\n\r\n  .ngi-benefit h3 {\r\n    min-height: 56px;\r\n    color: var(--ngi-white);\r\n    font-size: clamp(19px, 1.35vw, 26px);\r\n    font-weight: 700;\r\n    line-height: 1.05;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .ngi-benefit p {\r\n    margin-top: 20px !important;\r\n    font-size: clamp(17px, 1.15vw, 23px);\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .ngi-access-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 2fr .8fr;\r\n    gap: 44px;\r\n    align-items: center;\r\n    margin-top: 66px;\r\n  }\r\n\r\n  .ngi-access-art {\r\n    position: relative;\r\n  }\r\n\r\n  .ngi-access-art .ngi-script {\r\n    color: var(--ngi-green);\r\n    font-size: clamp(42px, 3.5vw, 68px);\r\n  }\r\n\r\n  .ngi-access-art strong {\r\n    display: block;\r\n    font-size: clamp(42px, 3.3vw, 66px);\r\n    font-style: italic;\r\n    line-height: .85;\r\n  }\r\n\r\n  .ngi-access-art img {\r\n    position: absolute;\r\n    width: 155px;\r\n    right: 2%;\r\n    top: 2px;\r\n  }\r\n\r\n  .ngi-access-copy {\r\n    font-size: clamp(22px, 1.8vw, 34px);\r\n    font-weight: 700;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  \/* Programmes *\/\r\n  .ngi-programmes {\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    padding: 90px 0 100px;\r\n    background:\r\n      radial-gradient(circle at 79% 18%, rgba(0, 239, 56, .075), transparent 22%),\r\n      radial-gradient(circle at 14% 76%, rgba(11, 114, 246, .07), transparent 26%),\r\n      var(--ngi-paper);\r\n  }\r\n\r\n  .ngi-programmes::before,\r\n  .ngi-programmes::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: -1;\r\n    border: 1px solid rgba(11, 114, 246, .09);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .ngi-programmes::before {\r\n    width: 280px;\r\n    height: 280px;\r\n    top: -170px;\r\n    right: 7%;\r\n  }\r\n\r\n  .ngi-programmes::after {\r\n    width: 170px;\r\n    height: 170px;\r\n    bottom: -105px;\r\n    left: 4%;\r\n  }\r\n\r\n  .ngi-programme-layout {\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 3fr .75fr;\r\n    gap: 55px;\r\n    align-items: center;\r\n  }\r\n\r\n  .ngi-programme-copy .eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    color: var(--ngi-blue);\r\n    font-size: 29px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .ngi-programme-copy .eyebrow::after {\r\n    content: \"\";\r\n    width: 48px;\r\n    height: 3px;\r\n    background: var(--ngi-green);\r\n    transform-origin: left;\r\n    transition: width .35s ease;\r\n  }\r\n\r\n  .ngi-programme-copy:hover .eyebrow::after {\r\n    width: 72px;\r\n  }\r\n\r\n  .ngi-programme-copy h2 {\r\n    margin-top: 30px !important;\r\n    color: var(--ngi-blue);\r\n    font-size: clamp(42px, 3.3vw, 64px);\r\n    font-weight: 700;\r\n    line-height: 1.14;\r\n  }\r\n\r\n  .ngi-programme-copy p {\r\n    margin: 28px 0 34px !important;\r\n    font-size: clamp(19px, 1.4vw, 27px);\r\n    line-height: 1.35;\r\n  }\r\n\r\n  .ngi-course-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 14px;\r\n  }\r\n\r\n  .ngi-course {\r\n    position: relative;\r\n    min-height: 500px;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: flex-end;\r\n    padding: 30px;\r\n    background-position: center;\r\n    background-size: cover;\r\n    box-shadow: 0 14px 28px rgba(0, 0, 0, .2);\r\n    outline: 1px solid rgba(255, 255, 255, .16);\r\n    outline-offset: -1px;\r\n    transition: transform .38s cubic-bezier(.2,.72,.22,1), box-shadow .38s ease,\r\n      background-position .65s ease;\r\n  }\r\n\r\n  .ngi-course::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(0deg, rgba(0, 0, 0, .82), rgba(0, 0, 0, .08) 72%),\r\n      linear-gradient(135deg, rgba(11, 114, 246, .14), transparent 52%);\r\n    transition: opacity .35s ease, background .35s ease;\r\n  }\r\n\r\n  .ngi-course::after {\r\n    content: \"\u2197\";\r\n    position: absolute;\r\n    z-index: 2;\r\n    top: 20px;\r\n    right: 20px;\r\n    width: 44px;\r\n    height: 44px;\r\n    display: grid;\r\n    place-items: center;\r\n    color: var(--ngi-blue);\r\n    background: var(--ngi-green);\r\n    border-radius: 50%;\r\n    font-size: 23px;\r\n    font-weight: 700;\r\n    opacity: 0;\r\n    transform: translate(10px, -10px) scale(.85);\r\n    transition: opacity .3s ease, transform .35s cubic-bezier(.2,.72,.22,1);\r\n  }\r\n\r\n  .ngi-course > div {\r\n    position: relative;\r\n    z-index: 1;\r\n    color: var(--ngi-white);\r\n    transform: translateY(8px);\r\n    transition: transform .38s cubic-bezier(.2,.72,.22,1);\r\n  }\r\n\r\n  .ngi-course h3 {\r\n    font-size: clamp(30px, 2vw, 40px);\r\n    font-weight: 700;\r\n    line-height: 1;\r\n  }\r\n\r\n  .ngi-course p {\r\n    margin-top: 18px !important;\r\n    font-size: clamp(19px, 1.35vw, 27px);\r\n    line-height: 1.22;\r\n    opacity: .88;\r\n    transition: opacity .3s ease;\r\n  }\r\n\r\n  .ngi-course:hover,\r\n  .ngi-course:focus-visible {\r\n    z-index: 3;\r\n    transform: translateY(-12px);\r\n    background-position: center 44%;\r\n    box-shadow: 0 26px 48px rgba(12, 44, 88, .25);\r\n  }\r\n\r\n  .ngi-course:hover::after,\r\n  .ngi-course:focus-visible::after {\r\n    opacity: 1;\r\n    transform: translate(0, 0) scale(1);\r\n  }\r\n\r\n  .ngi-course:hover > div,\r\n  .ngi-course:focus-visible > div {\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .ngi-course:hover p,\r\n  .ngi-course:focus-visible p {\r\n    opacity: 1;\r\n  }\r\n\r\n  .ngi-course-business {\r\n    background-image: url(\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/business-copy1.jpg\");\r\n  }\r\n\r\n  .ngi-course-marketing {\r\n    background-image: url(\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/marketing1.jpg\");\r\n  }\r\n\r\n  .ngi-course-it {\r\n    background-image: url(\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/information-technology1.jpg\");\r\n  }\r\n\r\n  .ngi-stats {\r\n    display: grid;\r\n    gap: 42px;\r\n  }\r\n\r\n  .ngi-stat {\r\n    display: grid;\r\n    grid-template-columns: 78px 1fr;\r\n    gap: 18px;\r\n    align-items: center;\r\n    padding: 16px 14px;\r\n    border: 1px solid transparent;\r\n    text-decoration: none !important;\r\n    cursor: pointer;\r\n    transition: transform .32s cubic-bezier(.2,.72,.22,1), background .32s ease,\r\n      border-color .32s ease, box-shadow .32s ease;\r\n  }\r\n\r\n  .ngi-stat:hover {\r\n    transform: translateX(8px);\r\n    background: transparent;\r\n    border-color: transparent;\r\n    box-shadow: none;\r\n  }\r\n\r\n  .ngi-stat-icon {\r\n    width: 78px;\r\n    height: 78px;\r\n    transition: transform .36s cubic-bezier(.2,.72,.22,1), filter .3s ease;\r\n  }\r\n\r\n  .ngi-stat:hover .ngi-stat-icon {\r\n    transform: rotate(-5deg) scale(1.07);\r\n    filter: drop-shadow(0 9px 12px rgba(0, 239, 56, .18));\r\n  }\r\n\r\n  .ngi-stat strong {\r\n    display: block;\r\n    color: var(--ngi-blue);\r\n    font-size: 45px;\r\n    line-height: .9;\r\n  }\r\n\r\n  .ngi-stat span {\r\n    display: block;\r\n    margin-top: 10px;\r\n    color: var(--ngi-blue);\r\n    font-size: 21px;\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .ngi-programme-copy .eyebrow::after,\r\n    .ngi-course,\r\n    .ngi-course::after,\r\n    .ngi-course > div,\r\n    .ngi-course p,\r\n    .ngi-stat,\r\n    .ngi-stat-icon {\r\n      transition: none !important;\r\n    }\r\n  }\r\n\r\n  \/* Support *\/\r\n  .ngi-support {\r\n    min-height: 480px;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 76px 0 52px;\r\n    background: #eee url(\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/support-that-stays-with-you1.jpg\") center \/ cover no-repeat;\r\n  }\r\n\r\n  .ngi-support-layout {\r\n    display: grid;\r\n    grid-template-columns: minmax(350px, 400px) minmax(0, 900px);\r\n    gap: 50px;\r\n    align-items: center;\r\n    width: min(100%, 1350px);\r\n    margin-right: auto;\r\n  }\r\n\r\n  .ngi-support-copy {\r\n    padding-right: 48px;\r\n    border-right: 1px solid rgba(37, 40, 33, .18);\r\n  }\r\n\r\n  .ngi-support-copy h2 {\r\n    color: var(--ngi-blue);\r\n    font-size: clamp(42px, 2.7vw, 54px);\r\n    font-weight: 700;\r\n    line-height: 1.05;\r\n  }\r\n\r\n  .ngi-support-copy p {\r\n    margin-top: 44px !important;\r\n    color: var(--ngi-blue);\r\n    font-size: 23px;\r\n  }\r\n\r\n  .ngi-support-items {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 38px;\r\n  }\r\n\r\n  .ngi-support-item {\r\n    display: grid;\r\n    grid-template-columns: 112px 1fr;\r\n    gap: 20px;\r\n    align-items: center;\r\n    min-width: 0;\r\n  }\r\n\r\n  .ngi-support-badge {\r\n    width: 112px;\r\n    height: 112px;\r\n    display: grid;\r\n    place-items: center;\r\n    border-radius: 50%;\r\n    background: var(--ngi-green);\r\n  }\r\n\r\n  .ngi-support-badge img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n  }\r\n\r\n  .ngi-support-badge .ngi-u {\r\n    width: 54px;\r\n    height: 40px;\r\n    border-radius: 0 0 40px 40px;\r\n    background: var(--ngi-blue);\r\n  }\r\n\r\n  .ngi-support-item h3 {\r\n    color: var(--ngi-blue);\r\n    font-size: clamp(30px, 1.8vw, 36px);\r\n    font-weight: 700;\r\n  }\r\n\r\n  .ngi-support-item p {\r\n    margin-top: 6px !important;\r\n    color: var(--ngi-blue);\r\n    font-size: clamp(16px, 1.05vw, 20px);\r\n    line-height: 1.1;\r\n  }\r\n\r\n  \/* Final CTA *\/\r\n  .ngi-final-cta {\r\n    position: relative;\r\n    overflow: hidden;\r\n    margin: -30px 0 0 !important;\r\n    padding: 70px 0;\r\n    background: var(--ngi-green);\r\n  }\r\n\r\n  .ngi-final-cta::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -1%;\r\n    top: 50%;\r\n    width: min(360px, 22vw);\r\n    aspect-ratio: 2048 \/ 844;\r\n    transform: translateY(-50%);\r\n    background: center \/ contain no-repeat url(\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/Icons-141.png\");\r\n  }\r\n\r\n  .ngi-final-layout {\r\n    display: grid;\r\n    grid-template-columns: 1.75fr .9fr 1fr;\r\n    gap: 34px;\r\n    align-items: center;\r\n  }\r\n\r\n  .ngi-final-copy {\r\n    color: var(--ngi-blue);\r\n    padding-left: min(285px, 18vw);\r\n  }\r\n\r\n  .ngi-final-copy h2 {\r\n    position: relative;\r\n    font-size: clamp(28px, 2vw, 40px);\r\n    font-weight: 700;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .ngi-final-copy p {\r\n    margin-top: 8px !important;\r\n    font-size: clamp(22px, 1.65vw, 32px);\r\n    font-weight: 300;\r\n  }\r\n\r\n  .ngi-final-cta .ngi-btn {\r\n    width: 100%;\r\n  }\r\n\r\n  .ngi-final-cta .ngi-btn-outline {\r\n    color: var(--ngi-blue) !important;\r\n    border-color: var(--ngi-blue);\r\n    background: transparent;\r\n  }\r\n\r\n  @media (max-width: 1400px) {\r\n    .ngi-hero-content {\r\n      width: 68%;\r\n    }\r\n\r\n    .ngi-proof-row {\r\n      grid-template-columns: repeat(2, max-content);\r\n    }\r\n\r\n    .ngi-benefits {\r\n      grid-template-columns: repeat(3, 1fr);\r\n      row-gap: 50px;\r\n    }\r\n\r\n    .ngi-benefit:nth-child(3) {\r\n      border-right: 0;\r\n    }\r\n\r\n    .ngi-programme-layout {\r\n      grid-template-columns: 1fr 2.8fr;\r\n    }\r\n\r\n    .ngi-stats {\r\n      grid-column: 1 \/ -1;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      margin-top: 15px;\r\n    }\r\n\r\n    .ngi-support-layout {\r\n      grid-template-columns: minmax(285px, 320px) minmax(0, 720px);\r\n      width: min(100%, 1080px);\r\n      gap: 40px;\r\n    }\r\n\r\n    .ngi-support-item {\r\n      grid-template-columns: 92px 1fr;\r\n      gap: 16px;\r\n    }\r\n\r\n    .ngi-support-badge {\r\n      width: 92px;\r\n      height: 92px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .ngi-hero {\r\n      min-height: 850px;\r\n      background-position: 58% top;\r\n    }\r\n\r\n    .ngi-hero::before {\r\n      background: linear-gradient(90deg, rgba(8, 118, 249, .92), rgba(8, 118, 249, .72) 60%, rgba(8, 118, 249, .2));\r\n    }\r\n\r\n    .ngi-hero-content {\r\n      width: 82%;\r\n      padding-top: 250px;\r\n    }\r\n\r\n    .ngi-path-card { width: min(350px, 43vw); }\r\n    .ngi-path-card.is-prev { transform: translateX(calc(-50% - 245px)) scale(.86); }\r\n    .ngi-path-card.is-next { transform: translateX(calc(-50% + 245px)) scale(.86); }\r\n\r\n    .ngi-access-row {\r\n      grid-template-columns: 1fr 1.5fr;\r\n    }\r\n\r\n    .ngi-access-row .ngi-btn {\r\n      grid-column: 1 \/ -1;\r\n      width: min(100%, 420px);\r\n      justify-self: center;\r\n    }\r\n\r\n    .ngi-programme-layout {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .ngi-course {\r\n      min-height: 420px;\r\n    }\r\n\r\n    .ngi-support {\r\n      background-position: 68% center;\r\n    }\r\n\r\n    .ngi-support-layout {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .ngi-support-copy {\r\n      max-width: 420px;\r\n      border-right: 0;\r\n    }\r\n\r\n    .ngi-support-items {\r\n      grid-template-columns: repeat(3, 1fr);\r\n    }\r\n\r\n    .ngi-final-layout {\r\n      grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n    .ngi-final-copy {\r\n      grid-column: 1 \/ -1;\r\n      text-align: center;\r\n      padding-left: 160px;\r\n      padding-right: 160px;\r\n    }\r\n\r\n    .ngi-final-copy h2 {\r\n      white-space: normal;\r\n    }\r\n\r\n    .ngi-final-cta::before { width: 150px; opacity: .5; }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    html,\r\n    body {\r\n      overflow-x: hidden !important;\r\n    }\r\n\r\n    .ngi-menu-shell {\r\n      left: 0 !important;\r\n      right: 0 !important;\r\n      width: 100% !important;\r\n      max-width: 100% !important;\r\n    }\r\n\r\n    .ngi-wrap {\r\n      width: min(88%, 620px);\r\n    }\r\n\r\n    .ngi-btn {\r\n      min-height: 58px;\r\n      padding: 15px 20px;\r\n    }\r\n\r\n    .ngi-hero {\r\n      min-height: 930px;\r\n      background-position: 66% top;\r\n    }\r\n\r\n    .ngi-hero::before {\r\n      background: linear-gradient(90deg, rgba(8, 118, 249, .96), rgba(8, 118, 249, .80) 75%, rgba(8, 118, 249, .5));\r\n    }\r\n\r\n    .ngi-hero-content {\r\n      width: 100%;\r\n      padding-top: 190px;\r\n      padding-bottom: 40px;\r\n    }\r\n\r\n    .ngi-hero-kicker {\r\n      margin-bottom: 14px;\r\n      font-size: 39px;\r\n    }\r\n\r\n    .ngi-hero h1 {\r\n      max-width: 570px;\r\n      font-size: clamp(46px, 12vw, 68px);\r\n    }\r\n\r\n    .ngi-hero-copy {\r\n      max-width: 520px;\r\n      margin-top: 22px !important;\r\n      font-size: 22px;\r\n    }\r\n\r\n    .ngi-hero-actions {\r\n      gap: 14px;\r\n      margin-top: 28px;\r\n    }\r\n\r\n    .ngi-hero-actions .ngi-btn {\r\n      width: 100%;\r\n      min-width: 0;\r\n    }\r\n\r\n    .ngi-proof-row {\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 18px 12px;\r\n      margin-top: 30px;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .ngi-proof-mark {\r\n      width: 30px;\r\n      height: 30px;\r\n      flex-basis: 30px;\r\n      border-width: 3px;\r\n    }\r\n\r\n    .ngi-proof-mark::after {\r\n      left: 7px;\r\n      top: 3px;\r\n      width: 8px;\r\n      height: 14px;\r\n      border-width: 0 3px 3px 0;\r\n    }\r\n\r\n    .ngi-pathways,\r\n    .ngi-reasons,\r\n    .ngi-programmes {\r\n      padding: 65px 0;\r\n    }\r\n\r\n    .ngi-section-intro p {\r\n      margin-top: 25px !important;\r\n    }\r\n\r\n    .ngi-path-grid { height: 470px; margin-top: 55px; }\r\n\r\n    .ngi-path-card {\r\n      width: min(320px, 82vw);\r\n      min-height: 410px;\r\n    }\r\n\r\n    .ngi-path-card.is-prev {\r\n      transform: translateX(calc(-50% - 190px)) scale(.82);\r\n      opacity: .28;\r\n      filter: blur(3px);\r\n    }\r\n    .ngi-path-card.is-next {\r\n      transform: translateX(calc(-50% + 190px)) scale(.82);\r\n      opacity: .28;\r\n      filter: blur(3px);\r\n    }\r\n\r\n    .ngi-benefits {\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 36px 0;\r\n      margin-top: 52px;\r\n    }\r\n\r\n    .ngi-benefit,\r\n    .ngi-benefit:nth-child(3) {\r\n      padding: 0 15px 20px;\r\n      border-right: 0;\r\n    }\r\n\r\n    .ngi-benefit:nth-child(odd) {\r\n      border-right: 2px solid var(--ngi-green);\r\n    }\r\n\r\n    .ngi-benefit-icon {\r\n      width: 86px;\r\n      height: 86px;\r\n    }\r\n\r\n    .ngi-benefit h3 {\r\n      min-height: 50px;\r\n      font-size: 17px;\r\n    }\r\n\r\n    .ngi-access-row {\r\n      grid-template-columns: 1fr;\r\n      gap: 30px;\r\n      margin-top: 50px;\r\n      text-align: center;\r\n    }\r\n\r\n    .ngi-access-art img {\r\n      display: none;\r\n    }\r\n\r\n    .ngi-access-copy {\r\n      font-size: 22px;\r\n    }\r\n\r\n    .ngi-course-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .ngi-course {\r\n      min-height: 390px;\r\n    }\r\n\r\n    .ngi-stats {\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 8px;\r\n      margin-top: 34px;\r\n      padding: 22px 8px 8px;\r\n      border-top: 1px solid rgba(11, 114, 246, .14);\r\n    }\r\n\r\n    .ngi-stat {\r\n      display: flex;\r\n      min-width: 0;\r\n      padding: 0 3px;\r\n      gap: 10px;\r\n      flex-direction: column;\r\n      justify-content: flex-start;\r\n      text-align: center;\r\n    }\r\n\r\n    .ngi-stat:hover {\r\n      transform: none;\r\n    }\r\n\r\n    .ngi-stat-icon {\r\n      width: 58px;\r\n      height: 58px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .ngi-stat strong {\r\n      font-size: clamp(27px, 8vw, 35px);\r\n      line-height: 1;\r\n    }\r\n\r\n    .ngi-stat span {\r\n      margin-top: 6px;\r\n      font-size: 13px;\r\n      line-height: 1.25;\r\n    }\r\n\r\n    .ngi-support {\r\n      min-height: auto;\r\n      padding: 65px 0;\r\n      background-position: 75% center;\r\n    }\r\n\r\n    .ngi-support::before {\r\n      content: \"\";\r\n      position: absolute;\r\n    }\r\n\r\n    .ngi-support-copy {\r\n      max-width: 100%;\r\n      padding-right: 0;\r\n      text-align: center;\r\n    }\r\n\r\n    .ngi-support-copy p {\r\n      margin-top: 22px !important;\r\n    }\r\n\r\n    .ngi-support-items {\r\n      grid-template-columns: 1fr;\r\n      gap: 24px;\r\n      width: 100%;\r\n      max-width: 320px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .ngi-support-item {\r\n      width: 100%;\r\n      max-width: none;\r\n      grid-template-columns: 86px minmax(0, 1fr);\r\n      gap: 18px;\r\n      margin: 0;\r\n      text-align: left;\r\n    }\r\n\r\n    .ngi-support-badge {\r\n      width: 86px;\r\n      height: 86px;\r\n    }\r\n\r\n    .ngi-final-cta {\r\n      padding: 72px 0 56px;\r\n    }\r\n\r\n    .ngi-final-layout {\r\n      grid-template-columns: 1fr;\r\n      gap: 18px;\r\n    }\r\n\r\n    .ngi-final-copy {\r\n      grid-column: auto;\r\n      margin-bottom: 18px;\r\n      padding: 65px 0 0;\r\n    }\r\n\r\n    .ngi-final-cta::before {\r\n      left: 50%;\r\n      top: 20px;\r\n      width: 150px;\r\n      transform: translateX(-50%);\r\n      opacity: .58;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<main class=\"ngi-home\">\r\n  <section class=\"ngi-hero\">\r\n    <div class=\"ngi-wrap\">\r\n      <div class=\"ngi-hero-content\">\r\n        <div class=\"ngi-script ngi-hero-kicker\">Graduate with Proof<\/div>\r\n        <h1>Your future deserves more <span>than just a qualification.<\/span><\/h1>\r\n        <p class=\"ngi-hero-copy\">Recognised qualifications. Real support.<br>Practical experience that prepares you for what comes next.<\/p>\r\n        <div class=\"ngi-hero-actions\">\r\n          <a class=\"ngi-btn ngi-btn-green\" href=\"\/ngistaging\/programmes\/\">Explore Programmes<\/a>\r\n          <a class=\"ngi-btn ngi-btn-outline\" href=\"\/ngistaging\/enquiry\/\">Connect to an Advisor<\/a>\r\n        <\/div>\r\n        <div class=\"ngi-proof-row\" aria-label=\"NGI study benefits\">\r\n          <div class=\"ngi-proof\"><img decoding=\"async\" class=\"ngi-proof-mark\" src=\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/Icons-01-copy1.png\" alt=\"\"><span>Recognised Qualifications<\/span><\/div>\r\n          <div class=\"ngi-proof\"><img decoding=\"async\" class=\"ngi-proof-mark\" src=\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/Icons-01-copy1.png\" alt=\"\"><span>Flexible Study<\/span><\/div>\r\n          <div class=\"ngi-proof\"><img decoding=\"async\" class=\"ngi-proof-mark\" src=\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/Icons-01-copy1.png\" alt=\"\"><span>Student Support<\/span><\/div>\r\n          <div class=\"ngi-proof\"><img decoding=\"async\" class=\"ngi-proof-mark\" src=\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/Icons-01-copy1.png\" alt=\"\"><span>Graduate with Proof<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"ngi-pathways\">\r\n    <div class=\"ngi-wrap\">\r\n      <header class=\"ngi-section-intro\">\r\n        <div class=\"ngi-script\">Choose<\/div>\r\n        <h2>your pathway.<\/h2>\r\n        <p>Study your way with flexible learning designed around your future.<\/p>\r\n      <\/header>\r\n\r\n      <div class=\"ngi-path-grid\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Study pathways\" tabindex=\"0\">\r\n        <article class=\"ngi-path-card\">\r\n          <img decoding=\"async\" class=\"ngi-path-icon\" src=\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/Icons-01-copy1.png\" alt=\"\">\r\n          <h3>Ignite<\/h3>\r\n          <p>Build confidence and prepare for what comes next.<\/p>\r\n          <a class=\"ngi-btn ngi-btn-green\" href=\"\/ngistaging\/ignite\/\">Explore Ignite<\/a>\r\n        <\/article>\r\n        <article class=\"ngi-path-card\">\r\n          <img decoding=\"async\" class=\"ngi-path-icon\" src=\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/Icons-031.png\" alt=\"\">\r\n          <h3>Accelerate<\/h3>\r\n          <p>Build practical skills before you graduate.<\/p>\r\n          <a class=\"ngi-btn ngi-btn-blue\" href=\"\/ngistaging\/accelerate\/\">Discover Accelerate<\/a>\r\n        <\/article>\r\n        <article class=\"ngi-path-card is-active\">\r\n          <img decoding=\"async\" class=\"ngi-path-icon\" src=\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/Icons-021.png\" alt=\"\">\r\n          <h3>Qualifications<\/h3>\r\n          <p>Degrees, Diplomas and Higher Certificates.<\/p>\r\n          <a class=\"ngi-btn ngi-btn-green\" href=\"\/ngistaging\/programmes\/\">Browse Programmes<\/a>\r\n        <\/article>\r\n        <article class=\"ngi-path-card\">\r\n          <img decoding=\"async\" class=\"ngi-path-icon\" src=\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/Icons-04-1.png\" alt=\"\">\r\n          <h3>Distance Online<\/h3>\r\n          <p>Study anywhere with structured support.<\/p>\r\n          <a class=\"ngi-btn ngi-btn-blue\" href=\"\/ngistaging\/distance-online-at-ngi\/\">Explore Online<\/a>\r\n        <\/article>\r\n      <\/div>\r\n      <div class=\"ngi-path-controls\" aria-label=\"Carousel controls\">\r\n        <button class=\"ngi-path-arrow ngi-path-prev\" type=\"button\" aria-label=\"Previous pathway\">&#8592;<\/button>\r\n        <div class=\"ngi-path-dots\" aria-label=\"Choose a pathway\"><\/div>\r\n        <button class=\"ngi-path-arrow ngi-path-next\" type=\"button\" aria-label=\"Next pathway\">&#8594;<\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"ngi-reasons\">\r\n    <div class=\"ngi-wrap\">\r\n      <header class=\"ngi-reasons-title\">\r\n        <h2>Why students <strong>choose NGI<\/strong><\/h2>\r\n        <p>Everything you need to succeed - from application to graduation.<\/p>\r\n      <\/header>\r\n\r\n      <div class=\"ngi-benefits\">\r\n        <article class=\"ngi-benefit\">\r\n          <img decoding=\"async\" class=\"ngi-benefit-icon\" src=\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/Icons-021.png\" alt=\"\">\r\n          <h3>Recognized Qualifications<\/h3>\r\n          <p>Industry-recognized education.<\/p>\r\n        <\/article>\r\n        <article class=\"ngi-benefit\">\r\n          <img decoding=\"async\" class=\"ngi-benefit-icon\" src=\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/Icons-031.png\" alt=\"\">\r\n          <h3>Built-in Support<\/h3>\r\n          <p>ICE \u2022 AMP \u2022 LIFT<\/p>\r\n        <\/article>\r\n        <article class=\"ngi-benefit\">\r\n          <img decoding=\"async\" class=\"ngi-benefit-icon\" src=\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/Icons-04-1.png\" alt=\"\">\r\n          <h3>Flexible Learning<\/h3>\r\n          <p>Study around your life.<\/p>\r\n        <\/article>\r\n        <article class=\"ngi-benefit\">\r\n          <img decoding=\"async\" class=\"ngi-benefit-icon\" src=\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/Icons-05-1.png\" alt=\"\">\r\n          <h3>Career Focused<\/h3>\r\n          <p>Learn skills employers value.<\/p>\r\n        <\/article>\r\n        <article class=\"ngi-benefit\">\r\n          <img decoding=\"async\" class=\"ngi-benefit-icon\" src=\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/Icons-06-1.png\" alt=\"\">\r\n          <h3>Graduate with Proof<\/h3>\r\n          <p>Show what you can do.<\/p>\r\n        <\/article>\r\n        <article class=\"ngi-benefit\">\r\n          <img decoding=\"async\" class=\"ngi-benefit-icon\" src=\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/Icons-071.png\" alt=\"\">\r\n          <h3>Accessible Pathways<\/h3>\r\n          <p>More ways to get in.<\/p>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <div class=\"ngi-access-row\">\r\n        <div class=\"ngi-access-art\">\r\n          <span class=\"ngi-script\">Accessible<\/span>\r\n          <strong>by design<\/strong>\r\n          <img decoding=\"async\" src=\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/arrow1.png\" alt=\"\">\r\n        <\/div>\r\n        <p class=\"ngi-access-copy\">NGI makes quality private education a real choice through focused fees and clear study options.<\/p>\r\n        <a class=\"ngi-btn ngi-btn-green\" href=\"\/ngistaging\/fees-funding-bursaries\/\">Fees Schedule<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"ngi-programmes\">\r\n    <div class=\"ngi-wrap\">\r\n      <div class=\"ngi-programme-layout\">\r\n        <div class=\"ngi-programme-copy\">\r\n          <div class=\"eyebrow\">Programmes<\/div>\r\n          <h2>Choose the pathway that proves where you are going.<\/h2>\r\n          <p>Find a recognised degree, diploma, higher certificate or career-focused programme that connects your interest to a clear next step.<\/p>\r\n          <a class=\"ngi-btn ngi-btn-green\" href=\"\/ngistaging\/programmes\/\">View programmes<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"ngi-course-grid\">\r\n          <a class=\"ngi-course ngi-course-business\" href=\"\/ngistaging\/programmes\/\">\r\n            <div><h3>Business<\/h3><p>Lead with confidence.<\/p><\/div>\r\n          <\/a>\r\n          <a class=\"ngi-course ngi-course-marketing\" href=\"\/ngistaging\/programmes\/\">\r\n            <div><h3>Marketing<\/h3><p>Create, communicate and grow.<\/p><\/div>\r\n          <\/a>\r\n          <a class=\"ngi-course ngi-course-it\" href=\"\/ngistaging\/programmes\/\">\r\n            <div><h3>Information Technology<\/h3><p>Build the future through technology.<\/p><\/div>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"ngi-stats\">\r\n          <a class=\"ngi-stat\" href=\"https:\/\/gravityafrica.co.za\/ngistaging\/programmes\/\">\r\n            <img decoding=\"async\" class=\"ngi-stat-icon\" src=\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/Icons-081.png\" alt=\"\">\r\n            <div><strong>21<\/strong><span>Courses<\/span><\/div>\r\n          <\/a>\r\n          <a class=\"ngi-stat\" href=\"https:\/\/gravityafrica.co.za\/ngistaging\/campuses\/\">\r\n            <img decoding=\"async\" class=\"ngi-stat-icon\" src=\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/Icons-091.png\" alt=\"\">\r\n            <div><strong>8<\/strong><span>Campuses<\/span><\/div>\r\n          <\/a>\r\n          <a class=\"ngi-stat\" href=\"https:\/\/gravityafrica.co.za\/ngistaging\/student-support\/\">\r\n            <img decoding=\"async\" class=\"ngi-stat-icon\" src=\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/Icons-101.png\" alt=\"\">\r\n            <div><strong>100%<\/strong><span>Student Support<\/span><\/div>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"ngi-support\">\r\n    <div class=\"ngi-wrap\">\r\n      <div class=\"ngi-support-layout\">\r\n        <div class=\"ngi-support-copy\">\r\n          <h2>Support that stays with you.<\/h2>\r\n          <p>You're never on your own<\/p>\r\n        <\/div>\r\n        <div class=\"ngi-support-items\">\r\n          <div class=\"ngi-support-item\">\r\n            <div class=\"ngi-support-badge\">\r\n              <img decoding=\"async\" src=\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/Icons-111.png\" alt=\"\">\r\n            <\/div>\r\n            <div><h3>ICE<\/h3><p>Academic<br>Success<\/p><\/div>\r\n          <\/div>\r\n          <div class=\"ngi-support-item\">\r\n            <div class=\"ngi-support-badge\">\r\n              <img decoding=\"async\" src=\"https:\/\/gravityafrica.co.za\/ngistaging\/wp-content\/uploads\/2026\/07\/Icons-121.png\" alt=\"\">\r\n            <\/div>\r\n            <div><h3>AMP<\/h3><p>Progress &amp;<br>Performance<\/p><\/div>\r\n          <\/div>\r\n          <div class=\"ngi-support-item\">\r\n            <div class=\"ngi-support-badge\"><span class=\"ngi-u\"><\/span><\/div>\r\n            <div><h3>LIFT<\/h3><p>Academic<br>Literacy Skills<\/p><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"ngi-final-cta\">\r\n    <div class=\"ngi-wrap\">\r\n      <div class=\"ngi-final-layout\">\r\n        <div class=\"ngi-final-copy\">\r\n          <h2>Ready to take the next step?<\/h2>\r\n          <p>Applications are now open.<\/p>\r\n        <\/div>\r\n        <a class=\"ngi-btn ngi-btn-blue\" href=\"\/ngistaging\/programmes\/\">Explore Programmes<\/a>\r\n        <a class=\"ngi-btn ngi-btn-outline\" href=\"\/ngistaging\/enquiry\/\">Connect to an Advisor<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/main>\r\n<script>\r\n(() => {\r\n  const root = document.querySelector('.ngi-pathways');\r\n  if (!root) return;\r\n  const track = root.querySelector('.ngi-path-grid');\r\n  const cards = [...root.querySelectorAll('.ngi-path-card')];\r\n  const dotsWrap = root.querySelector('.ngi-path-dots');\r\n  const wrap = index => (index + cards.length) % cards.length;\r\n  let active = Math.max(0, cards.findIndex(card => card.classList.contains('is-active')));\r\n  let startX = 0;\r\n\r\n  function show(index) {\r\n    active = wrap(index);\r\n    cards.forEach((card, i) => {\r\n      card.classList.remove('is-active','is-prev','is-next','is-far-prev','is-far-next');\r\n      const delta = wrap(i - active);\r\n      if (delta === 0) card.classList.add('is-active');\r\n      else if (delta === 1) card.classList.add('is-next');\r\n      else if (delta === cards.length - 1) card.classList.add('is-prev');\r\n      else if (delta < cards.length \/ 2) card.classList.add('is-far-next');\r\n      else card.classList.add('is-far-prev');\r\n      card.setAttribute('aria-hidden', delta === 0 ? 'false' : 'true');\r\n    });\r\n    [...dotsWrap.children].forEach((dot, i) => {\r\n      dot.classList.toggle('is-active', i === active);\r\n      dot.setAttribute('aria-current', i === active ? 'true' : 'false');\r\n    });\r\n  }\r\n\r\n  cards.forEach((card, index) => {\r\n    card.setAttribute('role', 'group');\r\n    card.setAttribute('aria-roledescription', 'slide');\r\n    card.setAttribute('aria-label', `${index + 1} of ${cards.length}`);\r\n    const dot = document.createElement('button');\r\n    dot.type = 'button';\r\n    dot.className = 'ngi-path-dot';\r\n    dot.setAttribute('aria-label', `Show pathway ${index + 1}`);\r\n    dot.addEventListener('click', () => show(index));\r\n    dotsWrap.appendChild(dot);\r\n    card.addEventListener('click', event => {\r\n      if (event.target.closest('a')) return;\r\n      if (card.classList.contains('is-prev')) show(active - 1);\r\n      if (card.classList.contains('is-next')) show(active + 1);\r\n    });\r\n  });\r\n\r\n  root.querySelector('.ngi-path-prev').addEventListener('click', () => show(active - 1));\r\n  root.querySelector('.ngi-path-next').addEventListener('click', () => show(active + 1));\r\n  track.addEventListener('keydown', event => {\r\n    if (event.key === 'ArrowLeft') { event.preventDefault(); show(active - 1); }\r\n    if (event.key === 'ArrowRight') { event.preventDefault(); show(active + 1); }\r\n  });\r\n  track.addEventListener('pointerdown', event => { startX = event.clientX; });\r\n  track.addEventListener('pointerup', event => {\r\n    const distance = event.clientX - startX;\r\n    if (Math.abs(distance) > 45) show(active + (distance < 0 ? 1 : -1));\r\n  });\r\n  show(active);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Graduate with Proof Your future deserves morethan just a qualification. Graduate with Proof Your future deserves more than just a qualification. Recognised qualifications. Real support.Practical experience that prepares you for what comes next. Explore Programmes Connect to an Advisor Recognised Qualifications Flexible Study Student Support Graduate with Proof Choose your pathway. Study your way with [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":2580,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1498","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/gravityafrica.co.za\/ngistaging\/wp-json\/wp\/v2\/pages\/1498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gravityafrica.co.za\/ngistaging\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gravityafrica.co.za\/ngistaging\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gravityafrica.co.za\/ngistaging\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gravityafrica.co.za\/ngistaging\/wp-json\/wp\/v2\/comments?post=1498"}],"version-history":[{"count":82,"href":"https:\/\/gravityafrica.co.za\/ngistaging\/wp-json\/wp\/v2\/pages\/1498\/revisions"}],"predecessor-version":[{"id":2137,"href":"https:\/\/gravityafrica.co.za\/ngistaging\/wp-json\/wp\/v2\/pages\/1498\/revisions\/2137"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gravityafrica.co.za\/ngistaging\/wp-json\/wp\/v2\/media\/2580"}],"wp:attachment":[{"href":"https:\/\/gravityafrica.co.za\/ngistaging\/wp-json\/wp\/v2\/media?parent=1498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}