{"id":221,"date":"2026-10-14T22:44:19","date_gmt":"2026-10-14T20:44:19","guid":{"rendered":"https:\/\/independentcitizenmovement.co.za\/devsite\/?page_id=221"},"modified":"2026-10-14T22:47:51","modified_gmt":"2026-10-14T20:47:51","slug":"become-a-member","status":"publish","type":"page","link":"https:\/\/independentcitizenmovement.co.za\/devsite\/become-a-member\/","title":{"rendered":"Become a Member"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"221\" class=\"elementor elementor-221\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94f4467 e-con e-atomic-element e-flexbox-base e-default-div e-807e8ea \" data-id=\"94f4467\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"94f4467\">\n    \t\t<div class=\"elementor-element elementor-element-7d7bc24 elementor-widget elementor-widget-html\" data-id=\"7d7bc24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"icm-member-page\">\r\n\r\n  <!-- HERO -->\r\n  <section class=\"icm-member-hero\">\r\n\r\n    <div class=\"icm-member-container\">\r\n\r\n      <span class=\"icm-member-kicker\">\r\n        BECOME A MEMBER\r\n      <\/span>\r\n\r\n      <h1>\r\n        JOIN THE<br>\r\n        MOVEMENT.<br>\r\n        <strong>PLAY YOUR PART.<\/strong>\r\n      <\/h1>\r\n\r\n      <p>\r\n        Become part of the Independent Citizens Movement and take an\r\n        active role in building stronger, more accountable communities.\r\n      <\/p>\r\n\r\n      <a href=\"#membership-form\" class=\"icm-member-btn red\">\r\n        REGISTER YOUR INTEREST \u2192\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- INTRO -->\r\n  <section class=\"icm-member-intro\">\r\n\r\n    <div class=\"icm-member-container\">\r\n\r\n      <div class=\"icm-member-heading-row\">\r\n\r\n        <div>\r\n\r\n          <span class=\"icm-member-kicker\">\r\n            MEMBERSHIP\r\n          <\/span>\r\n\r\n          <h2>\r\n            BECOME PART<br>\r\n            OF <strong>ICM.<\/strong>\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"icm-member-intro-copy\">\r\n\r\n          <p>\r\n            Membership is an opportunity to participate more actively\r\n            in the Independent Citizens Movement and its work within\r\n            communities.\r\n          <\/p>\r\n\r\n          <p>\r\n            Complete the online registration below to submit your\r\n            details and indicate your interest in becoming a member.\r\n          <\/p>\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  <!-- PROCESS -->\r\n  <section class=\"icm-member-process\">\r\n\r\n    <div class=\"icm-member-container\">\r\n\r\n      <div class=\"icm-member-heading-row dark\">\r\n\r\n        <div>\r\n\r\n          <span class=\"icm-light-kicker\">\r\n            HOW MEMBERSHIP WORKS\r\n          <\/span>\r\n\r\n          <h2>\r\n            SIMPLE.<br>\r\n            CLEAR.<br>\r\n            <strong>PARTICIPATORY.<\/strong>\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <p>\r\n          Online registration records your interest. Formal membership\r\n          is completed through ICM\u2019s official membership process.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"icm-member-process-grid\">\r\n\r\n        <div class=\"icm-member-step\">\r\n\r\n          <span>01<\/span>\r\n\r\n          <h3>\r\n            REGISTER<br>\r\n            ONLINE\r\n          <\/h3>\r\n\r\n          <p>\r\n            Submit your contact and personal details through the\r\n            registration form.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"icm-member-step\">\r\n\r\n          <span>02<\/span>\r\n\r\n          <h3>\r\n            COMPLETE THE<br>\r\n            OFFICIAL FORM\r\n          <\/h3>\r\n\r\n          <p>\r\n            Formal membership requires completion of the official\r\n            ICM membership form.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"icm-member-step\">\r\n\r\n          <span>03<\/span>\r\n\r\n          <h3>\r\n            MEMBERSHIP<br>\r\n            NUMBER\r\n          <\/h3>\r\n\r\n          <p>\r\n            A unique membership number is allocated as part of the\r\n            formal membership process.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"icm-member-step\">\r\n\r\n          <span>04<\/span>\r\n\r\n          <h3>\r\n            MEMBERSHIP<br>\r\n            FEE\r\n          <\/h3>\r\n\r\n          <p>\r\n            The current membership fee is R20.\r\n          <\/p>\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  <!-- IMPORTANT NOTE -->\r\n  <section class=\"icm-member-important\">\r\n\r\n    <div class=\"icm-member-container\">\r\n\r\n      <div class=\"icm-member-important-inner\">\r\n\r\n        <div class=\"icm-member-important-icon\">\r\n          !\r\n        <\/div>\r\n\r\n        <div>\r\n\r\n          <span>\r\n            IMPORTANT\r\n          <\/span>\r\n\r\n          <h3>\r\n            ONLINE REGISTRATION DOES NOT BY ITSELF COMPLETE FORMAL MEMBERSHIP.\r\n          <\/h3>\r\n\r\n          <p>\r\n            The online form is used to capture your information and\r\n            membership interest. Formal membership is completed through\r\n            ICM\u2019s official paper membership process, including allocation\r\n            of a membership number and payment of the applicable\r\n            membership fee.\r\n          <\/p>\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  <!-- MEMBERSHIP FORM -->\r\n  <section class=\"icm-member-form-section\" id=\"membership-form\">\r\n\r\n    <div class=\"icm-member-container\">\r\n\r\n      <div class=\"icm-member-form-grid\">\r\n\r\n        <!-- LEFT -->\r\n        <div class=\"icm-member-form-intro\">\r\n\r\n          <span class=\"icm-member-kicker\">\r\n            REGISTER YOUR INTEREST\r\n          <\/span>\r\n\r\n          <h2>\r\n            START YOUR<br>\r\n            <strong>MEMBERSHIP JOURNEY.<\/strong>\r\n          <\/h2>\r\n\r\n          <p>\r\n            Complete your details below and ICM can follow up with\r\n            you regarding the next steps in the membership process.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"icm-member-info-card\">\r\n\r\n            <span>\r\n              MEMBERSHIP FEE\r\n            <\/span>\r\n\r\n            <strong>\r\n              R20\r\n            <\/strong>\r\n\r\n            <p>\r\n              Payable as part of the formal membership process.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FORM -->\r\n        <form class=\"icm-member-form\" id=\"icmMemberForm\">\r\n\r\n          <div class=\"icm-member-form-two\">\r\n\r\n            <div class=\"icm-member-field\">\r\n\r\n              <label for=\"memberFirstName\">\r\n                FIRST NAME *\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"text\"\r\n                id=\"memberFirstName\"\r\n                name=\"first_name\"\r\n                required\r\n                placeholder=\"First name\">\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"icm-member-field\">\r\n\r\n              <label for=\"memberSurname\">\r\n                SURNAME *\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"text\"\r\n                id=\"memberSurname\"\r\n                name=\"surname\"\r\n                required\r\n                placeholder=\"Surname\">\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"icm-member-form-two\">\r\n\r\n            <div class=\"icm-member-field\">\r\n\r\n              <label for=\"memberAge\">\r\n                AGE\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"number\"\r\n                id=\"memberAge\"\r\n                name=\"age\"\r\n                min=\"0\"\r\n                placeholder=\"Age\">\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"icm-member-field\">\r\n\r\n              <label for=\"memberGender\">\r\n                GENDER\r\n              <\/label>\r\n\r\n              <select id=\"memberGender\" name=\"gender\">\r\n\r\n                <option value=\"\">\r\n                  Please select\r\n                <\/option>\r\n\r\n                <option value=\"female\">\r\n                  Female\r\n                <\/option>\r\n\r\n                <option value=\"male\">\r\n                  Male\r\n                <\/option>\r\n\r\n                <option value=\"other\">\r\n                  Other\r\n                <\/option>\r\n\r\n                <option value=\"prefer-not\">\r\n                  Prefer not to say\r\n                <\/option>\r\n\r\n              <\/select>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"icm-member-form-two\">\r\n\r\n            <div class=\"icm-member-field\">\r\n\r\n              <label for=\"memberMobile\">\r\n                MOBILE NUMBER *\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"tel\"\r\n                id=\"memberMobile\"\r\n                name=\"mobile\"\r\n                required\r\n                placeholder=\"Mobile number\">\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"icm-member-field\">\r\n\r\n              <label for=\"memberEmail\">\r\n                EMAIL ADDRESS\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"email\"\r\n                id=\"memberEmail\"\r\n                name=\"email\"\r\n                placeholder=\"Email address\">\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"icm-member-field\">\r\n\r\n            <label for=\"memberAddress\">\r\n              RESIDENTIAL ADDRESS *\r\n            <\/label>\r\n\r\n            <input\r\n              type=\"text\"\r\n              id=\"memberAddress\"\r\n              name=\"address\"\r\n              required\r\n              placeholder=\"Residential address\">\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"icm-member-form-two\">\r\n\r\n            <div class=\"icm-member-field\">\r\n\r\n              <label for=\"memberSuburb\">\r\n                SUBURB \/ AREA *\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"text\"\r\n                id=\"memberSuburb\"\r\n                name=\"suburb\"\r\n                required\r\n                placeholder=\"Suburb or area\">\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"icm-member-field\">\r\n\r\n              <label for=\"memberWard\">\r\n                WARD NUMBER\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"text\"\r\n                id=\"memberWard\"\r\n                name=\"ward\"\r\n                placeholder=\"If known\">\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"icm-member-field\">\r\n\r\n            <label for=\"memberReason\">\r\n              WHY WOULD YOU LIKE TO JOIN ICM?\r\n            <\/label>\r\n\r\n            <textarea\r\n              id=\"memberReason\"\r\n              name=\"reason\"\r\n              rows=\"5\"\r\n              placeholder=\"Optional\"><\/textarea>\r\n\r\n          <\/div>\r\n\r\n\r\n          <label class=\"icm-member-consent\">\r\n\r\n            <input\r\n              type=\"checkbox\"\r\n              id=\"memberConsent\"\r\n              required>\r\n\r\n            <span>\r\n              I consent to ICM collecting and processing the information\r\n              submitted through this form for the purposes of membership\r\n              administration and communication.\r\n            <\/span>\r\n\r\n          <\/label>\r\n\r\n\r\n          <button\r\n            type=\"submit\"\r\n            class=\"icm-member-submit\">\r\n\r\n            SUBMIT REGISTRATION \u2192\r\n\r\n          <\/button>\r\n\r\n\r\n          <div\r\n            class=\"icm-member-form-response\"\r\n            id=\"icmMemberResponse\"\r\n            aria-live=\"polite\">\r\n          <\/div>\r\n\r\n        <\/form>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- WHY PARTICIPATE -->\r\n  <section class=\"icm-member-participation\">\r\n\r\n    <div class=\"icm-member-container\">\r\n\r\n      <div class=\"icm-member-heading-row dark\">\r\n\r\n        <div>\r\n\r\n          <span class=\"icm-light-kicker\">\r\n            PARTICIPATE\r\n          <\/span>\r\n\r\n          <h2>\r\n            MEMBERSHIP IS<br>\r\n            MORE THAN A <strong>NAME.<\/strong>\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <p>\r\n          ICM encourages citizens to participate in their communities,\r\n          attend engagements, raise concerns and contribute to local action.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"icm-member-participation-grid\">\r\n\r\n        <a href=\"\/devsite\/events\/\" class=\"icm-member-action\">\r\n\r\n          <span>01<\/span>\r\n\r\n          <h3>\r\n            ATTEND<br>\r\n            EVENTS\r\n          <\/h3>\r\n\r\n          <p>\r\n            Participate in community meetings and public engagements.\r\n          <\/p>\r\n\r\n          <strong>\r\n            VIEW EVENTS \u2192\r\n          <\/strong>\r\n\r\n        <\/a>\r\n\r\n\r\n        <a href=\"\/devsite\/volunteer\/\" class=\"icm-member-action\">\r\n\r\n          <span>02<\/span>\r\n\r\n          <h3>\r\n            VOLUNTEER<br>\r\n            YOUR TIME\r\n          <\/h3>\r\n\r\n          <p>\r\n            Support activities, community engagement and voter mobilisation.\r\n          <\/p>\r\n\r\n          <strong>\r\n            VOLUNTEER \u2192\r\n          <\/strong>\r\n\r\n        <\/a>\r\n\r\n\r\n        <a href=\"\/devsite\/wards-candidates\/\" class=\"icm-member-action\">\r\n\r\n          <span>03<\/span>\r\n\r\n          <h3>\r\n            KNOW YOUR<br>\r\n            WARD\r\n          <\/h3>\r\n\r\n          <p>\r\n            Connect with your ward and local representation.\r\n          <\/p>\r\n\r\n          <strong>\r\n            FIND YOUR WARD \u2192\r\n          <\/strong>\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  <!-- CONTACT -->\r\n  <section class=\"icm-member-contact\">\r\n\r\n    <div class=\"icm-member-container\">\r\n\r\n      <div class=\"icm-member-contact-grid\">\r\n\r\n        <div>\r\n\r\n          <span class=\"icm-member-kicker\">\r\n            NEED HELP?\r\n          <\/span>\r\n\r\n          <h2>\r\n            MEMBERSHIP<br>\r\n            <strong>ENQUIRIES.<\/strong>\r\n          <\/h2>\r\n\r\n          <p>\r\n            If you need assistance with the membership process,\r\n            contact ICM directly.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"icm-member-contact-card\">\r\n\r\n          <div>\r\n\r\n            <span>\r\n              TELEPHONE\r\n            <\/span>\r\n\r\n            <a href=\"tel:+27824903197\">\r\n              +27 82 490 3197\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div>\r\n\r\n            <span>\r\n              EMAIL\r\n            <\/span>\r\n\r\n            <a href=\"mailto:info@independentcitizenmovement.co.za\">\r\n              info@independentcitizenmovement.co.za\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n\r\n          <a href=\"\/devsite\/contact\/\" class=\"icm-member-btn red\">\r\n            CONTACT ICM \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  <!-- FINAL CTA -->\r\n  <section class=\"icm-member-final\">\r\n\r\n    <div class=\"icm-member-container\">\r\n\r\n      <div class=\"icm-member-final-inner\">\r\n\r\n        <div>\r\n\r\n          <span>\r\n            GET INVOLVED\r\n          <\/span>\r\n\r\n          <h2>\r\n            YOUR COMMUNITY.<br>\r\n            <strong>YOUR VOICE.<\/strong>\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"icm-member-final-actions\">\r\n\r\n          <a href=\"#membership-form\" class=\"icm-member-btn yellow\">\r\n            REGISTER YOUR INTEREST \u2192\r\n          <\/a>\r\n\r\n          <a href=\"\/devsite\/get-involved\/\" class=\"icm-member-btn outline\">\r\n            OTHER WAYS TO HELP\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<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* GLOBAL *\/\r\n\r\n.icm-member-page,\r\n.icm-member-page * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.icm-member-page {\r\n  width: 100%;\r\n  overflow: hidden;\r\n}\r\n\r\n.icm-member-container {\r\n  width: 100%;\r\n  max-width: 1500px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.icm-member-kicker {\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: 2.5px;\r\n}\r\n\r\n.icm-light-kicker {\r\n  display: block;\r\n\r\n  margin-bottom: 18px;\r\n\r\n  color: #F6C900;\r\n\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2.5px;\r\n}\r\n\r\n\r\n\/* BUTTONS *\/\r\n\r\n.icm-member-btn {\r\n  min-height: 52px;\r\n\r\n  padding: 0 24px;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  font-size: 11px;\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-member-btn.red {\r\n  background: #E31E24;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-member-btn.red:hover {\r\n  background: #008B57;\r\n}\r\n\r\n.icm-member-btn.yellow {\r\n  background: #F6C900;\r\n\r\n  color: #171717;\r\n}\r\n\r\n.icm-member-btn.yellow:hover {\r\n  background: #008B57;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-member-btn.outline {\r\n  border: 1px solid #666;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-member-btn.outline:hover {\r\n  background: #fff;\r\n\r\n  color: #171717;\r\n}\r\n\r\n\r\n\/* HERO *\/\r\n\r\n.icm-member-hero {\r\n  padding: 110px 6%;\r\n\r\n  background: #f5f2ec;\r\n}\r\n\r\n.icm-member-hero h1 {\r\n  max-width: 1050px;\r\n\r\n  margin: 0;\r\n\r\n  color: #171717;\r\n\r\n  font-size: clamp(68px,7vw,110px);\r\n\r\n  line-height: .87;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -5px;\r\n}\r\n\r\n.icm-member-hero h1 strong {\r\n  color: #008B57;\r\n}\r\n\r\n.icm-member-hero p {\r\n  max-width: 740px;\r\n\r\n  margin: 32px 0;\r\n\r\n  color: #555;\r\n\r\n  font-size: 19px;\r\n\r\n  line-height: 1.75;\r\n}\r\n\r\n\r\n\/* HEADING ROW *\/\r\n\r\n.icm-member-heading-row {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    .8fr;\r\n\r\n  gap: 70px;\r\n\r\n  align-items: end;\r\n\r\n  margin-bottom: 55px;\r\n}\r\n\r\n.icm-member-heading-row h2 {\r\n  margin: 0;\r\n\r\n  color: #171717;\r\n\r\n  font-size: clamp(48px,4.8vw,76px);\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-member-heading-row h2 strong {\r\n  color: #E31E24;\r\n}\r\n\r\n.icm-member-heading-row > p,\r\n.icm-member-intro-copy p {\r\n  color: #666;\r\n\r\n  font-size: 17px;\r\n\r\n  line-height: 1.75;\r\n}\r\n\r\n\r\n\/* INTRO *\/\r\n\r\n.icm-member-intro {\r\n  padding: 100px 6%;\r\n\r\n  background: #fff;\r\n}\r\n\r\n\r\n\/* PROCESS *\/\r\n\r\n.icm-member-process {\r\n  padding: 100px 6%;\r\n\r\n  background: #171717;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-member-heading-row.dark h2 {\r\n  color: #fff;\r\n}\r\n\r\n.icm-member-heading-row.dark h2 strong {\r\n  color: #F6C900;\r\n}\r\n\r\n.icm-member-heading-row.dark > p {\r\n  margin: 0;\r\n\r\n  color: #bbb;\r\n}\r\n\r\n.icm-member-process-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns: repeat(4,1fr);\r\n\r\n  gap: 1px;\r\n\r\n  background: #444;\r\n}\r\n\r\n.icm-member-step {\r\n  min-height: 330px;\r\n\r\n  padding: 30px;\r\n\r\n  background: #202020;\r\n}\r\n\r\n.icm-member-step span {\r\n  color: #F6C900;\r\n\r\n  font-size: 37px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.icm-member-step h3 {\r\n  margin: 75px 0 20px;\r\n\r\n  color: #fff;\r\n\r\n  font-size: 26px;\r\n\r\n  line-height: 1.05;\r\n}\r\n\r\n.icm-member-step p {\r\n  margin: 0;\r\n\r\n  color: #aaa;\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.65;\r\n}\r\n\r\n\r\n\/* IMPORTANT *\/\r\n\r\n.icm-member-important {\r\n  padding: 55px 6%;\r\n\r\n  background: #F6C900;\r\n\r\n  color: #171717;\r\n}\r\n\r\n.icm-member-important-inner {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    80px\r\n    1fr;\r\n\r\n  gap: 30px;\r\n\r\n  align-items: center;\r\n}\r\n\r\n.icm-member-important-icon {\r\n  width: 68px;\r\n  height: 68px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #171717;\r\n\r\n  color: #F6C900;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  font-size: 34px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.icm-member-important-inner span {\r\n  font-size: 9px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.icm-member-important-inner h3 {\r\n  margin: 7px 0;\r\n\r\n  font-size: 22px;\r\n}\r\n\r\n.icm-member-important-inner p {\r\n  max-width: 950px;\r\n\r\n  margin: 0;\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.65;\r\n}\r\n\r\n\r\n\/* FORM SECTION *\/\r\n\r\n.icm-member-form-section {\r\n  padding: 110px 6%;\r\n\r\n  background: #f5f2ec;\r\n}\r\n\r\n.icm-member-form-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    .8fr\r\n    1.2fr;\r\n\r\n  gap: 90px;\r\n\r\n  align-items: start;\r\n}\r\n\r\n.icm-member-form-intro h2 {\r\n  margin: 0;\r\n\r\n  color: #171717;\r\n\r\n  font-size: clamp(48px,4.8vw,76px);\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-member-form-intro h2 strong {\r\n  color: #2F4399;\r\n}\r\n\r\n.icm-member-form-intro > p {\r\n  max-width: 560px;\r\n\r\n  margin-top: 26px;\r\n\r\n  color: #666;\r\n\r\n  font-size: 17px;\r\n\r\n  line-height: 1.75;\r\n}\r\n\r\n.icm-member-info-card {\r\n  margin-top: 40px;\r\n\r\n  padding: 30px;\r\n\r\n  background: #171717;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-member-info-card span {\r\n  display: block;\r\n\r\n  color: #F6C900;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.icm-member-info-card strong {\r\n  display: block;\r\n\r\n  margin: 15px 0 8px;\r\n\r\n  color: #fff;\r\n\r\n  font-size: 60px;\r\n\r\n  line-height: 1;\r\n}\r\n\r\n.icm-member-info-card p {\r\n  margin: 0;\r\n\r\n  color: #aaa;\r\n\r\n  font-size: 13px;\r\n\r\n  line-height: 1.6;\r\n}\r\n\r\n\r\n\/* FORM *\/\r\n\r\n.icm-member-form {\r\n  padding: 42px;\r\n\r\n  background: #fff;\r\n}\r\n\r\n.icm-member-form-two {\r\n  display: grid;\r\n\r\n  grid-template-columns: 1fr 1fr;\r\n\r\n  gap: 18px;\r\n}\r\n\r\n.icm-member-field {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.icm-member-field label {\r\n  display: block;\r\n\r\n  margin-bottom: 9px;\r\n\r\n  color: #171717;\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-member-field input,\r\n.icm-member-field select,\r\n.icm-member-field textarea {\r\n  width: 100%;\r\n\r\n  border: 1px solid #d4d4d4;\r\n\r\n  border-radius: 0;\r\n\r\n  background: #f8f8f8;\r\n\r\n  color: #171717;\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 15px;\r\n\r\n  outline: none;\r\n\r\n  transition: .2s ease;\r\n}\r\n\r\n.icm-member-field input,\r\n.icm-member-field select {\r\n  min-height: 55px;\r\n\r\n  padding: 0 15px;\r\n}\r\n\r\n.icm-member-field textarea {\r\n  padding: 15px;\r\n\r\n  resize: vertical;\r\n}\r\n\r\n.icm-member-field input:focus,\r\n.icm-member-field select:focus,\r\n.icm-member-field textarea:focus {\r\n  border-color: #2F4399;\r\n\r\n  background: #fff;\r\n}\r\n\r\n.icm-member-consent {\r\n  display: flex;\r\n\r\n  align-items: flex-start;\r\n\r\n  gap: 12px;\r\n\r\n  margin: 8px 0 25px;\r\n\r\n  color: #555;\r\n\r\n  font-size: 12px;\r\n\r\n  line-height: 1.55;\r\n}\r\n\r\n.icm-member-consent input {\r\n  margin-top: 3px;\r\n}\r\n\r\n.icm-member-submit {\r\n  min-height: 56px;\r\n\r\n  padding: 0 28px;\r\n\r\n  border: 0;\r\n\r\n  background: #E31E24;\r\n\r\n  color: #fff;\r\n\r\n  font-size: 11px;\r\n\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-member-submit:hover {\r\n  background: #008B57;\r\n}\r\n\r\n.icm-member-form-response {\r\n  margin-top: 16px;\r\n\r\n  color: #008B57;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n\r\n\/* PARTICIPATION *\/\r\n\r\n.icm-member-participation {\r\n  padding: 100px 6%;\r\n\r\n  background: #2F4399;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-member-participation-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns: repeat(3,1fr);\r\n\r\n  gap: 1px;\r\n\r\n  background: rgba(255,255,255,.25);\r\n}\r\n\r\n.icm-member-action {\r\n  min-height: 350px;\r\n\r\n  padding: 30px;\r\n\r\n  background: rgba(0,0,0,.15);\r\n\r\n  color: #fff;\r\n\r\n  text-decoration: none;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  transition: .25s ease;\r\n}\r\n\r\n.icm-member-action:hover {\r\n  background: rgba(0,0,0,.28);\r\n}\r\n\r\n.icm-member-action > span {\r\n  color: #F6C900;\r\n\r\n  font-size: 34px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.icm-member-action h3 {\r\n  margin: 70px 0 18px;\r\n\r\n  font-size: 27px;\r\n\r\n  line-height: 1.05;\r\n}\r\n\r\n.icm-member-action p {\r\n  margin: 0 0 25px;\r\n\r\n  color: rgba(255,255,255,.8);\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.65;\r\n}\r\n\r\n.icm-member-action strong {\r\n  margin-top: auto;\r\n\r\n  font-size: 10px;\r\n\r\n  letter-spacing: 1px;\r\n}\r\n\r\n\r\n\/* CONTACT *\/\r\n\r\n.icm-member-contact {\r\n  padding: 100px 6%;\r\n\r\n  background: #fff;\r\n}\r\n\r\n.icm-member-contact-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    .8fr;\r\n\r\n  gap: 80px;\r\n\r\n  align-items: center;\r\n}\r\n\r\n.icm-member-contact h2 {\r\n  margin: 0;\r\n\r\n  color: #171717;\r\n\r\n  font-size: clamp(48px,4.8vw,76px);\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-member-contact h2 strong {\r\n  color: #008B57;\r\n}\r\n\r\n.icm-member-contact-grid > div:first-child > p {\r\n  max-width: 600px;\r\n\r\n  margin-top: 26px;\r\n\r\n  color: #666;\r\n\r\n  font-size: 17px;\r\n\r\n  line-height: 1.75;\r\n}\r\n\r\n.icm-member-contact-card {\r\n  padding: 40px;\r\n\r\n  background: #f5f2ec;\r\n}\r\n\r\n.icm-member-contact-card > div {\r\n  padding-bottom: 25px;\r\n\r\n  margin-bottom: 25px;\r\n\r\n  border-bottom: 1px solid #ccc;\r\n}\r\n\r\n.icm-member-contact-card span {\r\n  display: block;\r\n\r\n  margin-bottom: 8px;\r\n\r\n  color: #E31E24;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1.5px;\r\n}\r\n\r\n.icm-member-contact-card a:not(.icm-member-btn) {\r\n  color: #171717;\r\n\r\n  font-size: 19px;\r\n\r\n  font-weight: 700;\r\n\r\n  text-decoration: none;\r\n\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n\r\n\/* FINAL *\/\r\n\r\n.icm-member-final {\r\n  padding: 85px 6%;\r\n\r\n  background: #171717;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-member-final-inner {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  gap: 50px;\r\n}\r\n\r\n.icm-member-final-inner > div > span {\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\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.icm-member-final h2 {\r\n  margin: 0;\r\n\r\n  font-size: clamp(42px,4vw,64px);\r\n\r\n  line-height: .95;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -2px;\r\n}\r\n\r\n.icm-member-final h2 strong {\r\n  color: #E31E24;\r\n}\r\n\r\n.icm-member-final-actions {\r\n  display: flex;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  gap: 12px;\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .icm-member-hero,\r\n  .icm-member-intro,\r\n  .icm-member-process,\r\n  .icm-member-important,\r\n  .icm-member-form-section,\r\n  .icm-member-participation,\r\n  .icm-member-contact,\r\n  .icm-member-final {\r\n    padding-left: 35px;\r\n    padding-right: 35px;\r\n  }\r\n\r\n  .icm-member-heading-row,\r\n  .icm-member-form-grid,\r\n  .icm-member-contact-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .icm-member-process-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-member-hero,\r\n  .icm-member-intro,\r\n  .icm-member-process,\r\n  .icm-member-important,\r\n  .icm-member-form-section,\r\n  .icm-member-participation,\r\n  .icm-member-contact,\r\n  .icm-member-final {\r\n    padding: 65px 20px;\r\n  }\r\n\r\n  .icm-member-hero h1 {\r\n    font-size: 51px;\r\n\r\n    letter-spacing: -3px;\r\n  }\r\n\r\n  .icm-member-process-grid,\r\n  .icm-member-participation-grid,\r\n  .icm-member-form-two {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .icm-member-important-inner {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .icm-member-form {\r\n    padding: 25px;\r\n  }\r\n\r\n  .icm-member-final-inner {\r\n    flex-direction: column;\r\n\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .icm-member-final-actions {\r\n    width: 100%;\r\n\r\n    flex-direction: column;\r\n  }\r\n\r\n  .icm-member-btn,\r\n  .icm-member-submit {\r\n    width: 100%;\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 form =\r\n    document.getElementById('icmMemberForm');\r\n\r\n  const response =\r\n    document.getElementById('icmMemberResponse');\r\n\r\n  if (!form || !response) return;\r\n\r\n  form.addEventListener('submit', function(event) {\r\n\r\n    event.preventDefault();\r\n\r\n    response.textContent =\r\n      'Thank you. Your registration form is currently in preview mode and will be connected to the live membership submission system before launch.';\r\n\r\n  });\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BECOME A MEMBER JOIN THE MOVEMENT. PLAY YOUR PART. Become part of the Independent Citizens Movement and take an active role in building stronger, more accountable communities. REGISTER YOUR INTEREST \u2192 MEMBERSHIP BECOME PART OF ICM. Membership is an opportunity to participate more actively in the Independent Citizens Movement and its work within communities. Complete [&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-221","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/pages\/221","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=221"}],"version-history":[{"count":4,"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/pages\/221\/revisions"}],"predecessor-version":[{"id":226,"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/pages\/221\/revisions\/226"}],"wp:attachment":[{"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/media?parent=221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}