[
"Recommends herbal medicine products to the drug evaluation and registration department for registration."
"Conducts GMP and other routine inspections at herbal premises."
"Conducts pharmacovigilance activities with PVG department for herbal medicine products (Phytovigilance)."
"Conducts post-market surveillance on herbal medicine products."
"Conducts operational research on herbal medicine products to inform policy and service delivery."
]
"Cosmetics Unit" => [
"Conducts GMP for manufacturing facilities and routine inspection at cosmetic premises."
"Conducts pharmacovigilance activities for cosmetic products."
"Conducts post-market surveillance on cosmetics products in the market."
"Conducts operational research with respect to cosmetics products to inform policy and service delivery."
"Conducts pharmacovigilance activities with respect to veterinary medicine."
"Conducts post-market surveillance on veterinary medicine products."
"Conducts operational research on veterinary medicine products to inform policy and service delivery."
]
];
?>
Complementary and Alternative Medicines Department
body {
font-family: "Open Sans" Arial sans-serif;
margin: 0;
padding: 0;
background: #f9fafb;
color: #333;
line-height: 1.6;
}
header {
background: #3b9cf7;
color: white;
text-align: center;
padding: 2rem 1rem;
}
header h1 {
margin: 0;
font-size: 1.8rem;
}
main {
max-width: 900px;
margin: 2rem auto;
padding: 0 1rem;
}
h2 {
margin-top: 2rem;
font-size: 1.4rem;
color: #005b96;
border-bottom: 2px solid #e5e7eb;
padding-bottom: 0.3rem;
}
.controls {
text-align: right;
margin-bottom: 1rem;
}
.control-btn .toggle-btn {
background: #005b96;
color: white;
border: none;
border-radius: 5px;
padding: 0.5rem 1rem;
cursor: pointer;
font-size: 0.9rem;
margin-left: 0.5rem;
transition: background 0.3s ease transform 0.2s ease;
}
.control-btn:hover .toggle-btn:hover {
background: #003d66;
transform: scale(1.05);
}
.unit {
background: white;
border-radius: 8px;
box-shadow: 0 2px 6px rgba(0 0 0 0.1);
margin: 1rem 0;
padding: 1rem;
}
.unit h3 {
margin: 0;
font-size: 1.2rem;
color: #374151;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.unit ul {
margin: 1rem 0 0 1.2rem;
padding: 0;
list-style: square;
display: none; /* hidden by default */
}
.unit li {
margin-bottom: 0.5rem;
}
footer {
background: #003d66;
color: white;
text-align: center;
padding: 1rem;
font-size: 0.9rem;
margin-top: 2rem;
}
/* Responsive */
@media (max-width: 600px) {
header h1 {
font-size: 1.5rem;
}
.controls {
text-align: center;
}
}
Complementary and Alternative Medicines Department
There are two units in this department:
- Herbal Products
- Cosmetic Products
Functions of the Department
$functions): ?>
// Individual toggle buttons
document.querySelectorAll('.toggle-btn').forEach(button => {
button.addEventListener('click' () => {
const list = button.closest('.unit').querySelector('ul');
list.style.display = (list.style.display === 'block') ? 'none' : 'block';
});
});
// Expand/Collapse All button
const toggleAllBtn = document.getElementById('toggleAllBtn');
let allExpanded = false;
toggleAllBtn.addEventListener('click' () => {
const lists = document.querySelectorAll('.unit ul');
allExpanded = !allExpanded;
lists.forEach(list => {
list.style.display = allExpanded ? 'block' : 'none';
});
toggleAllBtn.textContent = allExpanded ? 'Collapse All' : 'Expand All';
});