{"id":3145,"date":"2026-09-15T09:08:46","date_gmt":"2026-09-15T08:08:46","guid":{"rendered":"https:\/\/www.newforesight.com\/?page_id=3145"},"modified":"2026-10-07T07:14:52","modified_gmt":"2026-10-07T06:14:52","slug":"contact","status":"publish","type":"page","link":"https:\/\/www.newforesight.com\/nl\/contact\/","title":{"rendered":"Neem contact op met"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3145\" class=\"elementor elementor-3145\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b65eb75 e-flex e-con-boxed e-con e-parent\" data-id=\"b65eb75\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43fbfd2 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"43fbfd2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Contact Us<\/h1>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ebc7a46 e-con-full e-flex e-con e-parent\" data-id=\"ebc7a46\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb91ead elementor-widget elementor-widget-html\" data-id=\"fb91ead\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"nf-contact-page\">\r\n\r\n  <!-- LEFT SIDE -->\r\n  <div class=\"nf-contact-left\">\r\n\r\n    <div class=\"nf-left-copy\">\r\n\r\n      <div class=\"nf-yellow-top\"><\/div>\r\n\r\n      <div class=\"nf-kicker\">\r\n        GET IN TOUCH\r\n      <\/div>\r\n\r\n      <h1>\r\n        What transition<br>\r\n        can we help you<br>\r\n        accelerate?\r\n      <\/h1>\r\n\r\n      <p class=\"nf-intro\">\r\n        Whether you want to explore a specific challenge, learn more\r\n        about one of our domains, or connect around one of our programmes,\r\n        tell us what you're interested in and we'll connect you with\r\n        the right person.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"nf-image-area\"><\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- RIGHT SIDE -->\r\n  <div class=\"nf-contact-right\">\r\n\r\n    <form class=\"nf-form\" id=\"nfContactForm\">\r\n\r\n      <!-- Honeypot spam field -->\r\n      <input\r\n        type=\"text\"\r\n        id=\"nf-honey\"\r\n        tabindex=\"-1\"\r\n        autocomplete=\"off\"\r\n        style=\"position:absolute;left:-9999px;\"\r\n      >\r\n\r\n\r\n      <!-- NAME \/ ORGANISATION -->\r\n      <div class=\"nf-form-row\">\r\n\r\n        <div class=\"nf-field\">\r\n          <label for=\"nf-name\">Name *<\/label>\r\n\r\n          <input\r\n            type=\"text\"\r\n            id=\"nf-name\"\r\n            placeholder=\"Your name\"\r\n            required\r\n          >\r\n        <\/div>\r\n\r\n\r\n        <div class=\"nf-field\">\r\n          <label for=\"nf-org\">Organisation<\/label>\r\n\r\n          <input\r\n            type=\"text\"\r\n            id=\"nf-org\"\r\n            placeholder=\"Your organisation\"\r\n          >\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- EMAIL -->\r\n      <div class=\"nf-field nf-email-field\">\r\n\r\n        <label for=\"nf-email\">\r\n          Email address *\r\n        <\/label>\r\n\r\n        <input\r\n          type=\"email\"\r\n          id=\"nf-email\"\r\n          placeholder=\"you@organisation.com\"\r\n          required\r\n        >\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- INTERESTS -->\r\n      <div class=\"nf-interest-heading\">\r\n\r\n        <h2>\r\n          I'm interested in learning more about:\r\n        <\/h2>\r\n\r\n        <p>\r\n          Select as many as you like.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"nf-interest-grid\">\r\n\r\n        <!-- SECTOR TRANSFORMATION -->\r\n        <label class=\"nf-option\">\r\n\r\n          <input\r\n            type=\"checkbox\"\r\n            name=\"interest\"\r\n            value=\"Sector transformation and convening\"\r\n          >\r\n\r\n          <span class=\"nf-box\"><\/span>\r\n\r\n          <span class=\"nf-option-copy\">\r\n\r\n            <strong>\r\n              How to change my sector, not just my own company\r\n            <\/strong>\r\n\r\n            <small>\r\n              Transitions, sector transformation and convening\r\n            <\/small>\r\n\r\n          <\/span>\r\n\r\n        <\/label>\r\n\r\n\r\n        <!-- VALUE CHAINS -->\r\n        <label class=\"nf-option\">\r\n\r\n          <input\r\n            type=\"checkbox\"\r\n            name=\"interest\"\r\n            value=\"Sustainable value chains and business models\"\r\n          >\r\n\r\n          <span class=\"nf-box\"><\/span>\r\n\r\n          <span class=\"nf-option-copy\">\r\n\r\n            <strong>\r\n              How to make my value chains resilient and future-proof and build sustainable business models\r\n            <\/strong>\r\n\r\n            <small>\r\n              Sustainable value chains, sourcing and business models\r\n            <\/small>\r\n\r\n          <\/span>\r\n\r\n        <\/label>\r\n\r\n\r\n        <!-- LIVING WAGE \/ LIVING INCOME -->\r\n        <label class=\"nf-option\">\r\n\r\n          <input\r\n            type=\"checkbox\"\r\n            name=\"interest\"\r\n            value=\"Living wage and living income\"\r\n          >\r\n\r\n          <span class=\"nf-box\"><\/span>\r\n\r\n          <span class=\"nf-option-copy\">\r\n\r\n            <strong>\r\n              How to ensure fair wages and incomes in my value chain\r\n            <\/strong>\r\n\r\n            <small>\r\n              Living wage and living income standards and strategies (WageMAP)\r\n            <\/small>\r\n\r\n          <\/span>\r\n\r\n        <\/label>\r\n\r\n\r\n        <!-- FINANCE -->\r\n        <label class=\"nf-option\">\r\n\r\n          <input\r\n            type=\"checkbox\"\r\n            name=\"interest\"\r\n            value=\"Transformative and blended finance\"\r\n          >\r\n\r\n          <span class=\"nf-box\"><\/span>\r\n\r\n          <span class=\"nf-option-copy\">\r\n\r\n            <strong>\r\n              How to finance the transition and make it investable\r\n            <\/strong>\r\n\r\n            <small>\r\n              Transformative and blended finance and investments\r\n            <\/small>\r\n\r\n          <\/span>\r\n\r\n        <\/label>\r\n\r\n\r\n        <!-- ORGANISATIONAL TRANSFORMATION -->\r\n        <label class=\"nf-option\">\r\n\r\n          <input\r\n            type=\"checkbox\"\r\n            name=\"interest\"\r\n            value=\"Organisational transformation\"\r\n          >\r\n\r\n          <span class=\"nf-box\"><\/span>\r\n\r\n          <span class=\"nf-option-copy\">\r\n\r\n            <strong>\r\n              How to embed sustainability in how my organisation works\r\n            <\/strong>\r\n\r\n            <small>\r\n              Organisational transformation\r\n            <\/small>\r\n\r\n          <\/span>\r\n\r\n        <\/label>\r\n\r\n\r\n        <!-- LEADERSHIP -->\r\n        <label class=\"nf-option\">\r\n\r\n          <input\r\n            type=\"checkbox\"\r\n            name=\"interest\"\r\n            value=\"Leadership and transition capability\"\r\n          >\r\n\r\n          <span class=\"nf-box\"><\/span>\r\n\r\n          <span class=\"nf-option-copy\">\r\n\r\n            <strong>\r\n              How to grow as a leader of change\r\n            <\/strong>\r\n\r\n            <small>\r\n              Leaders in Transition community and TransMission, how to strengthen my transition power, and our signature Changing the Game training\r\n            <\/small>\r\n\r\n          <\/span>\r\n\r\n        <\/label>\r\n\r\n\r\n        <!-- OTHER -->\r\n        <label class=\"nf-option\">\r\n\r\n          <input\r\n            type=\"checkbox\"\r\n            name=\"interest\"\r\n            value=\"Another question\"\r\n          >\r\n\r\n          <span class=\"nf-box\"><\/span>\r\n\r\n          <span class=\"nf-option-copy\">\r\n\r\n            <strong>\r\n              I have another question\r\n            <\/strong>\r\n\r\n          <\/span>\r\n\r\n        <\/label>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- MESSAGE -->\r\n      <div class=\"nf-field nf-message\">\r\n\r\n        <label for=\"nf-message\">\r\n          Tell us a little more\r\n        <\/label>\r\n\r\n        <textarea\r\n          id=\"nf-message\"\r\n          placeholder=\"How can we help?\"\r\n        ><\/textarea>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- NEWSLETTER -->\r\n      <label class=\"nf-newsletter\">\r\n\r\n        <input\r\n          type=\"checkbox\"\r\n          id=\"nf-newsletter\"\r\n        >\r\n\r\n        <span class=\"nf-box\"><\/span>\r\n\r\n        <span class=\"nf-newsletter-copy\">\r\n\r\n          <strong>\r\n            I'd also like to receive NewForesight insights,\r\n            events and updates by email.\r\n          <\/strong>\r\n\r\n          <small>\r\n            You can unsubscribe at any time.\r\n          <\/small>\r\n\r\n        <\/span>\r\n\r\n      <\/label>\r\n\r\n\r\n      <!-- SUCCESS \/ ERROR MESSAGE -->\r\n      <div\r\n        id=\"nf-form-status\"\r\n        class=\"nf-form-status\"\r\n        aria-live=\"polite\"\r\n      ><\/div>\r\n\r\n\r\n      <!-- BOTTOM -->\r\n      <div class=\"nf-form-bottom\">\r\n\r\n        <button\r\n          type=\"submit\"\r\n          class=\"nf-submit\"\r\n        >\r\n\r\n          <span id=\"nf-submit-label\">\r\n            Send enquiry\r\n          <\/span>\r\n\r\n          <span class=\"nf-arrow\">\r\n            \u2192\r\n          <\/span>\r\n\r\n        <\/button>\r\n\r\n\r\n        <div class=\"nf-privacy\">\r\n\r\n          By submitting this form, you agree that NewForesight\r\n          may use the information provided to respond to your enquiry.\r\n\r\n          See our\r\n          <a href=\"\/privacy-policy\/\" target=\"_blank\">\r\n            Privacy Policy\r\n          <\/a>.\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/form>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* ============================\r\n   MAIN LAYOUT\r\n============================ *\/\r\n\r\n.nf-contact-page {\r\n  --nf-blue: #000061;\r\n  --nf-yellow: #FDC52C;\r\n  --nf-text: #192641;\r\n  --nf-border: #D5DCE7;\r\n\r\n  font-family: \"Rubik\", Arial, sans-serif;\r\n\r\n  width: 100%;\r\n  max-width: 1220px;\r\n  min-height: 795px;\r\n\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n  grid-template-columns: 45% 55%;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      #ffffff 0%,\r\n      #ffffff 44%,\r\n      #f5f8fb 58%,\r\n      #ffffff 100%\r\n    );\r\n}\r\n\r\n\r\n\/* ============================\r\n   LEFT\r\n============================ *\/\r\n\r\n.nf-contact-left {\r\n  position: relative;\r\n\r\n  min-height: 795px;\r\n\r\n  background: #ffffff;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n.nf-left-copy {\r\n  position: relative;\r\n\r\n  z-index: 5;\r\n\r\n  box-sizing: border-box;\r\n\r\n  padding: 45px 56px 0;\r\n}\r\n\r\n\r\n.nf-yellow-top {\r\n  width: 68px;\r\n  height: 4px;\r\n\r\n  margin-bottom: 20px;\r\n\r\n  background: var(--nf-yellow);\r\n}\r\n\r\n\r\n.nf-kicker {\r\n  color: var(--nf-blue);\r\n\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n\r\n  letter-spacing: 4.3px;\r\n\r\n  margin-bottom: 20px;\r\n}\r\n\r\n\r\n.nf-left-copy h1 {\r\n  color: var(--nf-blue);\r\n\r\n  font-size: 51px;\r\n  line-height: 1.03;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: -1.45px;\r\n\r\n  margin: 0 0 24px;\r\n}\r\n\r\n\r\n.nf-intro {\r\n  max-width: 440px;\r\n\r\n  color: var(--nf-text);\r\n\r\n  font-size: 15px;\r\n  line-height: 1.55;\r\n\r\n  margin: 0;\r\n}\r\n\r\n\r\n\/* ============================\r\n   IMAGE\r\n============================ *\/\r\n\r\n.nf-image-area {\r\n  position: absolute;\r\n\r\n  left: 0;\r\n  bottom: 0;\r\n\r\n  width: 100%;\r\n  height: 47%;\r\n\r\n  overflow: hidden;\r\n\r\n  background-image:\r\n    url(\"https:\/\/www.newforesight.com\/wp-content\/uploads\/2025\/12\/bagh.jpeg\");\r\n\r\n  background-size: cover;\r\n\r\n  background-position: center 55%;\r\n\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n\r\n\/* Curved white shape *\/\r\n\r\n.nf-image-area::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: 2;\r\n\r\n  width: 810px;\r\n  height: 350px;\r\n\r\n  top: -268px;\r\n  left: -250px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #ffffff;\r\n}\r\n\r\n\r\n\/* Warm image highlight *\/\r\n\r\n.nf-image-area::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: 1;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 80% 6%,\r\n      rgba(255,224,172,.28),\r\n      transparent 37%\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* ============================\r\n   RIGHT\r\n============================ *\/\r\n\r\n.nf-contact-right {\r\n  box-sizing: border-box;\r\n\r\n  padding: 24px 30px 22px 0;\r\n\r\n  display: flex;\r\n\r\n  align-items: flex-start;\r\n}\r\n\r\n\r\n.nf-form {\r\n  width: 100%;\r\n\r\n  box-sizing: border-box;\r\n\r\n  padding: 28px 26px 30px;\r\n\r\n  background: #ffffff;\r\n\r\n  box-shadow:\r\n    0 4px 24px rgba(0,0,45,.09);\r\n}\r\n\r\n\r\n\/* ============================\r\n   FIELDS\r\n============================ *\/\r\n\r\n.nf-form-row {\r\n  display: grid;\r\n\r\n  grid-template-columns: 1fr 1fr;\r\n\r\n  gap: 14px;\r\n}\r\n\r\n\r\n.nf-field {\r\n  margin-bottom: 17px;\r\n}\r\n\r\n\r\n.nf-field label {\r\n  display: block;\r\n\r\n  color: var(--nf-blue);\r\n\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n\r\n  margin-bottom: 7px;\r\n}\r\n\r\n\r\n.nf-field input,\r\n.nf-field textarea {\r\n  width: 100%;\r\n\r\n  box-sizing: border-box;\r\n\r\n  padding: 11px 12px;\r\n\r\n  border: 1px solid var(--nf-border);\r\n\r\n  border-radius: 2px;\r\n\r\n  outline: none;\r\n\r\n  background: #FCFCFD;\r\n\r\n  color: #293147;\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 13px;\r\n}\r\n\r\n\r\n.nf-field input {\r\n  height: 36px;\r\n}\r\n\r\n\r\n.nf-email-field {\r\n  margin-bottom: 23px;\r\n}\r\n\r\n\r\n.nf-field textarea {\r\n  min-height: 73px;\r\n\r\n  resize: vertical;\r\n}\r\n\r\n\r\n.nf-field input:focus,\r\n.nf-field textarea:focus {\r\n  border-color: var(--nf-blue);\r\n\r\n  box-shadow:\r\n    0 0 0 2px rgba(0,0,97,.05);\r\n}\r\n\r\n\r\n\/* ============================\r\n   INTERESTS\r\n============================ *\/\r\n\r\n.nf-interest-heading h2 {\r\n  margin: 0 0 3px;\r\n\r\n  color: var(--nf-blue);\r\n\r\n  font-size: 18px;\r\n  line-height: 1.2;\r\n\r\n  font-weight: 700;\r\n}\r\n\r\n\r\n.nf-interest-heading p {\r\n  margin: 0 0 12px;\r\n\r\n  color: #687084;\r\n\r\n  font-size: 12px;\r\n}\r\n\r\n\r\n.nf-interest-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns: 1fr 1fr;\r\n\r\n  gap: 9px;\r\n\r\n  margin-bottom: 21px;\r\n}\r\n\r\n\r\n.nf-option {\r\n  position: relative;\r\n\r\n  box-sizing: border-box;\r\n\r\n  min-height: 82px;\r\n\r\n  display: flex;\r\n\r\n  align-items: flex-start;\r\n\r\n  gap: 11px;\r\n\r\n  padding: 12px 14px;\r\n\r\n  border: 1px solid var(--nf-border);\r\n\r\n  color: var(--nf-blue);\r\n\r\n  cursor: pointer;\r\n\r\n  transition: .18s ease;\r\n}\r\n\r\n\r\n.nf-option:hover {\r\n  border-color: var(--nf-blue);\r\n\r\n  background: #FBFBFF;\r\n}\r\n\r\n\r\n.nf-option input,\r\n.nf-newsletter input {\r\n  position: absolute;\r\n\r\n  opacity: 0;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n.nf-option .nf-box {\r\n  margin-top: 2px;\r\n}\r\n\r\n\r\n.nf-option-copy {\r\n  display: block;\r\n\r\n  flex: 1;\r\n\r\n  min-width: 0;\r\n}\r\n\r\n\r\n.nf-option-copy strong {\r\n  display: block;\r\n\r\n  color: var(--nf-blue);\r\n\r\n  font-size: 12px;\r\n\r\n  line-height: 1.35;\r\n\r\n  font-weight: 700;\r\n}\r\n\r\n\r\n.nf-option-copy small {\r\n  display: block;\r\n\r\n  margin-top: 4px;\r\n\r\n  color: #687084;\r\n\r\n  font-size: 10.5px;\r\n\r\n  line-height: 1.4;\r\n\r\n  font-weight: 400;\r\n}\r\n\r\n\r\n.nf-box {\r\n  position: relative;\r\n\r\n  flex: 0 0 16px;\r\n\r\n  width: 16px;\r\n  height: 16px;\r\n\r\n  box-sizing: border-box;\r\n\r\n  border: 1.3px solid #9AA7B7;\r\n\r\n  border-radius: 2px;\r\n\r\n  background: #ffffff;\r\n}\r\n\r\n\r\n.nf-option input:checked + .nf-box,\r\n.nf-newsletter input:checked + .nf-box {\r\n  background: var(--nf-yellow);\r\n\r\n  border-color: var(--nf-yellow);\r\n}\r\n\r\n\r\n.nf-option input:checked + .nf-box::after,\r\n.nf-newsletter input:checked + .nf-box::after {\r\n  content: \"\u2713\";\r\n\r\n  position: absolute;\r\n\r\n  top: -4px;\r\n  left: 2px;\r\n\r\n  color: var(--nf-blue);\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n\r\n.nf-option:has(input:checked) {\r\n  border-color: var(--nf-blue);\r\n\r\n  background: #F9F9FF;\r\n}\r\n\r\n\r\n\/* ============================\r\n   MESSAGE\r\n============================ *\/\r\n\r\n.nf-message {\r\n  margin-top: 2px;\r\n\r\n  margin-bottom: 19px;\r\n}\r\n\r\n\r\n\/* ============================\r\n   NEWSLETTER\r\n============================ *\/\r\n\r\n.nf-newsletter {\r\n  position: relative;\r\n\r\n  display: flex;\r\n\r\n  align-items: flex-start;\r\n\r\n  gap: 12px;\r\n\r\n  box-sizing: border-box;\r\n\r\n  min-height: 65px;\r\n\r\n  padding: 14px 16px;\r\n\r\n  margin: 0 0 19px;\r\n\r\n  background: #EEF6FF;\r\n\r\n  color: var(--nf-blue);\r\n\r\n  cursor: pointer;\r\n}\r\n\r\n\r\n.nf-newsletter .nf-box {\r\n  margin-top: 1px;\r\n\r\n  border-color: var(--nf-blue);\r\n}\r\n\r\n\r\n.nf-newsletter-copy strong {\r\n  display: block;\r\n\r\n  font-size: 12px;\r\n\r\n  line-height: 1.4;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n\r\n.nf-newsletter-copy small {\r\n  display: block;\r\n\r\n  margin-top: 5px;\r\n\r\n  font-size: 10px;\r\n\r\n  line-height: 1.4;\r\n}\r\n\r\n\r\n\/* ============================\r\n   STATUS MESSAGES\r\n============================ *\/\r\n\r\n.nf-form-status {\r\n  display: none;\r\n\r\n  margin: 0 0 17px;\r\n\r\n  padding: 12px 14px;\r\n\r\n  font-size: 12px;\r\n\r\n  line-height: 1.45;\r\n}\r\n\r\n\r\n.nf-form-status.success {\r\n  display: block;\r\n\r\n  background: #EDF8EF;\r\n\r\n  color: #176328;\r\n}\r\n\r\n\r\n.nf-form-status.error {\r\n  display: block;\r\n\r\n  background: #FFF0F0;\r\n\r\n  color: #991E1E;\r\n}\r\n\r\n\r\n\/* ============================\r\n   BOTTOM\r\n============================ *\/\r\n\r\n.nf-form-bottom {\r\n  display: grid;\r\n\r\n  grid-template-columns: 191px 1fr;\r\n\r\n  gap: 84px;\r\n\r\n  align-items: center;\r\n}\r\n\r\n\r\n.nf-submit {\r\n  height: 48px;\r\n\r\n  border: 2px solid var(--nf-yellow);\r\n\r\n  background: var(--nf-yellow);\r\n\r\n  color: var(--nf-blue);\r\n\r\n  padding: 0 23px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: space-between;\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 16px;\r\n\r\n  font-weight: 700;\r\n\r\n  cursor: pointer;\r\n\r\n  transition: .2s ease;\r\n}\r\n\r\n\r\n\/* Dark blue hover *\/\r\n\r\n.nf-submit:hover {\r\n  background: var(--nf-blue);\r\n\r\n  color: #ffffff;\r\n\r\n  border-color: var(--nf-blue);\r\n}\r\n\r\n\r\n.nf-submit:disabled {\r\n  opacity: .65;\r\n\r\n  cursor: wait;\r\n}\r\n\r\n\r\n.nf-arrow {\r\n  font-size: 24px;\r\n\r\n  transition: transform .2s ease;\r\n}\r\n\r\n\r\n.nf-submit:hover .nf-arrow {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\r\n.nf-privacy {\r\n  color: #777E8A;\r\n\r\n  font-size: 10px;\r\n\r\n  line-height: 1.5;\r\n}\r\n\r\n\r\n.nf-privacy a {\r\n  color: var(--nf-blue);\r\n\r\n  text-decoration: underline;\r\n}\r\n\r\n\r\n\/* ============================\r\n   MOBILE\r\n============================ *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .nf-contact-page {\r\n    display: block;\r\n\r\n    min-height: 0;\r\n  }\r\n\r\n\r\n  .nf-contact-left {\r\n    min-height: 690px;\r\n  }\r\n\r\n\r\n  .nf-left-copy {\r\n    padding: 36px 24px 0;\r\n  }\r\n\r\n\r\n  .nf-left-copy h1 {\r\n    font-size: 39px;\r\n  }\r\n\r\n\r\n  .nf-image-area {\r\n    height: 40%;\r\n  }\r\n\r\n\r\n  .nf-image-area::before {\r\n    width: 650px;\r\n    height: 270px;\r\n\r\n    top: -210px;\r\n    left: -275px;\r\n  }\r\n\r\n\r\n  .nf-contact-right {\r\n    padding: 0;\r\n  }\r\n\r\n\r\n  .nf-form {\r\n    padding: 30px 20px;\r\n\r\n    box-shadow: none;\r\n  }\r\n\r\n\r\n  .nf-form-row,\r\n  .nf-interest-grid,\r\n  .nf-form-bottom {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n\r\n  .nf-form-bottom {\r\n    gap: 17px;\r\n  }\r\n\r\n\r\n  .nf-submit {\r\n    width: 100%;\r\n  }\r\n\r\n\r\n  .nf-option {\r\n    min-height: 0;\r\n\r\n    padding: 13px 14px;\r\n  }\r\n\r\n\r\n  .nf-option-copy strong {\r\n    font-size: 13px;\r\n  }\r\n\r\n\r\n  .nf-option-copy small {\r\n    font-size: 11px;\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(\"nfContactForm\");\r\n\r\n  const status =\r\n    document.getElementById(\"nf-form-status\");\r\n\r\n  const button =\r\n    form.querySelector(\".nf-submit\");\r\n\r\n  const buttonLabel =\r\n    document.getElementById(\"nf-submit-label\");\r\n\r\n\r\n  form.addEventListener(\r\n    \"submit\",\r\n    async function (event) {\r\n\r\n      event.preventDefault();\r\n\r\n\r\n      \/* Spam field *\/\r\n\r\n      if (\r\n        document\r\n          .getElementById(\"nf-honey\")\r\n          .value\r\n      ) {\r\n        return;\r\n      }\r\n\r\n\r\n      \/* Form values *\/\r\n\r\n      const name =\r\n        document\r\n          .getElementById(\"nf-name\")\r\n          .value\r\n          .trim();\r\n\r\n\r\n      const organisation =\r\n        document\r\n          .getElementById(\"nf-org\")\r\n          .value\r\n          .trim();\r\n\r\n\r\n      const email =\r\n        document\r\n          .getElementById(\"nf-email\")\r\n          .value\r\n          .trim();\r\n\r\n\r\n      const message =\r\n        document\r\n          .getElementById(\"nf-message\")\r\n          .value\r\n          .trim();\r\n\r\n\r\n      const interests =\r\n        Array.from(\r\n          document.querySelectorAll(\r\n            '#nfContactForm input[name=\"interest\"]:checked'\r\n          )\r\n        )\r\n        .map(function (item) {\r\n          return item.value;\r\n        });\r\n\r\n\r\n      const newsletter =\r\n        document\r\n          .getElementById(\"nf-newsletter\")\r\n          .checked\r\n            ? \"Yes\"\r\n            : \"No\";\r\n\r\n\r\n      const interestText =\r\n        interests.length\r\n          ? interests.join(\", \")\r\n          : \"General enquiry\";\r\n\r\n\r\n      \/* Interface *\/\r\n\r\n      status.className =\r\n        \"nf-form-status\";\r\n\r\n      status.textContent =\r\n        \"\";\r\n\r\n      button.disabled =\r\n        true;\r\n\r\n      buttonLabel.textContent =\r\n        \"Sending...\";\r\n\r\n\r\n      \/* FormSubmit email data *\/\r\n\r\n      const data = {\r\n\r\n        \"Name\":\r\n          name,\r\n\r\n        \"Organisation\":\r\n          organisation || \"Not provided\",\r\n\r\n        \"Email\":\r\n          email,\r\n\r\n        \"Interested in\":\r\n          interestText,\r\n\r\n        \"Newsletter opt-in\":\r\n          newsletter,\r\n\r\n        \"Message\":\r\n          message || \"No additional message provided\",\r\n\r\n        \"_subject\":\r\n          \"NewForesight website enquiry - \" +\r\n          interestText,\r\n\r\n        \"_template\":\r\n          \"table\",\r\n\r\n        \"_honey\":\r\n          \"\"\r\n\r\n      };\r\n\r\n\r\n      try {\r\n\r\n        const response =\r\n          await fetch(\r\n            \"https:\/\/formsubmit.co\/ajax\/info@newforesight.com\",\r\n            {\r\n\r\n              method: \"POST\",\r\n\r\n              headers: {\r\n\r\n                \"Content-Type\":\r\n                  \"application\/json\",\r\n\r\n                \"Accept\":\r\n                  \"application\/json\"\r\n\r\n              },\r\n\r\n              body:\r\n                JSON.stringify(data)\r\n\r\n            }\r\n          );\r\n\r\n\r\n        const result =\r\n          await response.json();\r\n\r\n\r\n        if (!response.ok) {\r\n\r\n          throw new Error(\r\n            \"Your enquiry could not be sent.\"\r\n          );\r\n\r\n        }\r\n\r\n\r\n        \/* Success *\/\r\n\r\n        status.className =\r\n          \"nf-form-status success\";\r\n\r\n\r\n        status.textContent =\r\n          \"Thank you! Your enquiry has been sent.\";\r\n\r\n\r\n        form.reset();\r\n\r\n      }\r\n\r\n\r\n      catch (error) {\r\n\r\n\r\n        status.className =\r\n          \"nf-form-status error\";\r\n\r\n\r\n        status.textContent =\r\n          \"We couldn't send your enquiry. Please try again or email info@newforesight.com.\";\r\n\r\n      }\r\n\r\n\r\n      finally {\r\n\r\n\r\n        button.disabled =\r\n          false;\r\n\r\n\r\n        buttonLabel.textContent =\r\n          \"Send enquiry\";\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NewForesight is a sustainability transition consultancy helping organisations drive systems change through transition design toward a sustainable and equitable economy.<\/p>","protected":false},"author":11,"featured_media":2333,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3145","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.newforesight.com\/nl\/wp-json\/wp\/v2\/pages\/3145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.newforesight.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.newforesight.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.newforesight.com\/nl\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.newforesight.com\/nl\/wp-json\/wp\/v2\/comments?post=3145"}],"version-history":[{"count":10,"href":"https:\/\/www.newforesight.com\/nl\/wp-json\/wp\/v2\/pages\/3145\/revisions"}],"predecessor-version":[{"id":3215,"href":"https:\/\/www.newforesight.com\/nl\/wp-json\/wp\/v2\/pages\/3145\/revisions\/3215"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.newforesight.com\/nl\/wp-json\/wp\/v2\/media\/2333"}],"wp:attachment":[{"href":"https:\/\/www.newforesight.com\/nl\/wp-json\/wp\/v2\/media?parent=3145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}