{"id":53631,"date":"2024-10-22T07:44:51","date_gmt":"2024-10-22T07:44:51","guid":{"rendered":"https:\/\/www.nipa.ac.zm\/?page_id=53631"},"modified":"2026-09-14T07:39:24","modified_gmt":"2026-09-14T07:39:24","slug":"undergraduate","status":"publish","type":"page","link":"https:\/\/www.nipa.ac.zm\/index.php\/undergraduate\/","title":{"rendered":"Undergraduate 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"53631\" class=\"elementor elementor-53631\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88fb423 e-flex e-con-boxed e-con e-parent\" data-id=\"88fb423\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ea82bc elementor-widget elementor-widget-html\" data-id=\"8ea82bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes\">\n    <title>Management Studies Division Programmes<\/title>\n    \n    <!-- Font Awesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\n    \n    <style>\n        \/* ===== RESET - ISOLATED ===== *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            -webkit-tap-highlight-color: transparent;\n        }\n\n        html {\n            -webkit-text-size-adjust: 100%;\n            -ms-text-size-adjust: 100%;\n        }\n\n        body {\n            background: #f4f7fb;\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            padding: 2rem 1.5rem;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            min-height: 100vh;\n            margin: 0;\n            width: 100%;\n            overflow-x: hidden;\n        }\n\n        .programmes-table-wrapper {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            display: flex;\n            justify-content: center;\n            width: 100%;\n            max-width: 100%;\n            background: transparent;\n        }\n\n        .programmes-table-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .programmes-table-wrapper .table-card {\n            max-width: 1100px;\n            width: 100%;\n            background: #ffffff;\n            border-radius: 28px;\n            padding: 2rem 2.5rem;\n            box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n            border: 1px solid #e2e9e5;\n            transition: box-shadow 0.3s ease;\n            margin: 0 auto;\n        }\n\n        .programmes-table-wrapper .table-card:hover {\n            box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);\n        }\n\n        \/* ===== PROGRAMS OFFERED BANNER ===== *\/\n        .programmes-table-wrapper .programs-banner {\n            margin-bottom: 28px;\n            padding-bottom: 20px;\n            border-bottom: 2px solid #edf2ef;\n        }\n\n        .programmes-table-wrapper .programs-banner .banner-tag {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: #026F3D;\n            color: #ffffff;\n            font-size: 0.7rem;\n            font-weight: 700;\n            letter-spacing: 1.5px;\n            text-transform: uppercase;\n            padding: 6px 16px;\n            border-radius: 30px;\n            margin-bottom: 14px;\n            box-shadow: 0 4px 12px rgba(2, 111, 61, 0.25);\n        }\n\n        .programmes-table-wrapper .programs-banner .banner-tag i {\n            font-size: 0.75rem;\n        }\n\n        .programmes-table-wrapper .programs-banner h1 {\n            font-size: 1.6rem;\n            font-weight: 800;\n            color: #0b2b1e;\n            line-height: 1.3;\n            margin-bottom: 12px;\n            letter-spacing: -0.5px;\n        }\n\n        .programmes-table-wrapper .programs-banner h1 .highlight {\n            color: #026F3D;\n        }\n\n        .programmes-table-wrapper .programs-banner p {\n            font-size: 0.95rem;\n            line-height: 1.7;\n            color: #4a6b5a;\n            max-width: 900px;\n        }\n\n        .programmes-table-wrapper .programs-banner p strong {\n            color: #026F3D;\n            font-weight: 600;\n        }\n\n        \/* ===== SECTION TITLE ===== *\/\n        .programmes-table-wrapper .section-title {\n            font-size: 1.4rem;\n            font-weight: 800;\n            color: #0b2b1e;\n            margin-top: 0;\n            margin-bottom: 20px;\n            padding-bottom: 10px;\n            border-bottom: 2px solid #edf2ef;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            letter-spacing: 0.5px;\n            flex-wrap: wrap;\n        }\n\n        .programmes-table-wrapper .section-title i {\n            color: #026F3D;\n            font-size: 1.3rem;\n        }\n\n        \/* ===== TABLE ===== *\/\n        .programmes-table-wrapper .table-responsive {\n            overflow-x: auto;\n            border-radius: 12px;\n            border: 1px solid #e2e9e5;\n            margin-bottom: 12px;\n            -webkit-overflow-scrolling: touch;\n            scrollbar-width: thin;\n            scrollbar-color: #b6d0c2 #eef3f0;\n        }\n\n        .programmes-table-wrapper .table-responsive::-webkit-scrollbar {\n            height: 6px;\n        }\n\n        .programmes-table-wrapper .table-responsive::-webkit-scrollbar-track {\n            background: #eef3f0;\n            border-radius: 10px;\n        }\n\n        .programmes-table-wrapper .table-responsive::-webkit-scrollbar-thumb {\n            background: #b6d0c2;\n            border-radius: 10px;\n        }\n\n        .programmes-table-wrapper table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 0.9rem;\n            min-width: 700px;\n        }\n\n        .programmes-table-wrapper table thead {\n            background: #026F3D;\n            color: #fff;\n        }\n\n        .programmes-table-wrapper table thead th {\n            padding: 14px 16px;\n            font-weight: 600;\n            font-size: 0.8rem;\n            letter-spacing: 0.5px;\n            text-transform: uppercase;\n            text-align: left;\n            border: none;\n            white-space: nowrap;\n        }\n\n        .programmes-table-wrapper table tbody tr {\n            border-bottom: 1px solid #edf2ef;\n            transition: all 0.25s ease;\n            cursor: pointer;\n        }\n\n        .programmes-table-wrapper table tbody tr:last-child {\n            border-bottom: none;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover {\n            background: #f0f6f2;\n            transform: translateX(4px);\n            box-shadow: 0 2px 8px rgba(2, 111, 61, 0.08);\n        }\n\n        .programmes-table-wrapper table tbody td {\n            padding: 12px 16px;\n            vertical-align: middle;\n            border: none;\n            color: #1f3b2e;\n            font-size: 0.9rem;\n            transition: all 0.25s ease;\n        }\n\n        \/* ===== PROGRAMME NAME WITH ICON ===== *\/\n        .programmes-table-wrapper .programme-name {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            font-weight: 500;\n            transition: color 0.25s ease;\n        }\n\n        .programmes-table-wrapper .programme-name i {\n            color: #026F3D;\n            font-size: 1rem;\n            width: 1.4rem;\n            text-align: center;\n            flex-shrink: 0;\n            transition: transform 0.3s ease, color 0.3s ease;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .programme-name i {\n            transform: scale(1.2) rotate(-5deg);\n            color: #f57944;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .programme-name {\n            color: #026F3D;\n        }\n\n        \/* ===== MODE BADGE ===== *\/\n        .programmes-table-wrapper .mode-badge {\n            display: inline-block;\n            background: #eaf5ef;\n            color: #026F3D;\n            padding: 4px 14px;\n            border-radius: 30px;\n            font-size: 0.75rem;\n            font-weight: 600;\n            white-space: nowrap;\n            transition: all 0.3s ease;\n        }\n\n        .programmes-table-wrapper .mode-badge i {\n            margin-right: 4px;\n            font-size: 0.7rem;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .mode-badge {\n            background: #026F3D;\n            color: #fff;\n            transform: scale(1.05);\n        }\n\n        \/* ===== DURATION BADGE ===== *\/\n        .programmes-table-wrapper .duration-badge {\n            display: inline-block;\n            background: #edf2ef;\n            color: #1a2e25;\n            padding: 4px 14px;\n            border-radius: 30px;\n            font-size: 0.75rem;\n            font-weight: 500;\n            white-space: nowrap;\n            transition: all 0.3s ease;\n        }\n\n        .programmes-table-wrapper .duration-badge i {\n            margin-right: 4px;\n            font-size: 0.7rem;\n            color: #026F3D;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .duration-badge {\n            background: #d4e8dd;\n            transform: scale(1.05);\n        }\n\n        \/* ===== FEES BADGE ===== *\/\n        .programmes-table-wrapper .fees-badge {\n            display: inline-block;\n            background: #eaf5ef;\n            color: #026F3D;\n            padding: 4px 14px;\n            border-radius: 30px;\n            font-size: 0.75rem;\n            font-weight: 700;\n            white-space: nowrap;\n            transition: all 0.3s ease;\n        }\n\n        .programmes-table-wrapper .fees-badge i {\n            margin-right: 4px;\n            font-size: 0.7rem;\n            color: #026F3D;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .fees-badge {\n            background: #026F3D;\n            color: #fff;\n            transform: scale(1.05);\n            box-shadow: 0 4px 12px rgba(2, 111, 61, 0.2);\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .fees-badge i {\n            color: #fff;\n        }\n\n        \/* ===== HIDDEN LABELS (shown only on mobile) ===== *\/\n        .programmes-table-wrapper .mobile-label {\n            display: none;\n            font-size: 0.65rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            color: #6b8a7a;\n            margin-bottom: 4px;\n        }\n\n        \/* ========================================\n                   RESPONSIVE BREAKPOINTS\n                   ======================================== *\/\n\n        @media (max-width: 1024px) {\n            body {\n                padding: 1.8rem 1.4rem;\n                align-items: flex-start;\n            }\n            .programmes-table-wrapper .table-card {\n                padding: 1.8rem 2rem;\n            }\n            .programmes-table-wrapper table {\n                min-width: 650px;\n            }\n            .programmes-table-wrapper .programs-banner h1 {\n                font-size: 1.45rem;\n            }\n        }\n\n        @media (max-width: 900px) {\n            body {\n                padding: 1.5rem 1.2rem;\n                align-items: flex-start;\n            }\n            .programmes-table-wrapper .table-card {\n                padding: 1.6rem 1.6rem;\n                border-radius: 24px;\n            }\n            .programmes-table-wrapper .programs-banner h1 {\n                font-size: 1.35rem;\n            }\n            .programmes-table-wrapper .programs-banner p {\n                font-size: 0.9rem;\n            }\n            .programmes-table-wrapper .section-title {\n                font-size: 1.2rem;\n            }\n            .programmes-table-wrapper table {\n                font-size: 0.85rem;\n                min-width: 600px;\n            }\n            .programmes-table-wrapper table thead th,\n            .programmes-table-wrapper table tbody td {\n                padding: 11px 14px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            body {\n                padding: 1.2rem 1rem;\n                align-items: flex-start;\n            }\n            .programmes-table-wrapper .table-card {\n                padding: 1.4rem 1.2rem;\n                border-radius: 22px;\n            }\n            .programmes-table-wrapper .programs-banner {\n                margin-bottom: 22px;\n                padding-bottom: 16px;\n            }\n            .programmes-table-wrapper .programs-banner .banner-tag {\n                font-size: 0.65rem;\n                padding: 5px 14px;\n                margin-bottom: 12px;\n            }\n            .programmes-table-wrapper .programs-banner h1 {\n                font-size: 1.2rem;\n                margin-bottom: 10px;\n            }\n            .programmes-table-wrapper .programs-banner p {\n                font-size: 0.85rem;\n                line-height: 1.6;\n            }\n            .programmes-table-wrapper .section-title {\n                font-size: 1.1rem;\n                gap: 10px;\n            }\n            .programmes-table-wrapper table {\n                font-size: 0.82rem;\n                min-width: 550px;\n            }\n            .programmes-table-wrapper table thead th,\n            .programmes-table-wrapper table tbody td {\n                padding: 10px 12px;\n            }\n        }\n\n        @media (max-width: 600px) {\n            body {\n                padding: 1rem 0.8rem;\n                align-items: flex-start;\n                min-height: auto;\n            }\n            .programmes-table-wrapper .table-card {\n                padding: 1.2rem 1rem;\n                border-radius: 20px;\n            }\n            .programmes-table-wrapper .programs-banner {\n                margin-bottom: 18px;\n                padding-bottom: 14px;\n            }\n            .programmes-table-wrapper .programs-banner .banner-tag {\n                font-size: 0.6rem;\n                padding: 4px 12px;\n                letter-spacing: 1.2px;\n                margin-bottom: 10px;\n            }\n            .programmes-table-wrapper .programs-banner h1 {\n                font-size: 1.1rem;\n                margin-bottom: 8px;\n            }\n            .programmes-table-wrapper .programs-banner p {\n                font-size: 0.8rem;\n                line-height: 1.6;\n            }\n            .programmes-table-wrapper .section-title {\n                font-size: 1rem;\n                gap: 8px;\n            }\n            .programmes-table-wrapper table {\n                font-size: 0.78rem;\n                min-width: 480px;\n            }\n            .programmes-table-wrapper table thead th,\n            .programmes-table-wrapper table tbody td {\n                padding: 9px 10px;\n            }\n            .programmes-table-wrapper .mode-badge,\n            .programmes-table-wrapper .duration-badge,\n            .programmes-table-wrapper .fees-badge {\n                font-size: 0.62rem;\n                padding: 2px 8px;\n            }\n        }\n\n        \/* ==============================================\n           EXTRA SMALL DEVICES - CARD STACKED LAYOUT\n           ============================================== *\/\n        @media (max-width: 480px) {\n            body {\n                padding: 0.8rem 0.6rem;\n                align-items: flex-start;\n            }\n\n            .programmes-table-wrapper .table-card {\n                padding: 1rem 0.8rem;\n                border-radius: 16px;\n            }\n\n            \/* Banner adjustments *\/\n            .programmes-table-wrapper .programs-banner {\n                margin-bottom: 16px;\n                padding-bottom: 12px;\n                border-bottom-width: 2px;\n            }\n\n            .programmes-table-wrapper .programs-banner .banner-tag {\n                font-size: 0.55rem;\n                padding: 4px 10px;\n                letter-spacing: 1px;\n                gap: 6px;\n                margin-bottom: 10px;\n            }\n\n            .programmes-table-wrapper .programs-banner .banner-tag i {\n                font-size: 0.6rem;\n            }\n\n            .programmes-table-wrapper .programs-banner h1 {\n                font-size: 1rem;\n                line-height: 1.35;\n                margin-bottom: 8px;\n            }\n\n            .programmes-table-wrapper .programs-banner p {\n                font-size: 0.78rem;\n                line-height: 1.6;\n            }\n\n            .programmes-table-wrapper .section-title {\n                font-size: 0.95rem;\n                margin-bottom: 14px;\n                padding-bottom: 8px;\n                gap: 8px;\n            }\n\n            .programmes-table-wrapper .section-title i {\n                font-size: 0.85rem;\n            }\n\n            \/* Remove the scroll wrapper styling *\/\n            .programmes-table-wrapper .table-responsive {\n                border: none;\n                border-radius: 0;\n                overflow: visible;\n                margin-bottom: 0;\n            }\n\n            \/* Hide the table header *\/\n            .programmes-table-wrapper table thead {\n                display: none;\n            }\n\n            \/* Make table and tbody block elements *\/\n            .programmes-table-wrapper table,\n            .programmes-table-wrapper table tbody,\n            .programmes-table-wrapper table tr,\n            .programmes-table-wrapper table td {\n                display: block;\n                width: 100%;\n                min-width: 0;\n            }\n\n            .programmes-table-wrapper table {\n                min-width: 0;\n            }\n\n            \/* Each row becomes a card *\/\n            .programmes-table-wrapper table tbody tr {\n                background: #ffffff;\n                border: 1px solid #e2e9e5;\n                border-radius: 14px;\n                padding: 14px 16px;\n                margin-bottom: 12px;\n                box-shadow: 0 2px 8px rgba(0, 20, 10, 0.04);\n                transition: all 0.25s ease;\n                position: relative;\n                overflow: hidden;\n            }\n\n            .programmes-table-wrapper table tbody tr::before {\n                content: '';\n                position: absolute;\n                left: 0;\n                top: 0;\n                bottom: 0;\n                width: 4px;\n                background: #026F3D;\n                transition: width 0.25s ease;\n            }\n\n            .programmes-table-wrapper table tbody tr:hover::before {\n                width: 6px;\n            }\n\n            .programmes-table-wrapper table tbody tr:last-child {\n                margin-bottom: 0;\n                border-bottom: 1px solid #e2e9e5;\n            }\n\n            .programmes-table-wrapper table tbody tr:hover {\n                background: #f8fbfa;\n                transform: translateX(2px);\n                box-shadow: 0 4px 16px rgba(2, 111, 61, 0.1);\n            }\n\n            \/* Each cell becomes a row inside the card *\/\n            .programmes-table-wrapper table tbody td {\n                padding: 6px 0 6px 12px;\n                border: none;\n                border-bottom: 1px dashed #f0f6f2;\n                display: flex;\n                flex-direction: column;\n                align-items: flex-start;\n                gap: 2px;\n            }\n\n            .programmes-table-wrapper table tbody td:last-child {\n                border-bottom: none;\n                padding-bottom: 0;\n            }\n\n            .programmes-table-wrapper table tbody td:first-child {\n                padding-top: 0;\n                padding-bottom: 10px;\n                border-bottom: 1px solid #edf2ef;\n                margin-bottom: 4px;\n            }\n\n            \/* Show the mobile labels *\/\n            .programmes-table-wrapper .mobile-label {\n                display: block;\n            }\n\n            \/* Programme name - larger in card layout *\/\n            .programmes-table-wrapper .programme-name {\n                font-size: 0.9rem;\n                font-weight: 600;\n                color: #0b2b1e;\n                gap: 8px;\n                line-height: 1.4;\n            }\n\n            .programmes-table-wrapper .programme-name i {\n                font-size: 0.85rem;\n                width: 1.2rem;\n            }\n\n            \/* Badges - full width in card layout *\/\n            .programmes-table-wrapper .mode-badge,\n            .programmes-table-wrapper .duration-badge,\n            .programmes-table-wrapper .fees-badge {\n                font-size: 0.72rem;\n                padding: 4px 12px;\n                width: fit-content;\n            }\n\n            .programmes-table-wrapper .mode-badge i,\n            .programmes-table-wrapper .duration-badge i,\n            .programmes-table-wrapper .fees-badge i {\n                font-size: 0.65rem;\n                margin-right: 5px;\n            }\n\n            .programmes-table-wrapper table tbody tr:hover .programme-name i {\n                transform: none;\n            }\n\n            .programmes-table-wrapper table tbody tr:hover .mode-badge,\n            .programmes-table-wrapper table tbody tr:hover .duration-badge,\n            .programmes-table-wrapper table tbody tr:hover .fees-badge {\n                transform: none;\n            }\n        }\n\n        @media (max-width: 360px) {\n            body {\n                padding: 0.6rem 0.4rem;\n                align-items: flex-start;\n            }\n            .programmes-table-wrapper .table-card {\n                padding: 0.9rem 0.7rem;\n                border-radius: 14px;\n            }\n            .programmes-table-wrapper .programs-banner {\n                margin-bottom: 14px;\n                padding-bottom: 10px;\n            }\n            .programmes-table-wrapper .programs-banner .banner-tag {\n                font-size: 0.5rem;\n                padding: 3px 8px;\n                letter-spacing: 0.8px;\n                margin-bottom: 8px;\n            }\n            .programmes-table-wrapper .programs-banner h1 {\n                font-size: 0.9rem;\n                margin-bottom: 6px;\n            }\n            .programmes-table-wrapper .programs-banner p {\n                font-size: 0.72rem;\n                line-height: 1.5;\n            }\n            .programmes-table-wrapper .section-title {\n                font-size: 0.9rem;\n                gap: 6px;\n                margin-bottom: 12px;\n            }\n            .programmes-table-wrapper .section-title i {\n                font-size: 0.8rem;\n            }\n            .programmes-table-wrapper table tbody tr {\n                padding: 12px 14px;\n                border-radius: 12px;\n                margin-bottom: 10px;\n            }\n            .programmes-table-wrapper table tbody td {\n                padding: 5px 0 5px 10px;\n            }\n            .programmes-table-wrapper table tbody td:first-child {\n                padding-bottom: 8px;\n            }\n            .programmes-table-wrapper .programme-name {\n                font-size: 0.82rem;\n            }\n            .programmes-table-wrapper .programme-name i {\n                font-size: 0.75rem;\n                width: 1rem;\n            }\n            .programmes-table-wrapper .mobile-label {\n                font-size: 0.6rem;\n            }\n            .programmes-table-wrapper .mode-badge,\n            .programmes-table-wrapper .duration-badge,\n            .programmes-table-wrapper .fees-badge {\n                font-size: 0.65rem;\n                padding: 3px 10px;\n            }\n        }\n\n        \/* Touch device optimizations *\/\n        @media (hover: none) {\n            .programmes-table-wrapper table tbody tr:hover {\n                transform: none;\n            }\n            .programmes-table-wrapper table tbody tr:active {\n                background: #f0f6f2;\n            }\n        }\n\n        \/* Print styles *\/\n        @media print {\n            body {\n                padding: 0;\n                background: #ffffff;\n                display: block;\n            }\n            .programmes-table-wrapper .table-card {\n                box-shadow: none;\n                border: 1px solid #ddd;\n                border-radius: 0;\n                padding: 1rem;\n                max-width: 100%;\n            }\n            .programmes-table-wrapper .mobile-label {\n                display: none;\n            }\n            .programmes-table-wrapper table thead {\n                display: table-header-group;\n            }\n            .programmes-table-wrapper table,\n            .programmes-table-wrapper table tbody,\n            .programmes-table-wrapper table tr,\n            .programmes-table-wrapper table td {\n                display: revert;\n            }\n            .programmes-table-wrapper table tbody tr {\n                padding: 0;\n                margin: 0;\n                border-radius: 0;\n                box-shadow: none;\n                border: none;\n                border-bottom: 1px solid #ddd;\n            }\n            .programmes-table-wrapper table tbody tr::before {\n                display: none;\n            }\n            .programmes-table-wrapper table tbody td {\n                display: table-cell;\n                padding: 8px;\n                border-bottom: 1px solid #eee;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"programmes-table-wrapper\">\n\n        <div class=\"table-card\">\n\n            <!-- ===== PROGRAMS OFFERED BANNER ===== -->\n            <div class=\"programs-banner\">\n                <div class=\"banner-tag\">\n                    <i class=\"fas fa-star\"><\/i> PROGRAMS OFFERED\n                <\/div>\n                <h1>The National Institute of Public Administration <span class=\"highlight\">(NIPA)<\/span><\/h1>\n                <p>\n                    is one of the leading providers of high quality professional <strong>Management and business training, research and consultancy services<\/strong> in Zambia.\n                <\/p>\n            <\/div>\n\n            <!-- ===== SECTION TITLE ===== -->\n            <div class=\"section-title\">\n                <i class=\"fas fa-graduation-cap\"><\/i> Management Studies Division\n            <\/div>\n\n            <!-- ===== TABLE ===== -->\n            <div class=\"table-responsive\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th><i class=\"fas fa-book\" style=\"margin-right: 6px;\"><\/i>Programmes<\/th>\n                            <th><i class=\"fas fa-laptop\" style=\"margin-right: 6px;\"><\/i>Mode of Study<\/th>\n                            <th><i class=\"fas fa-hourglass-half\" style=\"margin-right: 6px;\"><\/i>Duration<\/th>\n                            <th><i class=\"fas fa-money-bill-wave\" style=\"margin-right: 6px;\"><\/i>Fees<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td>\n                                <span class=\"mobile-label\">Programme<\/span>\n                                <span class=\"programme-name\"><i class=\"fas fa-graduation-cap\"><\/i>Bachelor of Public Administration<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Mode of Study<\/span>\n                                <span class=\"mode-badge\"><i class=\"fas fa-building\"><\/i>Full Time \/ Part Time \/ Distance<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Duration<\/span>\n                                <span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Fees<\/span>\n                                <span class=\"fees-badge\"><i class=\"fas fa-coins\"><\/i>K10,550.00<\/span>\n                            <\/td>\n                        <\/tr>\n                        <tr>\n                            <td>\n                                <span class=\"mobile-label\">Programme<\/span>\n                                <span class=\"programme-name\"><i class=\"fas fa-graduation-cap\"><\/i>Bachelor of Public Human Resource Management<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Mode of Study<\/span>\n                                <span class=\"mode-badge\"><i class=\"fas fa-building\"><\/i>Full Time \/ Part Time \/ Distance<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Duration<\/span>\n                                <span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Fees<\/span>\n                                <span class=\"fees-badge\"><i class=\"fas fa-coins\"><\/i>K10,550.00<\/span>\n                            <\/td>\n                        <\/tr>\n                        <tr>\n                            <td>\n                                <span class=\"mobile-label\">Programme<\/span>\n                                <span class=\"programme-name\"><i class=\"fas fa-graduation-cap\"><\/i>Bachelor of Records, Archives and Information Management<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Mode of Study<\/span>\n                                <span class=\"mode-badge\"><i class=\"fas fa-building\"><\/i>Full Time \/ Part Time \/ Distance<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Duration<\/span>\n                                <span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Fees<\/span>\n                                <span class=\"fees-badge\"><i class=\"fas fa-coins\"><\/i>K10,550.00<\/span>\n                            <\/td>\n                        <\/tr>\n                        <tr>\n                            <td>\n                                <span class=\"mobile-label\">Programme<\/span>\n                                <span class=\"programme-name\"><i class=\"fas fa-graduation-cap\"><\/i>Bachelor of International Relations and Diplomacy<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Mode of Study<\/span>\n                                <span class=\"mode-badge\"><i class=\"fas fa-building\"><\/i>Full Time \/ Part Time \/ Distance<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Duration<\/span>\n                                <span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Fees<\/span>\n                                <span class=\"fees-badge\"><i class=\"fas fa-coins\"><\/i>K10,550.00<\/span>\n                            <\/td>\n                        <\/tr>\n                        <tr>\n                            <td>\n                                <span class=\"mobile-label\">Programme<\/span>\n                                <span class=\"programme-name\"><i class=\"fas fa-graduation-cap\"><\/i>Bachelor of Public Relations<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Mode of Study<\/span>\n                                <span class=\"mode-badge\"><i class=\"fas fa-building\"><\/i>Full Time \/ Part Time \/ Distance<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Duration<\/span>\n                                <span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Fees<\/span>\n                                <span class=\"fees-badge\"><i class=\"fas fa-coins\"><\/i>K10,550.00<\/span>\n                            <\/td>\n                        <\/tr>\n                        <tr>\n                            <td>\n                                <span class=\"mobile-label\">Programme<\/span>\n                                <span class=\"programme-name\"><i class=\"fas fa-graduation-cap\"><\/i>Bachelor of Development Studies<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Mode of Study<\/span>\n                                <span class=\"mode-badge\"><i class=\"fas fa-building\"><\/i>Full Time \/ Part Time \/ Distance<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Duration<\/span>\n                                <span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Fees<\/span>\n                                <span class=\"fees-badge\"><i class=\"fas fa-coins\"><\/i>K10,550.00<\/span>\n                            <\/td>\n                        <\/tr>\n                        <tr>\n                            <td>\n                                <span class=\"mobile-label\">Programme<\/span>\n                                <span class=\"programme-name\"><i class=\"fas fa-graduation-cap\"><\/i>Bachelor of Social Sciences<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Mode of Study<\/span>\n                                <span class=\"mode-badge\"><i class=\"fas fa-building\"><\/i>Full Time \/ Part Time \/ Distance<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Duration<\/span>\n                                <span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Fees<\/span>\n                                <span class=\"fees-badge\"><i class=\"fas fa-coins\"><\/i>K10,550.00<\/span>\n                            <\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\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-bc71010 e-flex e-con-boxed e-con e-parent\" data-id=\"bc71010\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f28945b elementor-widget elementor-widget-html\" data-id=\"f28945b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes\">\n    <title>Business Studies Division Programmes<\/title>\n    \n    <!-- Font Awesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\n    \n    <style>\n        \/* ===== RESET - ISOLATED ===== *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            -webkit-tap-highlight-color: transparent;\n        }\n\n        html {\n            -webkit-text-size-adjust: 100%;\n            -ms-text-size-adjust: 100%;\n        }\n\n        body {\n            background: #f4f7fb;\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            padding: 2rem 1.5rem;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            min-height: 100vh;\n            margin: 0;\n            width: 100%;\n            overflow-x: hidden;\n        }\n\n        .programmes-table-wrapper {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            display: flex;\n            justify-content: center;\n            width: 100%;\n            max-width: 100%;\n            background: transparent;\n        }\n\n        .programmes-table-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .programmes-table-wrapper .table-card {\n            max-width: 1100px;\n            width: 100%;\n            background: #ffffff;\n            border-radius: 28px;\n            padding: 2rem 2.5rem;\n            box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n            border: 1px solid #e2e9e5;\n            transition: box-shadow 0.3s ease;\n            margin: 0 auto;\n        }\n\n        .programmes-table-wrapper .table-card:hover {\n            box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);\n        }\n\n        \/* ===== SECTION TITLE ===== *\/\n        .programmes-table-wrapper .section-title {\n            font-size: 1.4rem;\n            font-weight: 800;\n            color: #0b2b1e;\n            margin-top: 0;\n            margin-bottom: 20px;\n            padding-bottom: 10px;\n            border-bottom: 2px solid #edf2ef;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            letter-spacing: 0.5px;\n            flex-wrap: wrap;\n        }\n\n        .programmes-table-wrapper .section-title i {\n            color: #026F3D;\n            font-size: 1.3rem;\n        }\n\n        \/* ===== TABLE ===== *\/\n        .programmes-table-wrapper .table-responsive {\n            overflow-x: auto;\n            border-radius: 12px;\n            border: 1px solid #e2e9e5;\n            margin-bottom: 12px;\n            -webkit-overflow-scrolling: touch;\n            scrollbar-width: thin;\n            scrollbar-color: #b6d0c2 #eef3f0;\n        }\n\n        .programmes-table-wrapper .table-responsive::-webkit-scrollbar {\n            height: 6px;\n        }\n\n        .programmes-table-wrapper .table-responsive::-webkit-scrollbar-track {\n            background: #eef3f0;\n            border-radius: 10px;\n        }\n\n        .programmes-table-wrapper .table-responsive::-webkit-scrollbar-thumb {\n            background: #b6d0c2;\n            border-radius: 10px;\n        }\n\n        .programmes-table-wrapper table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 0.9rem;\n            min-width: 700px;\n        }\n\n        .programmes-table-wrapper table thead {\n            background: #026F3D;\n            color: #fff;\n        }\n\n        .programmes-table-wrapper table thead th {\n            padding: 14px 16px;\n            font-weight: 600;\n            font-size: 0.8rem;\n            letter-spacing: 0.5px;\n            text-transform: uppercase;\n            text-align: left;\n            border: none;\n            white-space: nowrap;\n        }\n\n        .programmes-table-wrapper table tbody tr {\n            border-bottom: 1px solid #edf2ef;\n            transition: all 0.25s ease;\n            cursor: pointer;\n        }\n\n        .programmes-table-wrapper table tbody tr:last-child {\n            border-bottom: none;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover {\n            background: #f0f6f2;\n            transform: translateX(4px);\n            box-shadow: 0 2px 8px rgba(2, 111, 61, 0.08);\n        }\n\n        .programmes-table-wrapper table tbody td {\n            padding: 12px 16px;\n            vertical-align: middle;\n            border: none;\n            color: #1f3b2e;\n            font-size: 0.9rem;\n            transition: all 0.25s ease;\n        }\n\n        \/* ===== PROGRAMME NAME WITH ICON ===== *\/\n        .programmes-table-wrapper .programme-name {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            font-weight: 500;\n            transition: color 0.25s ease;\n        }\n\n        .programmes-table-wrapper .programme-name i {\n            color: #026F3D;\n            font-size: 1rem;\n            width: 1.4rem;\n            text-align: center;\n            flex-shrink: 0;\n            transition: transform 0.3s ease, color 0.3s ease;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .programme-name i {\n            transform: scale(1.2) rotate(-5deg);\n            color: #f57944;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .programme-name {\n            color: #026F3D;\n        }\n\n        \/* ===== MODE BADGE ===== *\/\n        .programmes-table-wrapper .mode-badge {\n            display: inline-block;\n            background: #eaf5ef;\n            color: #026F3D;\n            padding: 4px 14px;\n            border-radius: 30px;\n            font-size: 0.75rem;\n            font-weight: 600;\n            white-space: nowrap;\n            transition: all 0.3s ease;\n        }\n\n        .programmes-table-wrapper .mode-badge i {\n            margin-right: 4px;\n            font-size: 0.7rem;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .mode-badge {\n            background: #026F3D;\n            color: #fff;\n            transform: scale(1.05);\n        }\n\n        \/* ===== DURATION BADGE ===== *\/\n        .programmes-table-wrapper .duration-badge {\n            display: inline-block;\n            background: #edf2ef;\n            color: #1a2e25;\n            padding: 4px 14px;\n            border-radius: 30px;\n            font-size: 0.75rem;\n            font-weight: 500;\n            white-space: nowrap;\n            transition: all 0.3s ease;\n        }\n\n        .programmes-table-wrapper .duration-badge i {\n            margin-right: 4px;\n            font-size: 0.7rem;\n            color: #026F3D;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .duration-badge {\n            background: #d4e8dd;\n            transform: scale(1.05);\n        }\n\n        \/* ===== FEES BADGE ===== *\/\n        .programmes-table-wrapper .fees-badge {\n            display: inline-block;\n            background: #eaf5ef;\n            color: #026F3D;\n            padding: 4px 14px;\n            border-radius: 30px;\n            font-size: 0.75rem;\n            font-weight: 700;\n            white-space: nowrap;\n            transition: all 0.3s ease;\n        }\n\n        .programmes-table-wrapper .fees-badge i {\n            margin-right: 4px;\n            font-size: 0.7rem;\n            color: #026F3D;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .fees-badge {\n            background: #026F3D;\n            color: #fff;\n            transform: scale(1.05);\n            box-shadow: 0 4px 12px rgba(2, 111, 61, 0.2);\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .fees-badge i {\n            color: #fff;\n        }\n\n        \/* ===== HIDDEN LABELS (shown only on mobile) ===== *\/\n        .programmes-table-wrapper .mobile-label {\n            display: none;\n            font-size: 0.65rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            color: #6b8a7a;\n            margin-bottom: 4px;\n        }\n\n        \/* ========================================\n                   RESPONSIVE BREAKPOINTS\n                   ======================================== *\/\n\n        @media (max-width: 1024px) {\n            body {\n                padding: 1.8rem 1.4rem;\n                align-items: flex-start;\n            }\n            .programmes-table-wrapper .table-card {\n                padding: 1.8rem 2rem;\n            }\n            .programmes-table-wrapper table {\n                min-width: 650px;\n            }\n        }\n\n        @media (max-width: 900px) {\n            body {\n                padding: 1.5rem 1.2rem;\n                align-items: flex-start;\n            }\n            .programmes-table-wrapper .table-card {\n                padding: 1.6rem 1.6rem;\n                border-radius: 24px;\n            }\n            .programmes-table-wrapper .section-title {\n                font-size: 1.2rem;\n            }\n            .programmes-table-wrapper table {\n                font-size: 0.85rem;\n                min-width: 600px;\n            }\n            .programmes-table-wrapper table thead th,\n            .programmes-table-wrapper table tbody td {\n                padding: 11px 14px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            body {\n                padding: 1.2rem 1rem;\n                align-items: flex-start;\n            }\n            .programmes-table-wrapper .table-card {\n                padding: 1.4rem 1.2rem;\n                border-radius: 22px;\n            }\n            .programmes-table-wrapper .section-title {\n                font-size: 1.1rem;\n                gap: 10px;\n            }\n            .programmes-table-wrapper table {\n                font-size: 0.82rem;\n                min-width: 550px;\n            }\n            .programmes-table-wrapper table thead th,\n            .programmes-table-wrapper table tbody td {\n                padding: 10px 12px;\n            }\n        }\n\n        @media (max-width: 600px) {\n            body {\n                padding: 1rem 0.8rem;\n                align-items: flex-start;\n                min-height: auto;\n            }\n            .programmes-table-wrapper .table-card {\n                padding: 1.2rem 1rem;\n                border-radius: 20px;\n            }\n            .programmes-table-wrapper .section-title {\n                font-size: 1rem;\n                gap: 8px;\n            }\n            .programmes-table-wrapper table {\n                font-size: 0.78rem;\n                min-width: 480px;\n            }\n            .programmes-table-wrapper table thead th,\n            .programmes-table-wrapper table tbody td {\n                padding: 9px 10px;\n            }\n            .programmes-table-wrapper .mode-badge,\n            .programmes-table-wrapper .duration-badge,\n            .programmes-table-wrapper .fees-badge {\n                font-size: 0.62rem;\n                padding: 2px 8px;\n            }\n        }\n\n        \/* ==============================================\n           EXTRA SMALL DEVICES - CARD STACKED LAYOUT\n           ============================================== *\/\n        @media (max-width: 480px) {\n            body {\n                padding: 0.8rem 0.6rem;\n                align-items: flex-start;\n            }\n\n            .programmes-table-wrapper .table-card {\n                padding: 1rem 0.8rem;\n                border-radius: 16px;\n            }\n\n            .programmes-table-wrapper .section-title {\n                font-size: 0.95rem;\n                margin-bottom: 14px;\n                padding-bottom: 8px;\n                gap: 8px;\n            }\n\n            .programmes-table-wrapper .section-title i {\n                font-size: 0.85rem;\n            }\n\n            \/* Remove the scroll wrapper styling *\/\n            .programmes-table-wrapper .table-responsive {\n                border: none;\n                border-radius: 0;\n                overflow: visible;\n                margin-bottom: 0;\n            }\n\n            \/* Hide the table header *\/\n            .programmes-table-wrapper table thead {\n                display: none;\n            }\n\n            \/* Make table and tbody block elements *\/\n            .programmes-table-wrapper table,\n            .programmes-table-wrapper table tbody,\n            .programmes-table-wrapper table tr,\n            .programmes-table-wrapper table td {\n                display: block;\n                width: 100%;\n                min-width: 0;\n            }\n\n            .programmes-table-wrapper table {\n                min-width: 0;\n            }\n\n            \/* Each row becomes a card *\/\n            .programmes-table-wrapper table tbody tr {\n                background: #ffffff;\n                border: 1px solid #e2e9e5;\n                border-radius: 14px;\n                padding: 14px 16px;\n                margin-bottom: 12px;\n                box-shadow: 0 2px 8px rgba(0, 20, 10, 0.04);\n                transition: all 0.25s ease;\n                position: relative;\n                overflow: hidden;\n            }\n\n            .programmes-table-wrapper table tbody tr::before {\n                content: '';\n                position: absolute;\n                left: 0;\n                top: 0;\n                bottom: 0;\n                width: 4px;\n                background: #026F3D;\n                transition: width 0.25s ease;\n            }\n\n            .programmes-table-wrapper table tbody tr:hover::before {\n                width: 6px;\n            }\n\n            .programmes-table-wrapper table tbody tr:last-child {\n                margin-bottom: 0;\n                border-bottom: 1px solid #e2e9e5;\n            }\n\n            .programmes-table-wrapper table tbody tr:hover {\n                background: #f8fbfa;\n                transform: translateX(2px);\n                box-shadow: 0 4px 16px rgba(2, 111, 61, 0.1);\n            }\n\n            \/* Each cell becomes a row inside the card *\/\n            .programmes-table-wrapper table tbody td {\n                padding: 6px 0 6px 12px;\n                border: none;\n                border-bottom: 1px dashed #f0f6f2;\n                display: flex;\n                flex-direction: column;\n                align-items: flex-start;\n                gap: 2px;\n            }\n\n            .programmes-table-wrapper table tbody td:last-child {\n                border-bottom: none;\n                padding-bottom: 0;\n            }\n\n            .programmes-table-wrapper table tbody td:first-child {\n                padding-top: 0;\n                padding-bottom: 10px;\n                border-bottom: 1px solid #edf2ef;\n                margin-bottom: 4px;\n            }\n\n            \/* Show the mobile labels *\/\n            .programmes-table-wrapper .mobile-label {\n                display: block;\n            }\n\n            \/* Programme name - larger in card layout *\/\n            .programmes-table-wrapper .programme-name {\n                font-size: 0.9rem;\n                font-weight: 600;\n                color: #0b2b1e;\n                gap: 8px;\n                line-height: 1.4;\n            }\n\n            .programmes-table-wrapper .programme-name i {\n                font-size: 0.85rem;\n                width: 1.2rem;\n            }\n\n            \/* Badges - full width in card layout *\/\n            .programmes-table-wrapper .mode-badge,\n            .programmes-table-wrapper .duration-badge,\n            .programmes-table-wrapper .fees-badge {\n                font-size: 0.72rem;\n                padding: 4px 12px;\n                width: fit-content;\n            }\n\n            .programmes-table-wrapper .mode-badge i,\n            .programmes-table-wrapper .duration-badge i,\n            .programmes-table-wrapper .fees-badge i {\n                font-size: 0.65rem;\n                margin-right: 5px;\n            }\n\n            .programmes-table-wrapper table tbody tr:hover .programme-name i {\n                transform: none;\n            }\n\n            .programmes-table-wrapper table tbody tr:hover .mode-badge,\n            .programmes-table-wrapper table tbody tr:hover .duration-badge,\n            .programmes-table-wrapper table tbody tr:hover .fees-badge {\n                transform: none;\n            }\n        }\n\n        @media (max-width: 360px) {\n            body {\n                padding: 0.6rem 0.4rem;\n                align-items: flex-start;\n            }\n            .programmes-table-wrapper .table-card {\n                padding: 0.9rem 0.7rem;\n                border-radius: 14px;\n            }\n            .programmes-table-wrapper .section-title {\n                font-size: 0.9rem;\n                gap: 6px;\n                margin-bottom: 12px;\n            }\n            .programmes-table-wrapper .section-title i {\n                font-size: 0.8rem;\n            }\n            .programmes-table-wrapper table tbody tr {\n                padding: 12px 14px;\n                border-radius: 12px;\n                margin-bottom: 10px;\n            }\n            .programmes-table-wrapper table tbody td {\n                padding: 5px 0 5px 10px;\n            }\n            .programmes-table-wrapper table tbody td:first-child {\n                padding-bottom: 8px;\n            }\n            .programmes-table-wrapper .programme-name {\n                font-size: 0.82rem;\n            }\n            .programmes-table-wrapper .programme-name i {\n                font-size: 0.75rem;\n                width: 1rem;\n            }\n            .programmes-table-wrapper .mobile-label {\n                font-size: 0.6rem;\n            }\n            .programmes-table-wrapper .mode-badge,\n            .programmes-table-wrapper .duration-badge,\n            .programmes-table-wrapper .fees-badge {\n                font-size: 0.65rem;\n                padding: 3px 10px;\n            }\n        }\n\n        \/* Touch device optimizations *\/\n        @media (hover: none) {\n            .programmes-table-wrapper table tbody tr:hover {\n                transform: none;\n            }\n            .programmes-table-wrapper table tbody tr:active {\n                background: #f0f6f2;\n            }\n        }\n\n        \/* Print styles *\/\n        @media print {\n            body {\n                padding: 0;\n                background: #ffffff;\n                display: block;\n            }\n            .programmes-table-wrapper .table-card {\n                box-shadow: none;\n                border: 1px solid #ddd;\n                border-radius: 0;\n                padding: 1rem;\n                max-width: 100%;\n            }\n            .programmes-table-wrapper .mobile-label {\n                display: none;\n            }\n            .programmes-table-wrapper table thead {\n                display: table-header-group;\n            }\n            .programmes-table-wrapper table,\n            .programmes-table-wrapper table tbody,\n            .programmes-table-wrapper table tr,\n            .programmes-table-wrapper table td {\n                display: revert;\n            }\n            .programmes-table-wrapper table tbody tr {\n                padding: 0;\n                margin: 0;\n                border-radius: 0;\n                box-shadow: none;\n                border: none;\n                border-bottom: 1px solid #ddd;\n            }\n            .programmes-table-wrapper table tbody tr::before {\n                display: none;\n            }\n            .programmes-table-wrapper table tbody td {\n                display: table-cell;\n                padding: 8px;\n                border-bottom: 1px solid #eee;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"programmes-table-wrapper\">\n\n        <div class=\"table-card\">\n\n            <!-- ===== SECTION TITLE ===== -->\n            <div class=\"section-title\">\n                <i class=\"fas fa-briefcase\"><\/i> Business Studies Division\n            <\/div>\n\n            <!-- ===== TABLE ===== -->\n            <div class=\"table-responsive\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th><i class=\"fas fa-book\" style=\"margin-right: 6px;\"><\/i>Programmes<\/th>\n                            <th><i class=\"fas fa-laptop\" style=\"margin-right: 6px;\"><\/i>Mode of Study<\/th>\n                            <th><i class=\"fas fa-hourglass-half\" style=\"margin-right: 6px;\"><\/i>Duration<\/th>\n                            <th><i class=\"fas fa-money-bill-wave\" style=\"margin-right: 6px;\"><\/i>Fees<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td>\n                                <span class=\"mobile-label\">Programme<\/span>\n                                <span class=\"programme-name\"><i class=\"fas fa-graduation-cap\"><\/i>Bachelor of Business Administration<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Mode of Study<\/span>\n                                <span class=\"mode-badge\"><i class=\"fas fa-building\"><\/i>Full Time \/ Part Time \/ Distance<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Duration<\/span>\n                                <span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Fees<\/span>\n                                <span class=\"fees-badge\"><i class=\"fas fa-coins\"><\/i>K10,550.00<\/span>\n                            <\/td>\n                        <\/tr>\n                        <tr>\n                            <td>\n                                <span class=\"mobile-label\">Programme<\/span>\n                                <span class=\"programme-name\"><i class=\"fas fa-graduation-cap\"><\/i>Bachelor of Science in Computer Science<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Mode of Study<\/span>\n                                <span class=\"mode-badge\"><i class=\"fas fa-building\"><\/i>Full Time \/ Part Time \/ Distance<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Duration<\/span>\n                                <span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Fees<\/span>\n                                <span class=\"fees-badge\"><i class=\"fas fa-coins\"><\/i>K10,550.00<\/span>\n                            <\/td>\n                        <\/tr>\n                        <tr>\n                            <td>\n                                <span class=\"mobile-label\">Programme<\/span>\n                                <span class=\"programme-name\"><i class=\"fas fa-graduation-cap\"><\/i>Bachelor of Science in Purchasing and Supply Chain Management<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Mode of Study<\/span>\n                                <span class=\"mode-badge\"><i class=\"fas fa-building\"><\/i>Full Time \/ Part Time \/ Distance<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Duration<\/span>\n                                <span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Fees<\/span>\n                                <span class=\"fees-badge\"><i class=\"fas fa-coins\"><\/i>K10,550.00<\/span>\n                            <\/td>\n                        <\/tr>\n                        <tr>\n                            <td>\n                                <span class=\"mobile-label\">Programme<\/span>\n                                <span class=\"programme-name\"><i class=\"fas fa-graduation-cap\"><\/i>Bachelor of Transport and Logistics<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Mode of Study<\/span>\n                                <span class=\"mode-badge\"><i class=\"fas fa-building\"><\/i>Full Time \/ Part Time \/ Distance<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Duration<\/span>\n                                <span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Fees<\/span>\n                                <span class=\"fees-badge\"><i class=\"fas fa-coins\"><\/i>K10,550.00<\/span>\n                            <\/td>\n                        <\/tr>\n                        <tr>\n                            <td>\n                                <span class=\"mobile-label\">Programme<\/span>\n                                <span class=\"programme-name\"><i class=\"fas fa-graduation-cap\"><\/i>Bachelor of Economics<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Mode of Study<\/span>\n                                <span class=\"mode-badge\"><i class=\"fas fa-building\"><\/i>Full Time \/ Part Time \/ Distance<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Duration<\/span>\n                                <span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Fees<\/span>\n                                <span class=\"fees-badge\"><i class=\"fas fa-coins\"><\/i>K10,550.00<\/span>\n                            <\/td>\n                        <\/tr>\n                        <tr>\n                            <td>\n                                <span class=\"mobile-label\">Programme<\/span>\n                                <span class=\"programme-name\"><i class=\"fas fa-graduation-cap\"><\/i>Bachelor of Science in Information Systems<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Mode of Study<\/span>\n                                <span class=\"mode-badge\"><i class=\"fas fa-building\"><\/i>Full Time \/ Part Time \/ Distance<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Duration<\/span>\n                                <span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Fees<\/span>\n                                <span class=\"fees-badge\"><i class=\"fas fa-coins\"><\/i>K10,550.00<\/span>\n                            <\/td>\n                        <\/tr>\n                        <tr>\n                            <td>\n                                <span class=\"mobile-label\">Programme<\/span>\n                                <span class=\"programme-name\"><i class=\"fas fa-graduation-cap\"><\/i>Bachelor of Arts in Film and Media Studies<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Mode of Study<\/span>\n                                <span class=\"mode-badge\"><i class=\"fas fa-building\"><\/i>Full Time \/ Part Time \/ Distance<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Duration<\/span>\n                                <span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Fees<\/span>\n                                <span class=\"fees-badge\"><i class=\"fas fa-coins\"><\/i>K10,550.00<\/span>\n                            <\/td>\n                        <\/tr>\n                        <tr>\n                            <td>\n                                <span class=\"mobile-label\">Programme<\/span>\n                                <span class=\"programme-name\"><i class=\"fas fa-graduation-cap\"><\/i>Bachelor of Marketing and Creative Studies<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Mode of Study<\/span>\n                                <span class=\"mode-badge\"><i class=\"fas fa-building\"><\/i>Full Time \/ Part Time \/ Distance<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Duration<\/span>\n                                <span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Fees<\/span>\n                                <span class=\"fees-badge\"><i class=\"fas fa-coins\"><\/i>K10,550.00<\/span>\n                            <\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\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-618a2dc e-flex e-con-boxed e-con e-parent\" data-id=\"618a2dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21cb006 elementor-widget elementor-widget-html\" data-id=\"21cb006\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes\">\n    <title>Climate and Disaster Technology Centre Programmes<\/title>\n    \n    <!-- Font Awesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\n    \n    <style>\n        \/* ===== RESET - ISOLATED ===== *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            -webkit-tap-highlight-color: transparent;\n        }\n\n        html {\n            -webkit-text-size-adjust: 100%;\n            -ms-text-size-adjust: 100%;\n        }\n\n        body {\n            background: #f4f7fb;\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            padding: 2rem 1.5rem;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            min-height: 100vh;\n            margin: 0;\n            width: 100%;\n            overflow-x: hidden;\n        }\n\n        .programmes-table-wrapper {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            display: flex;\n            justify-content: center;\n            width: 100%;\n            max-width: 100%;\n            background: transparent;\n        }\n\n        .programmes-table-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .programmes-table-wrapper .table-card {\n            max-width: 1100px;\n            width: 100%;\n            background: #ffffff;\n            border-radius: 28px;\n            padding: 2rem 2.5rem;\n            box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n            border: 1px solid #e2e9e5;\n            transition: box-shadow 0.3s ease;\n            margin: 0 auto;\n        }\n\n        .programmes-table-wrapper .table-card:hover {\n            box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);\n        }\n\n        \/* ===== SECTION TITLE ===== *\/\n        .programmes-table-wrapper .section-title {\n            font-size: 1.4rem;\n            font-weight: 800;\n            color: #0b2b1e;\n            margin-top: 0;\n            margin-bottom: 20px;\n            padding-bottom: 10px;\n            border-bottom: 2px solid #edf2ef;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            letter-spacing: 0.5px;\n            flex-wrap: wrap;\n        }\n\n        .programmes-table-wrapper .section-title i {\n            color: #026F3D;\n            font-size: 1.3rem;\n        }\n\n        \/* ===== TABLE ===== *\/\n        .programmes-table-wrapper .table-responsive {\n            overflow-x: auto;\n            border-radius: 12px;\n            border: 1px solid #e2e9e5;\n            margin-bottom: 12px;\n            -webkit-overflow-scrolling: touch;\n            scrollbar-width: thin;\n            scrollbar-color: #b6d0c2 #eef3f0;\n        }\n\n        .programmes-table-wrapper .table-responsive::-webkit-scrollbar {\n            height: 6px;\n        }\n\n        .programmes-table-wrapper .table-responsive::-webkit-scrollbar-track {\n            background: #eef3f0;\n            border-radius: 10px;\n        }\n\n        .programmes-table-wrapper .table-responsive::-webkit-scrollbar-thumb {\n            background: #b6d0c2;\n            border-radius: 10px;\n        }\n\n        .programmes-table-wrapper table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 0.9rem;\n            min-width: 700px;\n        }\n\n        .programmes-table-wrapper table thead {\n            background: #026F3D;\n            color: #fff;\n        }\n\n        .programmes-table-wrapper table thead th {\n            padding: 14px 16px;\n            font-weight: 600;\n            font-size: 0.8rem;\n            letter-spacing: 0.5px;\n            text-transform: uppercase;\n            text-align: left;\n            border: none;\n            white-space: nowrap;\n        }\n\n        .programmes-table-wrapper table tbody tr {\n            border-bottom: 1px solid #edf2ef;\n            transition: all 0.25s ease;\n            cursor: pointer;\n        }\n\n        .programmes-table-wrapper table tbody tr:last-child {\n            border-bottom: none;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover {\n            background: #f0f6f2;\n            transform: translateX(4px);\n            box-shadow: 0 2px 8px rgba(2, 111, 61, 0.08);\n        }\n\n        .programmes-table-wrapper table tbody td {\n            padding: 12px 16px;\n            vertical-align: middle;\n            border: none;\n            color: #1f3b2e;\n            font-size: 0.9rem;\n            transition: all 0.25s ease;\n        }\n\n        \/* ===== PROGRAMME NAME WITH ICON ===== *\/\n        .programmes-table-wrapper .programme-name {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            font-weight: 500;\n            transition: color 0.25s ease;\n        }\n\n        .programmes-table-wrapper .programme-name i {\n            color: #026F3D;\n            font-size: 1rem;\n            width: 1.4rem;\n            text-align: center;\n            flex-shrink: 0;\n            transition: transform 0.3s ease, color 0.3s ease;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .programme-name i {\n            transform: scale(1.2) rotate(-5deg);\n            color: #f57944;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .programme-name {\n            color: #026F3D;\n        }\n\n        \/* ===== MODE BADGE ===== *\/\n        .programmes-table-wrapper .mode-badge {\n            display: inline-block;\n            background: #eaf5ef;\n            color: #026F3D;\n            padding: 4px 14px;\n            border-radius: 30px;\n            font-size: 0.75rem;\n            font-weight: 600;\n            white-space: nowrap;\n            transition: all 0.3s ease;\n        }\n\n        .programmes-table-wrapper .mode-badge i {\n            margin-right: 4px;\n            font-size: 0.7rem;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .mode-badge {\n            background: #026F3D;\n            color: #fff;\n            transform: scale(1.05);\n        }\n\n        \/* ===== DURATION BADGE ===== *\/\n        .programmes-table-wrapper .duration-badge {\n            display: inline-block;\n            background: #edf2ef;\n            color: #1a2e25;\n            padding: 4px 14px;\n            border-radius: 30px;\n            font-size: 0.75rem;\n            font-weight: 500;\n            white-space: nowrap;\n            transition: all 0.3s ease;\n        }\n\n        .programmes-table-wrapper .duration-badge i {\n            margin-right: 4px;\n            font-size: 0.7rem;\n            color: #026F3D;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .duration-badge {\n            background: #d4e8dd;\n            transform: scale(1.05);\n        }\n\n        \/* ===== FEES BADGE ===== *\/\n        .programmes-table-wrapper .fees-badge {\n            display: inline-block;\n            background: #eaf5ef;\n            color: #026F3D;\n            padding: 4px 14px;\n            border-radius: 30px;\n            font-size: 0.75rem;\n            font-weight: 700;\n            white-space: nowrap;\n            transition: all 0.3s ease;\n        }\n\n        .programmes-table-wrapper .fees-badge i {\n            margin-right: 4px;\n            font-size: 0.7rem;\n            color: #026F3D;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .fees-badge {\n            background: #026F3D;\n            color: #fff;\n            transform: scale(1.05);\n            box-shadow: 0 4px 12px rgba(2, 111, 61, 0.2);\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .fees-badge i {\n            color: #fff;\n        }\n\n        \/* ===== HIDDEN LABELS (shown only on mobile) ===== *\/\n        .programmes-table-wrapper .mobile-label {\n            display: none;\n            font-size: 0.65rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            color: #6b8a7a;\n            margin-bottom: 4px;\n        }\n\n        \/* ========================================\n                   RESPONSIVE BREAKPOINTS\n                   ======================================== *\/\n\n        @media (max-width: 1024px) {\n            body {\n                padding: 1.8rem 1.4rem;\n                align-items: flex-start;\n            }\n            .programmes-table-wrapper .table-card {\n                padding: 1.8rem 2rem;\n            }\n            .programmes-table-wrapper table {\n                min-width: 650px;\n            }\n        }\n\n        @media (max-width: 900px) {\n            body {\n                padding: 1.5rem 1.2rem;\n                align-items: flex-start;\n            }\n            .programmes-table-wrapper .table-card {\n                padding: 1.6rem 1.6rem;\n                border-radius: 24px;\n            }\n            .programmes-table-wrapper .section-title {\n                font-size: 1.2rem;\n            }\n            .programmes-table-wrapper table {\n                font-size: 0.85rem;\n                min-width: 600px;\n            }\n            .programmes-table-wrapper table thead th,\n            .programmes-table-wrapper table tbody td {\n                padding: 11px 14px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            body {\n                padding: 1.2rem 1rem;\n                align-items: flex-start;\n            }\n            .programmes-table-wrapper .table-card {\n                padding: 1.4rem 1.2rem;\n                border-radius: 22px;\n            }\n            .programmes-table-wrapper .section-title {\n                font-size: 1.1rem;\n                gap: 10px;\n            }\n            .programmes-table-wrapper table {\n                font-size: 0.82rem;\n                min-width: 550px;\n            }\n            .programmes-table-wrapper table thead th,\n            .programmes-table-wrapper table tbody td {\n                padding: 10px 12px;\n            }\n        }\n\n        @media (max-width: 600px) {\n            body {\n                padding: 1rem 0.8rem;\n                align-items: flex-start;\n                min-height: auto;\n            }\n            .programmes-table-wrapper .table-card {\n                padding: 1.2rem 1rem;\n                border-radius: 20px;\n            }\n            .programmes-table-wrapper .section-title {\n                font-size: 1rem;\n                gap: 8px;\n            }\n            .programmes-table-wrapper table {\n                font-size: 0.78rem;\n                min-width: 480px;\n            }\n            .programmes-table-wrapper table thead th,\n            .programmes-table-wrapper table tbody td {\n                padding: 9px 10px;\n            }\n            .programmes-table-wrapper .mode-badge,\n            .programmes-table-wrapper .duration-badge,\n            .programmes-table-wrapper .fees-badge {\n                font-size: 0.62rem;\n                padding: 2px 8px;\n            }\n        }\n\n        \/* ==============================================\n           EXTRA SMALL DEVICES - CARD STACKED LAYOUT\n           ============================================== *\/\n        @media (max-width: 480px) {\n            body {\n                padding: 0.8rem 0.6rem;\n                align-items: flex-start;\n            }\n\n            .programmes-table-wrapper .table-card {\n                padding: 1rem 0.8rem;\n                border-radius: 16px;\n            }\n\n            .programmes-table-wrapper .section-title {\n                font-size: 0.95rem;\n                margin-bottom: 14px;\n                padding-bottom: 8px;\n                gap: 8px;\n            }\n\n            .programmes-table-wrapper .section-title i {\n                font-size: 0.85rem;\n            }\n\n            \/* Remove the scroll wrapper styling *\/\n            .programmes-table-wrapper .table-responsive {\n                border: none;\n                border-radius: 0;\n                overflow: visible;\n                margin-bottom: 0;\n            }\n\n            \/* Hide the table header *\/\n            .programmes-table-wrapper table thead {\n                display: none;\n            }\n\n            \/* Make table and tbody block elements *\/\n            .programmes-table-wrapper table,\n            .programmes-table-wrapper table tbody,\n            .programmes-table-wrapper table tr,\n            .programmes-table-wrapper table td {\n                display: block;\n                width: 100%;\n                min-width: 0;\n            }\n\n            .programmes-table-wrapper table {\n                min-width: 0;\n            }\n\n            \/* Each row becomes a card *\/\n            .programmes-table-wrapper table tbody tr {\n                background: #ffffff;\n                border: 1px solid #e2e9e5;\n                border-radius: 14px;\n                padding: 14px 16px;\n                margin-bottom: 12px;\n                box-shadow: 0 2px 8px rgba(0, 20, 10, 0.04);\n                transition: all 0.25s ease;\n                position: relative;\n                overflow: hidden;\n            }\n\n            .programmes-table-wrapper table tbody tr::before {\n                content: '';\n                position: absolute;\n                left: 0;\n                top: 0;\n                bottom: 0;\n                width: 4px;\n                background: #026F3D;\n                transition: width 0.25s ease;\n            }\n\n            .programmes-table-wrapper table tbody tr:hover::before {\n                width: 6px;\n            }\n\n            .programmes-table-wrapper table tbody tr:last-child {\n                margin-bottom: 0;\n                border-bottom: 1px solid #e2e9e5;\n            }\n\n            .programmes-table-wrapper table tbody tr:hover {\n                background: #f8fbfa;\n                transform: translateX(2px);\n                box-shadow: 0 4px 16px rgba(2, 111, 61, 0.1);\n            }\n\n            \/* Each cell becomes a row inside the card *\/\n            .programmes-table-wrapper table tbody td {\n                padding: 6px 0 6px 12px;\n                border: none;\n                border-bottom: 1px dashed #f0f6f2;\n                display: flex;\n                flex-direction: column;\n                align-items: flex-start;\n                gap: 2px;\n            }\n\n            .programmes-table-wrapper table tbody td:last-child {\n                border-bottom: none;\n                padding-bottom: 0;\n            }\n\n            .programmes-table-wrapper table tbody td:first-child {\n                padding-top: 0;\n                padding-bottom: 10px;\n                border-bottom: 1px solid #edf2ef;\n                margin-bottom: 4px;\n            }\n\n            \/* Show the mobile labels *\/\n            .programmes-table-wrapper .mobile-label {\n                display: block;\n            }\n\n            \/* Programme name - larger in card layout *\/\n            .programmes-table-wrapper .programme-name {\n                font-size: 0.9rem;\n                font-weight: 600;\n                color: #0b2b1e;\n                gap: 8px;\n                line-height: 1.4;\n            }\n\n            .programmes-table-wrapper .programme-name i {\n                font-size: 0.85rem;\n                width: 1.2rem;\n            }\n\n            \/* Badges - full width in card layout *\/\n            .programmes-table-wrapper .mode-badge,\n            .programmes-table-wrapper .duration-badge,\n            .programmes-table-wrapper .fees-badge {\n                font-size: 0.72rem;\n                padding: 4px 12px;\n                width: fit-content;\n            }\n\n            .programmes-table-wrapper .mode-badge i,\n            .programmes-table-wrapper .duration-badge i,\n            .programmes-table-wrapper .fees-badge i {\n                font-size: 0.65rem;\n                margin-right: 5px;\n            }\n\n            .programmes-table-wrapper table tbody tr:hover .programme-name i {\n                transform: none;\n            }\n\n            .programmes-table-wrapper table tbody tr:hover .mode-badge,\n            .programmes-table-wrapper table tbody tr:hover .duration-badge,\n            .programmes-table-wrapper table tbody tr:hover .fees-badge {\n                transform: none;\n            }\n        }\n\n        @media (max-width: 360px) {\n            body {\n                padding: 0.6rem 0.4rem;\n                align-items: flex-start;\n            }\n            .programmes-table-wrapper .table-card {\n                padding: 0.9rem 0.7rem;\n                border-radius: 14px;\n            }\n            .programmes-table-wrapper .section-title {\n                font-size: 0.9rem;\n                gap: 6px;\n                margin-bottom: 12px;\n            }\n            .programmes-table-wrapper .section-title i {\n                font-size: 0.8rem;\n            }\n            .programmes-table-wrapper table tbody tr {\n                padding: 12px 14px;\n                border-radius: 12px;\n                margin-bottom: 10px;\n            }\n            .programmes-table-wrapper table tbody td {\n                padding: 5px 0 5px 10px;\n            }\n            .programmes-table-wrapper table tbody td:first-child {\n                padding-bottom: 8px;\n            }\n            .programmes-table-wrapper .programme-name {\n                font-size: 0.82rem;\n            }\n            .programmes-table-wrapper .programme-name i {\n                font-size: 0.75rem;\n                width: 1rem;\n            }\n            .programmes-table-wrapper .mobile-label {\n                font-size: 0.6rem;\n            }\n            .programmes-table-wrapper .mode-badge,\n            .programmes-table-wrapper .duration-badge,\n            .programmes-table-wrapper .fees-badge {\n                font-size: 0.65rem;\n                padding: 3px 10px;\n            }\n        }\n\n        \/* Touch device optimizations *\/\n        @media (hover: none) {\n            .programmes-table-wrapper table tbody tr:hover {\n                transform: none;\n            }\n            .programmes-table-wrapper table tbody tr:active {\n                background: #f0f6f2;\n            }\n        }\n\n        \/* Print styles *\/\n        @media print {\n            body {\n                padding: 0;\n                background: #ffffff;\n                display: block;\n            }\n            .programmes-table-wrapper .table-card {\n                box-shadow: none;\n                border: 1px solid #ddd;\n                border-radius: 0;\n                padding: 1rem;\n                max-width: 100%;\n            }\n            .programmes-table-wrapper .mobile-label {\n                display: none;\n            }\n            .programmes-table-wrapper table thead {\n                display: table-header-group;\n            }\n            .programmes-table-wrapper table,\n            .programmes-table-wrapper table tbody,\n            .programmes-table-wrapper table tr,\n            .programmes-table-wrapper table td {\n                display: revert;\n            }\n            .programmes-table-wrapper table tbody tr {\n                padding: 0;\n                margin: 0;\n                border-radius: 0;\n                box-shadow: none;\n                border: none;\n                border-bottom: 1px solid #ddd;\n            }\n            .programmes-table-wrapper table tbody tr::before {\n                display: none;\n            }\n            .programmes-table-wrapper table tbody td {\n                display: table-cell;\n                padding: 8px;\n                border-bottom: 1px solid #eee;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"programmes-table-wrapper\">\n\n        <div class=\"table-card\">\n\n            <!-- ===== SECTION TITLE ===== -->\n            <div class=\"section-title\">\n                <i class=\"fas fa-globe-africa\"><\/i> Climate and Disaster Technology Centre\n            <\/div>\n\n            <!-- ===== TABLE ===== -->\n            <div class=\"table-responsive\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th><i class=\"fas fa-book\" style=\"margin-right: 6px;\"><\/i>Programmes<\/th>\n                            <th><i class=\"fas fa-laptop\" style=\"margin-right: 6px;\"><\/i>Mode of Study<\/th>\n                            <th><i class=\"fas fa-hourglass-half\" style=\"margin-right: 6px;\"><\/i>Duration<\/th>\n                            <th><i class=\"fas fa-money-bill-wave\" style=\"margin-right: 6px;\"><\/i>Fees<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td>\n                                <span class=\"mobile-label\">Programme<\/span>\n                                <span class=\"programme-name\"><i class=\"fas fa-graduation-cap\"><\/i>Bachelor of Science in Disaster Studies and Sustainable Development<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Mode of Study<\/span>\n                                <span class=\"mode-badge\"><i class=\"fas fa-building\"><\/i>Full Time \/ Part Time \/ Distance<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Duration<\/span>\n                                <span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Fees<\/span>\n                                <span class=\"fees-badge\"><i class=\"fas fa-coins\"><\/i>K10,550.00<\/span>\n                            <\/td>\n                        <\/tr>\n                        <tr>\n                            <td>\n                                <span class=\"mobile-label\">Programme<\/span>\n                                <span class=\"programme-name\"><i class=\"fas fa-graduation-cap\"><\/i>Bachelor of Science in Climatology and Meteorology<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Mode of Study<\/span>\n                                <span class=\"mode-badge\"><i class=\"fas fa-building\"><\/i>Full Time \/ Part Time \/ Distance<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Duration<\/span>\n                                <span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Fees<\/span>\n                                <span class=\"fees-badge\"><i class=\"fas fa-coins\"><\/i>K10,550.00<\/span>\n                            <\/td>\n                        <\/tr>\n                        <tr>\n                            <td>\n                                <span class=\"mobile-label\">Programme<\/span>\n                                <span class=\"programme-name\"><i class=\"fas fa-graduation-cap\"><\/i>Bachelor of Science in Land and Water Conservation<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Mode of Study<\/span>\n                                <span class=\"mode-badge\"><i class=\"fas fa-building\"><\/i>Full Time \/ Part Time \/ Distance<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Duration<\/span>\n                                <span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Fees<\/span>\n                                <span class=\"fees-badge\"><i class=\"fas fa-coins\"><\/i>K10,550.00<\/span>\n                            <\/td>\n                        <\/tr>\n                        <tr>\n                            <td>\n                                <span class=\"mobile-label\">Programme<\/span>\n                                <span class=\"programme-name\"><i class=\"fas fa-graduation-cap\"><\/i>Bachelor of Emergency Management in Fire Protection and Risk<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Mode of Study<\/span>\n                                <span class=\"mode-badge\"><i class=\"fas fa-building\"><\/i>Full Time \/ Part Time \/ Distance<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Duration<\/span>\n                                <span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Fees<\/span>\n                                <span class=\"fees-badge\"><i class=\"fas fa-coins\"><\/i>K10,550.00<\/span>\n                            <\/td>\n                        <\/tr>\n                        <tr>\n                            <td>\n                                <span class=\"mobile-label\">Programme<\/span>\n                                <span class=\"programme-name\"><i class=\"fas fa-graduation-cap\"><\/i>Bachelor of Emergency Management in Occupational Health and Safety<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Mode of Study<\/span>\n                                <span class=\"mode-badge\"><i class=\"fas fa-building\"><\/i>Full Time \/ Part Time \/ Distance<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Duration<\/span>\n                                <span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Fees<\/span>\n                                <span class=\"fees-badge\"><i class=\"fas fa-coins\"><\/i>K10,550.00<\/span>\n                            <\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\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-3826a67 e-flex e-con-boxed e-con e-parent\" data-id=\"3826a67\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b3c7eb elementor-widget elementor-widget-html\" data-id=\"1b3c7eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes\">\n    <title>Legal Studies Division Programmes<\/title>\n    \n    <!-- Font Awesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\n    \n    <style>\n        \/* ===== RESET - ISOLATED ===== *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            -webkit-tap-highlight-color: transparent;\n        }\n\n        html {\n            -webkit-text-size-adjust: 100%;\n            -ms-text-size-adjust: 100%;\n        }\n\n        body {\n            background: #f4f7fb;\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            padding: 2rem 1.5rem;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            min-height: 100vh;\n            margin: 0;\n            width: 100%;\n            overflow-x: hidden;\n        }\n\n        .programmes-table-wrapper {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            display: flex;\n            justify-content: center;\n            width: 100%;\n            max-width: 100%;\n            background: transparent;\n        }\n\n        .programmes-table-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .programmes-table-wrapper .table-card {\n            max-width: 1100px;\n            width: 100%;\n            background: #ffffff;\n            border-radius: 28px;\n            padding: 2rem 2.5rem;\n            box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n            border: 1px solid #e2e9e5;\n            transition: box-shadow 0.3s ease;\n            margin: 0 auto;\n        }\n\n        .programmes-table-wrapper .table-card:hover {\n            box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);\n        }\n\n        \/* ===== SECTION TITLE ===== *\/\n        .programmes-table-wrapper .section-title {\n            font-size: 1.4rem;\n            font-weight: 800;\n            color: #0b2b1e;\n            margin-top: 0;\n            margin-bottom: 20px;\n            padding-bottom: 10px;\n            border-bottom: 2px solid #edf2ef;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            letter-spacing: 0.5px;\n            flex-wrap: wrap;\n        }\n\n        .programmes-table-wrapper .section-title i {\n            color: #026F3D;\n            font-size: 1.3rem;\n        }\n\n        \/* ===== TABLE ===== *\/\n        .programmes-table-wrapper .table-responsive {\n            overflow-x: auto;\n            border-radius: 12px;\n            border: 1px solid #e2e9e5;\n            margin-bottom: 12px;\n            -webkit-overflow-scrolling: touch;\n            scrollbar-width: thin;\n            scrollbar-color: #b6d0c2 #eef3f0;\n        }\n\n        .programmes-table-wrapper .table-responsive::-webkit-scrollbar {\n            height: 6px;\n        }\n\n        .programmes-table-wrapper .table-responsive::-webkit-scrollbar-track {\n            background: #eef3f0;\n            border-radius: 10px;\n        }\n\n        .programmes-table-wrapper .table-responsive::-webkit-scrollbar-thumb {\n            background: #b6d0c2;\n            border-radius: 10px;\n        }\n\n        .programmes-table-wrapper table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 0.9rem;\n            min-width: 700px;\n        }\n\n        .programmes-table-wrapper table thead {\n            background: #026F3D;\n            color: #fff;\n        }\n\n        .programmes-table-wrapper table thead th {\n            padding: 14px 16px;\n            font-weight: 600;\n            font-size: 0.8rem;\n            letter-spacing: 0.5px;\n            text-transform: uppercase;\n            text-align: left;\n            border: none;\n            white-space: nowrap;\n        }\n\n        .programmes-table-wrapper table tbody tr {\n            border-bottom: 1px solid #edf2ef;\n            transition: all 0.25s ease;\n            cursor: pointer;\n        }\n\n        .programmes-table-wrapper table tbody tr:last-child {\n            border-bottom: none;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover {\n            background: #f0f6f2;\n            transform: translateX(4px);\n            box-shadow: 0 2px 8px rgba(2, 111, 61, 0.08);\n        }\n\n        .programmes-table-wrapper table tbody td {\n            padding: 12px 16px;\n            vertical-align: middle;\n            border: none;\n            color: #1f3b2e;\n            font-size: 0.9rem;\n            transition: all 0.25s ease;\n        }\n\n        \/* ===== PROGRAMME NAME WITH ICON ===== *\/\n        .programmes-table-wrapper .programme-name {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            font-weight: 500;\n            transition: color 0.25s ease;\n        }\n\n        .programmes-table-wrapper .programme-name i {\n            color: #026F3D;\n            font-size: 1rem;\n            width: 1.4rem;\n            text-align: center;\n            flex-shrink: 0;\n            transition: transform 0.3s ease, color 0.3s ease;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .programme-name i {\n            transform: scale(1.2) rotate(-5deg);\n            color: #f57944;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .programme-name {\n            color: #026F3D;\n        }\n\n        \/* ===== MODE BADGE ===== *\/\n        .programmes-table-wrapper .mode-badge {\n            display: inline-block;\n            background: #eaf5ef;\n            color: #026F3D;\n            padding: 4px 14px;\n            border-radius: 30px;\n            font-size: 0.75rem;\n            font-weight: 600;\n            white-space: nowrap;\n            transition: all 0.3s ease;\n        }\n\n        .programmes-table-wrapper .mode-badge i {\n            margin-right: 4px;\n            font-size: 0.7rem;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .mode-badge {\n            background: #026F3D;\n            color: #fff;\n            transform: scale(1.05);\n        }\n\n        \/* ===== DURATION BADGE ===== *\/\n        .programmes-table-wrapper .duration-badge {\n            display: inline-block;\n            background: #edf2ef;\n            color: #1a2e25;\n            padding: 4px 14px;\n            border-radius: 30px;\n            font-size: 0.75rem;\n            font-weight: 500;\n            white-space: nowrap;\n            transition: all 0.3s ease;\n        }\n\n        .programmes-table-wrapper .duration-badge i {\n            margin-right: 4px;\n            font-size: 0.7rem;\n            color: #026F3D;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .duration-badge {\n            background: #d4e8dd;\n            transform: scale(1.05);\n        }\n\n        \/* ===== FEES BADGE ===== *\/\n        .programmes-table-wrapper .fees-badge {\n            display: inline-block;\n            background: #eaf5ef;\n            color: #026F3D;\n            padding: 4px 14px;\n            border-radius: 30px;\n            font-size: 0.75rem;\n            font-weight: 700;\n            white-space: nowrap;\n            transition: all 0.3s ease;\n        }\n\n        .programmes-table-wrapper .fees-badge i {\n            margin-right: 4px;\n            font-size: 0.7rem;\n            color: #026F3D;\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .fees-badge {\n            background: #026F3D;\n            color: #fff;\n            transform: scale(1.05);\n            box-shadow: 0 4px 12px rgba(2, 111, 61, 0.2);\n        }\n\n        .programmes-table-wrapper table tbody tr:hover .fees-badge i {\n            color: #fff;\n        }\n\n        \/* ===== HIDDEN LABELS (shown only on mobile) ===== *\/\n        .programmes-table-wrapper .mobile-label {\n            display: none;\n            font-size: 0.65rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            color: #6b8a7a;\n            margin-bottom: 4px;\n        }\n\n        \/* ========================================\n                   RESPONSIVE BREAKPOINTS\n                   ======================================== *\/\n\n        @media (max-width: 1024px) {\n            body {\n                padding: 1.8rem 1.4rem;\n                align-items: flex-start;\n            }\n            .programmes-table-wrapper .table-card {\n                padding: 1.8rem 2rem;\n            }\n            .programmes-table-wrapper table {\n                min-width: 650px;\n            }\n        }\n\n        @media (max-width: 900px) {\n            body {\n                padding: 1.5rem 1.2rem;\n                align-items: flex-start;\n            }\n            .programmes-table-wrapper .table-card {\n                padding: 1.6rem 1.6rem;\n                border-radius: 24px;\n            }\n            .programmes-table-wrapper .section-title {\n                font-size: 1.2rem;\n            }\n            .programmes-table-wrapper table {\n                font-size: 0.85rem;\n                min-width: 600px;\n            }\n            .programmes-table-wrapper table thead th,\n            .programmes-table-wrapper table tbody td {\n                padding: 11px 14px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            body {\n                padding: 1.2rem 1rem;\n                align-items: flex-start;\n            }\n            .programmes-table-wrapper .table-card {\n                padding: 1.4rem 1.2rem;\n                border-radius: 22px;\n            }\n            .programmes-table-wrapper .section-title {\n                font-size: 1.1rem;\n                gap: 10px;\n            }\n            .programmes-table-wrapper table {\n                font-size: 0.82rem;\n                min-width: 550px;\n            }\n            .programmes-table-wrapper table thead th,\n            .programmes-table-wrapper table tbody td {\n                padding: 10px 12px;\n            }\n        }\n\n        @media (max-width: 600px) {\n            body {\n                padding: 1rem 0.8rem;\n                align-items: flex-start;\n                min-height: auto;\n            }\n            .programmes-table-wrapper .table-card {\n                padding: 1.2rem 1rem;\n                border-radius: 20px;\n            }\n            .programmes-table-wrapper .section-title {\n                font-size: 1rem;\n                gap: 8px;\n            }\n            .programmes-table-wrapper table {\n                font-size: 0.78rem;\n                min-width: 480px;\n            }\n            .programmes-table-wrapper table thead th,\n            .programmes-table-wrapper table tbody td {\n                padding: 9px 10px;\n            }\n            .programmes-table-wrapper .mode-badge,\n            .programmes-table-wrapper .duration-badge,\n            .programmes-table-wrapper .fees-badge {\n                font-size: 0.62rem;\n                padding: 2px 8px;\n            }\n        }\n\n        \/* ==============================================\n           EXTRA SMALL DEVICES - CARD STACKED LAYOUT\n           ============================================== *\/\n        @media (max-width: 480px) {\n            body {\n                padding: 0.8rem 0.6rem;\n                align-items: flex-start;\n            }\n\n            .programmes-table-wrapper .table-card {\n                padding: 1rem 0.8rem;\n                border-radius: 16px;\n            }\n\n            .programmes-table-wrapper .section-title {\n                font-size: 0.95rem;\n                margin-bottom: 14px;\n                padding-bottom: 8px;\n                gap: 8px;\n            }\n\n            .programmes-table-wrapper .section-title i {\n                font-size: 0.85rem;\n            }\n\n            \/* Remove the scroll wrapper styling *\/\n            .programmes-table-wrapper .table-responsive {\n                border: none;\n                border-radius: 0;\n                overflow: visible;\n                margin-bottom: 0;\n            }\n\n            \/* Hide the table header *\/\n            .programmes-table-wrapper table thead {\n                display: none;\n            }\n\n            \/* Make table and tbody block elements *\/\n            .programmes-table-wrapper table,\n            .programmes-table-wrapper table tbody,\n            .programmes-table-wrapper table tr,\n            .programmes-table-wrapper table td {\n                display: block;\n                width: 100%;\n                min-width: 0;\n            }\n\n            .programmes-table-wrapper table {\n                min-width: 0;\n            }\n\n            \/* Each row becomes a card *\/\n            .programmes-table-wrapper table tbody tr {\n                background: #ffffff;\n                border: 1px solid #e2e9e5;\n                border-radius: 14px;\n                padding: 14px 16px;\n                margin-bottom: 12px;\n                box-shadow: 0 2px 8px rgba(0, 20, 10, 0.04);\n                transition: all 0.25s ease;\n                position: relative;\n                overflow: hidden;\n            }\n\n            .programmes-table-wrapper table tbody tr::before {\n                content: '';\n                position: absolute;\n                left: 0;\n                top: 0;\n                bottom: 0;\n                width: 4px;\n                background: #026F3D;\n                transition: width 0.25s ease;\n            }\n\n            .programmes-table-wrapper table tbody tr:hover::before {\n                width: 6px;\n            }\n\n            .programmes-table-wrapper table tbody tr:last-child {\n                margin-bottom: 0;\n                border-bottom: 1px solid #e2e9e5;\n            }\n\n            .programmes-table-wrapper table tbody tr:hover {\n                background: #f8fbfa;\n                transform: translateX(2px);\n                box-shadow: 0 4px 16px rgba(2, 111, 61, 0.1);\n            }\n\n            \/* Each cell becomes a row inside the card *\/\n            .programmes-table-wrapper table tbody td {\n                padding: 6px 0 6px 12px;\n                border: none;\n                border-bottom: 1px dashed #f0f6f2;\n                display: flex;\n                flex-direction: column;\n                align-items: flex-start;\n                gap: 2px;\n            }\n\n            .programmes-table-wrapper table tbody td:last-child {\n                border-bottom: none;\n                padding-bottom: 0;\n            }\n\n            .programmes-table-wrapper table tbody td:first-child {\n                padding-top: 0;\n                padding-bottom: 10px;\n                border-bottom: 1px solid #edf2ef;\n                margin-bottom: 4px;\n            }\n\n            \/* Show the mobile labels *\/\n            .programmes-table-wrapper .mobile-label {\n                display: block;\n            }\n\n            \/* Programme name - larger in card layout *\/\n            .programmes-table-wrapper .programme-name {\n                font-size: 0.9rem;\n                font-weight: 600;\n                color: #0b2b1e;\n                gap: 8px;\n                line-height: 1.4;\n            }\n\n            .programmes-table-wrapper .programme-name i {\n                font-size: 0.85rem;\n                width: 1.2rem;\n            }\n\n            \/* Badges - full width in card layout *\/\n            .programmes-table-wrapper .mode-badge,\n            .programmes-table-wrapper .duration-badge,\n            .programmes-table-wrapper .fees-badge {\n                font-size: 0.72rem;\n                padding: 4px 12px;\n                width: fit-content;\n            }\n\n            .programmes-table-wrapper .mode-badge i,\n            .programmes-table-wrapper .duration-badge i,\n            .programmes-table-wrapper .fees-badge i {\n                font-size: 0.65rem;\n                margin-right: 5px;\n            }\n\n            .programmes-table-wrapper table tbody tr:hover .programme-name i {\n                transform: none;\n            }\n\n            .programmes-table-wrapper table tbody tr:hover .mode-badge,\n            .programmes-table-wrapper table tbody tr:hover .duration-badge,\n            .programmes-table-wrapper table tbody tr:hover .fees-badge {\n                transform: none;\n            }\n        }\n\n        @media (max-width: 360px) {\n            body {\n                padding: 0.6rem 0.4rem;\n                align-items: flex-start;\n            }\n            .programmes-table-wrapper .table-card {\n                padding: 0.9rem 0.7rem;\n                border-radius: 14px;\n            }\n            .programmes-table-wrapper .section-title {\n                font-size: 0.9rem;\n                gap: 6px;\n                margin-bottom: 12px;\n            }\n            .programmes-table-wrapper .section-title i {\n                font-size: 0.8rem;\n            }\n            .programmes-table-wrapper table tbody tr {\n                padding: 12px 14px;\n                border-radius: 12px;\n                margin-bottom: 10px;\n            }\n            .programmes-table-wrapper table tbody td {\n                padding: 5px 0 5px 10px;\n            }\n            .programmes-table-wrapper table tbody td:first-child {\n                padding-bottom: 8px;\n            }\n            .programmes-table-wrapper .programme-name {\n                font-size: 0.82rem;\n            }\n            .programmes-table-wrapper .programme-name i {\n                font-size: 0.75rem;\n                width: 1rem;\n            }\n            .programmes-table-wrapper .mobile-label {\n                font-size: 0.6rem;\n            }\n            .programmes-table-wrapper .mode-badge,\n            .programmes-table-wrapper .duration-badge,\n            .programmes-table-wrapper .fees-badge {\n                font-size: 0.65rem;\n                padding: 3px 10px;\n            }\n        }\n\n        \/* Touch device optimizations *\/\n        @media (hover: none) {\n            .programmes-table-wrapper table tbody tr:hover {\n                transform: none;\n            }\n            .programmes-table-wrapper table tbody tr:active {\n                background: #f0f6f2;\n            }\n        }\n\n        \/* Print styles *\/\n        @media print {\n            body {\n                padding: 0;\n                background: #ffffff;\n                display: block;\n            }\n            .programmes-table-wrapper .table-card {\n                box-shadow: none;\n                border: 1px solid #ddd;\n                border-radius: 0;\n                padding: 1rem;\n                max-width: 100%;\n            }\n            .programmes-table-wrapper .mobile-label {\n                display: none;\n            }\n            .programmes-table-wrapper table thead {\n                display: table-header-group;\n            }\n            .programmes-table-wrapper table,\n            .programmes-table-wrapper table tbody,\n            .programmes-table-wrapper table tr,\n            .programmes-table-wrapper table td {\n                display: revert;\n            }\n            .programmes-table-wrapper table tbody tr {\n                padding: 0;\n                margin: 0;\n                border-radius: 0;\n                box-shadow: none;\n                border: none;\n                border-bottom: 1px solid #ddd;\n            }\n            .programmes-table-wrapper table tbody tr::before {\n                display: none;\n            }\n            .programmes-table-wrapper table tbody td {\n                display: table-cell;\n                padding: 8px;\n                border-bottom: 1px solid #eee;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"programmes-table-wrapper\">\n\n        <div class=\"table-card\">\n\n            <!-- ===== SECTION TITLE ===== -->\n            <div class=\"section-title\">\n                <i class=\"fas fa-gavel\"><\/i> Legal Studies Division\n            <\/div>\n\n            <!-- ===== TABLE ===== -->\n            <div class=\"table-responsive\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th><i class=\"fas fa-book\" style=\"margin-right: 6px;\"><\/i>Programmes<\/th>\n                            <th><i class=\"fas fa-laptop\" style=\"margin-right: 6px;\"><\/i>Mode of Study<\/th>\n                            <th><i class=\"fas fa-hourglass-half\" style=\"margin-right: 6px;\"><\/i>Duration<\/th>\n                            <th><i class=\"fas fa-money-bill-wave\" style=\"margin-right: 6px;\"><\/i>Fees<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td>\n                                <span class=\"mobile-label\">Programme<\/span>\n                                <span class=\"programme-name\"><i class=\"fas fa-graduation-cap\"><\/i>Bachelor of Laws<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Mode of Study<\/span>\n                                <span class=\"mode-badge\"><i class=\"fas fa-building\"><\/i>Full Time \/ Part Time \/ Distance<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Duration<\/span>\n                                <span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Fees<\/span>\n                                <span class=\"fees-badge\"><i class=\"fas fa-coins\"><\/i>K10,550.00<\/span>\n                            <\/td>\n                        <\/tr>\n                        <tr>\n                            <td>\n                                <span class=\"mobile-label\">Programme<\/span>\n                                <span class=\"programme-name\"><i class=\"fas fa-graduation-cap\"><\/i>Bachelor of Arts in Criminology and Criminal Justice<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Mode of Study<\/span>\n                                <span class=\"mode-badge\"><i class=\"fas fa-building\"><\/i>Full Time \/ Part Time \/ Distance<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Duration<\/span>\n                                <span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Fees<\/span>\n                                <span class=\"fees-badge\"><i class=\"fas fa-coins\"><\/i>K10,550.00<\/span>\n                            <\/td>\n                        <\/tr>\n                        <tr>\n                            <td>\n                                <span class=\"mobile-label\">Programme<\/span>\n                                <span class=\"programme-name\"><i class=\"fas fa-graduation-cap\"><\/i>Bachelor of Defense and Security Studies<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Mode of Study<\/span>\n                                <span class=\"mode-badge\"><i class=\"fas fa-building\"><\/i>Full Time \/ Part Time \/ Distance<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Duration<\/span>\n                                <span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years<\/span>\n                            <\/td>\n                            <td>\n                                <span class=\"mobile-label\">Fees<\/span>\n                                <span class=\"fees-badge\"><i class=\"fas fa-coins\"><\/i>K10,550.00<\/span>\n                            <\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Management Studies Division Programmes PROGRAMS OFFERED The National Institute of Public Administration (NIPA) is one of the leading providers of high quality professional Management and business training, research and consultancy services in Zambia. Management Studies Division Programmes Mode of Study Duration Fees Programme Bachelor of Public Administration Mode of Study Full Time \/ Part Time [&hellip;]<\/p>\n","protected":false},"author":566,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-53631","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Thumba Mukwato","author_link":"https:\/\/www.nipa.ac.zm\/index.php\/author\/thumba_mukwato1\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Management Studies Division Programmes PROGRAMS OFFERED The National Institute of Public Administration (NIPA) is one of the leading providers of high quality professional Management and business training, research and consultancy services in Zambia. Management Studies Division Programmes Mode of Study Duration Fees Programme Bachelor of Public Administration Mode of Study Full Time \/ Part Time&hellip;","_links":{"self":[{"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages\/53631","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/users\/566"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/comments?post=53631"}],"version-history":[{"count":78,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages\/53631\/revisions"}],"predecessor-version":[{"id":56347,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages\/53631\/revisions\/56347"}],"wp:attachment":[{"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/media?parent=53631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}