Distance Learning Programmes - Management Studies<\/title>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n \/* RESET & BASE *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html, body {\n width: 100%;\n min-height: 100vh;\n }\n\n body {\n background: #f4f7fb;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 2rem 1.5rem;\n margin: 0;\n }\n\n \/* MAIN CARD \u2013 perfectly centered, full-width constraint *\/\n .card {\n max-width: 1300px;\n width: 100%;\n background: white;\n border-radius: 28px;\n box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n padding: 2rem 1.8rem;\n transition: all 0.2s ease;\n margin: 0 auto; \/* ensure horizontal centering *\/\n display: block; \/* block-level, takes full width up to max-width *\/\n }\n\n \/* HEADER WRAPPER \u2013 all centered *\/\n .header-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n margin-bottom: 0.5rem;\n }\n\n .main-title {\n text-align: center;\n font-size: 2.8rem;\n font-weight: 800;\n letter-spacing: 1px;\n color: #026F3D;\n margin-bottom: 0.2rem;\n padding-bottom: 0.3rem;\n display: inline-block;\n width: 100%;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n text-shadow: 0 2px 8px rgba(2, 111, 61, 0.12);\n line-height: 1.2;\n }\n\n .main-title i {\n color: #f57944;\n margin-right: 12px;\n font-size: 2.6rem;\n }\n\n .sub-title {\n text-align: center;\n font-size: 2rem;\n font-weight: 600;\n color: #f57944;\n margin-bottom: 0.5rem;\n padding-bottom: 0.5rem;\n border-bottom: 4px solid #026F3D;\n display: inline-block;\n width: 100%;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n letter-spacing: 2px;\n text-transform: uppercase;\n }\n\n .sub-title i {\n margin-right: 10px;\n color: #026F3D;\n }\n\n \/* SUB HEADER \u2013 flex, centered items *\/\n .sub-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1rem 0.5rem;\n margin-top: 0.5rem;\n margin-bottom: 1.8rem;\n width: 100%;\n }\n\n .sub-header h2 {\n font-size: 1.1rem;\n font-weight: 500;\n color: #1f3b2e;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .sub-header h2 i {\n color: #026F3D;\n font-size: 1.2rem;\n }\n\n \/* TABLE RESPONSIVE *\/\n .table-responsive {\n overflow-x: auto;\n border-radius: 18px;\n background: white;\n width: 100%;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n font-size: 0.95rem;\n min-width: 500px;\n table-layout: fixed;\n }\n\n colgroup col:nth-child(1) { width: 45%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 30%; }\n\n thead {\n background: #026F3D;\n color: white;\n }\n\n thead th {\n padding: 1rem 1.2rem;\n font-weight: 600;\n font-size: 0.9rem;\n letter-spacing: 0.3px;\n text-transform: uppercase;\n text-align: left;\n border: none;\n white-space: nowrap;\n }\n\n thead th:first-child {\n border-radius: 14px 0 0 0;\n }\n thead th:last-child {\n border-radius: 0 14px 0 0;\n }\n\n tbody tr {\n border-bottom: 1px solid #eef3f0;\n transition: background 0.15s;\n }\n\n tbody tr:last-child {\n border-bottom: none;\n }\n\n tbody tr:hover {\n background: #f8fbfa;\n }\n\n tbody td {\n padding: 1rem 1.2rem;\n vertical-align: middle;\n border: none;\n color: #1a2e25;\n }\n\n .programme-name {\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 500;\n }\n\n .programme-name i {\n color: #026F3D;\n font-size: 1.2rem;\n width: 1.6rem;\n text-align: center;\n }\n\n .mode-badge {\n background: #eaf5ef;\n color: #026F3D;\n padding: 0.25rem 1rem;\n border-radius: 30px;\n font-size: 0.8rem;\n font-weight: 600;\n display: inline-block;\n white-space: nowrap;\n }\n\n .mode-badge i {\n margin-right: 6px;\n font-size: 0.8rem;\n }\n\n .duration-badge {\n background: #f0f4f2;\n padding: 0.25rem 0.9rem;\n border-radius: 30px;\n font-size: 0.8rem;\n font-weight: 500;\n color: #1f3b2e;\n display: inline-block;\n white-space: nowrap;\n }\n\n .duration-badge i {\n margin-right: 6px;\n font-size: 0.7rem;\n color: #026F3D;\n }\n\n .table-responsive::-webkit-scrollbar {\n height: 6px;\n }\n .table-responsive::-webkit-scrollbar-track {\n background: #eaf0ec;\n border-radius: 10px;\n }\n .table-responsive::-webkit-scrollbar-thumb {\n background: #026F3D;\n border-radius: 10px;\n }\n\n \/* ---------- RESPONSIVE ---------- *\/\n @media (max-width: 820px) {\n .card {\n padding: 1.5rem 1rem;\n }\n table {\n font-size: 0.9rem;\n min-width: 400px;\n }\n thead th,\n tbody td {\n padding: 0.8rem 0.8rem;\n }\n .main-title {\n font-size: 2rem;\n }\n .main-title i {\n font-size: 1.8rem;\n }\n .sub-title {\n font-size: 1.5rem;\n }\n colgroup col:nth-child(1) { width: 40%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 35%; }\n }\n\n @media (max-width: 680px) {\n .card {\n padding: 1.2rem 0.8rem;\n }\n .sub-header {\n flex-direction: column;\n align-items: stretch;\n gap: 0.8rem;\n }\n .sub-header h2 {\n font-size: 1rem;\n }\n .main-title {\n font-size: 1.6rem;\n }\n .main-title i {\n font-size: 1.4rem;\n margin-right: 8px;\n }\n .sub-title {\n font-size: 1.3rem;\n }\n colgroup col:nth-child(1) { width: 35%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 40%; }\n }\n\n \/* STACKED CARD LAYOUT *\/\n @media (max-width: 600px) {\n body {\n padding: 1rem 0.5rem;\n }\n .card {\n padding: 0.8rem 0.5rem;\n border-radius: 20px;\n margin: 0 auto;\n }\n\n table,\n thead,\n tbody,\n th,\n td,\n tr {\n display: block;\n }\n\n thead {\n display: none;\n }\n\n tbody tr {\n display: block;\n margin-bottom: 1.2rem;\n border: 1px solid #e3ebe7;\n border-radius: 18px;\n padding: 0.6rem 0.2rem 0.4rem;\n background: white;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);\n }\n\n tbody tr:hover {\n background: white;\n }\n\n tbody td {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.4rem 0.7rem;\n border: none;\n border-bottom: 1px solid #ecf3ef;\n background: transparent;\n flex-wrap: wrap;\n gap: 0.3rem 0.4rem;\n }\n\n tbody td:last-child {\n border-bottom: none;\n }\n\n tbody td::before {\n content: attr(data-label);\n font-weight: 600;\n font-size: 0.65rem;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n color: #026F3D;\n background: #edf5f0;\n padding: 0.1rem 0.7rem;\n border-radius: 30px;\n display: inline-block;\n width: auto;\n flex-shrink: 0;\n }\n\n .programme-name {\n font-weight: 500;\n gap: 6px;\n flex: 1 1 auto;\n min-width: 120px;\n }\n\n .programme-name i {\n font-size: 1rem;\n width: 1.4rem;\n }\n\n .mode-badge,\n .duration-badge {\n font-size: 0.7rem;\n padding: 0.15rem 0.6rem;\n }\n\n tbody td .programme-name,\n tbody td .mode-badge,\n tbody td .duration-badge {\n margin-left: auto;\n }\n\n tbody td:first-child .programme-name {\n margin-left: 0;\n flex: 1;\n }\n\n .table-responsive {\n border-radius: 14px;\n }\n\n .main-title {\n font-size: 1.3rem;\n }\n .sub-title {\n font-size: 1.1rem;\n border-bottom-width: 3px;\n }\n .main-title i {\n font-size: 1.2rem;\n margin-right: 6px;\n }\n }\n\n @media (max-width: 400px) {\n .card {\n padding: 0.6rem 0.3rem;\n margin: 0 auto;\n }\n tbody td {\n padding: 0.3rem 0.5rem;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.2rem;\n }\n tbody td::before {\n margin-bottom: 0.1rem;\n }\n .programme-name,\n .mode-badge,\n .duration-badge {\n margin-left: 0 !important;\n width: 100%;\n justify-content: flex-start;\n }\n .main-title {\n font-size: 1.1rem;\n letter-spacing: 0.5px;\n }\n .sub-title {\n font-size: 0.95rem;\n }\n .main-title i {\n font-size: 1rem;\n }\n .sub-header h2 {\n font-size: 0.85rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"card\">\n\n \n <div class=\"header-wrapper\">\n \n <div class=\"main-title\">\n <i class=\"fas fa-graduation-cap\"><\/i> Distance Learning Programmes\n <\/div>\n\n \n <div class=\"sub-title\">\n <i class=\"fas fa-chart-line\"><\/i> Management Studies\n <\/div>\n <\/div>\n\n \n <div class=\"sub-header\">\n <h2>\n <i class=\"fas fa-list-ul\"><\/i>\n Available programmes offered via distance learning\n <\/h2>\n <span style=\"font-size: 0.85rem; color: #4a6b5a; background: #ecf3ef; padding: 0.3rem 1rem; border-radius: 30px;\">\n <i class=\"fas fa-clock\" style=\"margin-right: 6px; color: #026F3D;\"><\/i> Updated regularly\n <\/span>\n <\/div>\n\n \n <div class=\"table-responsive\">\n <table>\n <colgroup>\n <col style=\"width: 45%;\">\n <col style=\"width: 25%;\">\n <col style=\"width: 30%;\">\n <\/colgroup>\n <thead>\n <tr>\n <th><i class=\"fas fa-book\" style=\"margin-right: 8px;\"><\/i>Programmes<\/th>\n <th><i class=\"fas fa-laptop\" style=\"margin-right: 8px;\"><\/i>Mode of Study<\/th>\n <th><i class=\"fas fa-hourglass-half\" style=\"margin-right: 8px;\"><\/i>Duration<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Public Administration<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Human Resources Management<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Development Studies<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Public Relations<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Records, Archives and Information Management<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Post Graduate Diploma in Management Studies<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>2 Years (4 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Certificate in Human Resources Management<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>2 Years (4 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Diploma in Human Resources Management<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>2 Years (4 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Diploma in Project Management<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>2 Years (4 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Certificate in Records Management<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>2 Years (4 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Diploma in Public Administration<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>3 Years (6 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Diploma in Social Work<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>3 Years (6 Semesters)<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n<\/div>\n\n<script>\n (function() {\n const totalRows = document.querySelectorAll('tbody tr').length;\n console.log(`\ud83d\udcda Distance Learning Programmes \u2014 Management Studies \u2014 ${totalRows} programmes loaded`);\n document.querySelector('.card').dataset.totalProgrammes = totalRows;\n window.programmeCount = totalRows;\n console.log('\ud83d\udcda Distance Learning Programmes \u2014 Management Studies \u2014 ready');\n })();\n<\/script>\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-8b49dd8 e-flex e-con-boxed e-con e-parent\" data-id=\"8b49dd8\" 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-772399d elementor-widget elementor-widget-html\" data-id=\"772399d\" 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\">\n <title>Legal Studies - Distance Learning Programmes<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\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 }\n\n .card {\n max-width: 1300px;\n width: 100%;\n background: white;\n border-radius: 28px;\n box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n padding: 2rem 1.8rem;\n transition: all 0.2s ease;\n }\n\n \/* MAIN TITLE - LEGAL STUDIES (NOT BOLD) *\/\n .main-title {\n text-align: center;\n font-size: 3.5rem;\n font-weight: 400;\n letter-spacing: 2px;\n color: #f57944;\n margin-bottom: 0.5rem;\n padding-bottom: 0.5rem;\n border-bottom: 4px solid #026F3D;\n display: inline-block;\n width: 100%;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n text-shadow: 0 2px 8px rgba(2, 111, 61, 0.12);\n line-height: 1.2;\n text-transform: uppercase;\n }\n\n .main-title i {\n color: #026F3D;\n margin-right: 15px;\n font-size: 3.2rem;\n }\n\n .header-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n margin-bottom: 0.5rem;\n }\n\n .sub-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1rem 0.5rem;\n margin-top: 0.5rem;\n margin-bottom: 1.8rem;\n }\n\n .sub-header h2 {\n font-size: 1.1rem;\n font-weight: 500;\n color: #1f3b2e;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .sub-header h2 i {\n color: #026F3D;\n font-size: 1.2rem;\n }\n\n .table-responsive {\n overflow-x: auto;\n border-radius: 18px;\n background: white;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n font-size: 0.95rem;\n min-width: 500px;\n table-layout: fixed;\n }\n\n \/* Fixed column widths *\/\n colgroup col:nth-child(1) { width: 45%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 30%; }\n\n thead {\n background: #026F3D;\n color: white;\n }\n\n thead th {\n padding: 1rem 1.2rem;\n font-weight: 600;\n font-size: 0.9rem;\n letter-spacing: 0.3px;\n text-transform: uppercase;\n text-align: left;\n border: none;\n white-space: nowrap;\n }\n\n thead th:first-child {\n border-radius: 14px 0 0 0;\n }\n thead th:last-child {\n border-radius: 0 14px 0 0;\n }\n\n tbody tr {\n border-bottom: 1px solid #eef3f0;\n transition: background 0.15s;\n }\n\n tbody tr:last-child {\n border-bottom: none;\n }\n\n tbody tr:hover {\n background: #f8fbfa;\n }\n\n tbody td {\n padding: 1rem 1.2rem;\n vertical-align: middle;\n border: none;\n color: #1a2e25;\n }\n\n .programme-name {\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 500;\n }\n\n .programme-name i {\n color: #026F3D;\n font-size: 1.2rem;\n width: 1.6rem;\n text-align: center;\n }\n\n .mode-badge {\n background: #eaf5ef;\n color: #026F3D;\n padding: 0.25rem 1rem;\n border-radius: 30px;\n font-size: 0.8rem;\n font-weight: 600;\n display: inline-block;\n white-space: nowrap;\n }\n\n .mode-badge i {\n margin-right: 6px;\n font-size: 0.8rem;\n }\n\n .duration-badge {\n background: #f0f4f2;\n padding: 0.25rem 0.9rem;\n border-radius: 30px;\n font-size: 0.8rem;\n font-weight: 500;\n color: #1f3b2e;\n display: inline-block;\n white-space: nowrap;\n }\n\n .duration-badge i {\n margin-right: 6px;\n font-size: 0.7rem;\n color: #026F3D;\n }\n\n .table-responsive::-webkit-scrollbar {\n height: 6px;\n }\n .table-responsive::-webkit-scrollbar-track {\n background: #eaf0ec;\n border-radius: 10px;\n }\n .table-responsive::-webkit-scrollbar-thumb {\n background: #026F3D;\n border-radius: 10px;\n }\n\n \/* responsive *\/\n @media (max-width: 820px) {\n .card {\n padding: 1.5rem 1rem;\n }\n table {\n font-size: 0.9rem;\n min-width: 400px;\n }\n thead th,\n tbody td {\n padding: 0.8rem 0.8rem;\n }\n .main-title {\n font-size: 2.8rem;\n }\n .main-title i {\n font-size: 2.5rem;\n }\n colgroup col:nth-child(1) { width: 40%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 35%; }\n }\n\n @media (max-width: 680px) {\n .card {\n padding: 1.2rem 0.8rem;\n }\n .sub-header {\n flex-direction: column;\n align-items: stretch;\n gap: 0.8rem;\n }\n .sub-header h2 {\n font-size: 1rem;\n }\n .main-title {\n font-size: 2.2rem;\n }\n .main-title i {\n font-size: 2rem;\n margin-right: 10px;\n }\n colgroup col:nth-child(1) { width: 35%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 40%; }\n }\n\n @media (max-width: 600px) {\n body {\n padding: 1rem 0.5rem;\n }\n .card {\n padding: 0.8rem 0.5rem;\n border-radius: 20px;\n }\n\n table,\n thead,\n tbody,\n th,\n td,\n tr {\n display: block;\n }\n\n thead {\n display: none;\n }\n\n tbody tr {\n display: block;\n margin-bottom: 1.2rem;\n border: 1px solid #e3ebe7;\n border-radius: 18px;\n padding: 0.6rem 0.2rem 0.4rem;\n background: white;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);\n }\n\n tbody tr:hover {\n background: white;\n }\n\n tbody td {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.4rem 0.7rem;\n border: none;\n border-bottom: 1px solid #ecf3ef;\n background: transparent;\n flex-wrap: wrap;\n gap: 0.3rem 0.4rem;\n }\n\n tbody td:last-child {\n border-bottom: none;\n }\n\n tbody td::before {\n content: attr(data-label);\n font-weight: 600;\n font-size: 0.65rem;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n color: #026F3D;\n background: #edf5f0;\n padding: 0.1rem 0.7rem;\n border-radius: 30px;\n display: inline-block;\n width: auto;\n flex-shrink: 0;\n }\n\n .programme-name {\n font-weight: 500;\n gap: 6px;\n flex: 1 1 auto;\n min-width: 120px;\n }\n\n .programme-name i {\n font-size: 1rem;\n width: 1.4rem;\n }\n\n .mode-badge,\n .duration-badge {\n font-size: 0.7rem;\n padding: 0.15rem 0.6rem;\n }\n\n tbody td .programme-name,\n tbody td .mode-badge,\n tbody td .duration-badge {\n margin-left: auto;\n }\n\n tbody td:first-child .programme-name {\n margin-left: 0;\n flex: 1;\n }\n\n .table-responsive {\n border-radius: 14px;\n }\n\n .main-title {\n font-size: 1.8rem;\n border-bottom-width: 3px;\n }\n .main-title i {\n font-size: 1.6rem;\n margin-right: 8px;\n }\n }\n\n @media (max-width: 400px) {\n .card {\n padding: 0.6rem 0.3rem;\n }\n tbody td {\n padding: 0.3rem 0.5rem;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.2rem;\n }\n tbody td::before {\n margin-bottom: 0.1rem;\n }\n .programme-name,\n .mode-badge,\n .duration-badge {\n margin-left: 0 !important;\n width: 100%;\n justify-content: flex-start;\n }\n .main-title {\n font-size: 1.4rem;\n letter-spacing: 1px;\n }\n .main-title i {\n font-size: 1.2rem;\n }\n .sub-header h2 {\n font-size: 0.85rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"card\">\n\n \n <div class=\"header-wrapper\">\n \n <div class=\"main-title\">\n <i class=\"fas fa-gavel\"><\/i> LEGAL STUDIES\n <\/div>\n <\/div>\n\n \n <div class=\"sub-header\">\n <h2>\n <i class=\"fas fa-list-ul\"><\/i>\n Available programmes offered via distance learning\n <\/h2>\n <span style=\"font-size: 0.85rem; color: #4a6b5a; background: #ecf3ef; padding: 0.3rem 1rem; border-radius: 30px;\">\n <i class=\"fas fa-clock\" style=\"margin-right: 6px; color: #026F3D;\"><\/i> Updated regularly\n <\/span>\n <\/div>\n\n \n <div class=\"table-responsive\">\n <table>\n <colgroup>\n <col style=\"width: 45%;\">\n <col style=\"width: 25%;\">\n <col style=\"width: 30%;\">\n <\/colgroup>\n <thead>\n <tr>\n <th><i class=\"fas fa-book\" style=\"margin-right: 8px;\"><\/i>Programmes<\/th>\n <th><i class=\"fas fa-laptop\" style=\"margin-right: 8px;\"><\/i>Mode of Study<\/th>\n <th><i class=\"fas fa-hourglass-half\" style=\"margin-right: 8px;\"><\/i>Duration<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelors in Law (LLB)<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Arts in Criminology and Criminal Justice<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Arts Defense and Security<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Diploma in Law (DL)<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>3 Years (6 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Certificate in Law<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>2 Years (4 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Certificate in Prosecutions<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>6 Months<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n<\/div>\n\n<script>\n (function() {\n \/\/ Count programmes\n const totalRows = document.querySelectorAll('tbody tr').length;\n console.log(`\ud83d\udcda LEGAL STUDIES \u2014 ${totalRows} programmes loaded`);\n document.querySelector('.card').dataset.totalProgrammes = totalRows;\n window.programmeCount = totalRows;\n console.log('\ud83d\udcda LEGAL STUDIES \u2014 ready');\n })();\n<\/script>\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-63dbe0b e-flex e-con-boxed e-con e-parent\" data-id=\"63dbe0b\" 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-184712c elementor-widget elementor-widget-html\" data-id=\"184712c\" 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\">\n <title>Business Studies Division - Distance Learning Programmes<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\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 }\n\n .card {\n max-width: 1300px;\n width: 100%;\n background: white;\n border-radius: 28px;\n box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n padding: 2rem 1.8rem;\n transition: all 0.2s ease;\n }\n\n \/* MAIN TITLE - BUSINESS STUDIES DIVISION (NOT BOLD) *\/\n .main-title {\n text-align: center;\n font-size: 3.2rem;\n font-weight: 400;\n letter-spacing: 2px;\n color: #f57944;\n margin-bottom: 0.5rem;\n padding-bottom: 0.5rem;\n border-bottom: 4px solid #026F3D;\n display: inline-block;\n width: 100%;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n text-shadow: 0 2px 8px rgba(2, 111, 61, 0.12);\n line-height: 1.2;\n text-transform: uppercase;\n }\n\n .main-title i {\n color: #026F3D;\n margin-right: 15px;\n font-size: 3rem;\n }\n\n .header-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n margin-bottom: 0.5rem;\n }\n\n .sub-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1rem 0.5rem;\n margin-top: 0.5rem;\n margin-bottom: 1.8rem;\n }\n\n .sub-header h2 {\n font-size: 1.1rem;\n font-weight: 500;\n color: #1f3b2e;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .sub-header h2 i {\n color: #026F3D;\n font-size: 1.2rem;\n }\n\n .table-responsive {\n overflow-x: auto;\n border-radius: 18px;\n background: white;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n font-size: 0.95rem;\n min-width: 500px;\n table-layout: fixed;\n }\n\n \/* Fixed column widths *\/\n colgroup col:nth-child(1) { width: 45%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 30%; }\n\n thead {\n background: #026F3D;\n color: white;\n }\n\n thead th {\n padding: 1rem 1.2rem;\n font-weight: 600;\n font-size: 0.9rem;\n letter-spacing: 0.3px;\n text-transform: uppercase;\n text-align: left;\n border: none;\n white-space: nowrap;\n }\n\n thead th:first-child {\n border-radius: 14px 0 0 0;\n }\n thead th:last-child {\n border-radius: 0 14px 0 0;\n }\n\n tbody tr {\n border-bottom: 1px solid #eef3f0;\n transition: background 0.15s;\n }\n\n tbody tr:last-child {\n border-bottom: none;\n }\n\n tbody tr:hover {\n background: #f8fbfa;\n }\n\n tbody td {\n padding: 1rem 1.2rem;\n vertical-align: middle;\n border: none;\n color: #1a2e25;\n }\n\n .programme-name {\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 500;\n }\n\n .programme-name i {\n color: #026F3D;\n font-size: 1.2rem;\n width: 1.6rem;\n text-align: center;\n }\n\n .mode-badge {\n background: #eaf5ef;\n color: #026F3D;\n padding: 0.25rem 1rem;\n border-radius: 30px;\n font-size: 0.8rem;\n font-weight: 600;\n display: inline-block;\n white-space: nowrap;\n }\n\n .mode-badge i {\n margin-right: 6px;\n font-size: 0.8rem;\n }\n\n .duration-badge {\n background: #f0f4f2;\n padding: 0.25rem 0.9rem;\n border-radius: 30px;\n font-size: 0.8rem;\n font-weight: 500;\n color: #1f3b2e;\n display: inline-block;\n white-space: nowrap;\n }\n\n .duration-badge i {\n margin-right: 6px;\n font-size: 0.7rem;\n color: #026F3D;\n }\n\n .table-responsive::-webkit-scrollbar {\n height: 6px;\n }\n .table-responsive::-webkit-scrollbar-track {\n background: #eaf0ec;\n border-radius: 10px;\n }\n .table-responsive::-webkit-scrollbar-thumb {\n background: #026F3D;\n border-radius: 10px;\n }\n\n \/* responsive *\/\n @media (max-width: 820px) {\n .card {\n padding: 1.5rem 1rem;\n }\n table {\n font-size: 0.9rem;\n min-width: 400px;\n }\n thead th,\n tbody td {\n padding: 0.8rem 0.8rem;\n }\n .main-title {\n font-size: 2.6rem;\n }\n .main-title i {\n font-size: 2.4rem;\n }\n colgroup col:nth-child(1) { width: 40%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 35%; }\n }\n\n @media (max-width: 680px) {\n .card {\n padding: 1.2rem 0.8rem;\n }\n .sub-header {\n flex-direction: column;\n align-items: stretch;\n gap: 0.8rem;\n }\n .sub-header h2 {\n font-size: 1rem;\n }\n .main-title {\n font-size: 2rem;\n }\n .main-title i {\n font-size: 1.8rem;\n margin-right: 10px;\n }\n colgroup col:nth-child(1) { width: 35%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 40%; }\n }\n\n @media (max-width: 600px) {\n body {\n padding: 1rem 0.5rem;\n }\n .card {\n padding: 0.8rem 0.5rem;\n border-radius: 20px;\n }\n\n table,\n thead,\n tbody,\n th,\n td,\n tr {\n display: block;\n }\n\n thead {\n display: none;\n }\n\n tbody tr {\n display: block;\n margin-bottom: 1.2rem;\n border: 1px solid #e3ebe7;\n border-radius: 18px;\n padding: 0.6rem 0.2rem 0.4rem;\n background: white;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);\n }\n\n tbody tr:hover {\n background: white;\n }\n\n tbody td {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.4rem 0.7rem;\n border: none;\n border-bottom: 1px solid #ecf3ef;\n background: transparent;\n flex-wrap: wrap;\n gap: 0.3rem 0.4rem;\n }\n\n tbody td:last-child {\n border-bottom: none;\n }\n\n tbody td::before {\n content: attr(data-label);\n font-weight: 600;\n font-size: 0.65rem;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n color: #026F3D;\n background: #edf5f0;\n padding: 0.1rem 0.7rem;\n border-radius: 30px;\n display: inline-block;\n width: auto;\n flex-shrink: 0;\n }\n\n .programme-name {\n font-weight: 500;\n gap: 6px;\n flex: 1 1 auto;\n min-width: 120px;\n }\n\n .programme-name i {\n font-size: 1rem;\n width: 1.4rem;\n }\n\n .mode-badge,\n .duration-badge {\n font-size: 0.7rem;\n padding: 0.15rem 0.6rem;\n }\n\n tbody td .programme-name,\n tbody td .mode-badge,\n tbody td .duration-badge {\n margin-left: auto;\n }\n\n tbody td:first-child .programme-name {\n margin-left: 0;\n flex: 1;\n }\n\n .table-responsive {\n border-radius: 14px;\n }\n\n .main-title {\n font-size: 1.6rem;\n border-bottom-width: 3px;\n }\n .main-title i {\n font-size: 1.4rem;\n margin-right: 8px;\n }\n }\n\n @media (max-width: 400px) {\n .card {\n padding: 0.6rem 0.3rem;\n }\n tbody td {\n padding: 0.3rem 0.5rem;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.2rem;\n }\n tbody td::before {\n margin-bottom: 0.1rem;\n }\n .programme-name,\n .mode-badge,\n .duration-badge {\n margin-left: 0 !important;\n width: 100%;\n justify-content: flex-start;\n }\n .main-title {\n font-size: 1.2rem;\n letter-spacing: 1px;\n }\n .main-title i {\n font-size: 1.1rem;\n }\n .sub-header h2 {\n font-size: 0.85rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"card\">\n\n \n <div class=\"header-wrapper\">\n \n <div class=\"main-title\">\n <i class=\"fas fa-briefcase\"><\/i> BUSINESS STUDIES DIVISION\n <\/div>\n <\/div>\n\n \n <div class=\"sub-header\">\n <h2>\n <i class=\"fas fa-list-ul\"><\/i>\n Available programmes offered via distance learning\n <\/h2>\n <span style=\"font-size: 0.85rem; color: #4a6b5a; background: #ecf3ef; padding: 0.3rem 1rem; border-radius: 30px;\">\n <i class=\"fas fa-clock\" style=\"margin-right: 6px; color: #026F3D;\"><\/i> Updated regularly\n <\/span>\n <\/div>\n\n \n <div class=\"table-responsive\">\n <table>\n <colgroup>\n <col style=\"width: 45%;\">\n <col style=\"width: 25%;\">\n <col style=\"width: 30%;\">\n <\/colgroup>\n <thead>\n <tr>\n <th><i class=\"fas fa-book\" style=\"margin-right: 8px;\"><\/i>Programmes<\/th>\n <th><i class=\"fas fa-laptop\" style=\"margin-right: 8px;\"><\/i>Mode of Study<\/th>\n <th><i class=\"fas fa-hourglass-half\" style=\"margin-right: 8px;\"><\/i>Duration<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Information Technology<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Economics<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Logistics and Transport<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Science in Purchasing and Supply Chain Management<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Computer Science<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Zambia Institute of Purchasing and Supply (ZIPS)<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>2 Years (4 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Chartered Institute of Purchasing and Supply (CIPS)-Certificate<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>1 Year (2 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Chartered Institute of Purchasing and Supply (CIPS)-Diploma<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>6 Months<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Chartered Institute of Purchasing and Supply (CIPS)-Graduate Level<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>6 Months<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Certificate in Information Systems and Programming (CISP)<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>2 Years (4 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Diploma in Information Systems and Programming (DISP)<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>3 Years (6 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Diploma in Business Administration (DBA)<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>3 Years (6 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Certificate in Business Administration (CBA)<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>2 Years (4 Semesters)<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n<\/div>\n\n<script>\n (function() {\n \/\/ Count programmes\n const totalRows = document.querySelectorAll('tbody tr').length;\n console.log(`\ud83d\udcda BUSINESS STUDIES DIVISION \u2014 ${totalRows} programmes loaded`);\n document.querySelector('.card').dataset.totalProgrammes = totalRows;\n window.programmeCount = totalRows;\n console.log('\ud83d\udcda BUSINESS STUDIES DIVISION \u2014 ready');\n })();\n<\/script>\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-7a1bb54 e-flex e-con-boxed e-con e-parent\" data-id=\"7a1bb54\" 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-28cde59 elementor-widget elementor-widget-html\" data-id=\"28cde59\" 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\">\n <title>Climate, Disaster and Technology Centre (CDTeC)<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\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 }\n\n .card {\n max-width: 1300px;\n width: 100%;\n background: white;\n border-radius: 28px;\n box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n padding: 2rem 1.8rem;\n transition: all 0.2s ease;\n }\n\n \/* MAIN TITLE - CLIMATE, DISASTER AND TECHNOLOGY CENTRE (CDTeC) *\/\n .main-title {\n text-align: center;\n font-size: 2.2rem;\n font-weight: 400;\n letter-spacing: 1px;\n color: #f57944;\n margin-bottom: 0.5rem;\n padding-bottom: 0.5rem;\n border-bottom: 4px solid #026F3D;\n display: inline-block;\n width: 100%;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n text-shadow: 0 2px 8px rgba(2, 111, 61, 0.12);\n line-height: 1.3;\n text-transform: uppercase;\n }\n\n .main-title i {\n color: #026F3D;\n margin-right: 12px;\n font-size: 2rem;\n }\n\n .header-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n margin-bottom: 0.5rem;\n }\n\n .sub-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1rem 0.5rem;\n margin-top: 0.5rem;\n margin-bottom: 1.8rem;\n }\n\n .sub-header h2 {\n font-size: 1.1rem;\n font-weight: 500;\n color: #1f3b2e;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .sub-header h2 i {\n color: #026F3D;\n font-size: 1.2rem;\n }\n\n .table-responsive {\n overflow-x: auto;\n border-radius: 18px;\n background: white;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n font-size: 0.95rem;\n min-width: 500px;\n table-layout: fixed;\n }\n\n \/* Fixed column widths *\/\n colgroup col:nth-child(1) { width: 45%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 30%; }\n\n thead {\n background: #026F3D;\n color: white;\n }\n\n thead th {\n padding: 1rem 1.2rem;\n font-weight: 600;\n font-size: 0.9rem;\n letter-spacing: 0.3px;\n text-transform: uppercase;\n text-align: left;\n border: none;\n white-space: nowrap;\n }\n\n thead th:first-child {\n border-radius: 14px 0 0 0;\n }\n thead th:last-child {\n border-radius: 0 14px 0 0;\n }\n\n tbody tr {\n border-bottom: 1px solid #eef3f0;\n transition: background 0.15s;\n }\n\n tbody tr:last-child {\n border-bottom: none;\n }\n\n tbody tr:hover {\n background: #f8fbfa;\n }\n\n tbody td {\n padding: 1rem 1.2rem;\n vertical-align: middle;\n border: none;\n color: #1a2e25;\n }\n\n .programme-name {\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 500;\n }\n\n .programme-name i {\n color: #026F3D;\n font-size: 1.2rem;\n width: 1.6rem;\n text-align: center;\n }\n\n .mode-badge {\n background: #eaf5ef;\n color: #026F3D;\n padding: 0.25rem 1rem;\n border-radius: 30px;\n font-size: 0.8rem;\n font-weight: 600;\n display: inline-block;\n white-space: nowrap;\n }\n\n .mode-badge i {\n margin-right: 6px;\n font-size: 0.8rem;\n }\n\n .duration-badge {\n background: #f0f4f2;\n padding: 0.25rem 0.9rem;\n border-radius: 30px;\n font-size: 0.8rem;\n font-weight: 500;\n color: #1f3b2e;\n display: inline-block;\n white-space: nowrap;\n }\n\n .duration-badge i {\n margin-right: 6px;\n font-size: 0.7rem;\n color: #026F3D;\n }\n\n .table-responsive::-webkit-scrollbar {\n height: 6px;\n }\n .table-responsive::-webkit-scrollbar-track {\n background: #eaf0ec;\n border-radius: 10px;\n }\n .table-responsive::-webkit-scrollbar-thumb {\n background: #026F3D;\n border-radius: 10px;\n }\n\n \/* responsive *\/\n @media (max-width: 820px) {\n .card {\n padding: 1.5rem 1rem;\n }\n table {\n font-size: 0.9rem;\n min-width: 400px;\n }\n thead th,\n tbody td {\n padding: 0.8rem 0.8rem;\n }\n .main-title {\n font-size: 1.8rem;\n }\n .main-title i {\n font-size: 1.6rem;\n }\n colgroup col:nth-child(1) { width: 40%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 35%; }\n }\n\n @media (max-width: 680px) {\n .card {\n padding: 1.2rem 0.8rem;\n }\n .sub-header {\n flex-direction: column;\n align-items: stretch;\n gap: 0.8rem;\n }\n .sub-header h2 {\n font-size: 1rem;\n }\n .main-title {\n font-size: 1.5rem;\n }\n .main-title i {\n font-size: 1.3rem;\n margin-right: 8px;\n }\n colgroup col:nth-child(1) { width: 35%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 40%; }\n }\n\n @media (max-width: 600px) {\n body {\n padding: 1rem 0.5rem;\n }\n .card {\n padding: 0.8rem 0.5rem;\n border-radius: 20px;\n }\n\n table,\n thead,\n tbody,\n th,\n td,\n tr {\n display: block;\n }\n\n thead {\n display: none;\n }\n\n tbody tr {\n display: block;\n margin-bottom: 1.2rem;\n border: 1px solid #e3ebe7;\n border-radius: 18px;\n padding: 0.6rem 0.2rem 0.4rem;\n background: white;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);\n }\n\n tbody tr:hover {\n background: white;\n }\n\n tbody td {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.4rem 0.7rem;\n border: none;\n border-bottom: 1px solid #ecf3ef;\n background: transparent;\n flex-wrap: wrap;\n gap: 0.3rem 0.4rem;\n }\n\n tbody td:last-child {\n border-bottom: none;\n }\n\n tbody td::before {\n content: attr(data-label);\n font-weight: 600;\n font-size: 0.65rem;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n color: #026F3D;\n background: #edf5f0;\n padding: 0.1rem 0.7rem;\n border-radius: 30px;\n display: inline-block;\n width: auto;\n flex-shrink: 0;\n }\n\n .programme-name {\n font-weight: 500;\n gap: 6px;\n flex: 1 1 auto;\n min-width: 120px;\n }\n\n .programme-name i {\n font-size: 1rem;\n width: 1.4rem;\n }\n\n .mode-badge,\n .duration-badge {\n font-size: 0.7rem;\n padding: 0.15rem 0.6rem;\n }\n\n tbody td .programme-name,\n tbody td .mode-badge,\n tbody td .duration-badge {\n margin-left: auto;\n }\n\n tbody td:first-child .programme-name {\n margin-left: 0;\n flex: 1;\n }\n\n .table-responsive {\n border-radius: 14px;\n }\n\n .main-title {\n font-size: 1.2rem;\n border-bottom-width: 3px;\n }\n .main-title i {\n font-size: 1rem;\n margin-right: 6px;\n }\n }\n\n @media (max-width: 400px) {\n .card {\n padding: 0.6rem 0.3rem;\n }\n tbody td {\n padding: 0.3rem 0.5rem;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.2rem;\n }\n tbody td::before {\n margin-bottom: 0.1rem;\n }\n .programme-name,\n .mode-badge,\n .duration-badge {\n margin-left: 0 !important;\n width: 100%;\n justify-content: flex-start;\n }\n .main-title {\n font-size: 1rem;\n letter-spacing: 0.5px;\n }\n .main-title i {\n font-size: 0.9rem;\n }\n .sub-header h2 {\n font-size: 0.85rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"card\">\n\n \n <div class=\"header-wrapper\">\n \n <div class=\"main-title\">\n <i class=\"fas fa-globe-africa\"><\/i> CLIMATE, DISASTER AND TECHNOLOGY CENTRE (CDTeC)\n <\/div>\n <\/div>\n\n \n <div class=\"sub-header\">\n <h2>\n <i class=\"fas fa-list-ul\"><\/i>\n Available programmes offered via distance learning\n <\/h2>\n <span style=\"font-size: 0.85rem; color: #4a6b5a; background: #ecf3ef; padding: 0.3rem 1rem; border-radius: 30px;\">\n <i class=\"fas fa-clock\" style=\"margin-right: 6px; color: #026F3D;\"><\/i> Updated regularly\n <\/span>\n <\/div>\n\n \n <div class=\"table-responsive\">\n <table>\n <colgroup>\n <col style=\"width: 45%;\">\n <col style=\"width: 25%;\">\n <col style=\"width: 30%;\">\n <\/colgroup>\n <thead>\n <tr>\n <th><i class=\"fas fa-book\" style=\"margin-right: 8px;\"><\/i>Programmes<\/th>\n <th><i class=\"fas fa-laptop\" style=\"margin-right: 8px;\"><\/i>Mode of Study<\/th>\n <th><i class=\"fas fa-hourglass-half\" style=\"margin-right: 8px;\"><\/i>Duration<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Science in Disaster Studies and Sustainable Development<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Science in Climatology and Meteorology<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Science in Land and Water Conservation<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Emergency Management in Fire Protection and Risk<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Emergency Management in Occupational Health and Safety<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n<\/div>\n\n<script>\n (function() {\n \/\/ Count programmes\n const totalRows = document.querySelectorAll('tbody tr').length;\n console.log(`\ud83c\udf0d CLIMATE, DISASTER AND TECHNOLOGY CENTRE (CDTeC) \u2014 ${totalRows} programmes loaded`);\n document.querySelector('.card').dataset.totalProgrammes = totalRows;\n window.programmeCount = totalRows;\n console.log('\ud83c\udf0d CLIMATE, DISASTER AND TECHNOLOGY CENTRE (CDTeC) \u2014 ready');\n })();\n<\/script>\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-86ea2cd e-flex e-con-boxed e-con e-parent\" data-id=\"86ea2cd\" 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-7b36c55 elementor-widget elementor-widget-html\" data-id=\"7b36c55\" 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\">\n <title>Business Studies Division<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\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 }\n\n .card {\n max-width: 900px;\n width: 100%;\n background: white;\n border-radius: 28px;\n box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n padding: 2rem 2.5rem;\n transition: all 0.2s ease;\n }\n\n \/* MAIN TITLE - LEFT ALIGNED & SMALLER *\/\n .main-title {\n text-align: left;\n font-size: 1.6rem;\n font-weight: 400;\n letter-spacing: 1px;\n color: #f57944;\n margin-bottom: 0.5rem;\n padding-bottom: 0.5rem;\n border-bottom: 4px solid #026F3D;\n display: inline-block;\n width: 100%;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n text-shadow: 0 2px 8px rgba(2, 111, 61, 0.12);\n line-height: 1.3;\n text-transform: uppercase;\n }\n\n .main-title i {\n color: #026F3D;\n margin-right: 12px;\n font-size: 1.4rem;\n }\n\n .header-wrapper {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n margin-bottom: 1.5rem;\n }\n\n .program-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 0.5rem 0;\n }\n\n .program-item {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 1rem 1.5rem;\n background: #f8fbfa;\n border-radius: 14px;\n border-left: 5px solid #026F3D;\n transition: all 0.25s ease;\n font-size: 1.05rem;\n color: #1a2e25;\n font-weight: 500;\n }\n\n .program-item:hover {\n background: #eaf5ef;\n transform: translateX(6px);\n box-shadow: 0 4px 12px rgba(2, 111, 61, 0.12);\n }\n\n .program-item i {\n color: #026F3D;\n font-size: 1.3rem;\n width: 2rem;\n text-align: center;\n flex-shrink: 0;\n }\n\n .program-item .program-code {\n font-size: 0.75rem;\n font-weight: 600;\n color: #f57944;\n background: #fff;\n padding: 0.15rem 0.8rem;\n border-radius: 30px;\n border: 1px solid #f57944;\n margin-left: auto;\n white-space: nowrap;\n }\n\n \/* responsive *\/\n @media (max-width: 820px) {\n .card {\n padding: 1.5rem 1.5rem;\n }\n .main-title {\n font-size: 1.4rem;\n }\n .main-title i {\n font-size: 1.2rem;\n }\n .program-item {\n font-size: 0.95rem;\n padding: 0.8rem 1.2rem;\n }\n }\n\n @media (max-width: 680px) {\n .card {\n padding: 1.2rem 1rem;\n }\n .main-title {\n font-size: 1.2rem;\n }\n .main-title i {\n font-size: 1rem;\n margin-right: 8px;\n }\n .program-item {\n font-size: 0.9rem;\n padding: 0.7rem 1rem;\n gap: 12px;\n }\n .program-item .program-code {\n font-size: 0.65rem;\n padding: 0.1rem 0.6rem;\n }\n }\n\n @media (max-width: 500px) {\n body {\n padding: 1rem 0.5rem;\n }\n .card {\n padding: 0.8rem 0.8rem;\n border-radius: 20px;\n }\n .main-title {\n font-size: 1rem;\n border-bottom-width: 3px;\n }\n .main-title i {\n font-size: 0.9rem;\n margin-right: 6px;\n }\n .program-item {\n font-size: 0.8rem;\n padding: 0.6rem 0.8rem;\n gap: 10px;\n flex-wrap: wrap;\n }\n .program-item i {\n font-size: 1rem;\n width: 1.5rem;\n }\n .program-item .program-code {\n font-size: 0.6rem;\n padding: 0.1rem 0.5rem;\n margin-left: 0;\n width: 100%;\n text-align: center;\n }\n }\n\n @media (max-width: 400px) {\n .card {\n padding: 0.6rem 0.5rem;\n }\n .main-title {\n font-size: 0.85rem;\n }\n .main-title i {\n font-size: 0.75rem;\n }\n .program-item {\n font-size: 0.75rem;\n padding: 0.5rem 0.6rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"card\">\n\n \n <div class=\"header-wrapper\">\n \n <div class=\"main-title\">\n <i class=\"fas fa-briefcase\"><\/i> BUSINESS STUDIES DIVISION\n <\/div>\n <\/div>\n\n \n <div class=\"program-list\">\n <div class=\"program-item\">\n <i class=\"fas fa-chart-line\"><\/i>\n Master of Business Administration (MBA General)\n <span class=\"program-code\">General<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-coins\"><\/i>\n Master of Business Administration (MBA Finance)\n <span class=\"program-code\">Finance<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-bullhorn\"><\/i>\n Master of Business Administration (MBA Marketing)\n <span class=\"program-code\">Marketing<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-lightbulb\"><\/i>\n Master of Business Administration (MBA Entrepreneurship)\n <span class=\"program-code\">Entrepreneurship<\/span>\n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\n (function() {\n const totalProgrammes = document.querySelectorAll('.program-item').length;\n console.log(`\ud83d\udcda BUSINESS STUDIES DIVISION \u2014 ${totalProgrammes} programmes loaded`);\n document.querySelector('.card').dataset.totalProgrammes = totalProgrammes;\n window.programmeCount = totalProgrammes;\n console.log('\ud83d\udcda BUSINESS STUDIES DIVISION \u2014 ready');\n })();\n<\/script>\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-87b8357 e-flex e-con-boxed e-con e-parent\" data-id=\"87b8357\" 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-be6754f elementor-widget elementor-widget-html\" data-id=\"be6754f\" 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\">\n <title>Management Studies Division<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\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 }\n\n .card {\n max-width: 900px;\n width: 100%;\n background: white;\n border-radius: 28px;\n box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n padding: 2rem 2.5rem;\n transition: all 0.2s ease;\n }\n\n \/* MAIN TITLE - LEFT ALIGNED & SMALLER *\/\n .main-title {\n text-align: left;\n font-size: 1.6rem;\n font-weight: 400;\n letter-spacing: 1px;\n color: #f57944;\n margin-bottom: 0.5rem;\n padding-bottom: 0.5rem;\n border-bottom: 4px solid #026F3D;\n display: inline-block;\n width: 100%;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n text-shadow: 0 2px 8px rgba(2, 111, 61, 0.12);\n line-height: 1.3;\n text-transform: uppercase;\n }\n\n .main-title i {\n color: #026F3D;\n margin-right: 12px;\n font-size: 1.4rem;\n }\n\n .header-wrapper {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n margin-bottom: 1.5rem;\n }\n\n .program-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 0.5rem 0;\n }\n\n .program-item {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 1rem 1.5rem;\n background: #f8fbfa;\n border-radius: 14px;\n border-left: 5px solid #026F3D;\n transition: all 0.25s ease;\n font-size: 1.05rem;\n color: #1a2e25;\n font-weight: 500;\n }\n\n .program-item:hover {\n background: #eaf5ef;\n transform: translateX(6px);\n box-shadow: 0 4px 12px rgba(2, 111, 61, 0.12);\n }\n\n .program-item i {\n color: #026F3D;\n font-size: 1.3rem;\n width: 2rem;\n text-align: center;\n flex-shrink: 0;\n }\n\n .program-item .program-code {\n font-size: 0.75rem;\n font-weight: 600;\n color: #f57944;\n background: #fff;\n padding: 0.15rem 0.8rem;\n border-radius: 30px;\n border: 1px solid #f57944;\n margin-left: auto;\n white-space: nowrap;\n }\n\n \/* responsive *\/\n @media (max-width: 820px) {\n .card {\n padding: 1.5rem 1.5rem;\n }\n .main-title {\n font-size: 1.4rem;\n }\n .main-title i {\n font-size: 1.2rem;\n }\n .program-item {\n font-size: 0.95rem;\n padding: 0.8rem 1.2rem;\n }\n }\n\n @media (max-width: 680px) {\n .card {\n padding: 1.2rem 1rem;\n }\n .main-title {\n font-size: 1.2rem;\n }\n .main-title i {\n font-size: 1rem;\n margin-right: 8px;\n }\n .program-item {\n font-size: 0.9rem;\n padding: 0.7rem 1rem;\n gap: 12px;\n }\n .program-item .program-code {\n font-size: 0.65rem;\n padding: 0.1rem 0.6rem;\n }\n }\n\n @media (max-width: 500px) {\n body {\n padding: 1rem 0.5rem;\n }\n .card {\n padding: 0.8rem 0.8rem;\n border-radius: 20px;\n }\n .main-title {\n font-size: 1rem;\n border-bottom-width: 3px;\n }\n .main-title i {\n font-size: 0.9rem;\n margin-right: 6px;\n }\n .program-item {\n font-size: 0.8rem;\n padding: 0.6rem 0.8rem;\n gap: 10px;\n flex-wrap: wrap;\n }\n .program-item i {\n font-size: 1rem;\n width: 1.5rem;\n }\n .program-item .program-code {\n font-size: 0.6rem;\n padding: 0.1rem 0.5rem;\n margin-left: 0;\n width: 100%;\n text-align: center;\n }\n }\n\n @media (max-width: 400px) {\n .card {\n padding: 0.6rem 0.5rem;\n }\n .main-title {\n font-size: 0.85rem;\n }\n .main-title i {\n font-size: 0.75rem;\n }\n .program-item {\n font-size: 0.75rem;\n padding: 0.5rem 0.6rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"card\">\n\n \n <div class=\"header-wrapper\">\n \n <div class=\"main-title\">\n <i class=\"fas fa-users-cog\"><\/i> MANAGEMENT STUDIES DIVISION\n <\/div>\n <\/div>\n\n \n <div class=\"program-list\">\n <div class=\"program-item\">\n <i class=\"fas fa-university\"><\/i>\n Master of Public Administration\n <span class=\"program-code\">MPA<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-globe-americas\"><\/i>\n Master of International Relations and Diplomacy\n <span class=\"program-code\">MIR<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-bullhorn\"><\/i>\n Master of Public Relations\n <span class=\"program-code\">MPR<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-users\"><\/i>\n Master of Human Resources Management\n <span class=\"program-code\">MHRM<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-tasks\"><\/i>\n Master of Science in Projects Management\n <span class=\"program-code\">MSc PM<\/span>\n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\n (function() {\n const totalProgrammes = document.querySelectorAll('.program-item').length;\n console.log(`\ud83d\udcda MANAGEMENT STUDIES DIVISION \u2014 ${totalProgrammes} programmes loaded`);\n document.querySelector('.card').dataset.totalProgrammes = totalProgrammes;\n window.programmeCount = totalProgrammes;\n console.log('\ud83d\udcda MANAGEMENT STUDIES DIVISION \u2014 ready');\n })();\n<\/script>\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-0260079 e-flex e-con-boxed e-con e-parent\" data-id=\"0260079\" 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-505b470 elementor-widget elementor-widget-html\" data-id=\"505b470\" 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\">\n <title>Climate, Disaster and Technology Centre (CDTeC)<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\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 }\n\n .card {\n max-width: 900px;\n width: 100%;\n background: white;\n border-radius: 28px;\n box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n padding: 2rem 2.5rem;\n transition: all 0.2s ease;\n }\n\n \/* MAIN TITLE - LEFT ALIGNED & SMALLER *\/\n .main-title {\n text-align: left;\n font-size: 1.6rem;\n font-weight: 400;\n letter-spacing: 1px;\n color: #f57944;\n margin-bottom: 0.5rem;\n padding-bottom: 0.5rem;\n border-bottom: 4px solid #026F3D;\n display: inline-block;\n width: 100%;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n text-shadow: 0 2px 8px rgba(2, 111, 61, 0.12);\n line-height: 1.3;\n text-transform: uppercase;\n }\n\n .main-title i {\n color: #026F3D;\n margin-right: 12px;\n font-size: 1.4rem;\n }\n\n .header-wrapper {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n margin-bottom: 1.5rem;\n }\n\n .program-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 0.5rem 0;\n }\n\n .program-item {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 1rem 1.5rem;\n background: #f8fbfa;\n border-radius: 14px;\n border-left: 5px solid #026F3D;\n transition: all 0.25s ease;\n font-size: 1.05rem;\n color: #1a2e25;\n font-weight: 500;\n }\n\n .program-item:hover {\n background: #eaf5ef;\n transform: translateX(6px);\n box-shadow: 0 4px 12px rgba(2, 111, 61, 0.12);\n }\n\n .program-item i {\n color: #026F3D;\n font-size: 1.3rem;\n width: 2rem;\n text-align: center;\n flex-shrink: 0;\n }\n\n .program-item .program-code {\n font-size: 0.75rem;\n font-weight: 600;\n color: #f57944;\n background: #fff;\n padding: 0.15rem 0.8rem;\n border-radius: 30px;\n border: 1px solid #f57944;\n margin-left: auto;\n white-space: nowrap;\n }\n\n \/* responsive *\/\n @media (max-width: 820px) {\n .card {\n padding: 1.5rem 1.5rem;\n }\n .main-title {\n font-size: 1.4rem;\n }\n .main-title i {\n font-size: 1.2rem;\n }\n .program-item {\n font-size: 0.95rem;\n padding: 0.8rem 1.2rem;\n }\n }\n\n @media (max-width: 680px) {\n .card {\n padding: 1.2rem 1rem;\n }\n .main-title {\n font-size: 1.2rem;\n }\n .main-title i {\n font-size: 1rem;\n margin-right: 8px;\n }\n .program-item {\n font-size: 0.9rem;\n padding: 0.7rem 1rem;\n gap: 12px;\n }\n .program-item .program-code {\n font-size: 0.65rem;\n padding: 0.1rem 0.6rem;\n }\n }\n\n @media (max-width: 500px) {\n body {\n padding: 1rem 0.5rem;\n }\n .card {\n padding: 0.8rem 0.8rem;\n border-radius: 20px;\n }\n .main-title {\n font-size: 1rem;\n border-bottom-width: 3px;\n }\n .main-title i {\n font-size: 0.9rem;\n margin-right: 6px;\n }\n .program-item {\n font-size: 0.8rem;\n padding: 0.6rem 0.8rem;\n gap: 10px;\n flex-wrap: wrap;\n }\n .program-item i {\n font-size: 1rem;\n width: 1.5rem;\n }\n .program-item .program-code {\n font-size: 0.6rem;\n padding: 0.1rem 0.5rem;\n margin-left: 0;\n width: 100%;\n text-align: center;\n }\n }\n\n @media (max-width: 400px) {\n .card {\n padding: 0.6rem 0.5rem;\n }\n .main-title {\n font-size: 0.85rem;\n }\n .main-title i {\n font-size: 0.75rem;\n }\n .program-item {\n font-size: 0.75rem;\n padding: 0.5rem 0.6rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"card\">\n\n \n <div class=\"header-wrapper\">\n \n <div class=\"main-title\">\n <i class=\"fas fa-globe-africa\"><\/i> CLIMATE, DISASTER AND TECHNOLOGY CENTRE (CDTeC)\n <\/div>\n <\/div>\n\n \n <div class=\"program-list\">\n <div class=\"program-item\">\n <i class=\"fas fa-leaf\"><\/i>\n Master of Arts Climate Change and Global Sustainability (MA-CCGS)\n <span class=\"program-code\">MA-CCGS<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-shield-alt\"><\/i>\n Master of Disaster Risk Reduction (MDRR)\n <span class=\"program-code\">MDRR<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-laptop-code\"><\/i>\n Master of Science in Computer Science (MScCS)\n <span class=\"program-code\">MScCS<\/span>\n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\n (function() {\n const totalProgrammes = document.querySelectorAll('.program-item').length;\n console.log(`\ud83c\udf0d CLIMATE, DISASTER AND TECHNOLOGY CENTRE (CDTeC) \u2014 ${totalProgrammes} programmes loaded`);\n document.querySelector('.card').dataset.totalProgrammes = totalProgrammes;\n window.programmeCount = totalProgrammes;\n console.log('\ud83c\udf0d CLIMATE, DISASTER AND TECHNOLOGY CENTRE (CDTeC) \u2014 ready');\n })();\n<\/script>\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-7ed93eb e-flex e-con-boxed e-con e-parent\" data-id=\"7ed93eb\" 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-1fce119 elementor-widget elementor-widget-html\" data-id=\"1fce119\" 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\">\n <title>Legal Studies Department (LSD)<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\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 }\n\n .card {\n max-width: 900px;\n width: 100%;\n background: white;\n border-radius: 28px;\n box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n padding: 2rem 2.5rem;\n transition: all 0.2s ease;\n }\n\n \/* MAIN TITLE - LEFT ALIGNED & SMALLER *\/\n .main-title {\n text-align: left;\n font-size: 1.6rem;\n font-weight: 400;\n letter-spacing: 1px;\n color: #f57944;\n margin-bottom: 0.5rem;\n padding-bottom: 0.5rem;\n border-bottom: 4px solid #026F3D;\n display: inline-block;\n width: 100%;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n text-shadow: 0 2px 8px rgba(2, 111, 61, 0.12);\n line-height: 1.3;\n text-transform: uppercase;\n }\n\n .main-title i {\n color: #026F3D;\n margin-right: 12px;\n font-size: 1.4rem;\n }\n\n .header-wrapper {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n margin-bottom: 1.5rem;\n }\n\n .program-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 0.5rem 0;\n }\n\n .program-item {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 1rem 1.5rem;\n background: #f8fbfa;\n border-radius: 14px;\n border-left: 5px solid #026F3D;\n transition: all 0.25s ease;\n font-size: 1.05rem;\n color: #1a2e25;\n font-weight: 500;\n }\n\n .program-item:hover {\n background: #eaf5ef;\n transform: translateX(6px);\n box-shadow: 0 4px 12px rgba(2, 111, 61, 0.12);\n }\n\n .program-item i {\n color: #026F3D;\n font-size: 1.3rem;\n width: 2rem;\n text-align: center;\n flex-shrink: 0;\n }\n\n .program-item .program-code {\n font-size: 0.75rem;\n font-weight: 600;\n color: #f57944;\n background: #fff;\n padding: 0.15rem 0.8rem;\n border-radius: 30px;\n border: 1px solid #f57944;\n margin-left: auto;\n white-space: nowrap;\n }\n\n \/* responsive *\/\n @media (max-width: 820px) {\n .card {\n padding: 1.5rem 1.5rem;\n }\n .main-title {\n font-size: 1.4rem;\n }\n .main-title i {\n font-size: 1.2rem;\n }\n .program-item {\n font-size: 0.95rem;\n padding: 0.8rem 1.2rem;\n }\n }\n\n @media (max-width: 680px) {\n .card {\n padding: 1.2rem 1rem;\n }\n .main-title {\n font-size: 1.2rem;\n }\n .main-title i {\n font-size: 1rem;\n margin-right: 8px;\n }\n .program-item {\n font-size: 0.9rem;\n padding: 0.7rem 1rem;\n gap: 12px;\n }\n .program-item .program-code {\n font-size: 0.65rem;\n padding: 0.1rem 0.6rem;\n }\n }\n\n @media (max-width: 500px) {\n body {\n padding: 1rem 0.5rem;\n }\n .card {\n padding: 0.8rem 0.8rem;\n border-radius: 20px;\n }\n .main-title {\n font-size: 1rem;\n border-bottom-width: 3px;\n }\n .main-title i {\n font-size: 0.9rem;\n margin-right: 6px;\n }\n .program-item {\n font-size: 0.8rem;\n padding: 0.6rem 0.8rem;\n gap: 10px;\n flex-wrap: wrap;\n }\n .program-item i {\n font-size: 1rem;\n width: 1.5rem;\n }\n .program-item .program-code {\n font-size: 0.6rem;\n padding: 0.1rem 0.5rem;\n margin-left: 0;\n width: 100%;\n text-align: center;\n }\n }\n\n @media (max-width: 400px) {\n .card {\n padding: 0.6rem 0.5rem;\n }\n .main-title {\n font-size: 0.85rem;\n }\n .main-title i {\n font-size: 0.75rem;\n }\n .program-item {\n font-size: 0.75rem;\n padding: 0.5rem 0.6rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"card\">\n\n \n <div class=\"header-wrapper\">\n \n <div class=\"main-title\">\n <i class=\"fas fa-gavel\"><\/i> LEGAL STUDIES DEPARTMENT (LSD)\n <\/div>\n <\/div>\n\n \n <div class=\"program-list\">\n <div class=\"program-item\">\n <i class=\"fas fa-balance-scale\"><\/i>\n Master of Laws General (LLM-General)\n <span class=\"program-code\">LLM-G<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-handcuffs\"><\/i>\n Master of Laws in Criminal Law and Criminal Procedure (LLM-CLCP)\n <span class=\"program-code\">LLM-CLCP<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-briefcase\"><\/i>\n Master of Laws in Employment and Labour Laws (LLM-ELL)\n <span class=\"program-code\">LLM-ELL<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-building\"><\/i>\n Master of Laws in Corporate Law (LLM-CL)\n <span class=\"program-code\">LLM-CL<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-university\"><\/i>\n Master of Laws in Banking Law (LLM-BL)\n <span class=\"program-code\">LLM-BL<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-fist-raised\"><\/i>\n Master of Laws in Human Rights Law (LLM-HRL)\n <span class=\"program-code\">LLM-HRL<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-globe\"><\/i>\n Master of Laws in Constitutional and International Law (LLM-CIL)\n <span class=\"program-code\">LLM-CIL<\/span>\n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\n (function() {\n const totalProgrammes = document.querySelectorAll('.program-item').length;\n console.log(`\u2696\ufe0f LEGAL STUDIES DEPARTMENT (LSD) \u2014 ${totalProgrammes} programmes loaded`);\n document.querySelector('.card').dataset.totalProgrammes = totalProgrammes;\n window.programmeCount = totalProgrammes;\n console.log('\u2696\ufe0f LEGAL STUDIES DEPARTMENT (LSD) \u2014 ready');\n })();\n<\/script>\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-16bc4ef e-flex e-con-boxed e-con e-parent\" data-id=\"16bc4ef\" 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-f61c25c elementor-widget elementor-widget-html\" data-id=\"f61c25c\" 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=1.0, user-scalable=yes\" \/>\n <title>Masters Programmes Information<\/title>\n \n \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 .masters-wrapper {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n padding: 30px 16px;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n background: transparent;\n min-height: 100vh;\n box-sizing: border-box;\n }\n\n .masters-wrapper * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .masters-wrapper .programmes-card {\n max-width: 960px;\n width: 100%;\n background: #ffffff;\n border-radius: 18px;\n padding: 2rem 2.5rem;\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);\n border: 1px solid #e2e9e5;\n transition: box-shadow 0.3s ease;\n margin: 0 auto; \/* ensures horizontal centering *\/\n }\n\n .masters-wrapper .programmes-card:hover {\n box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);\n }\n\n \/* ===== HEADER ===== *\/\n .masters-wrapper .pg-header {\n display: flex;\n align-items: center;\n gap: 14px;\n margin-bottom: 24px;\n padding-bottom: 14px;\n border-bottom: 2px solid #edf2ef;\n }\n\n .masters-wrapper .pg-header .icon-box {\n background: #026F3D;\n width: 46px;\n height: 46px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n font-size: 1.3rem;\n flex-shrink: 0;\n transition: transform 0.3s ease, background 0.3s ease;\n }\n\n .masters-wrapper .pg-header .icon-box:hover {\n transform: scale(1.05) rotate(-3deg);\n background: #038a4a;\n }\n\n .masters-wrapper .pg-header h1 {\n font-size: 1.4rem;\n font-weight: 600;\n color: #0b2b1e;\n }\n\n .masters-wrapper .pg-header h1 small {\n display: block;\n font-size: 0.75rem;\n font-weight: 400;\n color: #6b8a7a;\n margin-top: 1px;\n }\n\n \/* ===== DURATION BANNER - NO BACKGROUND ===== *\/\n .masters-wrapper .duration-banner {\n background: transparent;\n color: #0b2b1e;\n padding: 8px 0 12px 0;\n display: flex;\n align-items: center;\n gap: 14px;\n flex-wrap: wrap;\n margin-bottom: 26px;\n border-bottom: 2px solid #edf2ef;\n transition: border-color 0.3s ease;\n }\n\n .masters-wrapper .duration-banner:hover {\n border-color: #026F3D;\n }\n\n .masters-wrapper .duration-banner .icon-large {\n font-size: 1.4rem;\n }\n\n .masters-wrapper .duration-banner .years {\n font-size: 1.5rem;\n font-weight: 700;\n color: #026F3D;\n }\n\n .masters-wrapper .duration-banner .text {\n font-size: 0.88rem;\n color: #3d5a4a;\n }\n\n .masters-wrapper .duration-banner .text strong {\n font-weight: 600;\n color: #0b2b1e;\n }\n\n \/* ===== SECTION ===== *\/\n .masters-wrapper .section-block {\n margin-top: 22px;\n }\n\n .masters-wrapper .section-title {\n font-size: 0.95rem;\n font-weight: 600;\n color: #0b2b1e;\n margin-bottom: 10px;\n padding-bottom: 6px;\n border-bottom: 2px solid #edf2ef;\n display: flex;\n align-items: center;\n gap: 10px;\n transition: color 0.3s ease;\n }\n\n .masters-wrapper .section-title:hover {\n color: #026F3D;\n }\n\n .masters-wrapper .section-title i {\n color: #026F3D;\n width: 20px;\n font-size: 0.95rem;\n transition: transform 0.3s ease;\n }\n\n .masters-wrapper .section-title:hover i {\n transform: scale(1.15);\n }\n\n .masters-wrapper .section-title .pill {\n font-size: 0.5rem;\n font-weight: 700;\n background: #026F3D;\n color: #fff;\n padding: 2px 12px;\n border-radius: 30px;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n margin-left: auto;\n transition: background 0.3s ease, transform 0.3s ease;\n }\n\n .masters-wrapper .section-title .pill:hover {\n transform: scale(1.05);\n }\n\n .masters-wrapper .section-title .pill.orange {\n background: #e0693a;\n }\n\n .masters-wrapper .section-title .pill.orange:hover {\n background: #c95a2e;\n }\n\n .masters-wrapper .section-title .pill.gold {\n background: #e0693a;\n }\n\n .masters-wrapper .section-title .pill.gold:hover {\n background: #c95a2e;\n }\n\n \/* ===== LISTS ===== *\/\n .masters-wrapper ul {\n list-style: none;\n padding: 0;\n }\n\n .masters-wrapper ul li {\n font-size: 0.9rem;\n line-height: 1.6;\n color: #1f3b2e;\n padding: 7px 12px 7px 32px;\n position: relative;\n border-bottom: 1px solid #f2f6f4;\n transition: background 0.25s ease, transform 0.25s ease, padding-left 0.25s ease;\n border-radius: 4px;\n }\n\n .masters-wrapper ul li:hover {\n background: #f0f6f2;\n transform: translateX(4px);\n padding-left: 36px;\n }\n\n .masters-wrapper ul li:last-child {\n border-bottom: none;\n }\n\n .masters-wrapper ul li::before {\n content: \"\u203a\";\n position: absolute;\n left: 10px;\n color: #026F3D;\n font-size: 1.2rem;\n font-weight: 700;\n top: 5px;\n transition: transform 0.3s ease, color 0.3s ease;\n }\n\n .masters-wrapper ul li:hover::before {\n transform: scale(1.3);\n color: #e0693a;\n }\n\n .masters-wrapper .sub-items {\n margin-left: 4px;\n margin-top: 2px;\n }\n\n .masters-wrapper .sub-items li {\n padding: 4px 12px 4px 28px;\n font-size: 0.85rem;\n color: #3d5a4a;\n border-bottom: none;\n background: #f8fbfa;\n border-radius: 4px;\n transition: background 0.25s ease, transform 0.25s ease;\n }\n\n .masters-wrapper .sub-items li:hover {\n background: #e8f2ec;\n transform: translateX(4px);\n }\n\n .masters-wrapper .sub-items li::before {\n content: \"\u2022\";\n left: 10px;\n font-size: 1rem;\n top: 4px;\n }\n\n .masters-wrapper .sub-items li:hover::before {\n transform: scale(1.2);\n color: #e0693a;\n }\n\n .masters-wrapper .label {\n font-weight: 600;\n color: #0b2b1e;\n }\n\n .masters-wrapper .highlight {\n background: #eaf5ef;\n padding: 0 4px;\n border-radius: 3px;\n font-weight: 600;\n color: #026F3D;\n transition: background 0.3s ease, color 0.3s ease;\n }\n\n .masters-wrapper .highlight:hover {\n background: #d4e8dd;\n color: #e0693a;\n }\n\n .masters-wrapper .tag {\n display: inline-block;\n background: #edf2ef;\n padding: 0 10px;\n border-radius: 30px;\n font-size: 0.68rem;\n font-weight: 500;\n color: #1a2e25;\n transition: background 0.3s ease, color 0.3s ease;\n }\n\n .masters-wrapper .tag:hover {\n background: #026F3D;\n color: #fff;\n }\n\n \/* ===== ADMISSION GRID ===== *\/\n .masters-wrapper .admission-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n }\n\n .masters-wrapper .admission-grid .col {\n background: #fafcfe;\n border: 1px solid #e2e9e5;\n border-radius: 10px;\n overflow: hidden;\n transition: border-color 0.3s ease, box-shadow 0.3s ease;\n }\n\n .masters-wrapper .admission-grid .col:hover {\n border-color: #026F3D;\n box-shadow: 0 4px 16px rgba(2, 111, 61, 0.08);\n }\n\n .masters-wrapper .admission-grid .col li {\n padding: 10px 12px 10px 30px;\n font-size: 0.86rem;\n border-bottom: 1px solid #e2e9e5;\n transition: background 0.25s ease, transform 0.25s ease;\n }\n\n .masters-wrapper .admission-grid .col li:last-child {\n border-bottom: none;\n }\n\n .masters-wrapper .admission-grid .col li::before {\n left: 10px;\n font-size: 0.9rem;\n top: 50%;\n transform: translateY(-50%);\n }\n\n .masters-wrapper .admission-grid .col li:hover {\n background: #f0f6f2;\n transform: translateX(4px);\n }\n\n .masters-wrapper .admission-grid .col li:hover::before {\n transform: translateY(-50%) scale(1.2);\n }\n\n \/* ===== INFO GRID ===== *\/\n .masters-wrapper .info-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n }\n\n .masters-wrapper .info-card {\n background: #f8fbfa;\n padding: 12px 16px;\n border-radius: 10px;\n border-left: 3px solid #026F3D;\n transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n }\n\n .masters-wrapper .info-card:hover {\n background: #f0f6f2;\n transform: translateX(4px);\n box-shadow: 0 4px 12px rgba(2, 111, 61, 0.06);\n border-color: #e0693a;\n }\n\n .masters-wrapper .info-card .info-label {\n font-size: 0.6rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n color: #6b8a7a;\n margin-bottom: 2px;\n transition: color 0.3s ease;\n }\n\n .masters-wrapper .info-card:hover .info-label {\n color: #026F3D;\n }\n\n .masters-wrapper .info-card .info-label i {\n color: #026F3D;\n margin-right: 4px;\n transition: transform 0.3s ease;\n }\n\n .masters-wrapper .info-card:hover .info-label i {\n transform: scale(1.2);\n }\n\n .masters-wrapper .info-card .info-value {\n font-size: 0.9rem;\n font-weight: 500;\n color: #0b2b1e;\n }\n\n \/* ===== TEXT ITEM ===== *\/\n .masters-wrapper .text-item {\n padding: 7px 12px 7px 32px;\n font-size: 0.9rem;\n line-height: 1.6;\n color: #1f3b2e;\n position: relative;\n border-bottom: 1px solid #f2f6f4;\n transition: background 0.25s ease, transform 0.25s ease, padding-left 0.25s ease;\n border-radius: 4px;\n }\n\n .masters-wrapper .text-item:last-child {\n border-bottom: none;\n }\n\n .masters-wrapper .text-item::before {\n content: \"\u203a\";\n position: absolute;\n left: 10px;\n color: #026F3D;\n font-size: 1.2rem;\n font-weight: 700;\n top: 5px;\n transition: transform 0.3s ease, color 0.3s ease;\n }\n\n .masters-wrapper .text-item:hover {\n background: #f0f6f2;\n transform: translateX(4px);\n padding-left: 36px;\n }\n\n .masters-wrapper .text-item:hover::before {\n transform: scale(1.3);\n color: #e0693a;\n }\n\n \/* ===== CAREER TAGS ===== *\/\n .masters-wrapper .career-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n padding-top: 8px;\n }\n\n .masters-wrapper .career-tags span {\n background: #eaf5ef;\n padding: 5px 16px;\n border-radius: 30px;\n font-size: 0.78rem;\n font-weight: 500;\n color: #026F3D;\n border: 1px solid #d4e8dd;\n transition: all 0.3s ease;\n cursor: default;\n }\n\n .masters-wrapper .career-tags span:hover {\n background: #026F3D;\n color: #fff;\n border-color: #026F3D;\n transform: translateY(-3px) scale(1.04);\n box-shadow: 0 4px 16px rgba(2, 111, 61, 0.2);\n }\n\n \/* ===== FOOTER ===== *\/\n .masters-wrapper .card-footer {\n margin-top: 26px;\n padding-top: 14px;\n border-top: 2px solid #edf2ef;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 10px;\n font-size: 0.78rem;\n color: #6b8a7a;\n }\n\n .masters-wrapper .card-footer i {\n color: #026F3D;\n margin-right: 4px;\n transition: transform 0.3s ease;\n }\n\n .masters-wrapper .card-footer span:hover i {\n transform: scale(1.2);\n }\n\n .masters-wrapper .card-footer a {\n color: #026F3D;\n font-weight: 500;\n text-decoration: none;\n transition: color 0.3s ease, transform 0.3s ease;\n display: inline-block;\n }\n\n .masters-wrapper .card-footer a:hover {\n color: #e0693a;\n transform: translateX(2px);\n }\n\n \/* ========================================\n RESPONSIVE - keep centered always\n ======================================== *\/\n @media (max-width: 992px) {\n .masters-wrapper .programmes-card {\n padding: 1.8rem 2rem;\n }\n }\n\n @media (max-width: 768px) {\n .masters-wrapper .programmes-card {\n padding: 1.5rem 1.2rem;\n }\n\n .masters-wrapper .pg-header h1 {\n font-size: 1.2rem;\n }\n\n .masters-wrapper .pg-header .icon-box {\n width: 40px;\n height: 40px;\n font-size: 1.1rem;\n }\n\n .masters-wrapper .admission-grid {\n grid-template-columns: 1fr;\n }\n\n .masters-wrapper .info-grid {\n grid-template-columns: 1fr;\n }\n\n .masters-wrapper .duration-banner .years {\n font-size: 1.3rem;\n }\n\n .masters-wrapper .duration-banner .text {\n font-size: 0.82rem;\n }\n\n .masters-wrapper ul li:hover {\n transform: translateX(2px);\n padding-left: 34px;\n }\n\n .masters-wrapper .info-card:hover {\n transform: translateX(2px);\n }\n\n .masters-wrapper .text-item:hover {\n transform: translateX(2px);\n padding-left: 34px;\n }\n\n .masters-wrapper .admission-grid .col li:hover {\n transform: translateX(2px);\n }\n\n .masters-wrapper .sub-items li:hover {\n transform: translateX(2px);\n }\n }\n\n @media (max-width: 600px) {\n .masters-wrapper .programmes-card {\n padding: 1.2rem 1rem;\n }\n\n .masters-wrapper .pg-header {\n gap: 10px;\n padding-bottom: 10px;\n margin-bottom: 18px;\n }\n\n .masters-wrapper .pg-header h1 {\n font-size: 1.1rem;\n }\n\n .masters-wrapper .pg-header h1 small {\n font-size: 0.7rem;\n }\n\n .masters-wrapper .pg-header .icon-box {\n width: 38px;\n height: 38px;\n font-size: 1rem;\n }\n\n .masters-wrapper .duration-banner {\n padding: 6px 0 10px 0;\n gap: 10px;\n }\n\n .masters-wrapper .duration-banner .years {\n font-size: 1.2rem;\n }\n\n .masters-wrapper .duration-banner .text {\n font-size: 0.8rem;\n }\n\n .masters-wrapper .section-title {\n font-size: 0.9rem;\n }\n }\n\n @media (max-width: 480px) {\n .masters-wrapper .programmes-card {\n padding: 1rem 0.8rem;\n border-radius: 14px;\n }\n\n .masters-wrapper .pg-header {\n flex-wrap: wrap;\n gap: 8px;\n padding-bottom: 10px;\n margin-bottom: 16px;\n }\n\n .masters-wrapper .pg-header h1 {\n font-size: 1rem;\n }\n\n .masters-wrapper .pg-header h1 small {\n font-size: 0.65rem;\n }\n\n .masters-wrapper .pg-header .icon-box {\n width: 36px;\n height: 36px;\n font-size: 0.9rem;\n }\n\n .masters-wrapper .pg-header .icon-box:hover {\n transform: scale(1.04) rotate(-2deg);\n }\n\n .masters-wrapper .duration-banner {\n padding: 4px 0 10px 0;\n flex-direction: column;\n text-align: center;\n gap: 4px;\n margin-bottom: 18px;\n }\n\n .masters-wrapper .duration-banner .years {\n font-size: 1.2rem;\n }\n\n .masters-wrapper .duration-banner .text {\n font-size: 0.78rem;\n }\n\n .masters-wrapper .duration-banner .icon-large {\n font-size: 1.2rem;\n }\n\n .masters-wrapper .section-title {\n font-size: 0.88rem;\n }\n\n .masters-wrapper .section-title .pill {\n display: none;\n }\n\n .masters-wrapper ul li {\n font-size: 0.83rem;\n padding: 6px 10px 6px 28px;\n }\n\n .masters-wrapper ul li::before {\n left: 8px;\n font-size: 1rem;\n top: 4px;\n }\n\n .masters-wrapper ul li:hover {\n transform: translateX(2px);\n padding-left: 32px;\n }\n\n .masters-wrapper .admission-grid .col li {\n font-size: 0.8rem;\n padding: 8px 10px 8px 28px;\n }\n\n .masters-wrapper .admission-grid .col li::before {\n left: 8px;\n font-size: 0.8rem;\n }\n\n .masters-wrapper .admission-grid .col li:hover {\n transform: translateX(2px);\n }\n\n .masters-wrapper .info-card {\n padding: 10px 12px;\n }\n\n .masters-wrapper .info-card:hover {\n transform: translateX(2px);\n }\n\n .masters-wrapper .info-card .info-value {\n font-size: 0.83rem;\n }\n\n .masters-wrapper .career-tags span {\n font-size: 0.68rem;\n padding: 4px 12px;\n }\n\n .masters-wrapper .career-tags span:hover {\n transform: translateY(-2px) scale(1.03);\n }\n\n .masters-wrapper .card-footer {\n flex-direction: column;\n text-align: center;\n font-size: 0.7rem;\n margin-top: 18px;\n padding-top: 12px;\n }\n\n .masters-wrapper .text-item {\n font-size: 0.83rem;\n padding: 6px 10px 6px 28px;\n }\n\n .masters-wrapper .text-item::before {\n left: 8px;\n font-size: 1rem;\n top: 4px;\n }\n\n .masters-wrapper .text-item:hover {\n transform: translateX(2px);\n padding-left: 32px;\n }\n\n .masters-wrapper .sub-items li {\n font-size: 0.8rem;\n padding: 3px 10px 3px 24px;\n }\n\n .masters-wrapper .sub-items li::before {\n left: 8px;\n font-size: 0.9rem;\n top: 3px;\n }\n\n .masters-wrapper .sub-items li:hover {\n transform: translateX(2px);\n }\n\n .masters-wrapper .section-block {\n margin-top: 18px;\n }\n }\n\n @media (max-width: 360px) {\n .masters-wrapper .programmes-card {\n padding: 0.8rem 0.6rem;\n border-radius: 12px;\n }\n\n .masters-wrapper .pg-header h1 {\n font-size: 0.9rem;\n }\n\n .masters-wrapper .pg-header h1 small {\n font-size: 0.6rem;\n }\n\n .masters-wrapper .pg-header .icon-box {\n width: 32px;\n height: 32px;\n font-size: 0.8rem;\n border-radius: 8px;\n }\n\n .masters-wrapper .duration-banner .years {\n font-size: 1rem;\n }\n\n .masters-wrapper .duration-banner .text {\n font-size: 0.7rem;\n }\n\n .masters-wrapper ul li {\n font-size: 0.78rem;\n padding: 5px 8px 5px 24px;\n }\n\n .masters-wrapper ul li::before {\n left: 6px;\n font-size: 0.9rem;\n }\n\n .masters-wrapper ul li:hover {\n padding-left: 28px;\n }\n\n .masters-wrapper .admission-grid .col li {\n font-size: 0.75rem;\n padding: 6px 8px 6px 24px;\n }\n\n .masters-wrapper .admission-grid .col li::before {\n left: 6px;\n font-size: 0.7rem;\n }\n\n .masters-wrapper .info-card .info-value {\n font-size: 0.78rem;\n }\n\n .masters-wrapper .career-tags span {\n font-size: 0.62rem;\n padding: 3px 10px;\n }\n\n .masters-wrapper .text-item {\n font-size: 0.78rem;\n padding: 5px 8px 5px 24px;\n }\n\n .masters-wrapper .text-item::before {\n left: 6px;\n font-size: 0.9rem;\n top: 4px;\n }\n\n .masters-wrapper .text-item:hover {\n padding-left: 28px;\n }\n\n .masters-wrapper .sub-items li {\n font-size: 0.75rem;\n padding: 3px 8px 3px 20px;\n }\n\n .masters-wrapper .sub-items li::before {\n left: 6px;\n font-size: 0.8rem;\n top: 3px;\n }\n\n .masters-wrapper .section-title {\n font-size: 0.8rem;\n }\n\n .masters-wrapper .section-title i {\n font-size: 0.8rem;\n width: 16px;\n }\n\n .masters-wrapper .card-footer {\n font-size: 0.65rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"masters-wrapper\">\n\n <div class=\"programmes-card\">\n\n \n <div class=\"pg-header\">\n <div class=\"icon-box\">\n <i class=\"fas fa-graduation-cap\"><\/i>\n <\/div>\n <h1>\n Masters Degree Programmes\n <small>Postgraduate Studies & Research<\/small>\n <\/h1>\n <\/div>\n\n \n <div class=\"duration-banner\">\n <span class=\"icon-large\">\u23f3<\/span>\n <span class=\"years\">2 Years<\/span>\n <span class=\"text\">\u2014 All Masters Degree Programmes run for a period of <strong>Two (2) Years<\/strong><\/span>\n <\/div>\n\n \n <div class=\"section-block\">\n <div class=\"section-title\">\n <i class=\"fas fa-chalkboard-teacher\"><\/i> Mode of Delivery\n <span class=\"pill\">Masters<\/span>\n <\/div>\n <ul>\n <li>\n <span class=\"label\">Block Release:<\/span>\n Every fortnight weekend in a month (two intensive weekends in a month: <span class=\"tag\">Saturday & Sunday<\/span>)\n <\/li>\n <li>\n <span class=\"label\">Distance Learning:<\/span>\n One (1) intensive week per semester\n <ul class=\"sub-items\">\n <li>7-day residential school held <strong>twice<\/strong> (January and July) in an academic year \u2014 <span class=\"highlight\">January & July<\/span><\/li>\n <\/ul>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"section-block\">\n <div class=\"section-title\">\n <i class=\"fas fa-key\"><\/i> Admission Requirements\n <span class=\"pill orange\">Entry Pathways<\/span>\n <\/div>\n <div class=\"admission-grid\">\n <ul class=\"col\">\n <li><span class=\"label\">Direct Entry:<\/span> Grade 12 Certificate with 5 'O' Level credits (1-6), <span class=\"highlight\">English and Mathematics Inclusive<\/span><\/li>\n <li><span class=\"label\">2nd Year \u2014 Diploma:<\/span> A ZAQA approved certificate in the same field<\/li>\n <\/ul>\n <ul class=\"col\">\n <li><span class=\"label\">2nd Year \u2014 Degree:<\/span> A Diploma in a relevant field from a reputable and recognised institution with minimum 5 'O' Level credits<\/li>\n <li><span class=\"label\">Postgraduate:<\/span> Bachelor's Degree in a relevant field from a reputable and recognised institution accredited by the <span class=\"highlight\">Higher Education Authority (HEA)<\/span><\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"section-block\">\n <div class=\"section-title\">\n <i class=\"fas fa-calendar-check\"><\/i> Enrolment & Examinations\n <\/div>\n <div class=\"info-grid\">\n <div class=\"info-card\">\n <div class=\"info-label\"><i class=\"fas fa-user-plus\"><\/i> Enrolments<\/div>\n <div class=\"info-value\">Conducted in <span class=\"highlight\">January<\/span> & <span class=\"highlight\">July<\/span><\/div>\n <\/div>\n <div class=\"info-card\">\n <div class=\"info-label\"><i class=\"fas fa-pencil-alt\"><\/i> Examinations<\/div>\n <div class=\"info-value\">Held in <strong>November\/December<\/strong> & <strong>June\/July<\/strong> every year<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section-block\">\n <div class=\"section-title\">\n <i class=\"fas fa-flask\"><\/i> Workshops, Seminars & Events\n <\/div>\n <div class=\"text-item\">\n We will provide a list of workshops, seminars and events undertaken by the Division once it is agreed upon.\n <\/div>\n <\/div>\n\n \n <div class=\"section-block\">\n <div class=\"section-title\">\n <i class=\"fas fa-microscope\"><\/i> Research & Consultancy\n <\/div>\n <div class=\"text-item\">\n Provide a list of research and consultancy that is undertaken by the Division.\n <\/div>\n <\/div>\n\n \n <div class=\"section-block\">\n <div class=\"section-title\">\n <i class=\"fas fa-briefcase\"><\/i> Careers\n <span class=\"pill gold\">Success<\/span>\n <\/div>\n <ul>\n <li>\n <span class=\"label\">Track Record:<\/span>\n Our graduates have an excellent track record of employment in both <span class=\"highlight\">public<\/span> and <span class=\"highlight\">private<\/span> sectors.\n <\/li>\n <li>\n <span class=\"label\">Career Pathways:<\/span>\n The graduates go into career areas directly reflecting the skills they have gained through their chosen study programmes.\n <\/li>\n <\/ul>\n <div class=\"career-tags\">\n <span>\ud83c\udfdb\ufe0f Public Sector<\/span>\n <span>\ud83c\udfe2 Private Sector<\/span>\n <span>\ud83d\udcca Research<\/span>\n <span>\ud83d\udcc8 Consultancy<\/span>\n <span>\ud83c\udf0d International<\/span>\n <span>\ud83d\udcda Academia<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"card-footer\">\n <span>\n <i class=\"fas fa-calendar-alt\"><\/i>\n Enrolments open in <strong>January<\/strong> & <strong>July<\/strong>\n <\/span>\n <span>\n <i class=\"fas fa-envelope\"><\/i>\n <a href=\"#\">Contact the Division<\/a> for more information\n <\/span>\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>Distance Learning Programmes – Management Studies Distance Learning Programmes Management Studies Available programmes offered via distance learning Updated regularly Programmes Mode of Study Duration Bachelor of Public Administration Distance 4 Years (8 Semesters) Bachelor of Human Resources Management Distance 4 Years (8 Semesters) Bachelor of Development Studies Distance 4 Years (8 Semesters) Bachelor of Public […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-51939","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_mukwato\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Distance Learning Programmes – Management Studies Distance Learning Programmes Management Studies Available programmes offered via distance learning Updated regularly Programmes Mode of Study Duration Bachelor of Public Administration Distance 4 Years (8 Semesters) Bachelor of Human Resources Management Distance 4 Years (8 Semesters) Bachelor of Development Studies Distance 4 Years (8 Semesters) Bachelor of Public…","_links":{"self":[{"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages\/51939","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\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/comments?post=51939"}],"version-history":[{"count":139,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages\/51939\/revisions"}],"predecessor-version":[{"id":55579,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages\/51939\/revisions\/55579"}],"wp:attachment":[{"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/media?parent=51939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Distance Learning Programmes - Management Studies<\/title>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n \/* RESET & BASE *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html, body {\n width: 100%;\n min-height: 100vh;\n }\n\n body {\n background: #f4f7fb;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 2rem 1.5rem;\n margin: 0;\n }\n\n \/* MAIN CARD \u2013 perfectly centered, full-width constraint *\/\n .card {\n max-width: 1300px;\n width: 100%;\n background: white;\n border-radius: 28px;\n box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n padding: 2rem 1.8rem;\n transition: all 0.2s ease;\n margin: 0 auto; \/* ensure horizontal centering *\/\n display: block; \/* block-level, takes full width up to max-width *\/\n }\n\n \/* HEADER WRAPPER \u2013 all centered *\/\n .header-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n margin-bottom: 0.5rem;\n }\n\n .main-title {\n text-align: center;\n font-size: 2.8rem;\n font-weight: 800;\n letter-spacing: 1px;\n color: #026F3D;\n margin-bottom: 0.2rem;\n padding-bottom: 0.3rem;\n display: inline-block;\n width: 100%;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n text-shadow: 0 2px 8px rgba(2, 111, 61, 0.12);\n line-height: 1.2;\n }\n\n .main-title i {\n color: #f57944;\n margin-right: 12px;\n font-size: 2.6rem;\n }\n\n .sub-title {\n text-align: center;\n font-size: 2rem;\n font-weight: 600;\n color: #f57944;\n margin-bottom: 0.5rem;\n padding-bottom: 0.5rem;\n border-bottom: 4px solid #026F3D;\n display: inline-block;\n width: 100%;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n letter-spacing: 2px;\n text-transform: uppercase;\n }\n\n .sub-title i {\n margin-right: 10px;\n color: #026F3D;\n }\n\n \/* SUB HEADER \u2013 flex, centered items *\/\n .sub-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1rem 0.5rem;\n margin-top: 0.5rem;\n margin-bottom: 1.8rem;\n width: 100%;\n }\n\n .sub-header h2 {\n font-size: 1.1rem;\n font-weight: 500;\n color: #1f3b2e;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .sub-header h2 i {\n color: #026F3D;\n font-size: 1.2rem;\n }\n\n \/* TABLE RESPONSIVE *\/\n .table-responsive {\n overflow-x: auto;\n border-radius: 18px;\n background: white;\n width: 100%;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n font-size: 0.95rem;\n min-width: 500px;\n table-layout: fixed;\n }\n\n colgroup col:nth-child(1) { width: 45%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 30%; }\n\n thead {\n background: #026F3D;\n color: white;\n }\n\n thead th {\n padding: 1rem 1.2rem;\n font-weight: 600;\n font-size: 0.9rem;\n letter-spacing: 0.3px;\n text-transform: uppercase;\n text-align: left;\n border: none;\n white-space: nowrap;\n }\n\n thead th:first-child {\n border-radius: 14px 0 0 0;\n }\n thead th:last-child {\n border-radius: 0 14px 0 0;\n }\n\n tbody tr {\n border-bottom: 1px solid #eef3f0;\n transition: background 0.15s;\n }\n\n tbody tr:last-child {\n border-bottom: none;\n }\n\n tbody tr:hover {\n background: #f8fbfa;\n }\n\n tbody td {\n padding: 1rem 1.2rem;\n vertical-align: middle;\n border: none;\n color: #1a2e25;\n }\n\n .programme-name {\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 500;\n }\n\n .programme-name i {\n color: #026F3D;\n font-size: 1.2rem;\n width: 1.6rem;\n text-align: center;\n }\n\n .mode-badge {\n background: #eaf5ef;\n color: #026F3D;\n padding: 0.25rem 1rem;\n border-radius: 30px;\n font-size: 0.8rem;\n font-weight: 600;\n display: inline-block;\n white-space: nowrap;\n }\n\n .mode-badge i {\n margin-right: 6px;\n font-size: 0.8rem;\n }\n\n .duration-badge {\n background: #f0f4f2;\n padding: 0.25rem 0.9rem;\n border-radius: 30px;\n font-size: 0.8rem;\n font-weight: 500;\n color: #1f3b2e;\n display: inline-block;\n white-space: nowrap;\n }\n\n .duration-badge i {\n margin-right: 6px;\n font-size: 0.7rem;\n color: #026F3D;\n }\n\n .table-responsive::-webkit-scrollbar {\n height: 6px;\n }\n .table-responsive::-webkit-scrollbar-track {\n background: #eaf0ec;\n border-radius: 10px;\n }\n .table-responsive::-webkit-scrollbar-thumb {\n background: #026F3D;\n border-radius: 10px;\n }\n\n \/* ---------- RESPONSIVE ---------- *\/\n @media (max-width: 820px) {\n .card {\n padding: 1.5rem 1rem;\n }\n table {\n font-size: 0.9rem;\n min-width: 400px;\n }\n thead th,\n tbody td {\n padding: 0.8rem 0.8rem;\n }\n .main-title {\n font-size: 2rem;\n }\n .main-title i {\n font-size: 1.8rem;\n }\n .sub-title {\n font-size: 1.5rem;\n }\n colgroup col:nth-child(1) { width: 40%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 35%; }\n }\n\n @media (max-width: 680px) {\n .card {\n padding: 1.2rem 0.8rem;\n }\n .sub-header {\n flex-direction: column;\n align-items: stretch;\n gap: 0.8rem;\n }\n .sub-header h2 {\n font-size: 1rem;\n }\n .main-title {\n font-size: 1.6rem;\n }\n .main-title i {\n font-size: 1.4rem;\n margin-right: 8px;\n }\n .sub-title {\n font-size: 1.3rem;\n }\n colgroup col:nth-child(1) { width: 35%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 40%; }\n }\n\n \/* STACKED CARD LAYOUT *\/\n @media (max-width: 600px) {\n body {\n padding: 1rem 0.5rem;\n }\n .card {\n padding: 0.8rem 0.5rem;\n border-radius: 20px;\n margin: 0 auto;\n }\n\n table,\n thead,\n tbody,\n th,\n td,\n tr {\n display: block;\n }\n\n thead {\n display: none;\n }\n\n tbody tr {\n display: block;\n margin-bottom: 1.2rem;\n border: 1px solid #e3ebe7;\n border-radius: 18px;\n padding: 0.6rem 0.2rem 0.4rem;\n background: white;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);\n }\n\n tbody tr:hover {\n background: white;\n }\n\n tbody td {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.4rem 0.7rem;\n border: none;\n border-bottom: 1px solid #ecf3ef;\n background: transparent;\n flex-wrap: wrap;\n gap: 0.3rem 0.4rem;\n }\n\n tbody td:last-child {\n border-bottom: none;\n }\n\n tbody td::before {\n content: attr(data-label);\n font-weight: 600;\n font-size: 0.65rem;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n color: #026F3D;\n background: #edf5f0;\n padding: 0.1rem 0.7rem;\n border-radius: 30px;\n display: inline-block;\n width: auto;\n flex-shrink: 0;\n }\n\n .programme-name {\n font-weight: 500;\n gap: 6px;\n flex: 1 1 auto;\n min-width: 120px;\n }\n\n .programme-name i {\n font-size: 1rem;\n width: 1.4rem;\n }\n\n .mode-badge,\n .duration-badge {\n font-size: 0.7rem;\n padding: 0.15rem 0.6rem;\n }\n\n tbody td .programme-name,\n tbody td .mode-badge,\n tbody td .duration-badge {\n margin-left: auto;\n }\n\n tbody td:first-child .programme-name {\n margin-left: 0;\n flex: 1;\n }\n\n .table-responsive {\n border-radius: 14px;\n }\n\n .main-title {\n font-size: 1.3rem;\n }\n .sub-title {\n font-size: 1.1rem;\n border-bottom-width: 3px;\n }\n .main-title i {\n font-size: 1.2rem;\n margin-right: 6px;\n }\n }\n\n @media (max-width: 400px) {\n .card {\n padding: 0.6rem 0.3rem;\n margin: 0 auto;\n }\n tbody td {\n padding: 0.3rem 0.5rem;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.2rem;\n }\n tbody td::before {\n margin-bottom: 0.1rem;\n }\n .programme-name,\n .mode-badge,\n .duration-badge {\n margin-left: 0 !important;\n width: 100%;\n justify-content: flex-start;\n }\n .main-title {\n font-size: 1.1rem;\n letter-spacing: 0.5px;\n }\n .sub-title {\n font-size: 0.95rem;\n }\n .main-title i {\n font-size: 1rem;\n }\n .sub-header h2 {\n font-size: 0.85rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"card\">\n\n \n <div class=\"header-wrapper\">\n \n <div class=\"main-title\">\n <i class=\"fas fa-graduation-cap\"><\/i> Distance Learning Programmes\n <\/div>\n\n \n <div class=\"sub-title\">\n <i class=\"fas fa-chart-line\"><\/i> Management Studies\n <\/div>\n <\/div>\n\n \n <div class=\"sub-header\">\n <h2>\n <i class=\"fas fa-list-ul\"><\/i>\n Available programmes offered via distance learning\n <\/h2>\n <span style=\"font-size: 0.85rem; color: #4a6b5a; background: #ecf3ef; padding: 0.3rem 1rem; border-radius: 30px;\">\n <i class=\"fas fa-clock\" style=\"margin-right: 6px; color: #026F3D;\"><\/i> Updated regularly\n <\/span>\n <\/div>\n\n \n <div class=\"table-responsive\">\n <table>\n <colgroup>\n <col style=\"width: 45%;\">\n <col style=\"width: 25%;\">\n <col style=\"width: 30%;\">\n <\/colgroup>\n <thead>\n <tr>\n <th><i class=\"fas fa-book\" style=\"margin-right: 8px;\"><\/i>Programmes<\/th>\n <th><i class=\"fas fa-laptop\" style=\"margin-right: 8px;\"><\/i>Mode of Study<\/th>\n <th><i class=\"fas fa-hourglass-half\" style=\"margin-right: 8px;\"><\/i>Duration<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Public Administration<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Human Resources Management<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Development Studies<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Public Relations<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Records, Archives and Information Management<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Post Graduate Diploma in Management Studies<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>2 Years (4 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Certificate in Human Resources Management<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>2 Years (4 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Diploma in Human Resources Management<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>2 Years (4 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Diploma in Project Management<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>2 Years (4 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Certificate in Records Management<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>2 Years (4 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Diploma in Public Administration<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>3 Years (6 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Diploma in Social Work<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>3 Years (6 Semesters)<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n<\/div>\n\n<script>\n (function() {\n const totalRows = document.querySelectorAll('tbody tr').length;\n console.log(`\ud83d\udcda Distance Learning Programmes \u2014 Management Studies \u2014 ${totalRows} programmes loaded`);\n document.querySelector('.card').dataset.totalProgrammes = totalRows;\n window.programmeCount = totalRows;\n console.log('\ud83d\udcda Distance Learning Programmes \u2014 Management Studies \u2014 ready');\n })();\n<\/script>\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-8b49dd8 e-flex e-con-boxed e-con e-parent\" data-id=\"8b49dd8\" 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-772399d elementor-widget elementor-widget-html\" data-id=\"772399d\" 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\">\n <title>Legal Studies - Distance Learning Programmes<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\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 }\n\n .card {\n max-width: 1300px;\n width: 100%;\n background: white;\n border-radius: 28px;\n box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n padding: 2rem 1.8rem;\n transition: all 0.2s ease;\n }\n\n \/* MAIN TITLE - LEGAL STUDIES (NOT BOLD) *\/\n .main-title {\n text-align: center;\n font-size: 3.5rem;\n font-weight: 400;\n letter-spacing: 2px;\n color: #f57944;\n margin-bottom: 0.5rem;\n padding-bottom: 0.5rem;\n border-bottom: 4px solid #026F3D;\n display: inline-block;\n width: 100%;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n text-shadow: 0 2px 8px rgba(2, 111, 61, 0.12);\n line-height: 1.2;\n text-transform: uppercase;\n }\n\n .main-title i {\n color: #026F3D;\n margin-right: 15px;\n font-size: 3.2rem;\n }\n\n .header-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n margin-bottom: 0.5rem;\n }\n\n .sub-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1rem 0.5rem;\n margin-top: 0.5rem;\n margin-bottom: 1.8rem;\n }\n\n .sub-header h2 {\n font-size: 1.1rem;\n font-weight: 500;\n color: #1f3b2e;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .sub-header h2 i {\n color: #026F3D;\n font-size: 1.2rem;\n }\n\n .table-responsive {\n overflow-x: auto;\n border-radius: 18px;\n background: white;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n font-size: 0.95rem;\n min-width: 500px;\n table-layout: fixed;\n }\n\n \/* Fixed column widths *\/\n colgroup col:nth-child(1) { width: 45%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 30%; }\n\n thead {\n background: #026F3D;\n color: white;\n }\n\n thead th {\n padding: 1rem 1.2rem;\n font-weight: 600;\n font-size: 0.9rem;\n letter-spacing: 0.3px;\n text-transform: uppercase;\n text-align: left;\n border: none;\n white-space: nowrap;\n }\n\n thead th:first-child {\n border-radius: 14px 0 0 0;\n }\n thead th:last-child {\n border-radius: 0 14px 0 0;\n }\n\n tbody tr {\n border-bottom: 1px solid #eef3f0;\n transition: background 0.15s;\n }\n\n tbody tr:last-child {\n border-bottom: none;\n }\n\n tbody tr:hover {\n background: #f8fbfa;\n }\n\n tbody td {\n padding: 1rem 1.2rem;\n vertical-align: middle;\n border: none;\n color: #1a2e25;\n }\n\n .programme-name {\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 500;\n }\n\n .programme-name i {\n color: #026F3D;\n font-size: 1.2rem;\n width: 1.6rem;\n text-align: center;\n }\n\n .mode-badge {\n background: #eaf5ef;\n color: #026F3D;\n padding: 0.25rem 1rem;\n border-radius: 30px;\n font-size: 0.8rem;\n font-weight: 600;\n display: inline-block;\n white-space: nowrap;\n }\n\n .mode-badge i {\n margin-right: 6px;\n font-size: 0.8rem;\n }\n\n .duration-badge {\n background: #f0f4f2;\n padding: 0.25rem 0.9rem;\n border-radius: 30px;\n font-size: 0.8rem;\n font-weight: 500;\n color: #1f3b2e;\n display: inline-block;\n white-space: nowrap;\n }\n\n .duration-badge i {\n margin-right: 6px;\n font-size: 0.7rem;\n color: #026F3D;\n }\n\n .table-responsive::-webkit-scrollbar {\n height: 6px;\n }\n .table-responsive::-webkit-scrollbar-track {\n background: #eaf0ec;\n border-radius: 10px;\n }\n .table-responsive::-webkit-scrollbar-thumb {\n background: #026F3D;\n border-radius: 10px;\n }\n\n \/* responsive *\/\n @media (max-width: 820px) {\n .card {\n padding: 1.5rem 1rem;\n }\n table {\n font-size: 0.9rem;\n min-width: 400px;\n }\n thead th,\n tbody td {\n padding: 0.8rem 0.8rem;\n }\n .main-title {\n font-size: 2.8rem;\n }\n .main-title i {\n font-size: 2.5rem;\n }\n colgroup col:nth-child(1) { width: 40%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 35%; }\n }\n\n @media (max-width: 680px) {\n .card {\n padding: 1.2rem 0.8rem;\n }\n .sub-header {\n flex-direction: column;\n align-items: stretch;\n gap: 0.8rem;\n }\n .sub-header h2 {\n font-size: 1rem;\n }\n .main-title {\n font-size: 2.2rem;\n }\n .main-title i {\n font-size: 2rem;\n margin-right: 10px;\n }\n colgroup col:nth-child(1) { width: 35%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 40%; }\n }\n\n @media (max-width: 600px) {\n body {\n padding: 1rem 0.5rem;\n }\n .card {\n padding: 0.8rem 0.5rem;\n border-radius: 20px;\n }\n\n table,\n thead,\n tbody,\n th,\n td,\n tr {\n display: block;\n }\n\n thead {\n display: none;\n }\n\n tbody tr {\n display: block;\n margin-bottom: 1.2rem;\n border: 1px solid #e3ebe7;\n border-radius: 18px;\n padding: 0.6rem 0.2rem 0.4rem;\n background: white;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);\n }\n\n tbody tr:hover {\n background: white;\n }\n\n tbody td {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.4rem 0.7rem;\n border: none;\n border-bottom: 1px solid #ecf3ef;\n background: transparent;\n flex-wrap: wrap;\n gap: 0.3rem 0.4rem;\n }\n\n tbody td:last-child {\n border-bottom: none;\n }\n\n tbody td::before {\n content: attr(data-label);\n font-weight: 600;\n font-size: 0.65rem;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n color: #026F3D;\n background: #edf5f0;\n padding: 0.1rem 0.7rem;\n border-radius: 30px;\n display: inline-block;\n width: auto;\n flex-shrink: 0;\n }\n\n .programme-name {\n font-weight: 500;\n gap: 6px;\n flex: 1 1 auto;\n min-width: 120px;\n }\n\n .programme-name i {\n font-size: 1rem;\n width: 1.4rem;\n }\n\n .mode-badge,\n .duration-badge {\n font-size: 0.7rem;\n padding: 0.15rem 0.6rem;\n }\n\n tbody td .programme-name,\n tbody td .mode-badge,\n tbody td .duration-badge {\n margin-left: auto;\n }\n\n tbody td:first-child .programme-name {\n margin-left: 0;\n flex: 1;\n }\n\n .table-responsive {\n border-radius: 14px;\n }\n\n .main-title {\n font-size: 1.8rem;\n border-bottom-width: 3px;\n }\n .main-title i {\n font-size: 1.6rem;\n margin-right: 8px;\n }\n }\n\n @media (max-width: 400px) {\n .card {\n padding: 0.6rem 0.3rem;\n }\n tbody td {\n padding: 0.3rem 0.5rem;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.2rem;\n }\n tbody td::before {\n margin-bottom: 0.1rem;\n }\n .programme-name,\n .mode-badge,\n .duration-badge {\n margin-left: 0 !important;\n width: 100%;\n justify-content: flex-start;\n }\n .main-title {\n font-size: 1.4rem;\n letter-spacing: 1px;\n }\n .main-title i {\n font-size: 1.2rem;\n }\n .sub-header h2 {\n font-size: 0.85rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"card\">\n\n \n <div class=\"header-wrapper\">\n \n <div class=\"main-title\">\n <i class=\"fas fa-gavel\"><\/i> LEGAL STUDIES\n <\/div>\n <\/div>\n\n \n <div class=\"sub-header\">\n <h2>\n <i class=\"fas fa-list-ul\"><\/i>\n Available programmes offered via distance learning\n <\/h2>\n <span style=\"font-size: 0.85rem; color: #4a6b5a; background: #ecf3ef; padding: 0.3rem 1rem; border-radius: 30px;\">\n <i class=\"fas fa-clock\" style=\"margin-right: 6px; color: #026F3D;\"><\/i> Updated regularly\n <\/span>\n <\/div>\n\n \n <div class=\"table-responsive\">\n <table>\n <colgroup>\n <col style=\"width: 45%;\">\n <col style=\"width: 25%;\">\n <col style=\"width: 30%;\">\n <\/colgroup>\n <thead>\n <tr>\n <th><i class=\"fas fa-book\" style=\"margin-right: 8px;\"><\/i>Programmes<\/th>\n <th><i class=\"fas fa-laptop\" style=\"margin-right: 8px;\"><\/i>Mode of Study<\/th>\n <th><i class=\"fas fa-hourglass-half\" style=\"margin-right: 8px;\"><\/i>Duration<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelors in Law (LLB)<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Arts in Criminology and Criminal Justice<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Arts Defense and Security<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Diploma in Law (DL)<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>3 Years (6 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Certificate in Law<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>2 Years (4 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Certificate in Prosecutions<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>6 Months<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n<\/div>\n\n<script>\n (function() {\n \/\/ Count programmes\n const totalRows = document.querySelectorAll('tbody tr').length;\n console.log(`\ud83d\udcda LEGAL STUDIES \u2014 ${totalRows} programmes loaded`);\n document.querySelector('.card').dataset.totalProgrammes = totalRows;\n window.programmeCount = totalRows;\n console.log('\ud83d\udcda LEGAL STUDIES \u2014 ready');\n })();\n<\/script>\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-63dbe0b e-flex e-con-boxed e-con e-parent\" data-id=\"63dbe0b\" 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-184712c elementor-widget elementor-widget-html\" data-id=\"184712c\" 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\">\n <title>Business Studies Division - Distance Learning Programmes<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\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 }\n\n .card {\n max-width: 1300px;\n width: 100%;\n background: white;\n border-radius: 28px;\n box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n padding: 2rem 1.8rem;\n transition: all 0.2s ease;\n }\n\n \/* MAIN TITLE - BUSINESS STUDIES DIVISION (NOT BOLD) *\/\n .main-title {\n text-align: center;\n font-size: 3.2rem;\n font-weight: 400;\n letter-spacing: 2px;\n color: #f57944;\n margin-bottom: 0.5rem;\n padding-bottom: 0.5rem;\n border-bottom: 4px solid #026F3D;\n display: inline-block;\n width: 100%;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n text-shadow: 0 2px 8px rgba(2, 111, 61, 0.12);\n line-height: 1.2;\n text-transform: uppercase;\n }\n\n .main-title i {\n color: #026F3D;\n margin-right: 15px;\n font-size: 3rem;\n }\n\n .header-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n margin-bottom: 0.5rem;\n }\n\n .sub-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1rem 0.5rem;\n margin-top: 0.5rem;\n margin-bottom: 1.8rem;\n }\n\n .sub-header h2 {\n font-size: 1.1rem;\n font-weight: 500;\n color: #1f3b2e;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .sub-header h2 i {\n color: #026F3D;\n font-size: 1.2rem;\n }\n\n .table-responsive {\n overflow-x: auto;\n border-radius: 18px;\n background: white;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n font-size: 0.95rem;\n min-width: 500px;\n table-layout: fixed;\n }\n\n \/* Fixed column widths *\/\n colgroup col:nth-child(1) { width: 45%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 30%; }\n\n thead {\n background: #026F3D;\n color: white;\n }\n\n thead th {\n padding: 1rem 1.2rem;\n font-weight: 600;\n font-size: 0.9rem;\n letter-spacing: 0.3px;\n text-transform: uppercase;\n text-align: left;\n border: none;\n white-space: nowrap;\n }\n\n thead th:first-child {\n border-radius: 14px 0 0 0;\n }\n thead th:last-child {\n border-radius: 0 14px 0 0;\n }\n\n tbody tr {\n border-bottom: 1px solid #eef3f0;\n transition: background 0.15s;\n }\n\n tbody tr:last-child {\n border-bottom: none;\n }\n\n tbody tr:hover {\n background: #f8fbfa;\n }\n\n tbody td {\n padding: 1rem 1.2rem;\n vertical-align: middle;\n border: none;\n color: #1a2e25;\n }\n\n .programme-name {\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 500;\n }\n\n .programme-name i {\n color: #026F3D;\n font-size: 1.2rem;\n width: 1.6rem;\n text-align: center;\n }\n\n .mode-badge {\n background: #eaf5ef;\n color: #026F3D;\n padding: 0.25rem 1rem;\n border-radius: 30px;\n font-size: 0.8rem;\n font-weight: 600;\n display: inline-block;\n white-space: nowrap;\n }\n\n .mode-badge i {\n margin-right: 6px;\n font-size: 0.8rem;\n }\n\n .duration-badge {\n background: #f0f4f2;\n padding: 0.25rem 0.9rem;\n border-radius: 30px;\n font-size: 0.8rem;\n font-weight: 500;\n color: #1f3b2e;\n display: inline-block;\n white-space: nowrap;\n }\n\n .duration-badge i {\n margin-right: 6px;\n font-size: 0.7rem;\n color: #026F3D;\n }\n\n .table-responsive::-webkit-scrollbar {\n height: 6px;\n }\n .table-responsive::-webkit-scrollbar-track {\n background: #eaf0ec;\n border-radius: 10px;\n }\n .table-responsive::-webkit-scrollbar-thumb {\n background: #026F3D;\n border-radius: 10px;\n }\n\n \/* responsive *\/\n @media (max-width: 820px) {\n .card {\n padding: 1.5rem 1rem;\n }\n table {\n font-size: 0.9rem;\n min-width: 400px;\n }\n thead th,\n tbody td {\n padding: 0.8rem 0.8rem;\n }\n .main-title {\n font-size: 2.6rem;\n }\n .main-title i {\n font-size: 2.4rem;\n }\n colgroup col:nth-child(1) { width: 40%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 35%; }\n }\n\n @media (max-width: 680px) {\n .card {\n padding: 1.2rem 0.8rem;\n }\n .sub-header {\n flex-direction: column;\n align-items: stretch;\n gap: 0.8rem;\n }\n .sub-header h2 {\n font-size: 1rem;\n }\n .main-title {\n font-size: 2rem;\n }\n .main-title i {\n font-size: 1.8rem;\n margin-right: 10px;\n }\n colgroup col:nth-child(1) { width: 35%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 40%; }\n }\n\n @media (max-width: 600px) {\n body {\n padding: 1rem 0.5rem;\n }\n .card {\n padding: 0.8rem 0.5rem;\n border-radius: 20px;\n }\n\n table,\n thead,\n tbody,\n th,\n td,\n tr {\n display: block;\n }\n\n thead {\n display: none;\n }\n\n tbody tr {\n display: block;\n margin-bottom: 1.2rem;\n border: 1px solid #e3ebe7;\n border-radius: 18px;\n padding: 0.6rem 0.2rem 0.4rem;\n background: white;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);\n }\n\n tbody tr:hover {\n background: white;\n }\n\n tbody td {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.4rem 0.7rem;\n border: none;\n border-bottom: 1px solid #ecf3ef;\n background: transparent;\n flex-wrap: wrap;\n gap: 0.3rem 0.4rem;\n }\n\n tbody td:last-child {\n border-bottom: none;\n }\n\n tbody td::before {\n content: attr(data-label);\n font-weight: 600;\n font-size: 0.65rem;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n color: #026F3D;\n background: #edf5f0;\n padding: 0.1rem 0.7rem;\n border-radius: 30px;\n display: inline-block;\n width: auto;\n flex-shrink: 0;\n }\n\n .programme-name {\n font-weight: 500;\n gap: 6px;\n flex: 1 1 auto;\n min-width: 120px;\n }\n\n .programme-name i {\n font-size: 1rem;\n width: 1.4rem;\n }\n\n .mode-badge,\n .duration-badge {\n font-size: 0.7rem;\n padding: 0.15rem 0.6rem;\n }\n\n tbody td .programme-name,\n tbody td .mode-badge,\n tbody td .duration-badge {\n margin-left: auto;\n }\n\n tbody td:first-child .programme-name {\n margin-left: 0;\n flex: 1;\n }\n\n .table-responsive {\n border-radius: 14px;\n }\n\n .main-title {\n font-size: 1.6rem;\n border-bottom-width: 3px;\n }\n .main-title i {\n font-size: 1.4rem;\n margin-right: 8px;\n }\n }\n\n @media (max-width: 400px) {\n .card {\n padding: 0.6rem 0.3rem;\n }\n tbody td {\n padding: 0.3rem 0.5rem;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.2rem;\n }\n tbody td::before {\n margin-bottom: 0.1rem;\n }\n .programme-name,\n .mode-badge,\n .duration-badge {\n margin-left: 0 !important;\n width: 100%;\n justify-content: flex-start;\n }\n .main-title {\n font-size: 1.2rem;\n letter-spacing: 1px;\n }\n .main-title i {\n font-size: 1.1rem;\n }\n .sub-header h2 {\n font-size: 0.85rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"card\">\n\n \n <div class=\"header-wrapper\">\n \n <div class=\"main-title\">\n <i class=\"fas fa-briefcase\"><\/i> BUSINESS STUDIES DIVISION\n <\/div>\n <\/div>\n\n \n <div class=\"sub-header\">\n <h2>\n <i class=\"fas fa-list-ul\"><\/i>\n Available programmes offered via distance learning\n <\/h2>\n <span style=\"font-size: 0.85rem; color: #4a6b5a; background: #ecf3ef; padding: 0.3rem 1rem; border-radius: 30px;\">\n <i class=\"fas fa-clock\" style=\"margin-right: 6px; color: #026F3D;\"><\/i> Updated regularly\n <\/span>\n <\/div>\n\n \n <div class=\"table-responsive\">\n <table>\n <colgroup>\n <col style=\"width: 45%;\">\n <col style=\"width: 25%;\">\n <col style=\"width: 30%;\">\n <\/colgroup>\n <thead>\n <tr>\n <th><i class=\"fas fa-book\" style=\"margin-right: 8px;\"><\/i>Programmes<\/th>\n <th><i class=\"fas fa-laptop\" style=\"margin-right: 8px;\"><\/i>Mode of Study<\/th>\n <th><i class=\"fas fa-hourglass-half\" style=\"margin-right: 8px;\"><\/i>Duration<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Information Technology<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Economics<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Logistics and Transport<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Science in Purchasing and Supply Chain Management<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Computer Science<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Zambia Institute of Purchasing and Supply (ZIPS)<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>2 Years (4 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Chartered Institute of Purchasing and Supply (CIPS)-Certificate<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>1 Year (2 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Chartered Institute of Purchasing and Supply (CIPS)-Diploma<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>6 Months<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Chartered Institute of Purchasing and Supply (CIPS)-Graduate Level<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>6 Months<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Certificate in Information Systems and Programming (CISP)<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>2 Years (4 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Diploma in Information Systems and Programming (DISP)<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>3 Years (6 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Diploma in Business Administration (DBA)<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>3 Years (6 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Certificate in Business Administration (CBA)<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>2 Years (4 Semesters)<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n<\/div>\n\n<script>\n (function() {\n \/\/ Count programmes\n const totalRows = document.querySelectorAll('tbody tr').length;\n console.log(`\ud83d\udcda BUSINESS STUDIES DIVISION \u2014 ${totalRows} programmes loaded`);\n document.querySelector('.card').dataset.totalProgrammes = totalRows;\n window.programmeCount = totalRows;\n console.log('\ud83d\udcda BUSINESS STUDIES DIVISION \u2014 ready');\n })();\n<\/script>\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-7a1bb54 e-flex e-con-boxed e-con e-parent\" data-id=\"7a1bb54\" 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-28cde59 elementor-widget elementor-widget-html\" data-id=\"28cde59\" 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\">\n <title>Climate, Disaster and Technology Centre (CDTeC)<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\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 }\n\n .card {\n max-width: 1300px;\n width: 100%;\n background: white;\n border-radius: 28px;\n box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n padding: 2rem 1.8rem;\n transition: all 0.2s ease;\n }\n\n \/* MAIN TITLE - CLIMATE, DISASTER AND TECHNOLOGY CENTRE (CDTeC) *\/\n .main-title {\n text-align: center;\n font-size: 2.2rem;\n font-weight: 400;\n letter-spacing: 1px;\n color: #f57944;\n margin-bottom: 0.5rem;\n padding-bottom: 0.5rem;\n border-bottom: 4px solid #026F3D;\n display: inline-block;\n width: 100%;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n text-shadow: 0 2px 8px rgba(2, 111, 61, 0.12);\n line-height: 1.3;\n text-transform: uppercase;\n }\n\n .main-title i {\n color: #026F3D;\n margin-right: 12px;\n font-size: 2rem;\n }\n\n .header-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n margin-bottom: 0.5rem;\n }\n\n .sub-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1rem 0.5rem;\n margin-top: 0.5rem;\n margin-bottom: 1.8rem;\n }\n\n .sub-header h2 {\n font-size: 1.1rem;\n font-weight: 500;\n color: #1f3b2e;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .sub-header h2 i {\n color: #026F3D;\n font-size: 1.2rem;\n }\n\n .table-responsive {\n overflow-x: auto;\n border-radius: 18px;\n background: white;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n font-size: 0.95rem;\n min-width: 500px;\n table-layout: fixed;\n }\n\n \/* Fixed column widths *\/\n colgroup col:nth-child(1) { width: 45%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 30%; }\n\n thead {\n background: #026F3D;\n color: white;\n }\n\n thead th {\n padding: 1rem 1.2rem;\n font-weight: 600;\n font-size: 0.9rem;\n letter-spacing: 0.3px;\n text-transform: uppercase;\n text-align: left;\n border: none;\n white-space: nowrap;\n }\n\n thead th:first-child {\n border-radius: 14px 0 0 0;\n }\n thead th:last-child {\n border-radius: 0 14px 0 0;\n }\n\n tbody tr {\n border-bottom: 1px solid #eef3f0;\n transition: background 0.15s;\n }\n\n tbody tr:last-child {\n border-bottom: none;\n }\n\n tbody tr:hover {\n background: #f8fbfa;\n }\n\n tbody td {\n padding: 1rem 1.2rem;\n vertical-align: middle;\n border: none;\n color: #1a2e25;\n }\n\n .programme-name {\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 500;\n }\n\n .programme-name i {\n color: #026F3D;\n font-size: 1.2rem;\n width: 1.6rem;\n text-align: center;\n }\n\n .mode-badge {\n background: #eaf5ef;\n color: #026F3D;\n padding: 0.25rem 1rem;\n border-radius: 30px;\n font-size: 0.8rem;\n font-weight: 600;\n display: inline-block;\n white-space: nowrap;\n }\n\n .mode-badge i {\n margin-right: 6px;\n font-size: 0.8rem;\n }\n\n .duration-badge {\n background: #f0f4f2;\n padding: 0.25rem 0.9rem;\n border-radius: 30px;\n font-size: 0.8rem;\n font-weight: 500;\n color: #1f3b2e;\n display: inline-block;\n white-space: nowrap;\n }\n\n .duration-badge i {\n margin-right: 6px;\n font-size: 0.7rem;\n color: #026F3D;\n }\n\n .table-responsive::-webkit-scrollbar {\n height: 6px;\n }\n .table-responsive::-webkit-scrollbar-track {\n background: #eaf0ec;\n border-radius: 10px;\n }\n .table-responsive::-webkit-scrollbar-thumb {\n background: #026F3D;\n border-radius: 10px;\n }\n\n \/* responsive *\/\n @media (max-width: 820px) {\n .card {\n padding: 1.5rem 1rem;\n }\n table {\n font-size: 0.9rem;\n min-width: 400px;\n }\n thead th,\n tbody td {\n padding: 0.8rem 0.8rem;\n }\n .main-title {\n font-size: 1.8rem;\n }\n .main-title i {\n font-size: 1.6rem;\n }\n colgroup col:nth-child(1) { width: 40%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 35%; }\n }\n\n @media (max-width: 680px) {\n .card {\n padding: 1.2rem 0.8rem;\n }\n .sub-header {\n flex-direction: column;\n align-items: stretch;\n gap: 0.8rem;\n }\n .sub-header h2 {\n font-size: 1rem;\n }\n .main-title {\n font-size: 1.5rem;\n }\n .main-title i {\n font-size: 1.3rem;\n margin-right: 8px;\n }\n colgroup col:nth-child(1) { width: 35%; }\n colgroup col:nth-child(2) { width: 25%; }\n colgroup col:nth-child(3) { width: 40%; }\n }\n\n @media (max-width: 600px) {\n body {\n padding: 1rem 0.5rem;\n }\n .card {\n padding: 0.8rem 0.5rem;\n border-radius: 20px;\n }\n\n table,\n thead,\n tbody,\n th,\n td,\n tr {\n display: block;\n }\n\n thead {\n display: none;\n }\n\n tbody tr {\n display: block;\n margin-bottom: 1.2rem;\n border: 1px solid #e3ebe7;\n border-radius: 18px;\n padding: 0.6rem 0.2rem 0.4rem;\n background: white;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);\n }\n\n tbody tr:hover {\n background: white;\n }\n\n tbody td {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.4rem 0.7rem;\n border: none;\n border-bottom: 1px solid #ecf3ef;\n background: transparent;\n flex-wrap: wrap;\n gap: 0.3rem 0.4rem;\n }\n\n tbody td:last-child {\n border-bottom: none;\n }\n\n tbody td::before {\n content: attr(data-label);\n font-weight: 600;\n font-size: 0.65rem;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n color: #026F3D;\n background: #edf5f0;\n padding: 0.1rem 0.7rem;\n border-radius: 30px;\n display: inline-block;\n width: auto;\n flex-shrink: 0;\n }\n\n .programme-name {\n font-weight: 500;\n gap: 6px;\n flex: 1 1 auto;\n min-width: 120px;\n }\n\n .programme-name i {\n font-size: 1rem;\n width: 1.4rem;\n }\n\n .mode-badge,\n .duration-badge {\n font-size: 0.7rem;\n padding: 0.15rem 0.6rem;\n }\n\n tbody td .programme-name,\n tbody td .mode-badge,\n tbody td .duration-badge {\n margin-left: auto;\n }\n\n tbody td:first-child .programme-name {\n margin-left: 0;\n flex: 1;\n }\n\n .table-responsive {\n border-radius: 14px;\n }\n\n .main-title {\n font-size: 1.2rem;\n border-bottom-width: 3px;\n }\n .main-title i {\n font-size: 1rem;\n margin-right: 6px;\n }\n }\n\n @media (max-width: 400px) {\n .card {\n padding: 0.6rem 0.3rem;\n }\n tbody td {\n padding: 0.3rem 0.5rem;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.2rem;\n }\n tbody td::before {\n margin-bottom: 0.1rem;\n }\n .programme-name,\n .mode-badge,\n .duration-badge {\n margin-left: 0 !important;\n width: 100%;\n justify-content: flex-start;\n }\n .main-title {\n font-size: 1rem;\n letter-spacing: 0.5px;\n }\n .main-title i {\n font-size: 0.9rem;\n }\n .sub-header h2 {\n font-size: 0.85rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"card\">\n\n \n <div class=\"header-wrapper\">\n \n <div class=\"main-title\">\n <i class=\"fas fa-globe-africa\"><\/i> CLIMATE, DISASTER AND TECHNOLOGY CENTRE (CDTeC)\n <\/div>\n <\/div>\n\n \n <div class=\"sub-header\">\n <h2>\n <i class=\"fas fa-list-ul\"><\/i>\n Available programmes offered via distance learning\n <\/h2>\n <span style=\"font-size: 0.85rem; color: #4a6b5a; background: #ecf3ef; padding: 0.3rem 1rem; border-radius: 30px;\">\n <i class=\"fas fa-clock\" style=\"margin-right: 6px; color: #026F3D;\"><\/i> Updated regularly\n <\/span>\n <\/div>\n\n \n <div class=\"table-responsive\">\n <table>\n <colgroup>\n <col style=\"width: 45%;\">\n <col style=\"width: 25%;\">\n <col style=\"width: 30%;\">\n <\/colgroup>\n <thead>\n <tr>\n <th><i class=\"fas fa-book\" style=\"margin-right: 8px;\"><\/i>Programmes<\/th>\n <th><i class=\"fas fa-laptop\" style=\"margin-right: 8px;\"><\/i>Mode of Study<\/th>\n <th><i class=\"fas fa-hourglass-half\" style=\"margin-right: 8px;\"><\/i>Duration<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Science in Disaster Studies and Sustainable Development<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Science in Climatology and Meteorology<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Science in Land and Water Conservation<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Emergency Management in Fire Protection and Risk<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <tr>\n <td data-label=\"Programmes\"><span class=\"programme-name\"><i class=\"fas fa-file-alt\"><\/i>Bachelor of Emergency Management in Occupational Health and Safety<\/span><\/td>\n <td data-label=\"Mode of Study\"><span class=\"mode-badge\"><i class=\"fas fa-graduation-cap\"><\/i>Distance<\/span><\/td>\n <td data-label=\"Duration\"><span class=\"duration-badge\"><i class=\"far fa-calendar-alt\"><\/i>4 Years (8 Semesters)<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n<\/div>\n\n<script>\n (function() {\n \/\/ Count programmes\n const totalRows = document.querySelectorAll('tbody tr').length;\n console.log(`\ud83c\udf0d CLIMATE, DISASTER AND TECHNOLOGY CENTRE (CDTeC) \u2014 ${totalRows} programmes loaded`);\n document.querySelector('.card').dataset.totalProgrammes = totalRows;\n window.programmeCount = totalRows;\n console.log('\ud83c\udf0d CLIMATE, DISASTER AND TECHNOLOGY CENTRE (CDTeC) \u2014 ready');\n })();\n<\/script>\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-86ea2cd e-flex e-con-boxed e-con e-parent\" data-id=\"86ea2cd\" 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-7b36c55 elementor-widget elementor-widget-html\" data-id=\"7b36c55\" 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\">\n <title>Business Studies Division<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\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 }\n\n .card {\n max-width: 900px;\n width: 100%;\n background: white;\n border-radius: 28px;\n box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n padding: 2rem 2.5rem;\n transition: all 0.2s ease;\n }\n\n \/* MAIN TITLE - LEFT ALIGNED & SMALLER *\/\n .main-title {\n text-align: left;\n font-size: 1.6rem;\n font-weight: 400;\n letter-spacing: 1px;\n color: #f57944;\n margin-bottom: 0.5rem;\n padding-bottom: 0.5rem;\n border-bottom: 4px solid #026F3D;\n display: inline-block;\n width: 100%;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n text-shadow: 0 2px 8px rgba(2, 111, 61, 0.12);\n line-height: 1.3;\n text-transform: uppercase;\n }\n\n .main-title i {\n color: #026F3D;\n margin-right: 12px;\n font-size: 1.4rem;\n }\n\n .header-wrapper {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n margin-bottom: 1.5rem;\n }\n\n .program-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 0.5rem 0;\n }\n\n .program-item {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 1rem 1.5rem;\n background: #f8fbfa;\n border-radius: 14px;\n border-left: 5px solid #026F3D;\n transition: all 0.25s ease;\n font-size: 1.05rem;\n color: #1a2e25;\n font-weight: 500;\n }\n\n .program-item:hover {\n background: #eaf5ef;\n transform: translateX(6px);\n box-shadow: 0 4px 12px rgba(2, 111, 61, 0.12);\n }\n\n .program-item i {\n color: #026F3D;\n font-size: 1.3rem;\n width: 2rem;\n text-align: center;\n flex-shrink: 0;\n }\n\n .program-item .program-code {\n font-size: 0.75rem;\n font-weight: 600;\n color: #f57944;\n background: #fff;\n padding: 0.15rem 0.8rem;\n border-radius: 30px;\n border: 1px solid #f57944;\n margin-left: auto;\n white-space: nowrap;\n }\n\n \/* responsive *\/\n @media (max-width: 820px) {\n .card {\n padding: 1.5rem 1.5rem;\n }\n .main-title {\n font-size: 1.4rem;\n }\n .main-title i {\n font-size: 1.2rem;\n }\n .program-item {\n font-size: 0.95rem;\n padding: 0.8rem 1.2rem;\n }\n }\n\n @media (max-width: 680px) {\n .card {\n padding: 1.2rem 1rem;\n }\n .main-title {\n font-size: 1.2rem;\n }\n .main-title i {\n font-size: 1rem;\n margin-right: 8px;\n }\n .program-item {\n font-size: 0.9rem;\n padding: 0.7rem 1rem;\n gap: 12px;\n }\n .program-item .program-code {\n font-size: 0.65rem;\n padding: 0.1rem 0.6rem;\n }\n }\n\n @media (max-width: 500px) {\n body {\n padding: 1rem 0.5rem;\n }\n .card {\n padding: 0.8rem 0.8rem;\n border-radius: 20px;\n }\n .main-title {\n font-size: 1rem;\n border-bottom-width: 3px;\n }\n .main-title i {\n font-size: 0.9rem;\n margin-right: 6px;\n }\n .program-item {\n font-size: 0.8rem;\n padding: 0.6rem 0.8rem;\n gap: 10px;\n flex-wrap: wrap;\n }\n .program-item i {\n font-size: 1rem;\n width: 1.5rem;\n }\n .program-item .program-code {\n font-size: 0.6rem;\n padding: 0.1rem 0.5rem;\n margin-left: 0;\n width: 100%;\n text-align: center;\n }\n }\n\n @media (max-width: 400px) {\n .card {\n padding: 0.6rem 0.5rem;\n }\n .main-title {\n font-size: 0.85rem;\n }\n .main-title i {\n font-size: 0.75rem;\n }\n .program-item {\n font-size: 0.75rem;\n padding: 0.5rem 0.6rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"card\">\n\n \n <div class=\"header-wrapper\">\n \n <div class=\"main-title\">\n <i class=\"fas fa-briefcase\"><\/i> BUSINESS STUDIES DIVISION\n <\/div>\n <\/div>\n\n \n <div class=\"program-list\">\n <div class=\"program-item\">\n <i class=\"fas fa-chart-line\"><\/i>\n Master of Business Administration (MBA General)\n <span class=\"program-code\">General<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-coins\"><\/i>\n Master of Business Administration (MBA Finance)\n <span class=\"program-code\">Finance<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-bullhorn\"><\/i>\n Master of Business Administration (MBA Marketing)\n <span class=\"program-code\">Marketing<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-lightbulb\"><\/i>\n Master of Business Administration (MBA Entrepreneurship)\n <span class=\"program-code\">Entrepreneurship<\/span>\n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\n (function() {\n const totalProgrammes = document.querySelectorAll('.program-item').length;\n console.log(`\ud83d\udcda BUSINESS STUDIES DIVISION \u2014 ${totalProgrammes} programmes loaded`);\n document.querySelector('.card').dataset.totalProgrammes = totalProgrammes;\n window.programmeCount = totalProgrammes;\n console.log('\ud83d\udcda BUSINESS STUDIES DIVISION \u2014 ready');\n })();\n<\/script>\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-87b8357 e-flex e-con-boxed e-con e-parent\" data-id=\"87b8357\" 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-be6754f elementor-widget elementor-widget-html\" data-id=\"be6754f\" 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\">\n <title>Management Studies Division<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\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 }\n\n .card {\n max-width: 900px;\n width: 100%;\n background: white;\n border-radius: 28px;\n box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n padding: 2rem 2.5rem;\n transition: all 0.2s ease;\n }\n\n \/* MAIN TITLE - LEFT ALIGNED & SMALLER *\/\n .main-title {\n text-align: left;\n font-size: 1.6rem;\n font-weight: 400;\n letter-spacing: 1px;\n color: #f57944;\n margin-bottom: 0.5rem;\n padding-bottom: 0.5rem;\n border-bottom: 4px solid #026F3D;\n display: inline-block;\n width: 100%;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n text-shadow: 0 2px 8px rgba(2, 111, 61, 0.12);\n line-height: 1.3;\n text-transform: uppercase;\n }\n\n .main-title i {\n color: #026F3D;\n margin-right: 12px;\n font-size: 1.4rem;\n }\n\n .header-wrapper {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n margin-bottom: 1.5rem;\n }\n\n .program-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 0.5rem 0;\n }\n\n .program-item {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 1rem 1.5rem;\n background: #f8fbfa;\n border-radius: 14px;\n border-left: 5px solid #026F3D;\n transition: all 0.25s ease;\n font-size: 1.05rem;\n color: #1a2e25;\n font-weight: 500;\n }\n\n .program-item:hover {\n background: #eaf5ef;\n transform: translateX(6px);\n box-shadow: 0 4px 12px rgba(2, 111, 61, 0.12);\n }\n\n .program-item i {\n color: #026F3D;\n font-size: 1.3rem;\n width: 2rem;\n text-align: center;\n flex-shrink: 0;\n }\n\n .program-item .program-code {\n font-size: 0.75rem;\n font-weight: 600;\n color: #f57944;\n background: #fff;\n padding: 0.15rem 0.8rem;\n border-radius: 30px;\n border: 1px solid #f57944;\n margin-left: auto;\n white-space: nowrap;\n }\n\n \/* responsive *\/\n @media (max-width: 820px) {\n .card {\n padding: 1.5rem 1.5rem;\n }\n .main-title {\n font-size: 1.4rem;\n }\n .main-title i {\n font-size: 1.2rem;\n }\n .program-item {\n font-size: 0.95rem;\n padding: 0.8rem 1.2rem;\n }\n }\n\n @media (max-width: 680px) {\n .card {\n padding: 1.2rem 1rem;\n }\n .main-title {\n font-size: 1.2rem;\n }\n .main-title i {\n font-size: 1rem;\n margin-right: 8px;\n }\n .program-item {\n font-size: 0.9rem;\n padding: 0.7rem 1rem;\n gap: 12px;\n }\n .program-item .program-code {\n font-size: 0.65rem;\n padding: 0.1rem 0.6rem;\n }\n }\n\n @media (max-width: 500px) {\n body {\n padding: 1rem 0.5rem;\n }\n .card {\n padding: 0.8rem 0.8rem;\n border-radius: 20px;\n }\n .main-title {\n font-size: 1rem;\n border-bottom-width: 3px;\n }\n .main-title i {\n font-size: 0.9rem;\n margin-right: 6px;\n }\n .program-item {\n font-size: 0.8rem;\n padding: 0.6rem 0.8rem;\n gap: 10px;\n flex-wrap: wrap;\n }\n .program-item i {\n font-size: 1rem;\n width: 1.5rem;\n }\n .program-item .program-code {\n font-size: 0.6rem;\n padding: 0.1rem 0.5rem;\n margin-left: 0;\n width: 100%;\n text-align: center;\n }\n }\n\n @media (max-width: 400px) {\n .card {\n padding: 0.6rem 0.5rem;\n }\n .main-title {\n font-size: 0.85rem;\n }\n .main-title i {\n font-size: 0.75rem;\n }\n .program-item {\n font-size: 0.75rem;\n padding: 0.5rem 0.6rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"card\">\n\n \n <div class=\"header-wrapper\">\n \n <div class=\"main-title\">\n <i class=\"fas fa-users-cog\"><\/i> MANAGEMENT STUDIES DIVISION\n <\/div>\n <\/div>\n\n \n <div class=\"program-list\">\n <div class=\"program-item\">\n <i class=\"fas fa-university\"><\/i>\n Master of Public Administration\n <span class=\"program-code\">MPA<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-globe-americas\"><\/i>\n Master of International Relations and Diplomacy\n <span class=\"program-code\">MIR<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-bullhorn\"><\/i>\n Master of Public Relations\n <span class=\"program-code\">MPR<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-users\"><\/i>\n Master of Human Resources Management\n <span class=\"program-code\">MHRM<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-tasks\"><\/i>\n Master of Science in Projects Management\n <span class=\"program-code\">MSc PM<\/span>\n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\n (function() {\n const totalProgrammes = document.querySelectorAll('.program-item').length;\n console.log(`\ud83d\udcda MANAGEMENT STUDIES DIVISION \u2014 ${totalProgrammes} programmes loaded`);\n document.querySelector('.card').dataset.totalProgrammes = totalProgrammes;\n window.programmeCount = totalProgrammes;\n console.log('\ud83d\udcda MANAGEMENT STUDIES DIVISION \u2014 ready');\n })();\n<\/script>\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-0260079 e-flex e-con-boxed e-con e-parent\" data-id=\"0260079\" 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-505b470 elementor-widget elementor-widget-html\" data-id=\"505b470\" 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\">\n <title>Climate, Disaster and Technology Centre (CDTeC)<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\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 }\n\n .card {\n max-width: 900px;\n width: 100%;\n background: white;\n border-radius: 28px;\n box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n padding: 2rem 2.5rem;\n transition: all 0.2s ease;\n }\n\n \/* MAIN TITLE - LEFT ALIGNED & SMALLER *\/\n .main-title {\n text-align: left;\n font-size: 1.6rem;\n font-weight: 400;\n letter-spacing: 1px;\n color: #f57944;\n margin-bottom: 0.5rem;\n padding-bottom: 0.5rem;\n border-bottom: 4px solid #026F3D;\n display: inline-block;\n width: 100%;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n text-shadow: 0 2px 8px rgba(2, 111, 61, 0.12);\n line-height: 1.3;\n text-transform: uppercase;\n }\n\n .main-title i {\n color: #026F3D;\n margin-right: 12px;\n font-size: 1.4rem;\n }\n\n .header-wrapper {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n margin-bottom: 1.5rem;\n }\n\n .program-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 0.5rem 0;\n }\n\n .program-item {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 1rem 1.5rem;\n background: #f8fbfa;\n border-radius: 14px;\n border-left: 5px solid #026F3D;\n transition: all 0.25s ease;\n font-size: 1.05rem;\n color: #1a2e25;\n font-weight: 500;\n }\n\n .program-item:hover {\n background: #eaf5ef;\n transform: translateX(6px);\n box-shadow: 0 4px 12px rgba(2, 111, 61, 0.12);\n }\n\n .program-item i {\n color: #026F3D;\n font-size: 1.3rem;\n width: 2rem;\n text-align: center;\n flex-shrink: 0;\n }\n\n .program-item .program-code {\n font-size: 0.75rem;\n font-weight: 600;\n color: #f57944;\n background: #fff;\n padding: 0.15rem 0.8rem;\n border-radius: 30px;\n border: 1px solid #f57944;\n margin-left: auto;\n white-space: nowrap;\n }\n\n \/* responsive *\/\n @media (max-width: 820px) {\n .card {\n padding: 1.5rem 1.5rem;\n }\n .main-title {\n font-size: 1.4rem;\n }\n .main-title i {\n font-size: 1.2rem;\n }\n .program-item {\n font-size: 0.95rem;\n padding: 0.8rem 1.2rem;\n }\n }\n\n @media (max-width: 680px) {\n .card {\n padding: 1.2rem 1rem;\n }\n .main-title {\n font-size: 1.2rem;\n }\n .main-title i {\n font-size: 1rem;\n margin-right: 8px;\n }\n .program-item {\n font-size: 0.9rem;\n padding: 0.7rem 1rem;\n gap: 12px;\n }\n .program-item .program-code {\n font-size: 0.65rem;\n padding: 0.1rem 0.6rem;\n }\n }\n\n @media (max-width: 500px) {\n body {\n padding: 1rem 0.5rem;\n }\n .card {\n padding: 0.8rem 0.8rem;\n border-radius: 20px;\n }\n .main-title {\n font-size: 1rem;\n border-bottom-width: 3px;\n }\n .main-title i {\n font-size: 0.9rem;\n margin-right: 6px;\n }\n .program-item {\n font-size: 0.8rem;\n padding: 0.6rem 0.8rem;\n gap: 10px;\n flex-wrap: wrap;\n }\n .program-item i {\n font-size: 1rem;\n width: 1.5rem;\n }\n .program-item .program-code {\n font-size: 0.6rem;\n padding: 0.1rem 0.5rem;\n margin-left: 0;\n width: 100%;\n text-align: center;\n }\n }\n\n @media (max-width: 400px) {\n .card {\n padding: 0.6rem 0.5rem;\n }\n .main-title {\n font-size: 0.85rem;\n }\n .main-title i {\n font-size: 0.75rem;\n }\n .program-item {\n font-size: 0.75rem;\n padding: 0.5rem 0.6rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"card\">\n\n \n <div class=\"header-wrapper\">\n \n <div class=\"main-title\">\n <i class=\"fas fa-globe-africa\"><\/i> CLIMATE, DISASTER AND TECHNOLOGY CENTRE (CDTeC)\n <\/div>\n <\/div>\n\n \n <div class=\"program-list\">\n <div class=\"program-item\">\n <i class=\"fas fa-leaf\"><\/i>\n Master of Arts Climate Change and Global Sustainability (MA-CCGS)\n <span class=\"program-code\">MA-CCGS<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-shield-alt\"><\/i>\n Master of Disaster Risk Reduction (MDRR)\n <span class=\"program-code\">MDRR<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-laptop-code\"><\/i>\n Master of Science in Computer Science (MScCS)\n <span class=\"program-code\">MScCS<\/span>\n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\n (function() {\n const totalProgrammes = document.querySelectorAll('.program-item').length;\n console.log(`\ud83c\udf0d CLIMATE, DISASTER AND TECHNOLOGY CENTRE (CDTeC) \u2014 ${totalProgrammes} programmes loaded`);\n document.querySelector('.card').dataset.totalProgrammes = totalProgrammes;\n window.programmeCount = totalProgrammes;\n console.log('\ud83c\udf0d CLIMATE, DISASTER AND TECHNOLOGY CENTRE (CDTeC) \u2014 ready');\n })();\n<\/script>\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-7ed93eb e-flex e-con-boxed e-con e-parent\" data-id=\"7ed93eb\" 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-1fce119 elementor-widget elementor-widget-html\" data-id=\"1fce119\" 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\">\n <title>Legal Studies Department (LSD)<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\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 }\n\n .card {\n max-width: 900px;\n width: 100%;\n background: white;\n border-radius: 28px;\n box-shadow: 0 20px 40px -12px rgba(0, 20, 10, 0.25);\n padding: 2rem 2.5rem;\n transition: all 0.2s ease;\n }\n\n \/* MAIN TITLE - LEFT ALIGNED & SMALLER *\/\n .main-title {\n text-align: left;\n font-size: 1.6rem;\n font-weight: 400;\n letter-spacing: 1px;\n color: #f57944;\n margin-bottom: 0.5rem;\n padding-bottom: 0.5rem;\n border-bottom: 4px solid #026F3D;\n display: inline-block;\n width: 100%;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n text-shadow: 0 2px 8px rgba(2, 111, 61, 0.12);\n line-height: 1.3;\n text-transform: uppercase;\n }\n\n .main-title i {\n color: #026F3D;\n margin-right: 12px;\n font-size: 1.4rem;\n }\n\n .header-wrapper {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n margin-bottom: 1.5rem;\n }\n\n .program-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 0.5rem 0;\n }\n\n .program-item {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 1rem 1.5rem;\n background: #f8fbfa;\n border-radius: 14px;\n border-left: 5px solid #026F3D;\n transition: all 0.25s ease;\n font-size: 1.05rem;\n color: #1a2e25;\n font-weight: 500;\n }\n\n .program-item:hover {\n background: #eaf5ef;\n transform: translateX(6px);\n box-shadow: 0 4px 12px rgba(2, 111, 61, 0.12);\n }\n\n .program-item i {\n color: #026F3D;\n font-size: 1.3rem;\n width: 2rem;\n text-align: center;\n flex-shrink: 0;\n }\n\n .program-item .program-code {\n font-size: 0.75rem;\n font-weight: 600;\n color: #f57944;\n background: #fff;\n padding: 0.15rem 0.8rem;\n border-radius: 30px;\n border: 1px solid #f57944;\n margin-left: auto;\n white-space: nowrap;\n }\n\n \/* responsive *\/\n @media (max-width: 820px) {\n .card {\n padding: 1.5rem 1.5rem;\n }\n .main-title {\n font-size: 1.4rem;\n }\n .main-title i {\n font-size: 1.2rem;\n }\n .program-item {\n font-size: 0.95rem;\n padding: 0.8rem 1.2rem;\n }\n }\n\n @media (max-width: 680px) {\n .card {\n padding: 1.2rem 1rem;\n }\n .main-title {\n font-size: 1.2rem;\n }\n .main-title i {\n font-size: 1rem;\n margin-right: 8px;\n }\n .program-item {\n font-size: 0.9rem;\n padding: 0.7rem 1rem;\n gap: 12px;\n }\n .program-item .program-code {\n font-size: 0.65rem;\n padding: 0.1rem 0.6rem;\n }\n }\n\n @media (max-width: 500px) {\n body {\n padding: 1rem 0.5rem;\n }\n .card {\n padding: 0.8rem 0.8rem;\n border-radius: 20px;\n }\n .main-title {\n font-size: 1rem;\n border-bottom-width: 3px;\n }\n .main-title i {\n font-size: 0.9rem;\n margin-right: 6px;\n }\n .program-item {\n font-size: 0.8rem;\n padding: 0.6rem 0.8rem;\n gap: 10px;\n flex-wrap: wrap;\n }\n .program-item i {\n font-size: 1rem;\n width: 1.5rem;\n }\n .program-item .program-code {\n font-size: 0.6rem;\n padding: 0.1rem 0.5rem;\n margin-left: 0;\n width: 100%;\n text-align: center;\n }\n }\n\n @media (max-width: 400px) {\n .card {\n padding: 0.6rem 0.5rem;\n }\n .main-title {\n font-size: 0.85rem;\n }\n .main-title i {\n font-size: 0.75rem;\n }\n .program-item {\n font-size: 0.75rem;\n padding: 0.5rem 0.6rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"card\">\n\n \n <div class=\"header-wrapper\">\n \n <div class=\"main-title\">\n <i class=\"fas fa-gavel\"><\/i> LEGAL STUDIES DEPARTMENT (LSD)\n <\/div>\n <\/div>\n\n \n <div class=\"program-list\">\n <div class=\"program-item\">\n <i class=\"fas fa-balance-scale\"><\/i>\n Master of Laws General (LLM-General)\n <span class=\"program-code\">LLM-G<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-handcuffs\"><\/i>\n Master of Laws in Criminal Law and Criminal Procedure (LLM-CLCP)\n <span class=\"program-code\">LLM-CLCP<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-briefcase\"><\/i>\n Master of Laws in Employment and Labour Laws (LLM-ELL)\n <span class=\"program-code\">LLM-ELL<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-building\"><\/i>\n Master of Laws in Corporate Law (LLM-CL)\n <span class=\"program-code\">LLM-CL<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-university\"><\/i>\n Master of Laws in Banking Law (LLM-BL)\n <span class=\"program-code\">LLM-BL<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-fist-raised\"><\/i>\n Master of Laws in Human Rights Law (LLM-HRL)\n <span class=\"program-code\">LLM-HRL<\/span>\n <\/div>\n <div class=\"program-item\">\n <i class=\"fas fa-globe\"><\/i>\n Master of Laws in Constitutional and International Law (LLM-CIL)\n <span class=\"program-code\">LLM-CIL<\/span>\n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\n (function() {\n const totalProgrammes = document.querySelectorAll('.program-item').length;\n console.log(`\u2696\ufe0f LEGAL STUDIES DEPARTMENT (LSD) \u2014 ${totalProgrammes} programmes loaded`);\n document.querySelector('.card').dataset.totalProgrammes = totalProgrammes;\n window.programmeCount = totalProgrammes;\n console.log('\u2696\ufe0f LEGAL STUDIES DEPARTMENT (LSD) \u2014 ready');\n })();\n<\/script>\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-16bc4ef e-flex e-con-boxed e-con e-parent\" data-id=\"16bc4ef\" 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-f61c25c elementor-widget elementor-widget-html\" data-id=\"f61c25c\" 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=1.0, user-scalable=yes\" \/>\n <title>Masters Programmes Information<\/title>\n \n \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 .masters-wrapper {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n padding: 30px 16px;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n background: transparent;\n min-height: 100vh;\n box-sizing: border-box;\n }\n\n .masters-wrapper * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .masters-wrapper .programmes-card {\n max-width: 960px;\n width: 100%;\n background: #ffffff;\n border-radius: 18px;\n padding: 2rem 2.5rem;\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);\n border: 1px solid #e2e9e5;\n transition: box-shadow 0.3s ease;\n margin: 0 auto; \/* ensures horizontal centering *\/\n }\n\n .masters-wrapper .programmes-card:hover {\n box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);\n }\n\n \/* ===== HEADER ===== *\/\n .masters-wrapper .pg-header {\n display: flex;\n align-items: center;\n gap: 14px;\n margin-bottom: 24px;\n padding-bottom: 14px;\n border-bottom: 2px solid #edf2ef;\n }\n\n .masters-wrapper .pg-header .icon-box {\n background: #026F3D;\n width: 46px;\n height: 46px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n font-size: 1.3rem;\n flex-shrink: 0;\n transition: transform 0.3s ease, background 0.3s ease;\n }\n\n .masters-wrapper .pg-header .icon-box:hover {\n transform: scale(1.05) rotate(-3deg);\n background: #038a4a;\n }\n\n .masters-wrapper .pg-header h1 {\n font-size: 1.4rem;\n font-weight: 600;\n color: #0b2b1e;\n }\n\n .masters-wrapper .pg-header h1 small {\n display: block;\n font-size: 0.75rem;\n font-weight: 400;\n color: #6b8a7a;\n margin-top: 1px;\n }\n\n \/* ===== DURATION BANNER - NO BACKGROUND ===== *\/\n .masters-wrapper .duration-banner {\n background: transparent;\n color: #0b2b1e;\n padding: 8px 0 12px 0;\n display: flex;\n align-items: center;\n gap: 14px;\n flex-wrap: wrap;\n margin-bottom: 26px;\n border-bottom: 2px solid #edf2ef;\n transition: border-color 0.3s ease;\n }\n\n .masters-wrapper .duration-banner:hover {\n border-color: #026F3D;\n }\n\n .masters-wrapper .duration-banner .icon-large {\n font-size: 1.4rem;\n }\n\n .masters-wrapper .duration-banner .years {\n font-size: 1.5rem;\n font-weight: 700;\n color: #026F3D;\n }\n\n .masters-wrapper .duration-banner .text {\n font-size: 0.88rem;\n color: #3d5a4a;\n }\n\n .masters-wrapper .duration-banner .text strong {\n font-weight: 600;\n color: #0b2b1e;\n }\n\n \/* ===== SECTION ===== *\/\n .masters-wrapper .section-block {\n margin-top: 22px;\n }\n\n .masters-wrapper .section-title {\n font-size: 0.95rem;\n font-weight: 600;\n color: #0b2b1e;\n margin-bottom: 10px;\n padding-bottom: 6px;\n border-bottom: 2px solid #edf2ef;\n display: flex;\n align-items: center;\n gap: 10px;\n transition: color 0.3s ease;\n }\n\n .masters-wrapper .section-title:hover {\n color: #026F3D;\n }\n\n .masters-wrapper .section-title i {\n color: #026F3D;\n width: 20px;\n font-size: 0.95rem;\n transition: transform 0.3s ease;\n }\n\n .masters-wrapper .section-title:hover i {\n transform: scale(1.15);\n }\n\n .masters-wrapper .section-title .pill {\n font-size: 0.5rem;\n font-weight: 700;\n background: #026F3D;\n color: #fff;\n padding: 2px 12px;\n border-radius: 30px;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n margin-left: auto;\n transition: background 0.3s ease, transform 0.3s ease;\n }\n\n .masters-wrapper .section-title .pill:hover {\n transform: scale(1.05);\n }\n\n .masters-wrapper .section-title .pill.orange {\n background: #e0693a;\n }\n\n .masters-wrapper .section-title .pill.orange:hover {\n background: #c95a2e;\n }\n\n .masters-wrapper .section-title .pill.gold {\n background: #e0693a;\n }\n\n .masters-wrapper .section-title .pill.gold:hover {\n background: #c95a2e;\n }\n\n \/* ===== LISTS ===== *\/\n .masters-wrapper ul {\n list-style: none;\n padding: 0;\n }\n\n .masters-wrapper ul li {\n font-size: 0.9rem;\n line-height: 1.6;\n color: #1f3b2e;\n padding: 7px 12px 7px 32px;\n position: relative;\n border-bottom: 1px solid #f2f6f4;\n transition: background 0.25s ease, transform 0.25s ease, padding-left 0.25s ease;\n border-radius: 4px;\n }\n\n .masters-wrapper ul li:hover {\n background: #f0f6f2;\n transform: translateX(4px);\n padding-left: 36px;\n }\n\n .masters-wrapper ul li:last-child {\n border-bottom: none;\n }\n\n .masters-wrapper ul li::before {\n content: \"\u203a\";\n position: absolute;\n left: 10px;\n color: #026F3D;\n font-size: 1.2rem;\n font-weight: 700;\n top: 5px;\n transition: transform 0.3s ease, color 0.3s ease;\n }\n\n .masters-wrapper ul li:hover::before {\n transform: scale(1.3);\n color: #e0693a;\n }\n\n .masters-wrapper .sub-items {\n margin-left: 4px;\n margin-top: 2px;\n }\n\n .masters-wrapper .sub-items li {\n padding: 4px 12px 4px 28px;\n font-size: 0.85rem;\n color: #3d5a4a;\n border-bottom: none;\n background: #f8fbfa;\n border-radius: 4px;\n transition: background 0.25s ease, transform 0.25s ease;\n }\n\n .masters-wrapper .sub-items li:hover {\n background: #e8f2ec;\n transform: translateX(4px);\n }\n\n .masters-wrapper .sub-items li::before {\n content: \"\u2022\";\n left: 10px;\n font-size: 1rem;\n top: 4px;\n }\n\n .masters-wrapper .sub-items li:hover::before {\n transform: scale(1.2);\n color: #e0693a;\n }\n\n .masters-wrapper .label {\n font-weight: 600;\n color: #0b2b1e;\n }\n\n .masters-wrapper .highlight {\n background: #eaf5ef;\n padding: 0 4px;\n border-radius: 3px;\n font-weight: 600;\n color: #026F3D;\n transition: background 0.3s ease, color 0.3s ease;\n }\n\n .masters-wrapper .highlight:hover {\n background: #d4e8dd;\n color: #e0693a;\n }\n\n .masters-wrapper .tag {\n display: inline-block;\n background: #edf2ef;\n padding: 0 10px;\n border-radius: 30px;\n font-size: 0.68rem;\n font-weight: 500;\n color: #1a2e25;\n transition: background 0.3s ease, color 0.3s ease;\n }\n\n .masters-wrapper .tag:hover {\n background: #026F3D;\n color: #fff;\n }\n\n \/* ===== ADMISSION GRID ===== *\/\n .masters-wrapper .admission-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n }\n\n .masters-wrapper .admission-grid .col {\n background: #fafcfe;\n border: 1px solid #e2e9e5;\n border-radius: 10px;\n overflow: hidden;\n transition: border-color 0.3s ease, box-shadow 0.3s ease;\n }\n\n .masters-wrapper .admission-grid .col:hover {\n border-color: #026F3D;\n box-shadow: 0 4px 16px rgba(2, 111, 61, 0.08);\n }\n\n .masters-wrapper .admission-grid .col li {\n padding: 10px 12px 10px 30px;\n font-size: 0.86rem;\n border-bottom: 1px solid #e2e9e5;\n transition: background 0.25s ease, transform 0.25s ease;\n }\n\n .masters-wrapper .admission-grid .col li:last-child {\n border-bottom: none;\n }\n\n .masters-wrapper .admission-grid .col li::before {\n left: 10px;\n font-size: 0.9rem;\n top: 50%;\n transform: translateY(-50%);\n }\n\n .masters-wrapper .admission-grid .col li:hover {\n background: #f0f6f2;\n transform: translateX(4px);\n }\n\n .masters-wrapper .admission-grid .col li:hover::before {\n transform: translateY(-50%) scale(1.2);\n }\n\n \/* ===== INFO GRID ===== *\/\n .masters-wrapper .info-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n }\n\n .masters-wrapper .info-card {\n background: #f8fbfa;\n padding: 12px 16px;\n border-radius: 10px;\n border-left: 3px solid #026F3D;\n transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n }\n\n .masters-wrapper .info-card:hover {\n background: #f0f6f2;\n transform: translateX(4px);\n box-shadow: 0 4px 12px rgba(2, 111, 61, 0.06);\n border-color: #e0693a;\n }\n\n .masters-wrapper .info-card .info-label {\n font-size: 0.6rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n color: #6b8a7a;\n margin-bottom: 2px;\n transition: color 0.3s ease;\n }\n\n .masters-wrapper .info-card:hover .info-label {\n color: #026F3D;\n }\n\n .masters-wrapper .info-card .info-label i {\n color: #026F3D;\n margin-right: 4px;\n transition: transform 0.3s ease;\n }\n\n .masters-wrapper .info-card:hover .info-label i {\n transform: scale(1.2);\n }\n\n .masters-wrapper .info-card .info-value {\n font-size: 0.9rem;\n font-weight: 500;\n color: #0b2b1e;\n }\n\n \/* ===== TEXT ITEM ===== *\/\n .masters-wrapper .text-item {\n padding: 7px 12px 7px 32px;\n font-size: 0.9rem;\n line-height: 1.6;\n color: #1f3b2e;\n position: relative;\n border-bottom: 1px solid #f2f6f4;\n transition: background 0.25s ease, transform 0.25s ease, padding-left 0.25s ease;\n border-radius: 4px;\n }\n\n .masters-wrapper .text-item:last-child {\n border-bottom: none;\n }\n\n .masters-wrapper .text-item::before {\n content: \"\u203a\";\n position: absolute;\n left: 10px;\n color: #026F3D;\n font-size: 1.2rem;\n font-weight: 700;\n top: 5px;\n transition: transform 0.3s ease, color 0.3s ease;\n }\n\n .masters-wrapper .text-item:hover {\n background: #f0f6f2;\n transform: translateX(4px);\n padding-left: 36px;\n }\n\n .masters-wrapper .text-item:hover::before {\n transform: scale(1.3);\n color: #e0693a;\n }\n\n \/* ===== CAREER TAGS ===== *\/\n .masters-wrapper .career-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n padding-top: 8px;\n }\n\n .masters-wrapper .career-tags span {\n background: #eaf5ef;\n padding: 5px 16px;\n border-radius: 30px;\n font-size: 0.78rem;\n font-weight: 500;\n color: #026F3D;\n border: 1px solid #d4e8dd;\n transition: all 0.3s ease;\n cursor: default;\n }\n\n .masters-wrapper .career-tags span:hover {\n background: #026F3D;\n color: #fff;\n border-color: #026F3D;\n transform: translateY(-3px) scale(1.04);\n box-shadow: 0 4px 16px rgba(2, 111, 61, 0.2);\n }\n\n \/* ===== FOOTER ===== *\/\n .masters-wrapper .card-footer {\n margin-top: 26px;\n padding-top: 14px;\n border-top: 2px solid #edf2ef;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 10px;\n font-size: 0.78rem;\n color: #6b8a7a;\n }\n\n .masters-wrapper .card-footer i {\n color: #026F3D;\n margin-right: 4px;\n transition: transform 0.3s ease;\n }\n\n .masters-wrapper .card-footer span:hover i {\n transform: scale(1.2);\n }\n\n .masters-wrapper .card-footer a {\n color: #026F3D;\n font-weight: 500;\n text-decoration: none;\n transition: color 0.3s ease, transform 0.3s ease;\n display: inline-block;\n }\n\n .masters-wrapper .card-footer a:hover {\n color: #e0693a;\n transform: translateX(2px);\n }\n\n \/* ========================================\n RESPONSIVE - keep centered always\n ======================================== *\/\n @media (max-width: 992px) {\n .masters-wrapper .programmes-card {\n padding: 1.8rem 2rem;\n }\n }\n\n @media (max-width: 768px) {\n .masters-wrapper .programmes-card {\n padding: 1.5rem 1.2rem;\n }\n\n .masters-wrapper .pg-header h1 {\n font-size: 1.2rem;\n }\n\n .masters-wrapper .pg-header .icon-box {\n width: 40px;\n height: 40px;\n font-size: 1.1rem;\n }\n\n .masters-wrapper .admission-grid {\n grid-template-columns: 1fr;\n }\n\n .masters-wrapper .info-grid {\n grid-template-columns: 1fr;\n }\n\n .masters-wrapper .duration-banner .years {\n font-size: 1.3rem;\n }\n\n .masters-wrapper .duration-banner .text {\n font-size: 0.82rem;\n }\n\n .masters-wrapper ul li:hover {\n transform: translateX(2px);\n padding-left: 34px;\n }\n\n .masters-wrapper .info-card:hover {\n transform: translateX(2px);\n }\n\n .masters-wrapper .text-item:hover {\n transform: translateX(2px);\n padding-left: 34px;\n }\n\n .masters-wrapper .admission-grid .col li:hover {\n transform: translateX(2px);\n }\n\n .masters-wrapper .sub-items li:hover {\n transform: translateX(2px);\n }\n }\n\n @media (max-width: 600px) {\n .masters-wrapper .programmes-card {\n padding: 1.2rem 1rem;\n }\n\n .masters-wrapper .pg-header {\n gap: 10px;\n padding-bottom: 10px;\n margin-bottom: 18px;\n }\n\n .masters-wrapper .pg-header h1 {\n font-size: 1.1rem;\n }\n\n .masters-wrapper .pg-header h1 small {\n font-size: 0.7rem;\n }\n\n .masters-wrapper .pg-header .icon-box {\n width: 38px;\n height: 38px;\n font-size: 1rem;\n }\n\n .masters-wrapper .duration-banner {\n padding: 6px 0 10px 0;\n gap: 10px;\n }\n\n .masters-wrapper .duration-banner .years {\n font-size: 1.2rem;\n }\n\n .masters-wrapper .duration-banner .text {\n font-size: 0.8rem;\n }\n\n .masters-wrapper .section-title {\n font-size: 0.9rem;\n }\n }\n\n @media (max-width: 480px) {\n .masters-wrapper .programmes-card {\n padding: 1rem 0.8rem;\n border-radius: 14px;\n }\n\n .masters-wrapper .pg-header {\n flex-wrap: wrap;\n gap: 8px;\n padding-bottom: 10px;\n margin-bottom: 16px;\n }\n\n .masters-wrapper .pg-header h1 {\n font-size: 1rem;\n }\n\n .masters-wrapper .pg-header h1 small {\n font-size: 0.65rem;\n }\n\n .masters-wrapper .pg-header .icon-box {\n width: 36px;\n height: 36px;\n font-size: 0.9rem;\n }\n\n .masters-wrapper .pg-header .icon-box:hover {\n transform: scale(1.04) rotate(-2deg);\n }\n\n .masters-wrapper .duration-banner {\n padding: 4px 0 10px 0;\n flex-direction: column;\n text-align: center;\n gap: 4px;\n margin-bottom: 18px;\n }\n\n .masters-wrapper .duration-banner .years {\n font-size: 1.2rem;\n }\n\n .masters-wrapper .duration-banner .text {\n font-size: 0.78rem;\n }\n\n .masters-wrapper .duration-banner .icon-large {\n font-size: 1.2rem;\n }\n\n .masters-wrapper .section-title {\n font-size: 0.88rem;\n }\n\n .masters-wrapper .section-title .pill {\n display: none;\n }\n\n .masters-wrapper ul li {\n font-size: 0.83rem;\n padding: 6px 10px 6px 28px;\n }\n\n .masters-wrapper ul li::before {\n left: 8px;\n font-size: 1rem;\n top: 4px;\n }\n\n .masters-wrapper ul li:hover {\n transform: translateX(2px);\n padding-left: 32px;\n }\n\n .masters-wrapper .admission-grid .col li {\n font-size: 0.8rem;\n padding: 8px 10px 8px 28px;\n }\n\n .masters-wrapper .admission-grid .col li::before {\n left: 8px;\n font-size: 0.8rem;\n }\n\n .masters-wrapper .admission-grid .col li:hover {\n transform: translateX(2px);\n }\n\n .masters-wrapper .info-card {\n padding: 10px 12px;\n }\n\n .masters-wrapper .info-card:hover {\n transform: translateX(2px);\n }\n\n .masters-wrapper .info-card .info-value {\n font-size: 0.83rem;\n }\n\n .masters-wrapper .career-tags span {\n font-size: 0.68rem;\n padding: 4px 12px;\n }\n\n .masters-wrapper .career-tags span:hover {\n transform: translateY(-2px) scale(1.03);\n }\n\n .masters-wrapper .card-footer {\n flex-direction: column;\n text-align: center;\n font-size: 0.7rem;\n margin-top: 18px;\n padding-top: 12px;\n }\n\n .masters-wrapper .text-item {\n font-size: 0.83rem;\n padding: 6px 10px 6px 28px;\n }\n\n .masters-wrapper .text-item::before {\n left: 8px;\n font-size: 1rem;\n top: 4px;\n }\n\n .masters-wrapper .text-item:hover {\n transform: translateX(2px);\n padding-left: 32px;\n }\n\n .masters-wrapper .sub-items li {\n font-size: 0.8rem;\n padding: 3px 10px 3px 24px;\n }\n\n .masters-wrapper .sub-items li::before {\n left: 8px;\n font-size: 0.9rem;\n top: 3px;\n }\n\n .masters-wrapper .sub-items li:hover {\n transform: translateX(2px);\n }\n\n .masters-wrapper .section-block {\n margin-top: 18px;\n }\n }\n\n @media (max-width: 360px) {\n .masters-wrapper .programmes-card {\n padding: 0.8rem 0.6rem;\n border-radius: 12px;\n }\n\n .masters-wrapper .pg-header h1 {\n font-size: 0.9rem;\n }\n\n .masters-wrapper .pg-header h1 small {\n font-size: 0.6rem;\n }\n\n .masters-wrapper .pg-header .icon-box {\n width: 32px;\n height: 32px;\n font-size: 0.8rem;\n border-radius: 8px;\n }\n\n .masters-wrapper .duration-banner .years {\n font-size: 1rem;\n }\n\n .masters-wrapper .duration-banner .text {\n font-size: 0.7rem;\n }\n\n .masters-wrapper ul li {\n font-size: 0.78rem;\n padding: 5px 8px 5px 24px;\n }\n\n .masters-wrapper ul li::before {\n left: 6px;\n font-size: 0.9rem;\n }\n\n .masters-wrapper ul li:hover {\n padding-left: 28px;\n }\n\n .masters-wrapper .admission-grid .col li {\n font-size: 0.75rem;\n padding: 6px 8px 6px 24px;\n }\n\n .masters-wrapper .admission-grid .col li::before {\n left: 6px;\n font-size: 0.7rem;\n }\n\n .masters-wrapper .info-card .info-value {\n font-size: 0.78rem;\n }\n\n .masters-wrapper .career-tags span {\n font-size: 0.62rem;\n padding: 3px 10px;\n }\n\n .masters-wrapper .text-item {\n font-size: 0.78rem;\n padding: 5px 8px 5px 24px;\n }\n\n .masters-wrapper .text-item::before {\n left: 6px;\n font-size: 0.9rem;\n top: 4px;\n }\n\n .masters-wrapper .text-item:hover {\n padding-left: 28px;\n }\n\n .masters-wrapper .sub-items li {\n font-size: 0.75rem;\n padding: 3px 8px 3px 20px;\n }\n\n .masters-wrapper .sub-items li::before {\n left: 6px;\n font-size: 0.8rem;\n top: 3px;\n }\n\n .masters-wrapper .section-title {\n font-size: 0.8rem;\n }\n\n .masters-wrapper .section-title i {\n font-size: 0.8rem;\n width: 16px;\n }\n\n .masters-wrapper .card-footer {\n font-size: 0.65rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"masters-wrapper\">\n\n <div class=\"programmes-card\">\n\n \n <div class=\"pg-header\">\n <div class=\"icon-box\">\n <i class=\"fas fa-graduation-cap\"><\/i>\n <\/div>\n <h1>\n Masters Degree Programmes\n <small>Postgraduate Studies & Research<\/small>\n <\/h1>\n <\/div>\n\n \n <div class=\"duration-banner\">\n <span class=\"icon-large\">\u23f3<\/span>\n <span class=\"years\">2 Years<\/span>\n <span class=\"text\">\u2014 All Masters Degree Programmes run for a period of <strong>Two (2) Years<\/strong><\/span>\n <\/div>\n\n \n <div class=\"section-block\">\n <div class=\"section-title\">\n <i class=\"fas fa-chalkboard-teacher\"><\/i> Mode of Delivery\n <span class=\"pill\">Masters<\/span>\n <\/div>\n <ul>\n <li>\n <span class=\"label\">Block Release:<\/span>\n Every fortnight weekend in a month (two intensive weekends in a month: <span class=\"tag\">Saturday & Sunday<\/span>)\n <\/li>\n <li>\n <span class=\"label\">Distance Learning:<\/span>\n One (1) intensive week per semester\n <ul class=\"sub-items\">\n <li>7-day residential school held <strong>twice<\/strong> (January and July) in an academic year \u2014 <span class=\"highlight\">January & July<\/span><\/li>\n <\/ul>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"section-block\">\n <div class=\"section-title\">\n <i class=\"fas fa-key\"><\/i> Admission Requirements\n <span class=\"pill orange\">Entry Pathways<\/span>\n <\/div>\n <div class=\"admission-grid\">\n <ul class=\"col\">\n <li><span class=\"label\">Direct Entry:<\/span> Grade 12 Certificate with 5 'O' Level credits (1-6), <span class=\"highlight\">English and Mathematics Inclusive<\/span><\/li>\n <li><span class=\"label\">2nd Year \u2014 Diploma:<\/span> A ZAQA approved certificate in the same field<\/li>\n <\/ul>\n <ul class=\"col\">\n <li><span class=\"label\">2nd Year \u2014 Degree:<\/span> A Diploma in a relevant field from a reputable and recognised institution with minimum 5 'O' Level credits<\/li>\n <li><span class=\"label\">Postgraduate:<\/span> Bachelor's Degree in a relevant field from a reputable and recognised institution accredited by the <span class=\"highlight\">Higher Education Authority (HEA)<\/span><\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"section-block\">\n <div class=\"section-title\">\n <i class=\"fas fa-calendar-check\"><\/i> Enrolment & Examinations\n <\/div>\n <div class=\"info-grid\">\n <div class=\"info-card\">\n <div class=\"info-label\"><i class=\"fas fa-user-plus\"><\/i> Enrolments<\/div>\n <div class=\"info-value\">Conducted in <span class=\"highlight\">January<\/span> & <span class=\"highlight\">July<\/span><\/div>\n <\/div>\n <div class=\"info-card\">\n <div class=\"info-label\"><i class=\"fas fa-pencil-alt\"><\/i> Examinations<\/div>\n <div class=\"info-value\">Held in <strong>November\/December<\/strong> & <strong>June\/July<\/strong> every year<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section-block\">\n <div class=\"section-title\">\n <i class=\"fas fa-flask\"><\/i> Workshops, Seminars & Events\n <\/div>\n <div class=\"text-item\">\n We will provide a list of workshops, seminars and events undertaken by the Division once it is agreed upon.\n <\/div>\n <\/div>\n\n \n <div class=\"section-block\">\n <div class=\"section-title\">\n <i class=\"fas fa-microscope\"><\/i> Research & Consultancy\n <\/div>\n <div class=\"text-item\">\n Provide a list of research and consultancy that is undertaken by the Division.\n <\/div>\n <\/div>\n\n \n <div class=\"section-block\">\n <div class=\"section-title\">\n <i class=\"fas fa-briefcase\"><\/i> Careers\n <span class=\"pill gold\">Success<\/span>\n <\/div>\n <ul>\n <li>\n <span class=\"label\">Track Record:<\/span>\n Our graduates have an excellent track record of employment in both <span class=\"highlight\">public<\/span> and <span class=\"highlight\">private<\/span> sectors.\n <\/li>\n <li>\n <span class=\"label\">Career Pathways:<\/span>\n The graduates go into career areas directly reflecting the skills they have gained through their chosen study programmes.\n <\/li>\n <\/ul>\n <div class=\"career-tags\">\n <span>\ud83c\udfdb\ufe0f Public Sector<\/span>\n <span>\ud83c\udfe2 Private Sector<\/span>\n <span>\ud83d\udcca Research<\/span>\n <span>\ud83d\udcc8 Consultancy<\/span>\n <span>\ud83c\udf0d International<\/span>\n <span>\ud83d\udcda Academia<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"card-footer\">\n <span>\n <i class=\"fas fa-calendar-alt\"><\/i>\n Enrolments open in <strong>January<\/strong> & <strong>July<\/strong>\n <\/span>\n <span>\n <i class=\"fas fa-envelope\"><\/i>\n <a href=\"#\">Contact the Division<\/a> for more information\n <\/span>\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>Distance Learning Programmes – Management Studies Distance Learning Programmes Management Studies Available programmes offered via distance learning Updated regularly Programmes Mode of Study Duration Bachelor of Public Administration Distance 4 Years (8 Semesters) Bachelor of Human Resources Management Distance 4 Years (8 Semesters) Bachelor of Development Studies Distance 4 Years (8 Semesters) Bachelor of Public […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-51939","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_mukwato\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Distance Learning Programmes – Management Studies Distance Learning Programmes Management Studies Available programmes offered via distance learning Updated regularly Programmes Mode of Study Duration Bachelor of Public Administration Distance 4 Years (8 Semesters) Bachelor of Human Resources Management Distance 4 Years (8 Semesters) Bachelor of Development Studies Distance 4 Years (8 Semesters) Bachelor of Public…","_links":{"self":[{"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages\/51939","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\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/comments?post=51939"}],"version-history":[{"count":139,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages\/51939\/revisions"}],"predecessor-version":[{"id":55579,"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/pages\/51939\/revisions\/55579"}],"wp:attachment":[{"href":"https:\/\/www.nipa.ac.zm\/index.php\/wp-json\/wp\/v2\/media?parent=51939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}