{"id":143,"date":"2026-06-16T13:02:29","date_gmt":"2026-06-16T13:02:29","guid":{"rendered":"https:\/\/www.whi.go.tz\/?page_id=143"},"modified":"2026-06-16T13:06:23","modified_gmt":"2026-06-16T13:06:23","slug":"home","status":"publish","type":"page","link":"https:\/\/www.whi.go.tz\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"143\" class=\"elementor elementor-143\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6dbf254e e-flex e-con-boxed e-con e-parent\" data-id=\"6dbf254e\" 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-57b682a custom-slide-lines elementor--h-position-center elementor--v-position-middle elementor-arrows-position-inside elementor-pagination-position-inside elementor-widget elementor-widget-slides\" data-id=\"57b682a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;transition&quot;:&quot;fade&quot;,&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;transition_speed&quot;:500}\" data-widget_type=\"slides.default\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\" dir=\"ltr\" data-animation=\"\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-44c9634 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg elementor-ken-burns elementor-ken-burns--in\" role=\"img\" aria-label=\"Slide1-Revised.png\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">Click Here<\/div><\/div><\/div><\/div><div class=\"elementor-repeater-item-6a152c4 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg elementor-ken-burns elementor-ken-burns--in\" role=\"img\" aria-label=\"101_Mikocheni-Apartments4.jpg\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">Click Here<\/div><\/div><\/div><\/div><div class=\"elementor-repeater-item-e0dde69 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg elementor-ken-burns elementor-ken-burns--in\" role=\"img\" aria-label=\"Slide-4.jpg\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">Click Here<\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\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-49c90be e-flex e-con-boxed e-con e-parent\" data-id=\"49c90be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-10165eb7 e-con-full e-flex e-con e-child\" data-id=\"10165eb7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b584e93 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"1b584e93\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\n\nGrow your wealth with <span>Faida Fund<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62ffe9c3 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"62ffe9c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A trusted investment fund for all Tanzanians, promoting smart saving and competitive returns.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ccf6322 elementor-mobile-align-justify animated-fast elementor-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"2ccf6322\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-float\" href=\"https:\/\/www.whi.go.tz\/\/faida-fund\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Find Out More \u27f6<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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-73088cf1 e-flex e-con-boxed e-con e-parent\" data-id=\"73088cf1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-456d45a elementor-widget elementor-widget-html\" data-id=\"456d45a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n<title>Investment Calculator - Tanzania<\/title>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\r\n\r\n<style>\r\nbody {\r\n  margin: 0;\r\n  background: #f5f6f5;\r\n  color: #333;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n#investment-calculator {\r\n  max-width: 1200px;\r\n  margin: 2rem auto;\r\n  padding: 0 1.5rem;\r\n}\r\n\r\n.inv-tabs {\r\n  display: flex;\r\n  gap: 0.8rem;\r\n  margin-bottom: 1.8rem;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.inv-tab {\r\n  padding: 0.8rem 1.6rem;\r\n  background: #F3EC1A;\r\n  color: #212529;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n  user-select: none;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.inv-tab:hover:not(.active) {\r\n  background: #F3EC1A;\r\n  opacity: 0.92;\r\n  box-shadow: 0 2px 6px rgba(0,0,0,0.18);\r\n}\r\n\r\n.inv-tab.active {\r\n  background: #022960;\r\n  color: white;\r\n  box-shadow: 0 3px 8px rgba(0,0,0,0.3);\r\n}\r\n\r\n.inv-main {\r\n  display: grid;\r\n  grid-template-columns: 7fr 3fr;\r\n  gap: 2rem;\r\n  align-items: center;\r\n}\r\n\r\n.inv-inputs {\r\n  background: white;\r\n  padding: 1.8rem;\r\n  border-radius: 10px;\r\n  box-shadow: 0 3px 12px rgba(0,0,0,0.08);\r\n}\r\n\r\n.inv-summary {\r\n  background: #1C244B;\r\n  color: white;\r\n  padding: 1.5rem 1.5rem 1.2rem;\r\n  border-radius: 10px;\r\n  box-shadow: 0 3px 12px rgba(0,0,0,0.15);\r\n  height: fit-content;\r\n  align-self: center;\r\n}\r\n\r\n.inv-summary h3 {\r\n  margin: 0 0 1.2rem 0;\r\n  font-size: 1.5rem;\r\n  font-weight: bold;\r\n}\r\n\r\n.summary-item {\r\n  padding: 0.9rem 0;\r\n  border-bottom: 1px solid rgba(255,255,255,0.15);\r\n}\r\n\r\n.summary-item:last-child {\r\n  border-bottom: none;\r\n  padding-bottom: 0;\r\n}\r\n\r\n.summary-item .label {\r\n  font-size: 1.05rem;\r\n  opacity: 0.9;\r\n  display: block;\r\n  margin-bottom: 0.35rem;\r\n}\r\n\r\n.summary-item .value {\r\n  font-size: 1.35rem;\r\n  font-weight: bold;\r\n  display: block;\r\n}\r\n\r\nlabel {\r\n  display: block;\r\n  margin: 1.2rem 0 0.5rem;\r\n  font-weight: 600;\r\n  color: #444;\r\n}\r\n\r\ninput[type=\"text\"],\r\ninput[type=\"number\"] {\r\n  width: 100%;\r\n  padding: 0.7rem 1rem;\r\n  border: 1px solid #d0d0d0;\r\n  border-radius: 6px;\r\n  font-size: 1rem;\r\n  box-sizing: border-box;\r\n}\r\n\r\ninput[type=\"number\"]::-webkit-inner-spin-button,\r\ninput[type=\"number\"]::-webkit-outer-spin-button {\r\n  -webkit-appearance: none;\r\n  margin: 0;\r\n}\r\n\r\n.duration-group {\r\n  display: flex;\r\n  gap: 1.2rem;\r\n  margin-top: 0.4rem;\r\n}\r\n\r\n.duration-group > div {\r\n  flex: 1;\r\n}\r\n\r\n.duration-group small {\r\n  display: block;\r\n  margin-top: 0.3rem;\r\n  color: #666;\r\n  font-size: 0.9rem;\r\n}\r\n\r\nbutton {\r\n  margin-top: 1rem;\r\n  margin-right: 0.8rem;\r\n  padding: 0.9rem 1.8rem;\r\n  background: #F3EC1A;\r\n  color: #212529;\r\n  border: none;\r\n  border-radius: 6px;\r\n  font-size: 1.05rem;\r\n  cursor: pointer;\r\n  transition: all 0.2s;\r\n}\r\n\r\nbutton:hover {\r\n  background: #e0d700;\r\n  box-shadow: 0 2px 6px rgba(0,0,0,0.18);\r\n}\r\n\r\n.buttons {\r\n  margin-top: 1.8rem;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 1rem;\r\n}\r\n\r\n\/* GRAPH MODAL *\/\r\n#graphModal {\r\n  display: none;\r\n  position: fixed;\r\n  inset: 0;\r\n  background: rgba(0, 0, 0, 0.7);\r\n  z-index: 2000;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 1.5rem;\r\n  box-sizing: border-box;\r\n}\r\n\r\n#graphModal.active {\r\n  display: flex;\r\n}\r\n\r\n.modal-content {\r\n  background: white;\r\n  border-radius: 12px;\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  max-height: 92vh;\r\n  overflow: hidden;\r\n  box-shadow: 0 10px 40px rgba(0,0,0,0.4);\r\n  position: relative;\r\n}\r\n\r\n.modal-header {\r\n  padding: 1rem 1.5rem;\r\n  background: #f8f9fa;\r\n  border-bottom: 1px solid #e0e0e0;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.modal-header h3 {\r\n  margin: 0;\r\n  font-size: 1.4rem;\r\n}\r\n\r\n.close-btn {\r\n  font-size: 2.2rem;\r\n  line-height: 1;\r\n  cursor: pointer;\r\n  color: #555;\r\n  width: 40px;\r\n  height: 40px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 50%;\r\n  transition: background 0.2s;\r\n}\r\n\r\n.close-btn:hover {\r\n  background: #ddd;\r\n}\r\n\r\n.chart-wrapper {\r\n  padding: 1rem 1.5rem 1.5rem;\r\n  height: 520px;\r\n}\r\n\r\n#chartCanvas {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .inv-main {\r\n    grid-template-columns: 1fr;\r\n    align-items: stretch;\r\n  }\r\n  .inv-summary {\r\n    order: -1;\r\n  }\r\n  .chart-wrapper {\r\n    height: 420px;\r\n  }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"investment-calculator\">\r\n\r\n<div class=\"inv-tabs\">\r\n  <div class=\"inv-tab active\" data-mode=\"monthly\">Monthly<\/div>\r\n  <div class=\"inv-tab\" data-mode=\"lump\">Lump Sum<\/div>\r\n  <div class=\"inv-tab\" data-mode=\"graph\">Growth Chart<\/div>\r\n<\/div>\r\n\r\n<div class=\"inv-main\">\r\n  <div class=\"inv-inputs\">\r\n    <label>Initial Investment (TZS)<\/label>\r\n    <input type=\"text\" id=\"initial\" value=\"1,000,000\">\r\n\r\n    <label id=\"monthlyLabel\">Monthly Contribution (TZS)<\/label>\r\n    <input type=\"text\" id=\"monthly\" value=\"50,000\">\r\n\r\n    <label>Annual Interest Rate (%)<\/label>\r\n    <input type=\"number\" id=\"rate\" value=\"10\" min=\"0\" step=\"0.1\">\r\n\r\n    <label>Duration<\/label>\r\n    <div class=\"duration-group\">\r\n      <div>\r\n        <input type=\"text\" id=\"years\" value=\"5\">\r\n        <small>Years<\/small>\r\n      <\/div>\r\n      <div>\r\n        <input type=\"text\" id=\"months\" value=\"0\">\r\n        <small>Months<\/small>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"buttons\">\r\n      <button onclick=\"exportToCSV()\">Export to CSV<\/button>\r\n      <button onclick=\"exportToPDF()\">Export to PDF<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"inv-summary\">\r\n    <h3>Summary<\/h3>\r\n    <div class=\"summary-item\">\r\n      <span class=\"label\">Total Invested<\/span>\r\n      <span class=\"value\" id=\"totalInvested\">TZS 0<\/span>\r\n    <\/div>\r\n    <div class=\"summary-item\">\r\n      <span class=\"label\">Final Value<\/span>\r\n      <span class=\"value\" id=\"finalValue\">TZS 0<\/span>\r\n    <\/div>\r\n    <div class=\"summary-item\">\r\n      <span class=\"label\">Total Profit<\/span>\r\n      <span class=\"value\" id=\"totalProfit\">TZS 0<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Graph Overlay Modal -->\r\n<div id=\"graphModal\">\r\n  <div class=\"modal-content\">\r\n    <div class=\"modal-header\">\r\n      <h3 id=\"chartTitle\">Investment Growth<\/h3>\r\n      <span class=\"close-btn\" onclick=\"closeGraph()\">\u00d7<\/span>\r\n    <\/div>\r\n    <div class=\"chart-wrapper\">\r\n      <canvas id=\"chartCanvas\"><\/canvas>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nlet currentMode = \"monthly\";\r\nlet chart = null;\r\n\r\nconst tabs = document.querySelectorAll('.inv-tab');\r\nconst monthlyLabel = document.getElementById('monthlyLabel');\r\nconst monthlyInput = document.getElementById('monthly');\r\nconst modal = document.getElementById('graphModal');\r\n\r\nfunction formatInputWithCommas(inputEl) {\r\n  inputEl.addEventListener('input', (e) => {\r\n    let val = e.target.value.replace(\/[^0-9]\/g, '');\r\n    e.target.value = val;\r\n    calculateInvestment();\r\n  });\r\n\r\n  inputEl.addEventListener('blur', (e) => {\r\n    let val = e.target.value.replace(\/[^0-9]\/g, '');\r\n    if (val) e.target.value = Number(val).toLocaleString('en-TZ');\r\n    calculateInvestment();\r\n  });\r\n\r\n  inputEl.addEventListener('focus', (e) => {\r\n    let val = e.target.value.replace(\/[^0-9]\/g, '');\r\n    e.target.value = val;\r\n  });\r\n}\r\n\r\nfunction cleanNumber(str) {\r\n  return Number(str.replace(\/[^0-9]\/g, '')) || 0;\r\n}\r\n\r\nformatInputWithCommas(document.getElementById('initial'));\r\nformatInputWithCommas(document.getElementById('monthly'));\r\nformatInputWithCommas(document.getElementById('years'));\r\nformatInputWithCommas(document.getElementById('months'));\r\n\r\ntabs.forEach(tab => {\r\n  tab.addEventListener('click', () => {\r\n    tabs.forEach(t => t.classList.remove('active'));\r\n    tab.classList.add('active');\r\n    currentMode = tab.dataset.mode;\r\n\r\n    if (currentMode === 'monthly') {\r\n      monthlyLabel.style.display = 'block';\r\n      monthlyInput.style.display = 'block';\r\n    } else if (currentMode === 'lump') {\r\n      monthlyLabel.style.display = 'none';\r\n      monthlyInput.style.display = 'none';\r\n    } else if (currentMode === 'graph') {\r\n      modal.classList.add('active');\r\n      updateChart();\r\n      return;\r\n    }\r\n\r\n    calculateInvestment();\r\n  });\r\n});\r\n\r\ndocument.querySelectorAll('#investment-calculator input').forEach(input => {\r\n  input.addEventListener('input', calculateInvestment);\r\n  input.addEventListener('change', calculateInvestment);\r\n});\r\n\r\nfunction calculateInvestment() {\r\n  const P = cleanNumber(document.getElementById('initial').value);\r\n  const PMT = currentMode === 'monthly' ? cleanNumber(document.getElementById('monthly').value) : 0;\r\n  const annualRate = Number(document.getElementById('rate').value) || 0;\r\n  const r = annualRate \/ 100 \/ 12; \/\/ monthly rate\r\n  const y = cleanNumber(document.getElementById('years').value);\r\n  const m = cleanNumber(document.getElementById('months').value);\r\n  const n = y * 12 + m; \/\/ total months\r\n\r\n  let balance, invested;\r\n\r\n  if (currentMode === 'monthly') {\r\n    \/\/ Beginning-of-month contributions formula\r\n    balance = P * Math.pow(1 + r, n) + PMT * ((Math.pow(1 + r, n) - 1) \/ r) * (1 + r);\r\n    invested = P + PMT * n;\r\n  } else {\r\n    balance = P * Math.pow(1 + r, n);\r\n    invested = P;\r\n  }\r\n\r\n  const profit = balance - invested;\r\n\r\n  document.getElementById('totalInvested').textContent = formatNumber(invested);\r\n  document.getElementById('finalValue').textContent = formatNumber(balance);\r\n  document.getElementById('totalProfit').textContent = formatNumber(profit);\r\n\r\n  window.chartLabels = [];\r\n  window.chartValues = [];\r\n  for (let i = 1; i <= n; i++) {\r\n    let temp;\r\n    if (currentMode === 'monthly') {\r\n      temp = P * Math.pow(1 + r, i) + PMT * ((Math.pow(1 + r, i) - 1)\/r) * (1 + r);\r\n    } else {\r\n      temp = P * Math.pow(1 + r, i);\r\n    }\r\n    window.chartLabels.push(i);\r\n    window.chartValues.push(Math.round(temp));\r\n  }\r\n\r\n  if (modal.classList.contains('active')) updateChart();\r\n}\r\n\r\nfunction updateChart() {\r\n  const ctx = document.getElementById('chartCanvas').getContext('2d');\r\n  if (chart) chart.destroy();\r\n\r\n  const label = currentMode === 'monthly' ? 'Monthly Contributions Growth' : 'Lump Sum Growth';\r\n\r\n  chart = new Chart(ctx, {\r\n    type: 'line',\r\n    data: {\r\n      labels: window.chartLabels,\r\n      datasets: [{\r\n        label: label,\r\n        data: window.chartValues,\r\n        borderColor: '#F3EC1A',\r\n        backgroundColor: 'rgba(243, 236, 26, 0.18)',\r\n        fill: true,\r\n        tension: 0.15,\r\n        pointRadius: 3\r\n      }]\r\n    },\r\n    options: {\r\n      responsive: true,\r\n      maintainAspectRatio: false,\r\n      scales: {\r\n        x: { title: { display: true, text: 'Month' } },\r\n        y: { title: { display: true, text: 'Value (TZS)' }, ticks: { callback: v => formatNumber(v, true) } }\r\n      },\r\n      plugins: { tooltip: { callbacks: { label: ctx => formatNumber(ctx.parsed.y) } } }\r\n    }\r\n  });\r\n}\r\n\r\nfunction closeGraph() {\r\n  modal.classList.remove('active');\r\n  document.querySelector('.inv-tab[data-mode=\"monthly\"]').click();\r\n}\r\n\r\nfunction formatNumber(num, forChart = false) {\r\n  const formatted = Number(num).toLocaleString('en-TZ', { maximumFractionDigits: 0, minimumFractionDigits: 0 });\r\n  return forChart ? formatted : `TZS ${formatted}`;\r\n}\r\n\r\nfunction exportToCSV() {\r\n  const invested = cleanNumber(document.getElementById('totalInvested').textContent);\r\n  const value = cleanNumber(document.getElementById('finalValue').textContent);\r\n  const profit = cleanNumber(document.getElementById('totalProfit').textContent);\r\n\r\n  const rows = [\r\n    [\"Metric\", \"Value\"],\r\n    [\"Total Invested\", invested],\r\n    [\"Final Value\", value],\r\n    [\"Total Profit\", profit]\r\n  ];\r\n\r\n  let csv = rows.map(row => row.join(',')).join('\\n');\r\n  const blob = new Blob([csv], { type: 'text\/csv;charset=utf-8;' });\r\n  const url = URL.createObjectURL(blob);\r\n  const link = document.createElement('a');\r\n  link.href = url;\r\n  link.download = 'investment_summary.csv';\r\n  link.click();\r\n  URL.revokeObjectURL(url);\r\n}\r\n\r\nasync function exportToPDF() {\r\n  const { jsPDF } = window.jspdf;\r\n  const doc = new jsPDF();\r\n\r\n  doc.setFontSize(18);\r\n  doc.setTextColor(2, 41, 96);\r\n  doc.text(\"Investment Calculator - Summary Report\", 105, 18, { align: \"center\" });\r\n\r\n  doc.setFontSize(11);\r\n  doc.setTextColor(80);\r\n  doc.text(`Generated: ${new Date().toLocaleString('en-TZ')}`, 105, 26, { align: \"center\" });\r\n\r\n  doc.setLineWidth(0.5);\r\n  doc.setDrawColor(2, 41, 96);\r\n  doc.line(20, 34, 190, 34);\r\n\r\n  const summaryElement = document.querySelector('.inv-summary');\r\n\r\n  try {\r\n    const canvas = await html2canvas(summaryElement, { scale: 2, useCORS: true, backgroundColor: null, logging: false });\r\n    const imgData = canvas.toDataURL('image\/png');\r\n    const imgWidth = 160;\r\n    const pageWidth = doc.internal.pageSize.getWidth();\r\n    const imgHeight = (canvas.height * imgWidth) \/ canvas.width;\r\n\r\n    doc.addImage(imgData, 'PNG', (pageWidth - imgWidth)\/2, 44, imgWidth, imgHeight);\r\n\r\n    doc.setFontSize(9);\r\n    doc.setTextColor(120);\r\n    doc.text(\"Confidential \u2022 Personal Investment Projection\", 105, 280, { align: \"center\" });\r\n\r\n    doc.save('Investment_Summary.pdf');\r\n  } catch (err) {\r\n    console.error(\"PDF generation failed:\", err);\r\n    alert(\"Could not create PDF. Please try again or check console for details.\");\r\n  }\r\n}\r\n\r\n\/\/ Initial calculation\r\ncalculateInvestment();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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-19490e0e e-flex e-con-boxed e-con e-parent\" data-id=\"19490e0e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f8671a4 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"5f8671a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Services<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c54ac9 e-grid e-con-full e-con e-child\" data-id=\"2c54ac9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-495ebd18 e-con-full e-flex e-con e-child\" data-id=\"495ebd18\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2492cd27 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2492cd27\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Residential, Commercial sales and lettings<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b3d2a63 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"6b3d2a63\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>WHI sells different types of houses that address customers\u2019 needs. Depending on the preference of the customer, housing units sold range from 2 bedrooms to 4 bedrooms, detached to semi-detached houses.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8134901 elementor-align-center elementor-mobile-align-justify animated-fast elementor-invisible elementor-widget elementor-widget-button\" data-id=\"8134901\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-float\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Find Out More \u27f6<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-93fba53 e-con-full e-flex e-con e-child\" data-id=\"93fba53\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c392895 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"5c392895\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">REITs Investment services\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63a30569 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"63a30569\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>WHI is a fund manager which primarily manages the fund for the Public Servant Housing Scheme by way of operating Real Estate Investment Trusts (REITs). REITs operate like investment in shares.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65f621f9 elementor-align-center elementor-mobile-align-justify animated-fast elementor-invisible elementor-widget elementor-widget-button\" data-id=\"65f621f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-float\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Find Out More \u27f6<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4781068e e-con-full e-flex e-con e-child\" data-id=\"4781068e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fad5b14 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"4fad5b14\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Property Development and Construction\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a597698 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"a597698\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>WHI undertakes the development and construction of modern residential and commercial properties across Tanzania. This includes building new housing units and upgrading existing structures for sale or rental<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d03e623 elementor-align-center elementor-mobile-align-justify animated-fast elementor-invisible elementor-widget elementor-widget-button\" data-id=\"3d03e623\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-float\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Find Out More \u27f6<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70089f77 e-con-full e-flex e-con e-child\" data-id=\"70089f77\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3639cce animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"3639cce\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Property Management Services<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2bf573a elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"2bf573a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>WHI provides comprehensive property management services for its developments, ensuring properties are well maintained and professionally managed. Our services include facility maintenance, tenant management, and operational oversight to maintain high standards of living and working environments.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12661d26 elementor-align-center elementor-mobile-align-justify animated-fast elementor-invisible elementor-widget elementor-widget-button\" data-id=\"12661d26\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-float\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Find Out More \u27f6<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\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-69867b6a e-flex e-con-boxed e-con e-parent\" data-id=\"69867b6a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5e3eab7e e-con-full e-flex e-con e-child\" data-id=\"5e3eab7e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25b964e9 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"25b964e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Frequently Asked Questions<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ecbb5d1 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-toggle\" data-id=\"7ecbb5d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"toggle.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-toggle\">\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2121\" class=\"elementor-tab-title\" data-tab=\"1\" role=\"button\" aria-controls=\"elementor-tab-content-2121\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">Who can buy houses developed by WHI?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2121\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"region\" aria-labelledby=\"elementor-tab-title-2121\"><p>WHI housing projects are primarily designed for public servants and members of pension funds, although some projects may be open to the general public depending on the program.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2122\" class=\"elementor-tab-title\" data-tab=\"2\" role=\"button\" aria-controls=\"elementor-tab-content-2122\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">What types of houses does WHI offer?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2122\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"region\" aria-labelledby=\"elementor-tab-title-2122\"><p>WHI offers a variety of housing units ranging from 2-bedroom to 4-bedroom houses, including detached and semi-detached homes designed to suit Tanzanian lifestyles<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2123\" class=\"elementor-tab-title\" data-tab=\"3\" role=\"button\" aria-controls=\"elementor-tab-content-2123\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">What is the FAIDA Fund?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2123\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"region\" aria-labelledby=\"elementor-tab-title-2123\"><p>FAIDA Fund is a collective investment scheme managed by WHI that allows investors to participate in real estate and other income-generating investments.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2124\" class=\"elementor-tab-title\" data-tab=\"4\" role=\"button\" aria-controls=\"elementor-tab-content-2124\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">Are WHI Real Estate Investment Trusts (REITs) tradable?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2124\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"4\" role=\"region\" aria-labelledby=\"elementor-tab-title-2124\"><p>Currently, the REITs managed by WHI are owned by its shareholders and are not tradable on the stock exchange until the lock-in period ends<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2125\" class=\"elementor-tab-title\" data-tab=\"5\" role=\"button\" aria-controls=\"elementor-tab-content-2125\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">How can I apply for a WHI house or plot?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2125\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"5\" role=\"region\" aria-labelledby=\"elementor-tab-title-2125\"><p>Interested buyers can apply through the WHI online application platform or contact WHI offices for guidance on available housing projects and application procedures.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2126\" class=\"elementor-tab-title\" data-tab=\"6\" role=\"button\" aria-controls=\"elementor-tab-content-2126\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">How can I get updates about new WHI projects?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2126\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"6\" role=\"region\" aria-labelledby=\"elementor-tab-title-2126\"><p>You can subscribe to WHI newsletters or follow announcements on the WHI website to receive updates on new housing developments and investment opportunities.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<script type=\"application\/ld+json\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Who can buy houses developed by WHI?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p>WHI housing projects are primarily designed for public servants and members of pension funds, although some projects may be open to the general public depending on the program.<\\\/p>\"}},{\"@type\":\"Question\",\"name\":\"What types of houses does WHI offer?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p>WHI offers a variety of housing units ranging from 2-bedroom to 4-bedroom houses, including detached and semi-detached homes designed to suit Tanzanian lifestyles<\\\/p>\"}},{\"@type\":\"Question\",\"name\":\"What is the FAIDA Fund?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p>FAIDA Fund is a collective investment scheme managed by WHI that allows investors to participate in real estate and other income-generating investments.<\\\/p>\"}},{\"@type\":\"Question\",\"name\":\"Are WHI Real Estate Investment Trusts (REITs) tradable?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p>Currently, the REITs managed by WHI are owned by its shareholders and are not tradable on the stock exchange until the lock-in period ends<\\\/p>\"}},{\"@type\":\"Question\",\"name\":\"How can I apply for a WHI house or plot?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p>Interested buyers can apply through the WHI online application platform or contact WHI offices for guidance on available housing projects and application procedures.<\\\/p>\"}},{\"@type\":\"Question\",\"name\":\"How can I get updates about new WHI projects?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p>You can subscribe to WHI newsletters or follow announcements on the WHI website to receive updates on new housing developments and investment opportunities.<\\\/p>\"}}]}<\/script>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64d8021b e-con-full e-flex e-con e-child\" data-id=\"64d8021b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9715ef4 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"9715ef4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Projects Completion Status\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69068b37 elementor-widget elementor-widget-html\" data-id=\"69068b37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.dashboard-container{\r\n  max-width:1000px;\r\n  margin:auto;\r\n  font-family:'Segoe UI',Arial,sans-serif;\r\n}\r\n\r\n.dashboard-title{\r\n  text-align:center;\r\n  font-size:28px;\r\n  font-weight:700;\r\n  margin-bottom:30px;\r\n  color:#1C244B;\r\n}\r\n\r\n\/* GRID *\/\r\n.stats-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));\r\n  gap:28px;\r\n}\r\n\r\n\/* CARD *\/\r\n.card{\r\n  border-radius:12px;\r\n  padding:25px 20px;\r\n  color:#fff;\r\n  text-align:center;\r\n  transition:all .35s ease;\r\n  position:relative;\r\n  z-index:1;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* Shadow *\/\r\n.card::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-10px;\r\n  z-index:-1;\r\n  border-radius:16px;\r\n  filter:blur(20px);\r\n  opacity:.45;\r\n}\r\n\r\n\/* Hover *\/\r\n.card:hover{\r\n  transform:translateY(-8px) scale(1.02);\r\n}\r\n\r\n\/* Colors *\/\r\n.card.blue{background:#1C244B;}\r\n.card.blue::before{background:#1C244B;}\r\n\r\n.card.green{background:#74BD44;}\r\n.card.green::before{background:#74BD44;}\r\n\r\n.card.light_blue{background:#2D69B3;}\r\n.card.light_blue::before{background:#2D69B3;}\r\n\r\n.card.teal{background:#3C4043;}\r\n.card.teal::before{background:#3C4043;}\r\n\r\n.card.yellow{\r\n  background:#F3EC1A;\r\n  color:#333;\r\n}\r\n.card.yellow::before{background:#F3EC1A;}\r\n\r\n.card.red{background:#E75836;}\r\n.card.red::before{background:#E75836;}\r\n\r\n\/* Text *\/\r\n.project{\r\n  font-weight:600;\r\n  font-size:18px;\r\n  margin-bottom:10px;\r\n}\r\n\r\n.percent{\r\n  font-size:34px;\r\n  font-weight:700;\r\n  margin-bottom:12px;\r\n  color:#fff;\r\n}\r\n\r\n.yellow .percent{\r\n  color:#333;\r\n}\r\n\r\n\/* Progress *\/\r\n.progress{\r\n  background:rgba(255,255,255,0.5);\r\n  height:8px;\r\n  border-radius:10px;\r\n  overflow:hidden;\r\n}\r\n\r\n.progress-bar{\r\n  height:8px;\r\n  width:0%;\r\n  background:#fff;\r\n  border-radius:10px;\r\n}\r\n\r\n\/* Yellow bar *\/\r\n.yellow .progress-bar{\r\n  background:#333;\r\n}\r\n<\/style>\r\n\r\n<div class=\"dashboard-container\">\r\n  <div class=\"stats-grid\">\r\n\r\n    <div class=\"card blue\">\r\n      <div class=\"project\">Watumishi Njedengwa Estate<\/div>\r\n      <div class=\"percent\" data-target=\"95\">0%<\/div>\r\n      <div class=\"progress\"><div class=\"progress-bar\"><\/div><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card green\">\r\n      <div class=\"project\">Bunju B Housing Estate<\/div>\r\n      <div class=\"percent\" data-target=\"100\">0%<\/div>\r\n      <div class=\"progress\"><div class=\"progress-bar\"><\/div><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card light_blue\">\r\n      <div class=\"project\">Mkundi Housing Project<\/div>\r\n      <div class=\"percent\" data-target=\"100\">0%<\/div>\r\n      <div class=\"progress\"><div class=\"progress-bar\"><\/div><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card teal\">\r\n      <div class=\"project\">Gezaulole Residents<\/div>\r\n      <div class=\"percent\" data-target=\"100\">0%<\/div>\r\n      <div class=\"progress\"><div class=\"progress-bar\"><\/div><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card yellow\">\r\n      <div class=\"project\">Kisesa Housing Estate<\/div>\r\n      <div class=\"percent\" data-target=\"100\">0%<\/div>\r\n      <div class=\"progress\"><div class=\"progress-bar\"><\/div><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card red\">\r\n      <div class=\"project\">110 Mikocheni Apartments<\/div>\r\n      <div class=\"percent\" data-target=\"15\">0%<\/div>\r\n      <div class=\"progress\"><div class=\"progress-bar\"><\/div><\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction animateCounts() {\r\n  const counters = document.querySelectorAll('.percent');\r\n\r\n  counters.forEach(counter => {\r\n    const target = +counter.getAttribute('data-target');\r\n    let count = 0;\r\n\r\n    const progressBar = counter.parentElement.querySelector('.progress-bar');\r\n    const increment = target \/ 100;\r\n\r\n    counter.innerText = '0%';\r\n    progressBar.style.width = '0%';\r\n\r\n    const interval = setInterval(() => {\r\n      count += increment;\r\n\r\n      if (count >= target) {\r\n        counter.innerText = target + '%';\r\n        progressBar.style.width = target + '%';\r\n        clearInterval(interval);\r\n      } else {\r\n        counter.innerText = Math.floor(count) + '%';\r\n        progressBar.style.width = Math.floor(count) + '%';\r\n      }\r\n    }, 10);\r\n  });\r\n}\r\n\r\nwindow.addEventListener('load', function() {\r\n  const observer = new IntersectionObserver(entries => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        animateCounts();\r\n      }\r\n    });\r\n  }, {\r\n    threshold: 0.4\r\n  });\r\n\r\n  observer.observe(document.querySelector('.dashboard-container'));\r\n});\r\n<\/script>\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>Click HereClick HereClick Here Grow your wealth with Faida Fund A trusted investment fund for all Tanzanians, promoting smart saving and competitive returns. Find Out More \u27f6 Investment Calculator &#8211; Tanzania Monthly Lump Sum Growth Chart Initial Investment (TZS) Monthly Contribution (TZS) Annual Interest Rate (%) Duration Years Months Export to CSV Export to PDF [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-143","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.whi.go.tz\/index.php?rest_route=\/wp\/v2\/pages\/143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.whi.go.tz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.whi.go.tz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.whi.go.tz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.whi.go.tz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=143"}],"version-history":[{"count":7,"href":"https:\/\/www.whi.go.tz\/index.php?rest_route=\/wp\/v2\/pages\/143\/revisions"}],"predecessor-version":[{"id":222,"href":"https:\/\/www.whi.go.tz\/index.php?rest_route=\/wp\/v2\/pages\/143\/revisions\/222"}],"wp:attachment":[{"href":"https:\/\/www.whi.go.tz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}