{"id":8,"date":"2026-10-12T11:37:01","date_gmt":"2026-10-12T09:37:01","guid":{"rendered":"https:\/\/independentcitizenmovement.co.za\/devsite\/?page_id=8"},"modified":"2026-10-15T00:09:07","modified_gmt":"2026-10-14T22:09:07","slug":"home","status":"publish","type":"page","link":"https:\/\/independentcitizenmovement.co.za\/devsite\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43d4b02 e-con e-atomic-element e-flexbox-base e-default-div e-bf36aa7 \" data-id=\"43d4b02\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"43d4b02\">\n    \t\t<div class=\"elementor-element elementor-element-4fe3975 elementor-widget elementor-widget-html\" data-id=\"4fe3975\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"icm-slider\" id=\"icmSlider\">\r\n\r\n  <div class=\"icm-slides\">\r\n\r\n    <!-- SLIDE 1 -->\r\n    <article class=\"icm-slide active\">\r\n      <div class=\"icm-slide-bg icm-slide-one\"><\/div>\r\n\r\n      <div class=\"icm-slide-inner\">\r\n        <div class=\"icm-slide-content\">\r\n\r\n          <span class=\"icm-slide-kicker\">\r\n            INDEPENDENT CITIZENS MOVEMENT\r\n          <\/span>\r\n\r\n          <h1>\r\n            TAKING POWER<br>\r\n            BACK TO THE<br>\r\n            <strong>PEOPLE.<\/strong>\r\n          <\/h1>\r\n\r\n          <p>\r\n            Not promises. A social pact with the people of Ekurhuleni.\r\n          <\/p>\r\n\r\n          <div class=\"icm-slide-actions\">\r\n            <a href=\"\/devsite\/manifesto-2026\/\" class=\"icm-slider-btn primary\">\r\n              EXPLORE MANIFESTO 2026 \u2192\r\n            <\/a>\r\n\r\n            <a href=\"\/devsite\/become-a-member\/\" class=\"icm-slider-btn secondary\">\r\n              JOIN THE MOVEMENT\r\n            <\/a>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"icm-slide-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/independentcitizenmovement.co.za\/wp-content\/uploads\/2021\/10\/IMG_9372-1025x1536.jpg\" alt=\"Dr Joe Mojapelo\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n\r\n    <!-- SLIDE 2 -->\r\n    <article class=\"icm-slide\">\r\n      <div class=\"icm-slide-bg icm-slide-two\"><\/div>\r\n\r\n      <div class=\"icm-slide-inner\">\r\n        <div class=\"icm-slide-content\">\r\n\r\n          <span class=\"icm-slide-kicker\">\r\n            ICM MANIFESTO 2026\r\n          <\/span>\r\n\r\n          <h1>\r\n            9 COMMITMENTS.<br>\r\n            10 PLEDGES.<br>\r\n            <strong>ONE SOCIAL PACT.<\/strong>\r\n          <\/h1>\r\n\r\n          <p>\r\n            Explore ICM's programme for local government and citizen accountability.\r\n          <\/p>\r\n\r\n          <div class=\"icm-slide-actions\">\r\n            <a href=\"\/devsite\/manifesto-2026\/\" class=\"icm-slider-btn primary\">\r\n              READ THE MANIFESTO \u2192\r\n            <\/a>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"icm-slide-accent\">\r\n          <span>09<\/span>\r\n          <span>10<\/span>\r\n          <span>01<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n\r\n    <!-- SLIDE 3 -->\r\n    <article class=\"icm-slide\">\r\n      <div class=\"icm-slide-bg icm-slide-three\"><\/div>\r\n\r\n      <div class=\"icm-slide-inner\">\r\n        <div class=\"icm-slide-content\">\r\n\r\n          <span class=\"icm-slide-kicker\">\r\n            YOUR WARD. YOUR VOICE.\r\n          <\/span>\r\n\r\n          <h1>\r\n            LOCAL CHANGE<br>\r\n            STARTS IN<br>\r\n            <strong>YOUR WARD.<\/strong>\r\n          <\/h1>\r\n\r\n          <p>\r\n            Find your ward, learn about local representation and connect with ICM.\r\n          <\/p>\r\n\r\n          <div class=\"icm-slide-actions\">\r\n            <a href=\"#find-my-ward\" class=\"icm-slider-btn primary\">\r\n              FIND MY WARD \u2192\r\n            <\/a>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"icm-slide-symbol\">\r\n          <div>112<\/div>\r\n          <span>EKURHULENI WARDS<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- CONTROLS -->\r\n\r\n  <button class=\"icm-slider-arrow prev\" type=\"button\" aria-label=\"Previous slide\">\r\n    \u2190\r\n  <\/button>\r\n\r\n  <button class=\"icm-slider-arrow next\" type=\"button\" aria-label=\"Next slide\">\r\n    \u2192\r\n  <\/button>\r\n\r\n\r\n  <div class=\"icm-slider-dots\">\r\n    <button type=\"button\" class=\"active\" data-slide=\"0\" aria-label=\"Slide 1\"><\/button>\r\n    <button type=\"button\" data-slide=\"1\" aria-label=\"Slide 2\"><\/button>\r\n    <button type=\"button\" data-slide=\"2\" aria-label=\"Slide 3\"><\/button>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n.icm-slider,\r\n.icm-slider * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.icm-slider {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #f5f2ec;\r\n}\r\n\r\n\r\n\/* SLIDES *\/\r\n\r\n.icm-slides {\r\n  position: relative;\r\n\r\n  min-height: 700px;\r\n}\r\n\r\n.icm-slide {\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  opacity: 0;\r\n\r\n  visibility: hidden;\r\n\r\n  transition:\r\n    opacity .65s ease,\r\n    visibility .65s ease;\r\n}\r\n\r\n.icm-slide.active {\r\n  opacity: 1;\r\n\r\n  visibility: visible;\r\n\r\n  position: relative;\r\n}\r\n\r\n\r\n\/* INNER *\/\r\n\r\n.icm-slide-inner {\r\n  width: 100%;\r\n  max-width: 1500px;\r\n\r\n  min-height: 700px;\r\n\r\n  margin: 0 auto;\r\n\r\n  padding: 55px 6%;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1.05fr)\r\n    minmax(350px, .95fr);\r\n\r\n  gap: 70px;\r\n\r\n  align-items: center;\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n}\r\n\r\n\r\n\/* COPY *\/\r\n\r\n.icm-slide-kicker {\r\n  display: block;\r\n\r\n  margin-bottom: 22px;\r\n\r\n  color: #E31E24;\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 3px;\r\n}\r\n\r\n\r\n.icm-slide-content h1 {\r\n  margin: 0;\r\n\r\n  color: #171717;\r\n\r\n  font-size: clamp(56px, 5.3vw, 84px);\r\n\r\n  line-height: .94;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -3px;\r\n}\r\n\r\n\r\n.icm-slide-content h1 strong {\r\n  color: #E31E24;\r\n}\r\n\r\n\r\n.icm-slide-content p {\r\n  max-width: 610px;\r\n\r\n  margin: 28px 0 0;\r\n\r\n  color: #555;\r\n\r\n  font-size: 18px;\r\n\r\n  line-height: 1.7;\r\n}\r\n\r\n\r\n\/* BUTTONS *\/\r\n\r\n.icm-slide-actions {\r\n  display: flex;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  gap: 14px;\r\n\r\n  margin-top: 32px;\r\n}\r\n\r\n\r\n.icm-slider-btn {\r\n  min-height: 52px;\r\n\r\n  padding: 0 25px;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  text-decoration: none;\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 700;\r\n\r\n  transition: .25s ease;\r\n}\r\n\r\n\r\n.icm-slider-btn.primary {\r\n  background: #E31E24;\r\n\r\n  color: #fff;\r\n}\r\n\r\n\r\n.icm-slider-btn.primary:hover {\r\n  background: #008B57;\r\n}\r\n\r\n\r\n.icm-slider-btn.secondary {\r\n  border: 1px solid #171717;\r\n\r\n  color: #171717;\r\n}\r\n\r\n\r\n.icm-slider-btn.secondary:hover {\r\n  background: #171717;\r\n\r\n  color: #fff;\r\n}\r\n\r\n\r\n\/* SLIDE 1 IMAGE *\/\r\n\r\n.icm-slide-image {\r\n  width: 100%;\r\n\r\n  height: 590px;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #ddd;\r\n}\r\n\r\n\r\n.icm-slide-image img {\r\n  width: 100%;\r\n\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n\r\n  object-position: center top;\r\n}\r\n\r\n\r\n\/* SLIDE 2 *\/\r\n\r\n.icm-slide:nth-child(2) {\r\n  background: #171717;\r\n}\r\n\r\n\r\n.icm-slide:nth-child(2) .icm-slide-content h1,\r\n.icm-slide:nth-child(2) .icm-slide-content p {\r\n  color: #fff;\r\n}\r\n\r\n\r\n.icm-slide:nth-child(2) .icm-slide-content h1 strong {\r\n  color: #F6C900;\r\n}\r\n\r\n\r\n.icm-slide-accent {\r\n  display: grid;\r\n\r\n  grid-template-columns: repeat(3,1fr);\r\n\r\n  gap: 12px;\r\n}\r\n\r\n\r\n.icm-slide-accent span {\r\n  min-height: 180px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  font-size: 70px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n\r\n.icm-slide-accent span:nth-child(1) {\r\n  background: #F6C900;\r\n\r\n  color: #221F20;\r\n}\r\n\r\n\r\n.icm-slide-accent span:nth-child(2) {\r\n  background: #2F4399;\r\n\r\n  color: #fff;\r\n}\r\n\r\n\r\n.icm-slide-accent span:nth-child(3) {\r\n  background: #008B57;\r\n\r\n  color: #fff;\r\n}\r\n\r\n\r\n\/* SLIDE 3 *\/\r\n\r\n.icm-slide:nth-child(3) {\r\n  background: #f5f2ec;\r\n}\r\n\r\n\r\n.icm-slide:nth-child(3) .icm-slide-content h1 strong {\r\n  color: #008B57;\r\n}\r\n\r\n\r\n.icm-slide-symbol {\r\n  min-height: 420px;\r\n\r\n  background: #171717;\r\n\r\n  color: #fff;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n}\r\n\r\n\r\n.icm-slide-symbol div {\r\n  color: #F6C900;\r\n\r\n  font-size: clamp(90px, 10vw, 160px);\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n\r\n.icm-slide-symbol span {\r\n  margin-top: 14px;\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n\r\n\/* ARROWS *\/\r\n\r\n.icm-slider-arrow {\r\n  position: absolute;\r\n\r\n  top: 50%;\r\n\r\n  transform: translateY(-50%);\r\n\r\n  z-index: 5;\r\n\r\n  width: 48px;\r\n\r\n  height: 48px;\r\n\r\n  border: 0;\r\n\r\n  background: rgba(23,23,23,.85);\r\n\r\n  color: #fff;\r\n\r\n  cursor: pointer;\r\n\r\n  font-size: 18px;\r\n\r\n  transition: .25s ease;\r\n}\r\n\r\n\r\n.icm-slider-arrow:hover {\r\n  background: #E31E24;\r\n}\r\n\r\n\r\n.icm-slider-arrow.prev {\r\n  left: 16px;\r\n}\r\n\r\n\r\n.icm-slider-arrow.next {\r\n  right: 16px;\r\n}\r\n\r\n\r\n\/* DOTS *\/\r\n\r\n.icm-slider-dots {\r\n  position: absolute;\r\n\r\n  bottom: 22px;\r\n\r\n  left: 50%;\r\n\r\n  transform: translateX(-50%);\r\n\r\n  display: flex;\r\n\r\n  gap: 8px;\r\n\r\n  z-index: 6;\r\n}\r\n\r\n\r\n.icm-slider-dots button {\r\n  width: 28px;\r\n\r\n  height: 4px;\r\n\r\n  padding: 0;\r\n\r\n  border: 0;\r\n\r\n  background: rgba(120,120,120,.4);\r\n\r\n  cursor: pointer;\r\n}\r\n\r\n\r\n.icm-slider-dots button.active {\r\n  background: #E31E24;\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n  .icm-slides,\r\n  .icm-slide-inner {\r\n    min-height: auto;\r\n  }\r\n\r\n  .icm-slide-inner {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 40px;\r\n\r\n    padding: 55px 35px 75px;\r\n  }\r\n\r\n  .icm-slide-image {\r\n    height: 600px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n  .icm-slide-inner {\r\n    padding: 45px 20px 70px;\r\n  }\r\n\r\n  .icm-slide-content h1 {\r\n    font-size: 46px;\r\n\r\n    letter-spacing: -2px;\r\n  }\r\n\r\n  .icm-slide-content p {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .icm-slide-actions {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .icm-slider-btn {\r\n    width: 100%;\r\n  }\r\n\r\n  .icm-slide-image {\r\n    height: 500px;\r\n  }\r\n\r\n  .icm-slide-accent {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .icm-slide-accent span {\r\n    min-height: 110px;\r\n\r\n    font-size: 52px;\r\n  }\r\n\r\n  .icm-slide-symbol {\r\n    min-height: 320px;\r\n  }\r\n\r\n  .icm-slider-arrow {\r\n    display: none;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  const slider = document.getElementById('icmSlider');\r\n\r\n  if (!slider) return;\r\n\r\n\r\n  const slides =\r\n    Array.from(slider.querySelectorAll('.icm-slide'));\r\n\r\n  const dots =\r\n    Array.from(slider.querySelectorAll('.icm-slider-dots button'));\r\n\r\n  const prev =\r\n    slider.querySelector('.prev');\r\n\r\n  const next =\r\n    slider.querySelector('.next');\r\n\r\n\r\n  let current = 0;\r\n\r\n  let timer;\r\n\r\n\r\n  function showSlide(index) {\r\n\r\n    current =\r\n      (index + slides.length) % slides.length;\r\n\r\n\r\n    slides.forEach((slide, i) => {\r\n\r\n      slide.classList.toggle(\r\n        'active',\r\n        i === current\r\n      );\r\n\r\n    });\r\n\r\n\r\n    dots.forEach((dot, i) => {\r\n\r\n      dot.classList.toggle(\r\n        'active',\r\n        i === current\r\n      );\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  function nextSlide() {\r\n\r\n    showSlide(current + 1);\r\n\r\n  }\r\n\r\n\r\n  function restartAuto() {\r\n\r\n    clearInterval(timer);\r\n\r\n    timer =\r\n      setInterval(nextSlide, 7000);\r\n\r\n  }\r\n\r\n\r\n  prev.addEventListener('click', function () {\r\n\r\n    showSlide(current - 1);\r\n\r\n    restartAuto();\r\n\r\n  });\r\n\r\n\r\n  next.addEventListener('click', function () {\r\n\r\n    showSlide(current + 1);\r\n\r\n    restartAuto();\r\n\r\n  });\r\n\r\n\r\n  dots.forEach((dot, i) => {\r\n\r\n    dot.addEventListener('click', function () {\r\n\r\n      showSlide(i);\r\n\r\n      restartAuto();\r\n\r\n    });\r\n\r\n  });\r\n\r\n\r\n  showSlide(0);\r\n\r\n  restartAuto();\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3e643e7 e-con e-atomic-element e-flexbox-base e-default-div e-3e643e7-7620db9 \" data-id=\"3e643e7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3e643e7\">\n    \t\t<div class=\"elementor-element elementor-element-74300e1 elementor-widget elementor-widget-html\" data-id=\"74300e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"icm-home-hero\">\r\n\r\n  <div class=\"icm-home-hero__inner\">\r\n\r\n    <!-- LEFT CONTENT -->\r\n    <div class=\"icm-home-hero__copy\">\r\n\r\n      <div class=\"icm-home-hero__eyebrow\">\r\n        INDEPENDENT CITIZENS MOVEMENT\r\n      <\/div>\r\n\r\n      <h1>\r\n        TAKING POWER<br>\r\n        BACK TO THE<br>\r\n        <span>PEOPLE.<\/span>\r\n      <\/h1>\r\n\r\n      <h2>\r\n        Not promises. A social pact with the people of Ekurhuleni.\r\n      <\/h2>\r\n\r\n      <p>\r\n        A citizen-led movement committed to accountable leadership,\r\n        strong communities and local government that puts people first.\r\n      <\/p>\r\n\r\n      <div class=\"icm-home-values\">\r\n\r\n        <div class=\"icm-home-value\">\r\n          <small>01<\/small>\r\n          <strong>PEOPLE BEFORE PARTY<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"icm-home-value\">\r\n          <small>02<\/small>\r\n          <strong>SERVICE BEFORE POWER<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"icm-home-value\">\r\n          <small>03<\/small>\r\n          <strong>ACCOUNTABILITY BEFORE PROMISES<\/strong>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"icm-home-actions\">\r\n\r\n        <a href=\"\/devsite\/manifesto-2026\/\" class=\"icm-home-btn icm-home-btn--primary\">\r\n          EXPLORE MANIFESTO 2026\r\n          <span>\u2192<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"\/devsite\/become-a-member\/\" class=\"icm-home-btn icm-home-btn--outline\">\r\n          JOIN THE MOVEMENT\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- RIGHT CAMPAIGN VIDEO -->\r\n    <div class=\"icm-home-hero__visual\">\r\n\r\n      <div class=\"icm-home-video-frame\">\r\n\r\n        <video\r\n          class=\"icm-home-hero__video\"\r\n          autoplay\r\n          muted\r\n          loop\r\n          playsinline\r\n          preload=\"auto\">\r\n\r\n          <source\r\n            src=\"https:\/\/independentcitizenmovement.co.za\/devsite\/videos\/icm-ad-2026-10-14%2021-19-15.mp4\"\r\n            type=\"video\/mp4\">\r\n\r\n        <\/video>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- MANIFESTO CARD -->\r\n      <div class=\"icm-home-manifesto\">\r\n\r\n        <small>2026 EKURHULENI<\/small>\r\n\r\n        <strong>\r\n          9 commitments.<br>\r\n          10 pledges.<br>\r\n          One Social Pact.\r\n        <\/strong>\r\n\r\n        <a href=\"\/devsite\/manifesto-2026\/\">\r\n          VIEW THE PLAN \u2192\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\nhtml,\r\nbody {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.elementor,\r\n.elementor-section,\r\n.elementor-element,\r\n.e-con {\r\n  margin-top: 0 !important;\r\n}\r\n\r\n.icm-home-hero {\r\n  margin-top: 0 !important;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   GENERAL\r\n================================================== *\/\r\n\r\n.icm-home-hero,\r\n.icm-home-hero * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.icm-home-hero {\r\n  width: 100%;\r\n  margin: 0;\r\n\r\n  background: #fff;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   HERO INNER\r\n================================================== *\/\r\n\r\n.icm-home-hero__inner {\r\n  width: 100%;\r\n  max-width: 1500px;\r\n\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1.08fr)\r\n    minmax(360px, .92fr);\r\n\r\n  align-items: center;\r\n\r\n  gap: 70px;\r\n\r\n  min-height: 740px;\r\n\r\n  padding: 55px 6%;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   LEFT CONTENT\r\n================================================== *\/\r\n\r\n.icm-home-hero__copy {\r\n  width: 100%;\r\n  min-width: 0;\r\n}\r\n\r\n.icm-home-hero__eyebrow {\r\n  margin-bottom: 24px;\r\n\r\n  color: #E31E24;\r\n\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.icm-home-hero__copy h1 {\r\n  margin: 0;\r\n\r\n  color: #151515;\r\n\r\n  font-size: clamp(58px, 5.3vw, 86px);\r\n\r\n  line-height: .93;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -3px;\r\n}\r\n\r\n.icm-home-hero__copy h1 span {\r\n  color: #E31E24;\r\n}\r\n\r\n.icm-home-hero__copy h2 {\r\n  max-width: 620px;\r\n\r\n  margin: 30px 0 0;\r\n\r\n  color: #171717;\r\n\r\n  font-size: 22px;\r\n\r\n  line-height: 1.4;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n.icm-home-hero__copy > p {\r\n  max-width: 620px;\r\n\r\n  margin: 20px 0 0;\r\n\r\n  color: #555;\r\n\r\n  font-size: 17px;\r\n\r\n  line-height: 1.7;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   VALUES\r\n================================================== *\/\r\n\r\n.icm-home-values {\r\n  width: 100%;\r\n\r\n  max-width: 700px;\r\n\r\n  margin-top: 32px;\r\n\r\n  padding-top: 22px;\r\n\r\n  border-top: 1px solid rgba(0,0,0,.14);\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3, minmax(0,1fr));\r\n\r\n  gap: 24px;\r\n}\r\n\r\n.icm-home-value small {\r\n  display: block;\r\n\r\n  margin-bottom: 8px;\r\n\r\n  color: #E31E24;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.icm-home-value strong {\r\n  display: block;\r\n\r\n  color: #161616;\r\n\r\n  font-size: 11px;\r\n\r\n  line-height: 1.45;\r\n\r\n  font-weight: 700;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   BUTTONS\r\n================================================== *\/\r\n\r\n.icm-home-actions {\r\n  display: flex;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  gap: 14px;\r\n\r\n  margin-top: 30px;\r\n}\r\n\r\n.icm-home-btn {\r\n  min-height: 52px;\r\n\r\n  padding: 0 25px;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 12px;\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 700;\r\n\r\n  text-decoration: none;\r\n\r\n  transition: .25s ease;\r\n}\r\n\r\n.icm-home-btn--primary {\r\n  background: #E31E24;\r\n\r\n  border: 1px solid #E31E24;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-home-btn--primary:hover {\r\n  background: #151515;\r\n\r\n  border-color: #151515;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-home-btn--outline {\r\n  background: transparent;\r\n\r\n  border: 1px solid #151515;\r\n\r\n  color: #151515;\r\n}\r\n\r\n.icm-home-btn--outline:hover {\r\n  background: #151515;\r\n\r\n  color: #fff;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   RIGHT VIDEO\r\n================================================== *\/\r\n\r\n.icm-home-hero__visual {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  height: 620px;\r\n\r\n  background: #171717;\r\n\r\n  overflow: visible;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n\r\n\/* VIDEO FRAME *\/\r\n\r\n.icm-home-video-frame {\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  background: #171717;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n\/* VIDEO *\/\r\n\r\n.icm-home-hero__video {\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: contain;\r\n\r\n  object-position: center center;\r\n\r\n  background: #171717;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   MANIFESTO CARD\r\n================================================== *\/\r\n\r\n.icm-home-manifesto {\r\n  position: absolute;\r\n\r\n  left: -45px;\r\n  bottom: 38px;\r\n\r\n  width: 315px;\r\n\r\n  padding: 27px 30px;\r\n\r\n  background: #151515;\r\n\r\n  color: #fff;\r\n\r\n  z-index: 4;\r\n\r\n  box-shadow: 0 18px 40px rgba(0,0,0,.18);\r\n}\r\n\r\n.icm-home-manifesto small {\r\n  display: block;\r\n\r\n  margin-bottom: 14px;\r\n\r\n  color: #E31E24;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.icm-home-manifesto strong {\r\n  display: block;\r\n\r\n  font-size: 20px;\r\n\r\n  line-height: 1.45;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n.icm-home-manifesto a {\r\n  display: inline-block;\r\n\r\n  margin-top: 18px;\r\n\r\n  color: #fff;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 700;\r\n\r\n  text-decoration: none;\r\n}\r\n\r\n.icm-home-manifesto a:hover {\r\n  color: #E31E24;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   LAPTOP\r\n================================================== *\/\r\n\r\n@media (max-width: 1200px) {\r\n\r\n  .icm-home-hero__inner {\r\n    grid-template-columns:\r\n      1fr\r\n      .85fr;\r\n\r\n    gap: 45px;\r\n\r\n    min-height: 700px;\r\n\r\n    padding: 50px 40px;\r\n  }\r\n\r\n  .icm-home-hero__copy h1 {\r\n    font-size: 68px;\r\n  }\r\n\r\n  .icm-home-hero__visual {\r\n    height: 570px;\r\n  }\r\n\r\n  .icm-home-manifesto {\r\n    left: -30px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TABLET\r\n================================================== *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .icm-home-hero__inner {\r\n    grid-template-columns: 1fr;\r\n\r\n    min-height: auto;\r\n\r\n    gap: 45px;\r\n\r\n    padding: 55px 30px;\r\n  }\r\n\r\n  .icm-home-hero__copy {\r\n    max-width: 760px;\r\n  }\r\n\r\n  .icm-home-hero__copy h1 {\r\n    font-size: 68px;\r\n  }\r\n\r\n  .icm-home-hero__visual {\r\n    width: min(100%, 650px);\r\n\r\n    height: 620px;\r\n\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .icm-home-manifesto {\r\n    left: -20px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   MOBILE\r\n================================================== *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n  .icm-home-hero__inner {\r\n    padding: 42px 20px;\r\n\r\n    gap: 38px;\r\n  }\r\n\r\n  .icm-home-hero__eyebrow {\r\n    font-size: 10px;\r\n\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n  .icm-home-hero__copy h1 {\r\n    font-size: 48px;\r\n\r\n    letter-spacing: -1.5px;\r\n  }\r\n\r\n  .icm-home-hero__copy h2 {\r\n    margin-top: 24px;\r\n\r\n    font-size: 19px;\r\n  }\r\n\r\n  .icm-home-hero__copy > p {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .icm-home-values {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 15px;\r\n\r\n    margin-top: 28px;\r\n  }\r\n\r\n  .icm-home-actions {\r\n    flex-direction: column;\r\n\r\n    margin-top: 28px;\r\n  }\r\n\r\n  .icm-home-btn {\r\n    width: 100%;\r\n  }\r\n\r\n\r\n  \/* VIDEO *\/\r\n\r\n  .icm-home-hero__visual {\r\n    width: 100%;\r\n\r\n    height: 520px;\r\n  }\r\n\r\n  .icm-home-hero__video {\r\n    object-fit: contain;\r\n\r\n    object-position: center center;\r\n  }\r\n\r\n\r\n  \/* MANIFESTO CARD *\/\r\n\r\n  .icm-home-manifesto {\r\n    left: 16px;\r\n    right: 16px;\r\n    bottom: 16px;\r\n\r\n    width: auto;\r\n\r\n    padding: 22px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7453a0b e-con e-atomic-element e-flexbox-base e-default-div e-4ca599b \" data-id=\"7453a0b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7453a0b\">\n    \t\t<div class=\"elementor-element elementor-element-f091a9a elementor-widget elementor-widget-html\" data-id=\"f091a9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"icm-manifesto-section\">\r\n\r\n  <div class=\"icm-manifesto-inner\">\r\n\r\n    <div class=\"icm-manifesto-intro\">\r\n\r\n      <div>\r\n        <span class=\"icm-manifesto-kicker\">MANIFESTO 2026<\/span>\r\n\r\n        <h2>\r\n          THE PLAN FOR<br>\r\n          <span>EKURHULENI.<\/span>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"icm-manifesto-intro-copy\">\r\n        <p>\r\n          ICM\u2019s 2026 programme is built around a simple principle:\r\n          government must answer to the people.\r\n        <\/p>\r\n\r\n        <a href=\"\/devsite\/manifesto-2026\/\">\r\n          READ THE FULL MANIFESTO \u2192\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"icm-manifesto-cards\">\r\n\r\n      <a href=\"\/devsite\/manifesto-2026\/#nine-point-plan\"\r\n         class=\"icm-manifesto-card\">\r\n\r\n        <span class=\"icm-card-number\">09<\/span>\r\n\r\n        <div class=\"icm-card-content\">\r\n          <small>THE PROGRAMME<\/small>\r\n\r\n          <h3>\r\n            THE NINE-POINT<br>\r\n            PLAN\r\n          <\/h3>\r\n\r\n          <p>\r\n            Nine commitments for ethical leadership,\r\n            stronger wards, accountable government,\r\n            service delivery and economic opportunity.\r\n          <\/p>\r\n\r\n          <span class=\"icm-card-link\">\r\n            EXPLORE THE PLAN \u2192\r\n          <\/span>\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n      <a href=\"\/devsite\/manifesto-2026\/#ten-pledges\"\r\n         class=\"icm-manifesto-card\">\r\n\r\n        <span class=\"icm-card-number\">10<\/span>\r\n\r\n        <div class=\"icm-card-content\">\r\n          <small>OUR COMMITMENT<\/small>\r\n\r\n          <h3>\r\n            TEN PLEDGES<br>\r\n            TO YOU\r\n          <\/h3>\r\n\r\n          <p>\r\n            Ten public commitments covering integrity,\r\n            accountability, good governance,\r\n            service delivery and excellence.\r\n          <\/p>\r\n\r\n          <span class=\"icm-card-link\">\r\n            VIEW THE PLEDGES \u2192\r\n          <\/span>\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n      <a href=\"\/devsite\/manifesto-2026\/#social-pact\"\r\n         class=\"icm-manifesto-card icm-manifesto-card--dark\">\r\n\r\n        <span class=\"icm-card-number\">01<\/span>\r\n\r\n        <div class=\"icm-card-content\">\r\n          <small>ONE AGREEMENT<\/small>\r\n\r\n          <h3>\r\n            THE SOCIAL<br>\r\n            PACT\r\n          <\/h3>\r\n\r\n          <p>\r\n            A public agreement between communities\r\n            and those elected to serve them \u2014\r\n            with responsibilities on both sides.\r\n          <\/p>\r\n\r\n          <span class=\"icm-card-link\">\r\n            READ THE SOCIAL PACT \u2192\r\n          <\/span>\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n.icm-manifesto-section,\r\n.icm-manifesto-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.icm-manifesto-section {\r\n  width: 100%;\r\n  background: #ffffff;\r\n\r\n  padding: 100px 6%;\r\n}\r\n\r\n.icm-manifesto-inner {\r\n  width: 100%;\r\n  max-width: 1500px;\r\n\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* INTRO *\/\r\n\r\n.icm-manifesto-intro {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1.15fr\r\n    .85fr;\r\n\r\n  gap: 80px;\r\n\r\n  align-items: end;\r\n\r\n  margin-bottom: 65px;\r\n}\r\n\r\n\r\n.icm-manifesto-kicker {\r\n  display: block;\r\n\r\n  margin-bottom: 18px;\r\n\r\n  color: #E31E24;\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2.5px;\r\n}\r\n\r\n\r\n.icm-manifesto-intro h2 {\r\n  margin: 0;\r\n\r\n  color: #151515;\r\n\r\n  font-size: clamp(52px, 5vw, 78px);\r\n\r\n  line-height: .95;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -3px;\r\n}\r\n\r\n\r\n.icm-manifesto-intro h2 span {\r\n  color: #E31E24;\r\n}\r\n\r\n\r\n.icm-manifesto-intro-copy {\r\n  max-width: 500px;\r\n}\r\n\r\n\r\n.icm-manifesto-intro-copy p {\r\n  margin: 0;\r\n\r\n  color: #555;\r\n\r\n  font-size: 17px;\r\n\r\n  line-height: 1.75;\r\n}\r\n\r\n\r\n.icm-manifesto-intro-copy a {\r\n  display: inline-block;\r\n\r\n  margin-top: 24px;\r\n\r\n  color: #151515;\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 700;\r\n\r\n  text-decoration: none;\r\n\r\n  border-bottom: 1px solid #151515;\r\n\r\n  padding-bottom: 4px;\r\n}\r\n\r\n\r\n.icm-manifesto-intro-copy a:hover {\r\n  color: #E31E24;\r\n\r\n  border-color: #E31E24;\r\n}\r\n\r\n\r\n\/* CARDS *\/\r\n\r\n.icm-manifesto-cards {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3, 1fr);\r\n\r\n  gap: 1px;\r\n\r\n  background: #d8d8d8;\r\n\r\n  border: 1px solid #d8d8d8;\r\n}\r\n\r\n\r\n.icm-manifesto-card {\r\n  min-height: 480px;\r\n\r\n  padding: 34px;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  justify-content: space-between;\r\n\r\n  background: #f7f5f0;\r\n\r\n  color: #151515;\r\n\r\n  text-decoration: none;\r\n\r\n  transition:\r\n    background .3s ease,\r\n    color .3s ease,\r\n    transform .3s ease;\r\n}\r\n\r\n\r\n.icm-manifesto-card:hover {\r\n  background: #f0ece5;\r\n}\r\n\r\n\r\n.icm-manifesto-card--dark {\r\n  background: #151515;\r\n\r\n  color: #ffffff;\r\n}\r\n\r\n\r\n.icm-manifesto-card--dark:hover {\r\n  background: #222;\r\n}\r\n\r\n\r\n.icm-card-number {\r\n  display: block;\r\n\r\n  color: #E31E24;\r\n\r\n  font-size: 48px;\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: -2px;\r\n}\r\n\r\n\r\n.icm-card-content small {\r\n  display: block;\r\n\r\n  margin-bottom: 14px;\r\n\r\n  color: #E31E24;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n\r\n.icm-card-content h3 {\r\n  margin: 0;\r\n\r\n  font-size: 34px;\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: -1.5px;\r\n}\r\n\r\n\r\n.icm-card-content p {\r\n  max-width: 340px;\r\n\r\n  margin: 24px 0 0;\r\n\r\n  color: #5e5e5e;\r\n\r\n  font-size: 15px;\r\n\r\n  line-height: 1.7;\r\n}\r\n\r\n\r\n.icm-manifesto-card--dark .icm-card-content p {\r\n  color: #c8c8c8;\r\n}\r\n\r\n\r\n.icm-card-link {\r\n  display: inline-block;\r\n\r\n  margin-top: 28px;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: .5px;\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .icm-manifesto-section {\r\n    padding: 80px 35px;\r\n  }\r\n\r\n  .icm-manifesto-intro {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 30px;\r\n  }\r\n\r\n  .icm-manifesto-cards {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .icm-manifesto-card {\r\n    min-height: 340px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n  .icm-manifesto-section {\r\n    padding: 65px 20px;\r\n  }\r\n\r\n  .icm-manifesto-intro {\r\n    margin-bottom: 45px;\r\n  }\r\n\r\n  .icm-manifesto-intro h2 {\r\n    font-size: 48px;\r\n\r\n    letter-spacing: -2px;\r\n  }\r\n\r\n  .icm-manifesto-intro-copy p {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .icm-manifesto-card {\r\n    min-height: 320px;\r\n\r\n    padding: 28px;\r\n  }\r\n\r\n  .icm-card-number {\r\n    font-size: 42px;\r\n  }\r\n\r\n  .icm-card-content h3 {\r\n    font-size: 30px;\r\n  }\r\n\r\n}\r\n<style>\r\n\r\n\/* CARD 1 - YELLOW HOVER *\/\r\n.icm-manifesto-card:nth-child(1):hover {\r\n  background: #F6C900 !important;\r\n  color: #221F20 !important;\r\n}\r\n\r\n.icm-manifesto-card:nth-child(1):hover .icm-card-number,\r\n.icm-manifesto-card:nth-child(1):hover .icm-card-content small,\r\n.icm-manifesto-card:nth-child(1):hover .icm-card-content h3,\r\n.icm-manifesto-card:nth-child(1):hover .icm-card-content p,\r\n.icm-manifesto-card:nth-child(1):hover .icm-card-link {\r\n  color: #221F20 !important;\r\n}\r\n\r\n\r\n\/* CARD 2 - BLUE HOVER *\/\r\n.icm-manifesto-card:nth-child(2):hover {\r\n  background: #2F4399 !important;\r\n  color: #ffffff !important;\r\n}\r\n\r\n.icm-manifesto-card:nth-child(2):hover .icm-card-number,\r\n.icm-manifesto-card:nth-child(2):hover .icm-card-content small,\r\n.icm-manifesto-card:nth-child(2):hover .icm-card-content h3,\r\n.icm-manifesto-card:nth-child(2):hover .icm-card-content p,\r\n.icm-manifesto-card:nth-child(2):hover .icm-card-link {\r\n  color: #ffffff !important;\r\n}\r\n\r\n\r\n\/* CARD 3 - GREEN HOVER *\/\r\n.icm-manifesto-card:nth-child(3):hover {\r\n  background: #008B57 !important;\r\n  color: #ffffff !important;\r\n}\r\n\r\n.icm-manifesto-card:nth-child(3):hover .icm-card-number,\r\n.icm-manifesto-card:nth-child(3):hover .icm-card-content small,\r\n.icm-manifesto-card:nth-child(3):hover .icm-card-content h3,\r\n.icm-manifesto-card:nth-child(3):hover .icm-card-content p,\r\n.icm-manifesto-card:nth-child(3):hover .icm-card-link {\r\n  color: #ffffff !important;\r\n}\r\n\r\n\r\n\/* SMOOTH HOVER *\/\r\n.icm-manifesto-card {\r\n  transition:\r\n    background-color .35s ease,\r\n    color .35s ease,\r\n    transform .35s ease !important;\r\n}\r\n\r\n.icm-manifesto-card:hover {\r\n  transform: translateY(-6px);\r\n}\r\n\r\n<\/style>\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a4d12f4 e-con e-atomic-element e-flexbox-base e-default-div e-808f4f8 \" data-id=\"a4d12f4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a4d12f4\">\n    \t\t<div class=\"elementor-element elementor-element-c0eec77 elementor-widget elementor-widget-html\" data-id=\"c0eec77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"icm-leadership\">\r\n\r\n  <div class=\"icm-leadership__inner\">\r\n\r\n    <!-- IMAGE -->\r\n    <div class=\"icm-leadership__visual\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/independentcitizenmovement.co.za\/wp-content\/uploads\/2021\/10\/IMG_9372-1025x1536.jpg\"\r\n        alt=\"Dr Joe Mojapelo\">\r\n    <\/div>\r\n\r\n\r\n    <!-- CONTENT -->\r\n    <div class=\"icm-leadership__content\">\r\n\r\n      <span class=\"icm-leadership__kicker\">\r\n        LEADERSHIP\r\n      <\/span>\r\n\r\n      <h2>\r\n        DR JOE<br>\r\n        <span>MOJAPELO.<\/span>\r\n      <\/h2>\r\n\r\n      <h3>\r\n        President, Independent Citizens Movement\r\n      <\/h3>\r\n\r\n      <p>\r\n        ICM\u2019s leadership approach is built around accountability,\r\n        community participation and the principle that elected\r\n        representatives must remain answerable to the people they serve.\r\n      <\/p>\r\n\r\n      <blockquote>\r\n        \u201cPower belongs to the people.\u201d\r\n      <\/blockquote>\r\n\r\n      <div class=\"icm-leadership__actions\">\r\n\r\n        <a href=\"\/devsite\/about-us\/\" class=\"icm-leadership__btn\">\r\n          READ THE PRESIDENT'S MESSAGE\r\n          <span>\u2192<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n.icm-leadership,\r\n.icm-leadership * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.icm-leadership {\r\n  width: 100%;\r\n  background: #171717;\r\n  color: #fff;\r\n\r\n  padding: 100px 6%;\r\n}\r\n\r\n.icm-leadership__inner {\r\n  width: 100%;\r\n  max-width: 1500px;\r\n\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n  grid-template-columns: .9fr 1.1fr;\r\n\r\n  gap: 80px;\r\n  align-items: center;\r\n}\r\n\r\n\r\n\/* IMAGE *\/\r\n\r\n.icm-leadership__visual {\r\n  width: 100%;\r\n  height: 650px;\r\n\r\n  overflow: hidden;\r\n  background: #222;\r\n}\r\n\r\n.icm-leadership__visual img {\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n  object-position: center top;\r\n}\r\n\r\n\r\n\/* CONTENT *\/\r\n\r\n.icm-leadership__content {\r\n  max-width: 700px;\r\n}\r\n\r\n.icm-leadership__kicker {\r\n  display: block;\r\n\r\n  margin-bottom: 18px;\r\n\r\n  color: #E31E24;\r\n\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2.5px;\r\n}\r\n\r\n.icm-leadership__content h2 {\r\n  margin: 0;\r\n\r\n  font-size: clamp(52px, 5vw, 80px);\r\n  line-height: .95;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -3px;\r\n}\r\n\r\n.icm-leadership__content h2 span {\r\n  color: #F6C900;\r\n}\r\n\r\n.icm-leadership__content h3 {\r\n  margin: 24px 0 0;\r\n\r\n  font-size: 20px;\r\n  line-height: 1.4;\r\n\r\n  font-weight: 500;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-leadership__content p {\r\n  max-width: 620px;\r\n\r\n  margin: 26px 0 0;\r\n\r\n  color: #c8c8c8;\r\n\r\n  font-size: 17px;\r\n  line-height: 1.75;\r\n}\r\n\r\n\r\n\/* QUOTE *\/\r\n\r\n.icm-leadership__content blockquote {\r\n  margin: 36px 0 0;\r\n\r\n  padding: 24px 0 24px 26px;\r\n\r\n  border-left: 3px solid #008B57;\r\n\r\n  color: #fff;\r\n\r\n  font-size: 28px;\r\n  line-height: 1.3;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n\r\n\/* BUTTON *\/\r\n\r\n.icm-leadership__actions {\r\n  margin-top: 34px;\r\n}\r\n\r\n.icm-leadership__btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n\r\n  gap: 12px;\r\n\r\n  min-height: 52px;\r\n\r\n  padding: 0 24px;\r\n\r\n  background: #E31E24;\r\n\r\n  color: #fff;\r\n\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n\r\n  text-decoration: none;\r\n\r\n  transition: .25s ease;\r\n}\r\n\r\n.icm-leadership__btn:hover {\r\n  background: #008B57;\r\n  color: #fff;\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .icm-leadership {\r\n    padding: 80px 35px;\r\n  }\r\n\r\n  .icm-leadership__inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 45px;\r\n  }\r\n\r\n  .icm-leadership__visual {\r\n    height: 600px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n  .icm-leadership {\r\n    padding: 65px 20px;\r\n  }\r\n\r\n  .icm-leadership__visual {\r\n    height: 500px;\r\n  }\r\n\r\n  .icm-leadership__content h2 {\r\n    font-size: 48px;\r\n    letter-spacing: -2px;\r\n  }\r\n\r\n  .icm-leadership__content h3 {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .icm-leadership__content p {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .icm-leadership__content blockquote {\r\n    font-size: 24px;\r\n  }\r\n\r\n  .icm-leadership__btn {\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-aef8d63 e-con e-atomic-element e-flexbox-base e-default-div e-5159832 \" data-id=\"aef8d63\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"aef8d63\">\n    \t\t<div class=\"elementor-element elementor-element-8a83ad9 elementor-widget elementor-widget-html\" data-id=\"8a83ad9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"icm-ward-section\">\r\n\r\n  <div class=\"icm-ward-inner\">\r\n\r\n    <div class=\"icm-ward-copy\">\r\n\r\n      <span class=\"icm-ward-kicker\">\r\n        FIND YOUR WARD\r\n      <\/span>\r\n\r\n      <h2>\r\n        YOUR WARD.<br>\r\n        <span>YOUR VOICE.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Find your local ICM candidate, ward information and community priorities.\r\n        The goal is to make it easier for residents to connect directly with the people\r\n        and issues that matter in their area.\r\n      <\/p>\r\n\r\n      <div class=\"icm-ward-search\">\r\n\r\n        <input\r\n          type=\"text\"\r\n          id=\"icmWardSearch\"\r\n          placeholder=\"Enter suburb, ward number or area\">\r\n\r\n        <button type=\"button\" onclick=\"icmWardLookup()\">\r\n          FIND MY WARD\r\n          <span>\u2192<\/span>\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n      <div id=\"icmWardMessage\" class=\"icm-ward-message\"><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"icm-ward-panel\">\r\n\r\n      <div class=\"icm-ward-panel-top\">\r\n        <span>EKURHULENI<\/span>\r\n\r\n        <strong>\r\n          LOCAL REPRESENTATION<br>\r\n          STARTS HERE.\r\n        <\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"icm-ward-stats\">\r\n\r\n        <div>\r\n          <strong>112<\/strong>\r\n          <span>WARDS<\/span>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>1<\/strong>\r\n          <span>DIGITAL HUB<\/span>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>YOU<\/strong>\r\n          <span>AT THE CENTRE<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"icm-ward-panel-footer\">\r\n        <span>ICM 2026<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n.icm-ward-section,\r\n.icm-ward-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.icm-ward-section {\r\n  width: 100%;\r\n  background: #f5f2ec;\r\n  padding: 100px 6%;\r\n}\r\n\r\n.icm-ward-inner {\r\n  width: 100%;\r\n  max-width: 1500px;\r\n\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n  grid-template-columns: 1.1fr .9fr;\r\n\r\n  gap: 80px;\r\n\r\n  align-items: stretch;\r\n}\r\n\r\n\r\n\/* LEFT *\/\r\n\r\n.icm-ward-copy {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n\r\n  min-height: 560px;\r\n}\r\n\r\n.icm-ward-kicker {\r\n  display: block;\r\n\r\n  margin-bottom: 18px;\r\n\r\n  color: #E31E24;\r\n\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2.5px;\r\n}\r\n\r\n.icm-ward-copy h2 {\r\n  margin: 0;\r\n\r\n  color: #171717;\r\n\r\n  font-size: clamp(54px, 5vw, 80px);\r\n  line-height: .95;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -3px;\r\n}\r\n\r\n.icm-ward-copy h2 span {\r\n  color: #008B57;\r\n}\r\n\r\n.icm-ward-copy p {\r\n  max-width: 650px;\r\n\r\n  margin: 28px 0 0;\r\n\r\n  color: #555;\r\n\r\n  font-size: 17px;\r\n  line-height: 1.75;\r\n}\r\n\r\n\r\n\/* SEARCH *\/\r\n\r\n.icm-ward-search {\r\n  width: 100%;\r\n  max-width: 720px;\r\n\r\n  margin-top: 38px;\r\n\r\n  display: flex;\r\n\r\n  border: 1px solid #cfcfcf;\r\n\r\n  background: #fff;\r\n}\r\n\r\n.icm-ward-search input {\r\n  flex: 1;\r\n\r\n  min-width: 0;\r\n\r\n  height: 60px;\r\n\r\n  padding: 0 20px;\r\n\r\n  border: 0;\r\n  outline: 0;\r\n\r\n  background: transparent;\r\n\r\n  color: #171717;\r\n\r\n  font-size: 15px;\r\n}\r\n\r\n.icm-ward-search input::placeholder {\r\n  color: #8a8a8a;\r\n}\r\n\r\n.icm-ward-search button {\r\n  min-width: 180px;\r\n\r\n  border: 0;\r\n\r\n  background: #E31E24;\r\n\r\n  color: #fff;\r\n\r\n  padding: 0 22px;\r\n\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n\r\n  cursor: pointer;\r\n\r\n  transition: .25s ease;\r\n}\r\n\r\n.icm-ward-search button:hover {\r\n  background: #008B57;\r\n}\r\n\r\n.icm-ward-search button span {\r\n  margin-left: 8px;\r\n}\r\n\r\n.icm-ward-message {\r\n  min-height: 22px;\r\n\r\n  margin-top: 14px;\r\n\r\n  color: #666;\r\n\r\n  font-size: 13px;\r\n}\r\n\r\n\r\n\/* RIGHT PANEL *\/\r\n\r\n.icm-ward-panel {\r\n  min-height: 560px;\r\n\r\n  background: #171717;\r\n\r\n  color: #fff;\r\n\r\n  padding: 42px;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n\r\n  position: relative;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n.icm-ward-panel::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 240px;\r\n  height: 240px;\r\n\r\n  right: -70px;\r\n  top: -70px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #F6C900;\r\n}\r\n\r\n.icm-ward-panel::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 180px;\r\n  height: 180px;\r\n\r\n  right: -30px;\r\n  bottom: -70px;\r\n\r\n  background: #2F4399;\r\n\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.icm-ward-panel-top,\r\n.icm-ward-stats,\r\n.icm-ward-panel-footer {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.icm-ward-panel-top span {\r\n  display: block;\r\n\r\n  margin-bottom: 18px;\r\n\r\n  color: #E31E24;\r\n\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.icm-ward-panel-top strong {\r\n  display: block;\r\n\r\n  max-width: 430px;\r\n\r\n  font-size: 36px;\r\n  line-height: 1.05;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: -1.5px;\r\n}\r\n\r\n\r\n\/* STATS *\/\r\n\r\n.icm-ward-stats {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n\r\n  gap: 24px;\r\n\r\n  margin-top: 40px;\r\n}\r\n\r\n.icm-ward-stats div {\r\n  border-top: 1px solid rgba(255,255,255,.2);\r\n\r\n  padding-top: 18px;\r\n}\r\n\r\n.icm-ward-stats strong {\r\n  display: block;\r\n\r\n  margin-bottom: 8px;\r\n\r\n  color: #F6C900;\r\n\r\n  font-size: 32px;\r\n  line-height: 1;\r\n\r\n  font-weight: 700;\r\n}\r\n\r\n.icm-ward-stats span {\r\n  color: #ddd;\r\n\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.icm-ward-panel-footer {\r\n  color: #aaa;\r\n\r\n  font-size: 10px;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .icm-ward-section {\r\n    padding: 80px 35px;\r\n  }\r\n\r\n  .icm-ward-inner {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 45px;\r\n  }\r\n\r\n  .icm-ward-copy {\r\n    min-height: auto;\r\n  }\r\n\r\n  .icm-ward-panel {\r\n    min-height: 460px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n  .icm-ward-section {\r\n    padding: 65px 20px;\r\n  }\r\n\r\n  .icm-ward-copy h2 {\r\n    font-size: 48px;\r\n    letter-spacing: -2px;\r\n  }\r\n\r\n  .icm-ward-copy p {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .icm-ward-search {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .icm-ward-search input {\r\n    height: 58px;\r\n  }\r\n\r\n  .icm-ward-search button {\r\n    min-width: 100%;\r\n    height: 54px;\r\n  }\r\n\r\n  .icm-ward-panel {\r\n    min-height: 440px;\r\n\r\n    padding: 30px;\r\n  }\r\n\r\n  .icm-ward-panel-top strong {\r\n    font-size: 30px;\r\n  }\r\n\r\n  .icm-ward-stats {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 18px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\nfunction icmWardLookup() {\r\n\r\n  const input =\r\n    document.getElementById('icmWardSearch').value.trim();\r\n\r\n  const message =\r\n    document.getElementById('icmWardMessage');\r\n\r\n  if (!input) {\r\n\r\n    message.textContent =\r\n      'Please enter your suburb, ward number or area.';\r\n\r\n    return;\r\n\r\n  }\r\n\r\n  message.textContent =\r\n    'Ward search is being prepared. Candidate and ward information will be connected here.';\r\n\r\n}\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-545be66 e-con e-atomic-element e-flexbox-base e-default-div e-b723145 \" data-id=\"545be66\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"545be66\">\n    \t\t<div class=\"elementor-element elementor-element-e656f63 elementor-widget elementor-widget-html\" data-id=\"e656f63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"icm-media-section\">\r\n\r\n  <div class=\"icm-media-inner\">\r\n\r\n    <div class=\"icm-media-heading\">\r\n\r\n      <div>\r\n        <span class=\"icm-media-kicker\">NEWS & MEDIA<\/span>\r\n\r\n        <h2>\r\n          FROM THE<br>\r\n          <span>MOVEMENT.<\/span>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"icm-media-intro\">\r\n        <p>\r\n          Speeches, interviews, community engagements and campaign updates\r\n          from across the Independent Citizens Movement.\r\n        <\/p>\r\n\r\n        <a href=\"\/devsite\/news-media\/\">\r\n          VIEW ALL MEDIA \u2192\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"icm-media-grid\">\r\n\r\n      <!-- FEATURED VIDEO -->\r\n      <article class=\"icm-media-feature\">\r\n\r\n        <div class=\"icm-media-video\">\r\n\r\n          <video controls playsinline preload=\"metadata\">\r\n            <source\r\n              src=\"https:\/\/independentcitizenmovement.co.za\/videos\/Engage_and_pray_Ekurhuleni_mayoral_candidates.mp4\"\r\n              type=\"video\/mp4\">\r\n          <\/video>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"icm-media-feature-copy\">\r\n\r\n          <span>FEATURED VIDEO<\/span>\r\n\r\n          <h3>\r\n            ENGAGE AND PRAY:<br>\r\n            EKURHULENI MAYORAL CANDIDATES\r\n          <\/h3>\r\n\r\n          <p>\r\n            Watch this engagement on leadership, citizenship\r\n            and the future of Ekurhuleni.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- SIDE STORIES -->\r\n      <div class=\"icm-media-side\">\r\n\r\n        <a href=\"#\" class=\"icm-media-story\">\r\n\r\n          <span class=\"icm-media-story-type\">\r\n            COMMUNITY\r\n          <\/span>\r\n\r\n          <h4>\r\n            Citizen engagement and local community updates\r\n          <\/h4>\r\n\r\n          <span class=\"icm-media-story-link\">\r\n            READ MORE \u2192\r\n          <\/span>\r\n\r\n        <\/a>\r\n\r\n\r\n        <a href=\"#\" class=\"icm-media-story\">\r\n\r\n          <span class=\"icm-media-story-type\">\r\n            LEADERSHIP\r\n          <\/span>\r\n\r\n          <h4>\r\n            Speeches, statements and leadership messages\r\n          <\/h4>\r\n\r\n          <span class=\"icm-media-story-link\">\r\n            VIEW LATEST \u2192\r\n          <\/span>\r\n\r\n        <\/a>\r\n\r\n\r\n        <a href=\"#\" class=\"icm-media-story\">\r\n\r\n          <span class=\"icm-media-story-type\">\r\n            CAMPAIGN\r\n          <\/span>\r\n\r\n          <h4>\r\n            Ward activities, events and election updates\r\n          <\/h4>\r\n\r\n          <span class=\"icm-media-story-link\">\r\n            EXPLORE \u2192\r\n          <\/span>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n.icm-media-section,\r\n.icm-media-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.icm-media-section {\r\n  width: 100%;\r\n  background: #ffffff;\r\n\r\n  padding: 100px 6%;\r\n}\r\n\r\n.icm-media-inner {\r\n  width: 100%;\r\n  max-width: 1500px;\r\n\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* HEADER *\/\r\n\r\n.icm-media-heading {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1.1fr\r\n    .9fr;\r\n\r\n  gap: 80px;\r\n\r\n  align-items: end;\r\n\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.icm-media-kicker {\r\n  display: block;\r\n\r\n  margin-bottom: 18px;\r\n\r\n  color: #E31E24;\r\n\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2.5px;\r\n}\r\n\r\n.icm-media-heading h2 {\r\n  margin: 0;\r\n\r\n  color: #171717;\r\n\r\n  font-size: clamp(52px, 5vw, 78px);\r\n\r\n  line-height: .95;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -3px;\r\n}\r\n\r\n.icm-media-heading h2 span {\r\n  color: #2F4399;\r\n}\r\n\r\n.icm-media-intro {\r\n  max-width: 500px;\r\n}\r\n\r\n.icm-media-intro p {\r\n  margin: 0;\r\n\r\n  color: #555;\r\n\r\n  font-size: 17px;\r\n\r\n  line-height: 1.75;\r\n}\r\n\r\n.icm-media-intro a {\r\n  display: inline-block;\r\n\r\n  margin-top: 24px;\r\n\r\n  color: #171717;\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 700;\r\n\r\n  text-decoration: none;\r\n\r\n  border-bottom: 1px solid #171717;\r\n\r\n  padding-bottom: 4px;\r\n}\r\n\r\n.icm-media-intro a:hover {\r\n  color: #E31E24;\r\n\r\n  border-color: #E31E24;\r\n}\r\n\r\n\r\n\/* GRID *\/\r\n\r\n.icm-media-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1.5fr\r\n    .5fr;\r\n\r\n  gap: 30px;\r\n}\r\n\r\n\r\n\/* FEATURED *\/\r\n\r\n.icm-media-feature {\r\n  background: #171717;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-media-video {\r\n  width: 100%;\r\n  background: #000;\r\n}\r\n\r\n.icm-media-video video {\r\n  display: block;\r\n\r\n  width: 100%;\r\n\r\n  aspect-ratio: 16 \/ 9;\r\n\r\n  object-fit: contain;\r\n\r\n  background: #000;\r\n}\r\n\r\n.icm-media-feature-copy {\r\n  padding: 32px;\r\n}\r\n\r\n.icm-media-feature-copy > span {\r\n  display: block;\r\n\r\n  margin-bottom: 14px;\r\n\r\n  color: #F6C900;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.icm-media-feature-copy h3 {\r\n  margin: 0;\r\n\r\n  font-size: 30px;\r\n\r\n  line-height: 1.1;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: -1px;\r\n}\r\n\r\n.icm-media-feature-copy p {\r\n  max-width: 600px;\r\n\r\n  margin: 18px 0 0;\r\n\r\n  color: #c8c8c8;\r\n\r\n  font-size: 15px;\r\n\r\n  line-height: 1.7;\r\n}\r\n\r\n\r\n\/* SIDE STORIES *\/\r\n\r\n.icm-media-side {\r\n  display: grid;\r\n\r\n  gap: 1px;\r\n\r\n  background: #d7d7d7;\r\n\r\n  border: 1px solid #d7d7d7;\r\n}\r\n\r\n.icm-media-story {\r\n  min-height: 190px;\r\n\r\n  padding: 28px;\r\n\r\n  background: #f5f2ec;\r\n\r\n  color: #171717;\r\n\r\n  text-decoration: none;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  justify-content: space-between;\r\n\r\n  transition: .3s ease;\r\n}\r\n\r\n.icm-media-story:hover {\r\n  background: #008B57;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-media-story-type {\r\n  color: #E31E24;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.icm-media-story:hover .icm-media-story-type {\r\n  color: #F6C900;\r\n}\r\n\r\n.icm-media-story h4 {\r\n  margin: 18px 0;\r\n\r\n  font-size: 20px;\r\n\r\n  line-height: 1.25;\r\n\r\n  font-weight: 700;\r\n}\r\n\r\n.icm-media-story-link {\r\n  font-size: 11px;\r\n\r\n  font-weight: 700;\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .icm-media-section {\r\n    padding: 80px 35px;\r\n  }\r\n\r\n  .icm-media-heading {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 30px;\r\n  }\r\n\r\n  .icm-media-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .icm-media-side {\r\n    grid-template-columns: repeat(3,1fr);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n  .icm-media-section {\r\n    padding: 65px 20px;\r\n  }\r\n\r\n  .icm-media-heading h2 {\r\n    font-size: 48px;\r\n    letter-spacing: -2px;\r\n  }\r\n\r\n  .icm-media-intro p {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .icm-media-feature-copy {\r\n    padding: 24px;\r\n  }\r\n\r\n  .icm-media-feature-copy h3 {\r\n    font-size: 25px;\r\n  }\r\n\r\n  .icm-media-side {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e233ea0 e-con e-atomic-element e-flexbox-base e-default-div e-1f7d391 \" data-id=\"e233ea0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e233ea0\">\n    \t\t<div class=\"elementor-element elementor-element-30388f3 elementor-widget elementor-widget-html\" data-id=\"30388f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"icm-involved-section\">\r\n\r\n  <div class=\"icm-involved-inner\">\r\n\r\n    <div class=\"icm-involved-heading\">\r\n\r\n      <span class=\"icm-involved-kicker\">\r\n        GET INVOLVED\r\n      <\/span>\r\n\r\n      <h2>\r\n        DON\u2019T JUST WATCH.<br>\r\n        <span>PARTICIPATE.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        There are many ways to take part in the movement \u2014 from joining ICM,\r\n        supporting your ward, attending community engagements or staying informed.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"icm-involved-grid\">\r\n\r\n      <!-- MEMBER -->\r\n      <a href=\"\/devsite\/become-a-member\/\" class=\"icm-involved-card card-member\">\r\n\r\n        <span class=\"icm-involved-number\">01<\/span>\r\n\r\n        <div>\r\n          <small>MEMBERSHIP<\/small>\r\n\r\n          <h3>\r\n            BECOME A<br>\r\n            MEMBER\r\n          <\/h3>\r\n\r\n          <p>\r\n            Join the Independent Citizens Movement and become part of a growing\r\n            citizen-led network.\r\n          <\/p>\r\n\r\n          <span class=\"icm-involved-link\">\r\n            JOIN ICM \u2192\r\n          <\/span>\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n      <!-- VOLUNTEER -->\r\n      <a href=\"\/devsite\/volunteer\/\" class=\"icm-involved-card card-volunteer\">\r\n\r\n        <span class=\"icm-involved-number\">02<\/span>\r\n\r\n        <div>\r\n          <small>VOLUNTEER<\/small>\r\n\r\n          <h3>\r\n            SUPPORT<br>\r\n            YOUR WARD\r\n          <\/h3>\r\n\r\n          <p>\r\n            Contribute your time, skills and experience to community and campaign\r\n            activities.\r\n          <\/p>\r\n\r\n          <span class=\"icm-involved-link\">\r\n            VOLUNTEER \u2192\r\n          <\/span>\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n      <!-- EVENTS -->\r\n      <a href=\"\/devsite\/events\/\" class=\"icm-involved-card card-events\">\r\n\r\n        <span class=\"icm-involved-number\">03<\/span>\r\n\r\n        <div>\r\n          <small>EVENTS<\/small>\r\n\r\n          <h3>\r\n            MEET.<br>\r\n            LISTEN. ENGAGE.\r\n          <\/h3>\r\n\r\n          <p>\r\n            Find upcoming community meetings, public engagements and ICM events\r\n            near you.\r\n          <\/p>\r\n\r\n          <span class=\"icm-involved-link\">\r\n            VIEW EVENTS \u2192\r\n          <\/span>\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n      <!-- UPDATES -->\r\n      <a href=\"\/devsite\/get-updates\/\" class=\"icm-involved-card card-updates\">\r\n\r\n        <span class=\"icm-involved-number\">04<\/span>\r\n\r\n        <div>\r\n          <small>STAY INFORMED<\/small>\r\n\r\n          <h3>\r\n            GET<br>\r\n            UPDATES\r\n          <\/h3>\r\n\r\n          <p>\r\n            Receive campaign news, community updates and important information\r\n            from ICM.\r\n          <\/p>\r\n\r\n          <span class=\"icm-involved-link\">\r\n            SUBSCRIBE \u2192\r\n          <\/span>\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n.icm-involved-section,\r\n.icm-involved-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.icm-involved-section {\r\n  width: 100%;\r\n  background: #171717;\r\n  padding: 100px 6%;\r\n}\r\n\r\n.icm-involved-inner {\r\n  width: 100%;\r\n  max-width: 1500px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* HEADING *\/\r\n\r\n.icm-involved-heading {\r\n  max-width: 860px;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.icm-involved-kicker {\r\n  display: block;\r\n  margin-bottom: 18px;\r\n\r\n  color: #F6C900;\r\n\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 2.5px;\r\n}\r\n\r\n.icm-involved-heading h2 {\r\n  margin: 0;\r\n\r\n  color: #fff;\r\n\r\n  font-size: clamp(52px, 5vw, 78px);\r\n  line-height: .95;\r\n\r\n  font-weight: 800;\r\n  letter-spacing: -3px;\r\n}\r\n\r\n.icm-involved-heading h2 span {\r\n  color: #E31E24;\r\n}\r\n\r\n.icm-involved-heading p {\r\n  max-width: 720px;\r\n  margin: 28px 0 0;\r\n\r\n  color: #c6c6c6;\r\n\r\n  font-size: 17px;\r\n  line-height: 1.75;\r\n}\r\n\r\n\r\n\/* GRID *\/\r\n\r\n.icm-involved-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 1px;\r\n\r\n  background: #3a3a3a;\r\n  border: 1px solid #3a3a3a;\r\n}\r\n\r\n\r\n\/* CARD *\/\r\n\r\n.icm-involved-card {\r\n  min-height: 430px;\r\n\r\n  padding: 30px;\r\n\r\n  background: #202020;\r\n\r\n  color: #fff;\r\n\r\n  text-decoration: none;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n\r\n  transition:\r\n    background .3s ease,\r\n    transform .3s ease,\r\n    color .3s ease;\r\n}\r\n\r\n.icm-involved-card:hover {\r\n  transform: translateY(-6px);\r\n}\r\n\r\n.icm-involved-number {\r\n  color: #ffffff;\r\n\r\n  font-size: 42px;\r\n  line-height: 1;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.icm-involved-card small {\r\n  display: block;\r\n\r\n  margin-bottom: 14px;\r\n\r\n  color: #F6C900;\r\n\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.icm-involved-card h3 {\r\n  margin: 0;\r\n\r\n  font-size: 30px;\r\n  line-height: 1.05;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: -1px;\r\n}\r\n\r\n.icm-involved-card p {\r\n  margin: 22px 0 0;\r\n\r\n  color: #cfcfcf;\r\n\r\n  font-size: 14px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.icm-involved-link {\r\n  display: inline-block;\r\n\r\n  margin-top: 26px;\r\n\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n}\r\n\r\n\r\n\/* HOVER COLORS *\/\r\n\r\n.card-member:hover {\r\n  background: #E31E24;\r\n}\r\n\r\n.card-volunteer:hover {\r\n  background: #008B57;\r\n}\r\n\r\n.card-events:hover {\r\n  background: #2F4399;\r\n}\r\n\r\n.card-updates:hover {\r\n  background: #F6C900;\r\n  color: #171717;\r\n}\r\n\r\n.card-updates:hover small,\r\n.card-updates:hover .icm-involved-number,\r\n.card-updates:hover p,\r\n.card-updates:hover .icm-involved-link {\r\n  color: #171717;\r\n}\r\n\r\n.card-member:hover p,\r\n.card-volunteer:hover p,\r\n.card-events:hover p {\r\n  color: #fff;\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n  .icm-involved-section {\r\n    padding: 80px 35px;\r\n  }\r\n\r\n  .icm-involved-grid {\r\n    grid-template-columns: repeat(2,1fr);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n  .icm-involved-section {\r\n    padding: 65px 20px;\r\n  }\r\n\r\n  .icm-involved-heading h2 {\r\n    font-size: 48px;\r\n    letter-spacing: -2px;\r\n  }\r\n\r\n  .icm-involved-heading p {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .icm-involved-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .icm-involved-card {\r\n    min-height: 320px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>INDEPENDENT CITIZENS MOVEMENT TAKING POWER BACK TO THE PEOPLE. Not promises. A social pact with the people of Ekurhuleni. EXPLORE MANIFESTO 2026 \u2192 JOIN THE MOVEMENT ICM MANIFESTO 2026 9 COMMITMENTS. 10 PLEDGES. ONE SOCIAL PACT. Explore ICM&#8217;s programme for local government and citizen accountability. READ THE MANIFESTO \u2192 09 10 01 YOUR WARD. YOUR [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":100,"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":265,"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/pages\/8\/revisions\/265"}],"wp:attachment":[{"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}