{"id":18,"date":"2017-10-11T08:54:54","date_gmt":"2017-10-11T08:54:54","guid":{"rendered":"https:\/\/iub.xkn.mybluehost.me\/website_11ab3dee\/?page_id=18"},"modified":"2026-10-06T06:39:25","modified_gmt":"2026-10-06T06:39:25","slug":"board-of-directors","status":"publish","type":"page","link":"https:\/\/nationaloil.co.ke\/website_11ab3dee\/board-of-directors\/","title":{"rendered":"Board of Directors"},"content":{"rendered":"\n\n<p><!-- =========================================================\n     NATIONAL OIL CORPORATION OF KENYA\n     BOARD OF DIRECTORS\n     ========================================================= --><\/p>\n<p><style>\n\/* =========================================================<br \/>\n   BOARD SECTION<br \/>\n   ========================================================= *\/<\/p>\n<p>.board-wrap {<br \/>\n    --board-green: #0b6b3a;<br \/>\n    --board-green-dark: #07542d;<br \/>\n    --board-text: #171717;<br \/>\n    --board-muted: #686868;<br \/>\n    --board-border: #e3e5e3;<br \/>\n    --board-soft: #f6f7f6;<\/p>\n<p>    width: min(1180px, calc(100% - 40px));<br \/>\n    margin: 0 auto;<\/p>\n<p>    color: var(--board-text);<\/p>\n<p>    font-family:<br \/>\n        -apple-system,<br \/>\n        BlinkMacSystemFont,<br \/>\n        \"Segoe UI\",<br \/>\n        Roboto,<br \/>\n        Helvetica,<br \/>\n        Arial,<br \/>\n        sans-serif;<\/p>\n<p>    -webkit-font-smoothing: antialiased;<br \/>\n}<\/p>\n<p>\/* =========================================================<br \/>\n   INTRODUCTION<br \/>\n   ========================================================= *\/<\/p>\n<p>.board-heading {<br \/>\n    max-width: 850px;<\/p>\n<p>    margin: 0 0 18px;<\/p>\n<p>    color: #151515;<\/p>\n<p>    font-size: clamp(25px, 3vw, 34px);<br \/>\n    font-weight: 500;<br \/>\n    line-height: 1.25;<\/p>\n<p>    letter-spacing: -0.025em;<br \/>\n}<\/p>\n<p>.board-copy {<br \/>\n    max-width: 860px;<\/p>\n<p>    margin: 0 0 14px;<\/p>\n<p>    color: #555;<\/p>\n<p>    font-size: 15.5px;<br \/>\n    line-height: 1.75;<br \/>\n}<\/p>\n<p>.board-copy strong {<br \/>\n    display: block;<\/p>\n<p>    margin-top: 28px;<\/p>\n<p>    color: #1b1b1b;<\/p>\n<p>    font-size: 14px;<br \/>\n    font-weight: 600;<br \/>\n}<\/p>\n<p>\/* =========================================================<br \/>\n   BOARD GRID<br \/>\n   ========================================================= *\/<\/p>\n<p>.board-grid {<br \/>\n    display: grid;<\/p>\n<p>    grid-template-columns:<br \/>\n        repeat(3, minmax(0, 1fr));<\/p>\n<p>    gap: 22px;<\/p>\n<p>    margin: 34px 0 20px;<br \/>\n}<\/p>\n<p>\/* =========================================================<br \/>\n   BOARD CARD<br \/>\n   ========================================================= *\/<\/p>\n<p>.board-card {<br \/>\n    display: block;<\/p>\n<p>    overflow: hidden;<\/p>\n<p>    color: inherit;<br \/>\n    text-decoration: none;<\/p>\n<p>    background: #fff;<\/p>\n<p>    border: 1px solid var(--board-border);<\/p>\n<p>    border-radius: 8px;<\/p>\n<p>    transition:<br \/>\n        transform 180ms ease,<br \/>\n        border-color 180ms ease,<br \/>\n        box-shadow 180ms ease;<br \/>\n}<\/p>\n<p>.board-card:hover {<br \/>\n    transform: translateY(-3px);<\/p>\n<p>    border-color: #cfd3cf;<\/p>\n<p>    box-shadow:<br \/>\n        0 12px 30px rgba(0, 0, 0, 0.08);<br \/>\n}<\/p>\n<p>.board-card:focus-visible {<br \/>\n    outline: 3px solid rgba(11, 107, 58, 0.22);<br \/>\n    outline-offset: 3px;<br \/>\n}<\/p>\n<p>\/* =========================================================<br \/>\n   BOARD IMAGE<br \/>\n   ========================================================= *\/<\/p>\n<p>.board-photo {<br \/>\n    width: 100%;<\/p>\n<p>    aspect-ratio: 4 \/ 5;<\/p>\n<p>    overflow: hidden;<\/p>\n<p>    background: #f0f1f0;<br \/>\n}<\/p>\n<p>.board-photo img {<br \/>\n    display: block;<\/p>\n<p>    width: 100%;<br \/>\n    height: 100%;<\/p>\n<p>    object-fit: cover;<\/p>\n<p>    transition:<br \/>\n        transform 450ms cubic-bezier(.2, .7, .2, 1);<br \/>\n}<\/p>\n<p>.board-card:hover .board-photo img {<br \/>\n    transform: scale(1.025);<br \/>\n}<\/p>\n<p>\/* =========================================================<br \/>\n   CARD INFORMATION<br \/>\n   ========================================================= *\/<\/p>\n<p>.board-card-body {<br \/>\n    padding: 17px 18px 18px;<br \/>\n}<\/p>\n<p>.board-card-body h4 {<br \/>\n    margin: 0 0 5px;<\/p>\n<p>    color: #171717;<\/p>\n<p>    font-size: 15.5px;<br \/>\n    font-weight: 600;<\/p>\n<p>    line-height: 1.35;<\/p>\n<p>    letter-spacing: -0.01em;<br \/>\n}<\/p>\n<p>.board-card-body p {<br \/>\n    min-height: 38px;<\/p>\n<p>    margin: 0 0 14px;<\/p>\n<p>    color: var(--board-muted);<\/p>\n<p>    font-size: 12.5px;<\/p>\n<p>    line-height: 1.5;<br \/>\n}<\/p>\n<p>\/* =========================================================<br \/>\n   VIEW PROFILE LINK<br \/>\n   ========================================================= *\/<\/p>\n<p>.board-link {<br \/>\n    display: inline-flex;<\/p>\n<p>    align-items: center;<\/p>\n<p>    gap: 6px;<\/p>\n<p>    color: var(--board-green);<\/p>\n<p>    font-size: 12.5px;<\/p>\n<p>    font-weight: 600;<\/p>\n<p>    letter-spacing: 0.01em;<br \/>\n}<\/p>\n<p>.board-link::after {<\/p>\n<p>    transition:<br \/>\n        transform 160ms ease;<br \/>\n}<\/p>\n<p>.board-card:hover .board-link::after {<br \/>\n    transform: translateX(3px);<br \/>\n}<\/p>\n<p>\/* =========================================================<br \/>\n   MODAL BACKDROP<br \/>\n   ========================================================= *\/<\/p>\n<p>.board-modal {<br \/>\n    position: fixed;<\/p>\n<p>    inset: 0;<\/p>\n<p>    z-index: 99999;<\/p>\n<p>    display: flex;<\/p>\n<p>    align-items: center;<\/p>\n<p>    justify-content: center;<\/p>\n<p>    padding: 32px 20px;<\/p>\n<p>    background:<br \/>\n        rgba(12, 16, 14, 0.68);<\/p>\n<p>    opacity: 0;<\/p>\n<p>    visibility: hidden;<\/p>\n<p>    pointer-events: none;<\/p>\n<p>    transition:<br \/>\n        opacity 180ms ease,<br \/>\n        visibility 180ms ease;<\/p>\n<p>    overscroll-behavior: contain;<br \/>\n}<\/p>\n<p>.board-modal.is-open {<br \/>\n    opacity: 1;<\/p>\n<p>    visibility: visible;<\/p>\n<p>    pointer-events: auto;<br \/>\n}<\/p>\n<p>\/* =========================================================<br \/>\n   MODAL WINDOW<br \/>\n   ========================================================= *\/<\/p>\n<p>.board-modal-inner {<br \/>\n    position: relative;<\/p>\n<p>    width: min(760px, 100%);<\/p>\n<p>    max-height:<br \/>\n        min(850px, calc(100vh - 64px));<\/p>\n<p>    overflow-y: auto;<\/p>\n<p>    overscroll-behavior: contain;<\/p>\n<p>    padding: 42px 48px 46px;<\/p>\n<p>    background: #fff;<\/p>\n<p>    border: 1px solid rgba(0, 0, 0, 0.08);<\/p>\n<p>    border-radius: 10px;<\/p>\n<p>    box-shadow:<br \/>\n        0 30px 80px rgba(0, 0, 0, 0.24),<br \/>\n        0 8px 24px rgba(0, 0, 0, 0.08);<\/p>\n<p>    transform:<br \/>\n        translateY(12px)<br \/>\n        scale(.985);<\/p>\n<p>    transition:<br \/>\n        transform 220ms cubic-bezier(.2, .7, .2, 1);<br \/>\n}<\/p>\n<p>.board-modal.is-open .board-modal-inner {<br \/>\n    transform:<br \/>\n        translateY(0)<br \/>\n        scale(1);<br \/>\n}<\/p>\n<p>\/* =========================================================<br \/>\n   CLOSE BUTTON<br \/>\n   ========================================================= *\/<\/p>\n<p>.board-modal-close {<br \/>\n    position: absolute;<\/p>\n<p>    top: 16px;<br \/>\n    right: 17px;<\/p>\n<p>    display: flex;<\/p>\n<p>    align-items: center;<br \/>\n    justify-content: center;<\/p>\n<p>    width: 36px;<br \/>\n    height: 36px;<\/p>\n<p>    padding: 0;<\/p>\n<p>    color: #555;<\/p>\n<p>    background: transparent;<\/p>\n<p>    border: 0;<\/p>\n<p>    border-radius: 50%;<\/p>\n<p>    cursor: pointer;<\/p>\n<p>    font-family: Arial, sans-serif;<\/p>\n<p>    font-size: 25px;<\/p>\n<p>    font-weight: 300;<\/p>\n<p>    line-height: 1;<\/p>\n<p>    transition:<br \/>\n        color 150ms ease,<br \/>\n        background 150ms ease;<br \/>\n}<\/p>\n<p>.board-modal-close:hover {<br \/>\n    color: #111;<\/p>\n<p>    background: #f1f2f1;<br \/>\n}<\/p>\n<p>.board-modal-close:focus-visible {<br \/>\n    outline: 2px solid var(--board-green);<\/p>\n<p>    outline-offset: 2px;<br \/>\n}<\/p>\n<p>\/* =========================================================<br \/>\n   MODAL PROFILE PHOTO<br \/>\n   ========================================================= *\/<\/p>\n<p>.board-modal-photo {<br \/>\n    width: 132px;<\/p>\n<p>    height: 132px;<\/p>\n<p>    margin: 0 auto 20px;<\/p>\n<p>    overflow: hidden;<\/p>\n<p>    border-radius: 50%;<\/p>\n<p>    background: #f0f1f0;<\/p>\n<p>    box-shadow:<br \/>\n        0 0 0 1px rgba(0, 0, 0, 0.08),<br \/>\n        0 8px 20px rgba(0, 0, 0, 0.08);<br \/>\n}<\/p>\n<p>.board-modal-photo img {<br \/>\n    display: block;<\/p>\n<p>    width: 100%;<br \/>\n    height: 100%;<\/p>\n<p>    object-fit: cover;<br \/>\n}<\/p>\n<p>\/* =========================================================<br \/>\n   MODAL NAME<br \/>\n   ========================================================= *\/<\/p>\n<p>.board-modal-inner h3 {<br \/>\n    max-width: 620px;<\/p>\n<p>    margin: 0 auto 6px;<\/p>\n<p>    color: #151515;<\/p>\n<p>    text-align: center;<\/p>\n<p>    font-size: 24px;<\/p>\n<p>    font-weight: 600;<\/p>\n<p>    line-height: 1.3;<\/p>\n<p>    letter-spacing: -0.02em;<br \/>\n}<\/p>\n<p>\/* =========================================================<br \/>\n   MODAL ROLE<br \/>\n   ========================================================= *\/<\/p>\n<p>.board-modal-role {<br \/>\n    max-width: 620px;<\/p>\n<p>    margin: 0 auto 30px;<\/p>\n<p>    color: var(--board-green);<\/p>\n<p>    text-align: center;<\/p>\n<p>    font-size: 13px;<\/p>\n<p>    font-weight: 600;<\/p>\n<p>    line-height: 1.5;<br \/>\n}<\/p>\n<p>\/* =========================================================<br \/>\n   BIOGRAPHY<br \/>\n   ========================================================= *\/<\/p>\n<p>.board-modal-bio {<br \/>\n    max-width: 650px;<\/p>\n<p>    margin: 0 auto;<\/p>\n<p>    padding-top: 25px;<\/p>\n<p>    border-top:<br \/>\n        1px solid #e8e9e8;<br \/>\n}<\/p>\n<p>.board-modal-bio p {<br \/>\n    margin: 0 0 17px;<\/p>\n<p>    color: #414141;<\/p>\n<p>    font-size: 15px;<\/p>\n<p>    line-height: 1.78;<br \/>\n}<\/p>\n<p>.board-modal-bio p:last-child {<br \/>\n    margin-bottom: 0;<br \/>\n}<\/p>\n<p>\/* =========================================================<br \/>\n   MODAL SCROLLBAR<br \/>\n   ========================================================= *\/<\/p>\n<p>.board-modal-inner {<br \/>\n    scrollbar-width: thin;<\/p>\n<p>    scrollbar-color:<br \/>\n        #c8cbc8<br \/>\n        transparent;<br \/>\n}<\/p>\n<p>.board-modal-inner::-webkit-scrollbar {<br \/>\n    width: 7px;<br \/>\n}<\/p>\n<p>.board-modal-inner::-webkit-scrollbar-track {<br \/>\n    background: transparent;<br \/>\n}<\/p>\n<p>.board-modal-inner::-webkit-scrollbar-thumb {<br \/>\n    background: #c8cbc8;<\/p>\n<p>    border-radius: 10px;<br \/>\n}<\/p>\n<p>\/* =========================================================<br \/>\n   BACKGROUND PAGE LOCK<br \/>\n   ========================================================= *\/<\/p>\n<p>body.board-modal-open {<br \/>\n    overflow: hidden !important;<br \/>\n}<\/p>\n<p>\/* =========================================================<br \/>\n   RESPONSIVE \u2014 TABLET<br \/>\n   ========================================================= *\/<\/p>\n<p>@media (max-width: 1050px) {<\/p>\n<p>    .board-grid {<br \/>\n        grid-template-columns:<br \/>\n            repeat(3, minmax(0, 1fr));<br \/>\n    }<br \/>\n}<\/p>\n<p>\/* =========================================================<br \/>\n   RESPONSIVE \u2014 SMALL TABLET<br \/>\n   ========================================================= *\/<\/p>\n<p>@media (max-width: 760px) {<\/p>\n<p>    .board-wrap {<br \/>\n        width:<br \/>\n            min(100% - 28px, 620px);<br \/>\n    }<\/p>\n<p>    .board-grid {<br \/>\n        grid-template-columns:<br \/>\n            repeat(2, minmax(0, 1fr));<\/p>\n<p>        gap: 16px;<br \/>\n    }<\/p>\n<p>    .board-modal {<br \/>\n        align-items: flex-start;<\/p>\n<p>        padding: 20px 12px;<br \/>\n    }<\/p>\n<p>    .board-modal-inner {<br \/>\n        max-height:<br \/>\n            calc(100vh - 40px);<\/p>\n<p>        padding:<br \/>\n            38px 25px 34px;<\/p>\n<p>        border-radius: 9px;<br \/>\n    }<br \/>\n}<\/p>\n<p>\/* =========================================================<br \/>\n   RESPONSIVE \u2014 MOBILE<br \/>\n   ========================================================= *\/<\/p>\n<p>@media (max-width: 520px) {<\/p>\n<p>    .board-grid {<br \/>\n        grid-template-columns: 1fr;<\/p>\n<p>        gap: 14px;<br \/>\n    }<\/p>\n<p>    .board-heading {<br \/>\n        font-size: 25px;<br \/>\n    }<\/p>\n<p>    .board-copy {<br \/>\n        font-size: 15px;<br \/>\n    }<\/p>\n<p>    .board-card-body {<br \/>\n        padding:<br \/>\n            15px 16px 17px;<br \/>\n    }<\/p>\n<p>    .board-photo {<br \/>\n        aspect-ratio: 5 \/ 4;<br \/>\n    }<\/p>\n<p>    .board-modal {<br \/>\n        padding: 10px;<br \/>\n    }<\/p>\n<p>    .board-modal-inner {<br \/>\n        max-height:<br \/>\n            calc(100vh - 20px);<\/p>\n<p>        padding:<br \/>\n            36px 20px 30px;<\/p>\n<p>        border-radius: 8px;<br \/>\n    }<\/p>\n<p>    .board-modal-photo {<br \/>\n        width: 108px;<br \/>\n        height: 108px;<br \/>\n    }<\/p>\n<p>    .board-modal-inner h3 {<br \/>\n        font-size: 21px;<br \/>\n    }<\/p>\n<p>    .board-modal-bio p {<br \/>\n        font-size: 14.5px;<\/p>\n<p>        line-height: 1.72;<br \/>\n    }<br \/>\n}<\/p>\n<p>\/* =========================================================<br \/>\n   REPEATING SCROLL REVEAL<br \/>\n   ========================================================= *\/<\/p>\n<p>.board-card {<br \/>\n    opacity: 0;<br \/>\n    transform: translateY(34px);<br \/>\n    transition:<br \/>\n        opacity 520ms cubic-bezier(.2, .7, .2, 1),<br \/>\n        transform 520ms cubic-bezier(.2, .7, .2, 1),<br \/>\n        border-color 180ms ease,<br \/>\n        box-shadow 180ms ease;<br \/>\n}<\/p>\n<p>.board-card.is-visible {<br \/>\n    opacity: 1;<br \/>\n    transform: translateY(0);<br \/>\n}<\/p>\n<p>.board-card.is-visible:hover {<br \/>\n    transform: translateY(-3px);<br \/>\n}<\/p>\n<p>\/* =========================================================<br \/>\n   CUSTOM TWO-CIRCLE CURSOR<br \/>\n   ========================================================= *\/<\/p>\n<p>.nock-cursor {<br \/>\n    position: fixed;<br \/>\n    inset: 0;<br \/>\n    z-index: 1000000;<br \/>\n    pointer-events: none;<br \/>\n    opacity: 0;<br \/>\n    visibility: hidden;<br \/>\n    transition: opacity 180ms ease, visibility 180ms ease;<br \/>\n}<\/p>\n<p>.nock-cursor.is-active {<br \/>\n    opacity: 1;<br \/>\n    visibility: visible;<br \/>\n}<\/p>\n<p>.nock-cursor-ring,<br \/>\n.nock-cursor-dot {<br \/>\n    position: fixed;<br \/>\n    top: 0;<br \/>\n    left: 0;<br \/>\n    display: block;<br \/>\n    pointer-events: none;<br \/>\n    border-radius: 50%;<br \/>\n    transform: translate3d(-50%, -50%, 0);<br \/>\n    will-change: transform;<br \/>\n}<\/p>\n<p>\/* Thin outer ring \u2014 NOCK green *\/<br \/>\n.nock-cursor-ring {<br \/>\n    width: 24px;<br \/>\n    height: 24px;<br \/>\n    border: 2.3px solid #94d500;<br \/>\n    transition: width 180ms ease, height 180ms ease, border-color 180ms ease;<br \/>\n}<\/p>\n<p>\/* Dense inner circle \u2014 NOCK red *\/<br \/>\n.nock-cursor-dot {<br \/>\n    width: 12px;<br \/>\n    height: 12px;<br \/>\n    background: #eb1c24;<br \/>\n    box-shadow: 0 0 0 1px rgba(235, 28, 36, 0.08);<br \/>\n}<\/p>\n<p>\/* Slightly larger ring over things users can interact with *\/<br \/>\n.nock-cursor.is-hovering .nock-cursor-ring {<br \/>\n    width: 36px;<br \/>\n    height: 36px;<br \/>\n}<\/p>\n<p>\/* Keep the cursor hidden while a profile modal is open. *\/<br \/>\nbody.board-modal-open .nock-cursor {<br \/>\n    opacity: 0;<br \/>\n    visibility: hidden;<br \/>\n}<\/p>\n<p>\/* Only use the custom cursor on genuine mouse\/trackpad devices. *\/<br \/>\n@media (hover: hover) and (pointer: fine) {<br \/>\n    html,<br \/>\n    body,<br \/>\n    a,<br \/>\n    button,<br \/>\n    .board-card {<br \/>\n        cursor: none;<br \/>\n    }<\/p>\n<p>    .nock-cursor {<br \/>\n        display: block;<br \/>\n    }<br \/>\n}<\/p>\n<p>@media (hover: none), (pointer: coarse) {<br \/>\n    .nock-cursor {<br \/>\n        display: none !important;<br \/>\n    }<br \/>\n}<\/p>\n<p>\/* =========================================================<br \/>\n   REDUCED MOTION<br \/>\n   ========================================================= *\/<\/p>\n<p>@media (prefers-reduced-motion: reduce) {<\/p>\n<p>    .board-card,<br \/>\n    .board-photo img,<br \/>\n    .board-modal,<br \/>\n    .board-modal-inner,<br \/>\n    .board-link::after,<br \/>\n    .nock-cursor,<br \/>\n    .nock-cursor-ring {<br \/>\n        transition: none !important;<br \/>\n    }<\/p>\n<p>    .board-card {<br \/>\n        opacity: 1 !important;<br \/>\n        transform: none !important;<br \/>\n    }<\/p>\n<p>    .nock-cursor {<br \/>\n        display: none !important;<br \/>\n    }<br \/>\n}<br \/>\n<\/style><\/p>\n<p><!-- =========================================================\n     BOARD CONTENT\n     ========================================================= --><\/p>\n<p><!-- =========================================================\n     NOCK CUSTOM CURSOR\n     ========================================================= --><\/p>\n<div class=\"nock-cursor\" aria-hidden=\"true\">\u00a0<\/div>\n<div class=\"board-wrap\">\n<h3 class=\"board-heading\">The Board of Directors oversees the strategic management and growth of the Corporation.<\/h3>\n<p class=\"board-copy\">The National Oil Board of Directors meets regularly to deliberate on various strategic business activities including business expansion, marketing, human resource development, finance, and others as they emerge.<\/p>\n<p class=\"board-copy\"><strong>Here are the current National Oil Board Members:<\/strong><\/p>\n<\/div>\n<div id=\"director-mbadi\" class=\"board-modal\" aria-hidden=\"true\">\n<div class=\"board-modal-inner\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"mbadi-name\">\n<div class=\"board-modal-photo\">\n<p><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/iub.xkn.mybluehost.me\/website_11ab3dee\/wp-content\/uploads\/2025\/01\/mbadi.jpg\" alt=\"John Mbadi Ng'ongo\" \/><\/p>\n<\/div>\n<h3 id=\"mbadi-name\">Hon. FCPA John Mbadi Ng&#8217;ongo, EGH<\/h3>\n<p class=\"board-modal-role\">Cabinet Secretary, The National Treasury and Economic Planning<\/p>\n<div class=\"board-modal-bio\">\n<p>Hon. John Mbadi is the Cabinet Secretary (CS) for The National Treasury and Economic Planning. Before his appointment, Hon. Mbadi had an extensive career in public service, most recently serving as a nominated Member of Parliament (MP) and the Chairperson of the Public Accounts Committee in the National Assembly.<\/p>\n<p>The CS has a rich history in legislative leadership, having served as the elected MP for Suba South Constituency, Suba Constituency, and Gwassi Constituency. His experience extends to roles such as Assistant Minister in the Office of the Prime Minister and Leader of Minority in the National Assembly. Throughout his parliamentary tenure, he was a member of numerous key committees, including the House Business Committee, Liaison Committee, Budget and Appropriations Committee, Selection Committee, Appointments Committee, Public Accounts Committee, Public Investments Committee, Constitutional Implementation Committee, the Ad Hoc Committee on the Cost of Living, and the Defence and Foreign Relations Committee. Notably, he was also a member of the Legislative Taskforce responsible for drafting the Public Finance Management Act of 2012.<\/p>\n<p>In addition to his political and legislative accomplishments, the CS is a seasoned finance professional with 28 years of experience. He has held the position of Accountant at the University of Nairobi and served as the Chair of Medair East Africa. Hon. Mbadi holds a Bachelor of Commerce degree with a specialization in Accounting from the University of Nairobi and is a registered member of the Institute of Certified Public Accountants of Kenya (ICPAK). His professional affiliations extend to the Architectural Association of Kenya (AAK), the Institute of Quantity Surveyors of Kenya, and the Chartered Institute of Arbitration.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"director-harsama\" class=\"board-modal\" aria-hidden=\"true\">\n<div class=\"board-modal-inner\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"harsama-name\">\n<div class=\"board-modal-photo\">\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/nationaloil.co.ke\/website_11ab3dee\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-19-at-13-1.jpg\" alt=\"Phillip Kello Harsama\" \/><\/p>\n<\/div>\n<h3 id=\"harsama-name\">Phillip Kello Harsama, CBS<\/h3>\n<p class=\"board-modal-role\">PS, State Department of Petroleum<\/p>\n<div class=\"board-modal-bio\">\n<p>Phillip Kello Harsama, CBS, is an accomplished public administrator with extensive experience in public policy, strategic leadership, programme management, and public service delivery. He is a recipient of the Chief of the Order of the Burning Spear (CBS), one of Kenya&#8217;s highest national honours awarded in recognition of distinguished service to the nation.<\/p>\n<p>He holds a Master of Public Administration and Policy from Tsinghua University, China, and a Bachelor of Education from Moi University, Kenya. He has also undertaken specialized professional training in Advanced Public Administration and Strategic Leadership at the Kenya School of Government, Corporate Governance for Senior Officers, and Para-Military Training at the Administration Police Training College (APTC).<\/p>\n<p>Mr. Harsama has a long and progressive career in public service, having risen through the ranks of the National Government Administration. He served as a District Officer in Meru, Makueni, Narok, Laikipia, Uasin Gishu, West Pokot, and Baringo Counties. He later served as District Commissioner in Kajiado and Loitokitok, before being appointed County Commissioner for Kajiado County.<\/p>\n<p>He has also held senior positions in national government institutions, including Secretary Administration and Director General of the Agriculture and Food Authority (AFA) under the Ministry of Agriculture and Livestock Development.<\/p>\n<p>He has previously served as Principal Secretary in the State Department for Crop Development and the State Department for ASALs and Regional Development, where he played a key role in strengthening agricultural systems, promoting food security, enhancing drought resilience, and supporting sustainable livelihoods in Arid and Semi-Arid Lands.<\/p>\n<p>In his current role as Principal Secretary for Petroleum, Mr. Harsama provides strategic leadership in the development, coordination, and implementation of policies, programmes, and reforms aimed at advancing Kenya&#8217;s petroleum sector.<\/p>\n<p>He possesses strong leadership, analytical, interpersonal, and communication skills, with extensive expertise in project planning, monitoring and evaluation, and public financial management.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"director-amina\" class=\"board-modal\" aria-hidden=\"true\">\n<div class=\"board-modal-inner\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"amina-name\">\n<div class=\"board-modal-photo\">\n<p><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/iub.xkn.mybluehost.me\/website_11ab3dee\/wp-content\/uploads\/2024\/05\/Capture-11.jpg\" alt=\"Amina Bille Olwo\" \/><\/p>\n<\/div>\n<h3 id=\"amina-name\">Amina Bille Olwo<\/h3>\n<p class=\"board-modal-role\">Director<\/p>\n<div class=\"board-modal-bio\">\n<p>Amina Bille is a dedicated and experienced professional with a diverse background in banking and finance. She possesses a Diploma in Professional Computing and Data Processing alongside several certifications in banking and leadership courses. With over a decade of experience working at Kenya Commercial Bank (KCB), she has served in various capacities, including Bank Clerk, Ag. Cash Manager, and participated in mentorship programs.<\/p>\n<p>Amina&#8217;s commitment to excellence is evident through her continuous pursuit of professional development and her passion for community service, as demonstrated by her multiple awards as the KCB Community Champion. She is fluent in multiple languages, including Somali, Borana, Kiswahili, and English, which allows her to effectively communicate and engage with diverse stakeholders.<\/p>\n<p>She is an independent director.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"director-magerer\" class=\"board-modal\" aria-hidden=\"true\">\n<div class=\"board-modal-inner\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"magerer-name\">\n<div class=\"board-modal-photo\">\n<p><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/iub.xkn.mybluehost.me\/website_11ab3dee\/wp-content\/uploads\/2024\/05\/dir.jpg\" alt=\"Magerer Lang'at\" \/><\/p>\n<\/div>\n<h3 id=\"magerer-name\">Hon. Magerer Lang&#8217;at, JK<\/h3>\n<p class=\"board-modal-role\">MBA, BSc. Horticulture (JKUAT) \u00b7 Director<\/p>\n<div class=\"board-modal-bio\">\n<p>Born 1973, Hon. Magerer Lang&#8217;at JK, is a seasoned leader with a diverse background. He has a Bachelor of Science in Horticulture from Jomo Kenyatta University of Agriculture and Technology (JKUAT) and an MBA in Strategic Management from Kenya Methodist University.<\/p>\n<p>Hon. Magerer&#8217;s professional experience spans roles at the Adventist Development Relief Agency, World Food Programme, Cooper Kenya Ltd, and Osho Chemical Industries. He was elected as the Member of Parliament for Kipkelion Constituency in 2007. He has served as an Assistant Minister for Energy from 2010 to 2013, demonstrating leadership in the Petroleum, Electricity &amp; Power Generation dockets.<\/p>\n<p>He has served as a member of the National Steering Committee on Tea Reforms between November 2020 and November 2021, where he played a crucial role in evaluating policy, regulatory, and administrative aspects of the tea value chain. From 2018 to 2020, Hon. Magerer served as a Member of the Kericho Municipal Board, exercising delegated authority from the CEC, where he played crucial roles in formulating and implementing policies, entering contracts, and managing internal affairs, including budget preparation and submission to the County Treasury.<\/p>\n<p>He is an independent director.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"director-albert\" class=\"board-modal\" aria-hidden=\"true\">\n<div class=\"board-modal-inner\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"albert-name\">\n<div class=\"board-modal-photo\">\n<p><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/iub.xkn.mybluehost.me\/website_11ab3dee\/wp-content\/uploads\/2025\/01\/Albert.jpg\" alt=\"Albert Ojonyo\" \/><\/p>\n<\/div>\n<h3 id=\"albert-name\">Albert Ojonyo<\/h3>\n<p class=\"board-modal-role\">Director<\/p>\n<div class=\"board-modal-bio\">\n<p>Albert has been an Insurance and Risk Expert for a period spanning over 25 years, having worked in the insurance industry in various capacities. He is a graduate of Bachelor of Business Management (Risk Management &amp; Insurance option) and has wide experience in matters of risk and insurance. He is also a Certified Professional Mediator and an alumnus of the Centre for Corporate Governance.<\/p>\n<p>He sits on several boards of management including the board of Kisumu Water and Sanitation Company where he is the Chairman of the Finance, Commercial &amp; IT Committee. In this capacity, he has played a pivotal role that has made Kiwasco the best water utility company in the Western region and number nine in the whole country as per the latest Wasreb report.<\/p>\n<p>Albert also serves on the board of the Kenya National Chamber of Commerce &amp; Industry (Kisumu Chapter) where he is the Director in charge of Business Development. In his free time, he plays golf and is the current Honorary Secretary and CEO of the Nyanza Club, a position to which he has been elected twice.<\/p>\n<p>He is an independent director.<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"director-james\" class=\"board-modal\" aria-hidden=\"true\">\n<div class=\"board-modal-inner\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"james-name\">\n<div class=\"board-modal-photo\">\n<p><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/iub.xkn.mybluehost.me\/website_11ab3dee\/wp-content\/uploads\/2025\/01\/James.jpg\" alt=\"James Sitieney\" \/><\/p>\n<\/div>\n<h3 id=\"james-name\">James Sitieney<\/h3>\n<p class=\"board-modal-role\">Representative of the Inspector-General of State Corporations<\/p>\n<div class=\"board-modal-bio\">\n<p>James holds a Master&#8217;s Degree in Public Policy and Administration (MPPA) from Kenyatta University, a Bachelor&#8217;s degree in Economics and Business from the University of Nairobi, a Senior Management Course certificate from the Kenya School of Government, and is a member of the Kenya Association for Public Administration and Management (KAPAM).<\/p>\n<p>He also possesses a Certificate in Leadership and Policy Implementation from ESAMI, Effective Audit and Oversight (Institute of Directors), and Computer Application and Proficiency from the African Institute of Research and Development Studies.<\/p>\n<p>A career civil servant, he has held senior positions in the Ministry of Youth Affairs and Sports, the Teachers Service Commission, the Efficiency Monitoring Unit, and the Office of the Deputy President. He currently works at the Inspectorate of State Corporations, Office of the Prime Cabinet Secretary (PCS), Executive Office of the President.<\/p>\n<p>He is a non-independent director.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"director-rubia\" class=\"board-modal\" aria-hidden=\"true\">\n<div class=\"board-modal-inner\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"rubia-name\">\n<div class=\"board-modal-photo\">\n<p><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/iub.xkn.mybluehost.me\/website_11ab3dee\/wp-content\/uploads\/2025\/01\/Rubia.jpg\" alt=\"Michael Rubia\" \/><\/p>\n<\/div>\n<h3 id=\"rubia-name\">Michael Rubia<\/h3>\n<p class=\"board-modal-role\">Director<\/p>\n<div class=\"board-modal-bio\">\n<p>Michael Rubia is a seasoned business executive with extensive experience in management, marketing, and entrepreneurship. He holds a Bachelor of Business Administration from Howard University and a Master of Business and Public Administration from South Eastern University in Washington D.C. His academic background combines a strong foundation in liberal arts with practical management education, emphasizing skills in communication, teamwork, entrepreneurship, and information technology.<\/p>\n<p>His work over the years includes accounting, finance management, economic analysis and marketing. He has also undertaken a course in Legal Audit and Compliance at the Kenya School of Law.<\/p>\n<p>Rubia is the Managing Director of Kifaru Laundry Ltd and Giant Printers. In addition, his professional journey includes pivotal roles such as Marketing Director at Kenya Mystery Tours Ltd and General Manager at Mwamba Distributors Ltd. Rubia also brings a wealth of experience from his directorships at Thingira wa Muranga Limited and the National Oil Corporation of Kenya, 2019\u20132022.<\/p>\n<p>Rubia&#8217;s comprehensive experience in business management and strategic planning underscores his capability as a leader dedicated to economic development.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"director-njage\" class=\"board-modal\" aria-hidden=\"true\">\n<div class=\"board-modal-inner\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"njage-name\">\n<div class=\"board-modal-photo\">\n<p><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/iub.xkn.mybluehost.me\/website_11ab3dee\/wp-content\/uploads\/2025\/01\/Njage.png\" alt=\"Njage Makanga\" \/><\/p>\n<\/div>\n<h3 id=\"njage-name\">Dr Njage Makanga, PhD<\/h3>\n<p class=\"board-modal-role\">Director<\/p>\n<div class=\"board-modal-bio\">\n<p>Dr Njage Makanga is a senior banker with broad-based expertise in management, finance, and business development. His training in Strategic Management and Leadership gives him the ability to quickly analyze key business drivers and develop strategies to grow the bottom line. He is known for his ability to envision and create successful outcomes in complex situations.<\/p>\n<p>His career in banking and business development spans over 35 years. He is a business consultant involved in successful business ventures, helping business start-ups and turnarounds. He has been involved in developing diverse industries and functional ventures, with a tenacious commitment to positive results and market-share growth.<\/p>\n<p>Dr Makanga holds a PhD in Business Administration, Strategic Management and Leadership from Mt. Kenya University. He has an MBA in Strategic Management and an MBA in Entrepreneurship, both with Distinction, from Nazarene University, along with a BCom in Entrepreneurship from the same university. He sits on the boards of several private companies where his guidance has had tremendous outcomes. Currently, he is the Chairman of Universal Group of Companies.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"director-nevis\" class=\"board-modal\" aria-hidden=\"true\">\n<div class=\"board-modal-inner\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"nevis-name\">\n<div class=\"board-modal-photo\">\n<p>&nbsp;<\/p>\n<\/div>\n<div class=\"board-modal-bio\">\n<p><script><\/p>\n<p>\/* =========================================================<br \/>\n   BOARD INTERACTIONS<br \/>\n   ========================================================= *\/<\/p>\n<p>document.addEventListener(\"DOMContentLoaded\", function () {<\/p>\n<p>    const cards = document.querySelectorAll(\".board-card\");<br \/>\n    const modals = document.querySelectorAll(\".board-modal\");<\/p>\n<p>    let savedScrollPosition = 0;<br \/>\n    let scrollbarWidth = 0;<br \/>\n    let unlockTimer = null;<\/p>\n<p>    \/* =====================================================<br \/>\n       REPEATING SCROLL REVEAL<br \/>\n       -----------------------------------------------------<br \/>\n       Cards animate every time they enter the viewport.<br \/>\n       They are deliberately NOT unobserved, so scrolling<br \/>\n       down and back up triggers the reveal again.<br \/>\n       ===================================================== *\/<\/p>\n<p>    if (\"IntersectionObserver\" in window) {<\/p>\n<p>        const revealObserver = new IntersectionObserver(<br \/>\n            function (entries) {<\/p>\n<p>                entries.forEach(function (entry) {<\/p>\n<p>                    const card = entry.target;<\/p>\n<p>                    if (entry.isIntersecting) {<\/p>\n<p>                        const cardIndex = Array.from(cards).indexOf(card);<\/p>\n<p>                        card.style.transitionDelay =<br \/>\n                            `${Math.min(Math.max(cardIndex % 3, 0), 2) * 70}ms`;<\/p>\n<p>                        requestAnimationFrame(function () {<br \/>\n                            card.classList.add(\"is-visible\");<br \/>\n                        });<\/p>\n<p>                    } else {<\/p>\n<p>                        card.classList.remove(\"is-visible\");<br \/>\n                        card.style.transitionDelay = \"0ms\";<br \/>\n                    }<br \/>\n                });<br \/>\n            },<br \/>\n            {<br \/>\n                threshold: 0.14,<br \/>\n                rootMargin: \"0px 0px -8% 0px\"<br \/>\n            }<br \/>\n        );<\/p>\n<p>        cards.forEach(function (card) {<br \/>\n            revealObserver.observe(card);<br \/>\n        });<\/p>\n<p>    } else {<\/p>\n<p>        cards.forEach(function (card) {<br \/>\n            card.classList.add(\"is-visible\");<br \/>\n        });<br \/>\n    }<\/p>\n<p>    \/* =====================================================<br \/>\n       LOCK BACKGROUND PAGE<br \/>\n       ===================================================== *\/<\/p>\n<p>    function lockPage() {<\/p>\n<p>        savedScrollPosition =<br \/>\n            window.scrollY ||<br \/>\n            window.pageYOffset ||<br \/>\n            0;<\/p>\n<p>        scrollbarWidth =<br \/>\n            window.innerWidth -<br \/>\n            document.documentElement.clientWidth;<\/p>\n<p>        if (unlockTimer) {<br \/>\n            clearTimeout(unlockTimer);<br \/>\n            unlockTimer = null;<br \/>\n        }<\/p>\n<p>        \/*<br \/>\n         * Fix the body in place instead of relying only on<br \/>\n         * overflow:hidden. This keeps the exact background<br \/>\n         * position and prevents layout movement when the<br \/>\n         * scrollbar disappears.<br \/>\n         *\/<br \/>\n        document.body.style.position = \"fixed\";<br \/>\n        document.body.style.top = `-${savedScrollPosition}px`;<br \/>\n        document.body.style.left = \"0\";<br \/>\n        document.body.style.right = \"0\";<br \/>\n        document.body.style.width = \"100%\";<\/p>\n<p>        if (scrollbarWidth > 0) {<br \/>\n            document.body.style.paddingRight = `${scrollbarWidth}px`;<br \/>\n        }<\/p>\n<p>        document.body.classList.add(\"board-modal-open\");<br \/>\n    }<\/p>\n<p>    \/* =====================================================<br \/>\n       UNLOCK BACKGROUND PAGE<br \/>\n       ===================================================== *\/<\/p>\n<p>    function unlockPage() {<\/p>\n<p>        document.body.classList.remove(\"board-modal-open\");<\/p>\n<p>        document.body.style.position = \"\";<br \/>\n        document.body.style.top = \"\";<br \/>\n        document.body.style.left = \"\";<br \/>\n        document.body.style.right = \"\";<br \/>\n        document.body.style.width = \"\";<br \/>\n        document.body.style.paddingRight = \"\";<\/p>\n<p>        \/*<br \/>\n         * Restore the exact scroll position from before the<br \/>\n         * modal opened. requestAnimationFrame makes the<br \/>\n         * restoration happen after the fixed body styles<br \/>\n         * have been removed.<br \/>\n         *\/<br \/>\n        requestAnimationFrame(function () {<br \/>\n            window.scrollTo(0, savedScrollPosition);<br \/>\n        });<br \/>\n    }<\/p>\n<p>    \/* =====================================================<br \/>\n       OPEN MODAL<br \/>\n       ===================================================== *\/<\/p>\n<p>    function openModal(modal) {<\/p>\n<p>        if (!modal) {<br \/>\n            return;<br \/>\n        }<\/p>\n<p>        lockPage();<\/p>\n<p>        modal.classList.add(\"is-open\");<br \/>\n        modal.setAttribute(\"aria-hidden\", \"false\");<\/p>\n<p>        \/* Prevent the browser from jumping to the modal ID. *\/<br \/>\n        if (history.replaceState) {<br \/>\n            history.replaceState(<br \/>\n                null,<br \/>\n                \"\",<br \/>\n                window.location.pathname +<br \/>\n                window.location.search<br \/>\n            );<br \/>\n        }<\/p>\n<p>        const closeButton = modal.querySelector(\".board-modal-close\");<\/p>\n<p>        if (closeButton) {<br \/>\n            setTimeout(function () {<br \/>\n                closeButton.focus();<br \/>\n            }, 50);<br \/>\n        }<br \/>\n    }<\/p>\n<p>    \/* =====================================================<br \/>\n       CLOSE MODAL<br \/>\n       ===================================================== *\/<\/p>\n<p>    function closeModal(modal) {<\/p>\n<p>        if (!modal) {<br \/>\n            return;<br \/>\n        }<\/p>\n<p>        modal.classList.remove(\"is-open\");<br \/>\n        modal.setAttribute(\"aria-hidden\", \"true\");<\/p>\n<p>        if (unlockTimer) {<br \/>\n            clearTimeout(unlockTimer);<br \/>\n        }<\/p>\n<p>        \/* Let the modal fade out before restoring the page. *\/<br \/>\n        unlockTimer = setTimeout(function () {<br \/>\n            unlockPage();<br \/>\n            unlockTimer = null;<br \/>\n        }, 190);<br \/>\n    }<\/p>\n<p>    \/* =====================================================<br \/>\n       OPEN PROFILE WHEN CARD IS CLICKED<br \/>\n       ===================================================== *\/<\/p>\n<p>    cards.forEach(function (card) {<\/p>\n<p>        card.addEventListener(\"click\", function (event) {<\/p>\n<p>            event.preventDefault();<\/p>\n<p>            const targetId = this.getAttribute(\"href\");<\/p>\n<p>            if (!targetId || !targetId.startsWith(\"#\")) {<br \/>\n                return;<br \/>\n            }<\/p>\n<p>            const modal = document.querySelector(targetId);<\/p>\n<p>            if (modal) {<br \/>\n                openModal(modal);<br \/>\n            }<br \/>\n        });<br \/>\n    });<\/p>\n<p>    \/* =====================================================<br \/>\n       CLOSE BUTTON + BACKDROP<br \/>\n       ===================================================== *\/<\/p>\n<p>    modals.forEach(function (modal) {<\/p>\n<p>        const closeButton = modal.querySelector(\".board-modal-close\");<\/p>\n<p>        if (closeButton) {<br \/>\n            closeButton.addEventListener(\"click\", function (event) {<br \/>\n                event.preventDefault();<br \/>\n                closeModal(modal);<br \/>\n            });<br \/>\n        }<\/p>\n<p>        modal.addEventListener(\"click\", function (event) {<\/p>\n<p>            \/* Only close when the dark backdrop is clicked. *\/<br \/>\n            if (event.target === modal) {<br \/>\n                closeModal(modal);<br \/>\n            }<br \/>\n        });<br \/>\n    });<\/p>\n<p>    \/* =====================================================<br \/>\n       ESCAPE KEY<br \/>\n       ===================================================== *\/<\/p>\n<p>    document.addEventListener(\"keydown\", function (event) {<\/p>\n<p>        if (event.key !== \"Escape\") {<br \/>\n            return;<br \/>\n        }<\/p>\n<p>        const activeModal =<br \/>\n            document.querySelector(\".board-modal.is-open\");<\/p>\n<p>        if (activeModal) {<br \/>\n            closeModal(activeModal);<br \/>\n        }<br \/>\n    });<\/p>\n<p>    \/* =====================================================<br \/>\n       CUSTOM NOCK CURSOR<br \/>\n       -----------------------------------------------------<br \/>\n       Outer ring: #94d500<br \/>\n       Inner dot : #eb1c24<br \/>\n       The ring follows with a small amount of easing so<br \/>\n       the cursor feels refined rather than mechanical.<br \/>\n       ===================================================== *\/<\/p>\n<p>    const cursor = document.querySelector(\".nock-cursor\");<br \/>\n    const cursorRing = document.querySelector(\".nock-cursor-ring\");<br \/>\n    const cursorDot = document.querySelector(\".nock-cursor-dot\");<\/p>\n<p>    const finePointer =<br \/>\n        window.matchMedia &&<br \/>\n        window.matchMedia(\"(hover: hover) and (pointer: fine)\").matches;<\/p>\n<p>    if (cursor && cursorRing && cursorDot && finePointer) {<\/p>\n<p>        let mouseX = window.innerWidth \/ 2;<br \/>\n        let mouseY = window.innerHeight \/ 2;<br \/>\n        let ringX = mouseX;<br \/>\n        let ringY = mouseY;<br \/>\n        let cursorVisible = false;<br \/>\n        let animationFrame = null;<\/p>\n<p>        function updateCursor() {<\/p>\n<p>            cursorDot.style.transform =<br \/>\n                `translate3d(${mouseX}px, ${mouseY}px, 0) translate3d(-50%, -50%, 0)`;<\/p>\n<p>            ringX += (mouseX - ringX) * 0.16;<br \/>\n            ringY += (mouseY - ringY) * 0.16;<\/p>\n<p>            cursorRing.style.transform =<br \/>\n                `translate3d(${ringX}px, ${ringY}px, 0) translate3d(-50%, -50%, 0)`;<\/p>\n<p>            animationFrame = requestAnimationFrame(updateCursor);<br \/>\n        }<\/p>\n<p>        function showCursor() {<\/p>\n<p>            if (document.body.classList.contains(\"board-modal-open\")) {<br \/>\n                return;<br \/>\n            }<\/p>\n<p>            if (!cursorVisible) {<br \/>\n                cursor.classList.add(\"is-active\");<br \/>\n                cursorVisible = true;<br \/>\n            }<br \/>\n        }<\/p>\n<p>        function hideCursor() {<br \/>\n            cursor.classList.remove(\"is-active\");<br \/>\n            cursorVisible = false;<br \/>\n        }<\/p>\n<p>        document.addEventListener(\"mousemove\", function (event) {<\/p>\n<p>            mouseX = event.clientX;<br \/>\n            mouseY = event.clientY;<\/p>\n<p>            showCursor();<br \/>\n        });<\/p>\n<p>        document.addEventListener(\"mouseleave\", hideCursor);<br \/>\n        window.addEventListener(\"blur\", hideCursor);<\/p>\n<p>        document.addEventListener(\"mouseenter\", showCursor);<\/p>\n<p>        const interactiveElements = document.querySelectorAll(<br \/>\n            \"a, button, .board-card, .board-modal-close\"<br \/>\n        );<\/p>\n<p>        interactiveElements.forEach(function (element) {<\/p>\n<p>            element.addEventListener(\"mouseenter\", function () {<\/p>\n<p>                if (!document.body.classList.contains(\"board-modal-open\")) {<br \/>\n                    cursor.classList.add(\"is-hovering\");<br \/>\n                }<br \/>\n            });<\/p>\n<p>            element.addEventListener(\"mouseleave\", function () {<br \/>\n                cursor.classList.remove(\"is-hovering\");<br \/>\n            });<br \/>\n        });<\/p>\n<p>        document.addEventListener(\"mouseleave\", function () {<br \/>\n            cursor.classList.remove(\"is-hovering\");<br \/>\n        });<\/p>\n<p>        updateCursor();<\/p>\n<p>        window.addEventListener(\"beforeunload\", function () {<br \/>\n            if (animationFrame) {<br \/>\n                cancelAnimationFrame(animationFrame);<br \/>\n            }<br \/>\n        });<br \/>\n    }<\/p>\n<p>});<\/p>\n<p><\/script><\/p>\n<\/div>\n<\/div>\n<\/div><div class=\"gsp_post_data\" \r\n\t            data-post_type=\"page\" \r\n\t            data-cat=\"\" \r\n\t            data-modified=\"120\"\r\n\t            data-created=\"1507712094\"\r\n\t            data-title=\"Board of Directors\" \r\n\t            data-home=\"https:\/\/nationaloil.co.ke\/website_11ab3dee\"><\/div>","protected":false},"excerpt":{"rendered":"<p>\u00a0 The Board of Directors oversees the strategic management and growth of the Corporation. The National Oil Board of Directors meets regularly to deliberate on various strategic business activities including business expansion, marketing, human resource development, finance, and others as &hellip; <a href=\"https:\/\/nationaloil.co.ke\/website_11ab3dee\/board-of-directors\/\">Read More<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nationaloil.co.ke\/website_11ab3dee\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nationaloil.co.ke\/website_11ab3dee\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nationaloil.co.ke\/website_11ab3dee\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nationaloil.co.ke\/website_11ab3dee\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nationaloil.co.ke\/website_11ab3dee\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":5,"href":"https:\/\/nationaloil.co.ke\/website_11ab3dee\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":5171,"href":"https:\/\/nationaloil.co.ke\/website_11ab3dee\/wp-json\/wp\/v2\/pages\/18\/revisions\/5171"}],"wp:attachment":[{"href":"https:\/\/nationaloil.co.ke\/website_11ab3dee\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}