{"id":77,"date":"2026-09-28T18:20:35","date_gmt":"2026-09-28T18:20:35","guid":{"rendered":"https:\/\/kumbangcx.com\/faf\/?page_id=77"},"modified":"2026-09-29T01:22:50","modified_gmt":"2026-09-29T01:22:50","slug":"corporate-csr-2","status":"publish","type":"page","link":"https:\/\/kumbangcx.com\/faf\/corporate-csr-2\/","title":{"rendered":"Corporate CSR"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"77\" class=\"elementor elementor-77\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a1879d e-con-full e-flex e-con e-parent\" data-id=\"0a1879d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2087b19 elementor-widget elementor-widget-html\" data-id=\"2087b19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n FOOD AID FOUNDATION\n CORPORATE CSR PAGE\n\n Banner:\n https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/b.Corporate-CSR.png\n\n BRAND\n Dark Green  #249858\n Light Green #8DC63F\n Blue        #223982\n\n FONT\n Montserrat: headings\n Roboto: body\n========================================================= -->\n\n<div class=\"faf-csr-page\">\n\n\n<!-- =========================================================\n 01 HERO\n========================================================= -->\n\n<section class=\"faf-csr-hero\">\n\n    <div class=\"faf-csr-hero-bg\"><\/div>\n    <div class=\"faf-csr-hero-overlay\"><\/div>\n    <div class=\"faf-csr-hero-pattern\"><\/div>\n\n    <div class=\"faf-container faf-csr-hero-content\">\n\n        <div class=\"faf-csr-breadcrumb\">\n            <span>HOME<\/span>\n            <i><\/i>\n            <span>GET INVOLVED<\/span>\n        <\/div>\n\n        <h1>\n            CORPORATE<br>\n            <strong>CSR<\/strong>\n        <\/h1>\n\n        <p>\n            Create meaningful impact.<br>\n            Together, we can do more.\n        <\/p>\n\n    <\/div>\n\n    <div class=\"faf-csr-hero-tag\">\n        FOODBANKING FOR THE NEEDY\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n 02 INTRODUCTION\n========================================================= -->\n\n<section class=\"faf-csr-intro\">\n\n    <div class=\"faf-container faf-csr-intro-grid\">\n\n        <div class=\"faf-csr-intro-copy faf-reveal\">\n\n            <div class=\"faf-kicker\">\n                <span><\/span>\n                PARTNER WITH PURPOSE\n            <\/div>\n\n            <h2>\n                Make Social Impact<br>\n                <strong>Part of Your Business.<\/strong>\n            <\/h2>\n\n            <p class=\"faf-csr-lead\">\n                Corporate social responsibility becomes\n                more meaningful when people come together\n                around a real community need.\n            <\/p>\n\n            <p>\n                Food Aid Foundation welcomes companies and\n                organisations interested in supporting our\n                food assistance efforts and contributing\n                towards communities in need.\n            <\/p>\n\n            <p>\n                Whether you are exploring a CSR initiative,\n                employee engagement activity, food contribution\n                or other form of support, start a conversation\n                with us.\n            <\/p>\n\n            <div class=\"faf-csr-intro-actions\">\n\n                <a href=\"#csr-enquiry\"\n                   class=\"faf-primary-btn\">\n\n                    PARTNER WITH US\n                    <b>\u2192<\/b>\n\n                <\/a>\n\n                <a href=\"#csr-ways\"\n                   class=\"faf-text-btn\">\n\n                    EXPLORE POSSIBILITIES\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"faf-csr-intro-visual faf-reveal\">\n\n            <div class=\"faf-csr-main-photo faf-csr-image-wrap\">\n                <img decoding=\"async\" src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/csr_1.jpg\"\n                     alt=\"Corporate team participating in a Food Aid Foundation CSR activity\"\n                     class=\"faf-csr-image\"\n                     loading=\"lazy\">\n            <\/div>\n\n\n            <div class=\"faf-csr-photo-note\">\n\n                <span>+<\/span>\n\n                <div>\n\n                    <strong>\n                        Purpose Meets Partnership\n                    <\/strong>\n\n                    <small>\n                        Work together for meaningful\n                        community impact.\n                    <\/small>\n\n                <\/div>\n\n            <\/div>\n\n            <div class=\"faf-csr-orbit\"><\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n 03 STATEMENT BAND\n========================================================= -->\n\n<section class=\"faf-csr-statement\">\n\n    <div class=\"faf-csr-statement-shape one\"><\/div>\n    <div class=\"faf-csr-statement-shape two\"><\/div>\n\n    <div class=\"faf-container faf-csr-statement-grid\">\n\n        <div class=\"faf-reveal\">\n\n            <span class=\"faf-csr-small-label\">\n                CORPORATE PARTNERSHIP\n            <\/span>\n\n            <h2>\n                Your Organisation.<br>\n                <strong>A Shared Purpose.<\/strong>\n            <\/h2>\n\n        <\/div>\n\n        <div class=\"faf-csr-statement-copy faf-reveal\">\n\n            <p>\n                Bring your people, resources and commitment\n                together with a cause that addresses one of\n                the most basic human needs: food.\n            <\/p>\n\n            <a href=\"#csr-enquiry\">\n                START A CONVERSATION\n                <b>\u2192<\/b>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n 04 WAYS TO WORK TOGETHER\n========================================================= -->\n\n<section id=\"csr-ways\"\n         class=\"faf-csr-ways\">\n\n    <div class=\"faf-container\">\n\n        <div class=\"faf-csr-section-head faf-reveal\">\n\n            <div>\n\n                <div class=\"faf-kicker\">\n                    <span><\/span>\n                    WAYS TO GET INVOLVED\n                <\/div>\n\n                <h2>\n                    Start With<br>\n                    <strong>What Works for You.<\/strong>\n                <\/h2>\n\n            <\/div>\n\n            <p>\n                Every organisation is different. These are\n                simple starting points for a conversation\n                with Food Aid Foundation.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"faf-csr-way-list\">\n\n\n            <!-- ITEM 01 -->\n\n            <article class=\"faf-csr-way faf-reveal\">\n\n                <div class=\"faf-csr-way-number\">\n                    01\n                <\/div>\n\n                <div class=\"faf-csr-way-icon\">\n\n                    <svg viewBox=\"0 0 48 48\"\n                         fill=\"none\"\n                         xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\n                        <path d=\"M8 19L24 9L40 19V39H8V19Z\"\n                              stroke=\"currentColor\"\n                              stroke-width=\"2\"\/>\n\n                        <path d=\"M18 39V27H30V39\"\n                              stroke=\"currentColor\"\n                              stroke-width=\"2\"\/>\n\n                        <path d=\"M14 20H34\"\n                              stroke=\"currentColor\"\n                              stroke-width=\"2\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n                <div class=\"faf-csr-way-copy\">\n\n                    <h3>\n                        Corporate Support\n                    <\/h3>\n\n                    <p>\n                        Support Food Aid Foundation's\n                        charitable work through your\n                        organisation's CSR efforts.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n\n            <!-- ITEM 02 -->\n\n            <article class=\"faf-csr-way faf-reveal\">\n\n                <div class=\"faf-csr-way-number\">\n                    02\n                <\/div>\n\n                <div class=\"faf-csr-way-icon\">\n\n                    <svg viewBox=\"0 0 48 48\"\n                         fill=\"none\"\n                         xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\n                        <circle cx=\"17\"\n                                cy=\"17\"\n                                r=\"6\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"2\"\/>\n\n                        <circle cx=\"33\"\n                                cy=\"19\"\n                                r=\"5\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"2\"\/>\n\n                        <path d=\"M6 39C7 31 11 27 17 27C23 27 27 31 28 39\"\n                              stroke=\"currentColor\"\n                              stroke-width=\"2\"\/>\n\n                        <path d=\"M29 29C36 27 41 31 42 38\"\n                              stroke=\"currentColor\"\n                              stroke-width=\"2\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n                <div class=\"faf-csr-way-copy\">\n\n                    <h3>\n                        Employee Engagement\n                    <\/h3>\n\n                    <p>\n                        Explore opportunities to involve\n                        your team in supporting FAF's\n                        community efforts.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n\n            <!-- ITEM 03 -->\n\n            <article class=\"faf-csr-way faf-reveal\">\n\n                <div class=\"faf-csr-way-number\">\n                    03\n                <\/div>\n\n                <div class=\"faf-csr-way-icon\">\n\n                    <svg viewBox=\"0 0 48 48\"\n                         fill=\"none\"\n                         xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\n                        <path d=\"M9 16H39V39H9V16Z\"\n                              stroke=\"currentColor\"\n                              stroke-width=\"2\"\/>\n\n                        <path d=\"M6 16H42\"\n                              stroke=\"currentColor\"\n                              stroke-width=\"2\"\/>\n\n                        <path d=\"M24 16V39\"\n                              stroke=\"currentColor\"\n                              stroke-width=\"2\"\/>\n\n                        <path d=\"M24 16C19 16 15 13 15 9C20 8 23 11 24 16Z\"\n                              stroke=\"currentColor\"\n                              stroke-width=\"2\"\/>\n\n                        <path d=\"M24 16C29 16 33 13 33 9C28 8 25 11 24 16Z\"\n                              stroke=\"currentColor\"\n                              stroke-width=\"2\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n                <div class=\"faf-csr-way-copy\">\n\n                    <h3>\n                        Food Contribution\n                    <\/h3>\n\n                    <p>\n                        Discuss suitable food contributions\n                        or an organised food drive involving\n                        your company or team.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n\n            <!-- ITEM 04 -->\n\n            <article class=\"faf-csr-way faf-reveal\">\n\n                <div class=\"faf-csr-way-number\">\n                    04\n                <\/div>\n\n                <div class=\"faf-csr-way-icon\">\n\n                    <svg viewBox=\"0 0 48 48\"\n                         fill=\"none\"\n                         xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\n                        <path d=\"M8 25L18 16L25 22L31 16L40 24\"\n                              stroke=\"currentColor\"\n                              stroke-width=\"2\"\/>\n\n                        <path d=\"M7 26L18 37L24 31\"\n                              stroke=\"currentColor\"\n                              stroke-width=\"2\"\/>\n\n                        <path d=\"M41 25L30 37L23 30\"\n                              stroke=\"currentColor\"\n                              stroke-width=\"2\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n                <div class=\"faf-csr-way-copy\">\n\n                    <h3>\n                        Collaborative Initiatives\n                    <\/h3>\n\n                    <p>\n                        Have another CSR idea in mind?\n                        Speak with FAF and explore what\n                        may be possible together.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n 05 VISUAL STORY\n========================================================= -->\n\n<section class=\"faf-csr-story\">\n\n    <div class=\"faf-csr-story-image\">\n\n        <div class=\"faf-csr-story-placeholder faf-csr-image-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/csr_2.jpg\"\n                 alt=\"Corporate volunteers supporting a Food Aid Foundation community activity\"\n                 class=\"faf-csr-image\"\n                 loading=\"lazy\">\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"faf-csr-story-content\">\n\n        <div class=\"faf-csr-story-inner faf-reveal\">\n\n            <span>\n                BEYOND CONTRIBUTION\n            <\/span>\n\n            <h2>\n                Give Your People<br>\n                <strong>Something to Rally Around.<\/strong>\n            <\/h2>\n\n            <p>\n                CSR can be more than a corporate commitment.\n                It can bring colleagues together around\n                something tangible, human and meaningful.\n            <\/p>\n\n            <p>\n                By working with Food Aid Foundation, your\n                organisation can become part of a wider\n                effort to support communities through food.\n            <\/p>\n\n            <a href=\"#csr-enquiry\">\n                EXPLORE A PARTNERSHIP\n                <b>\u2192<\/b>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n 06 SIMPLE PROCESS\n========================================================= -->\n\n<section class=\"faf-csr-process\">\n\n    <div class=\"faf-container\">\n\n        <div class=\"faf-csr-process-head faf-reveal\">\n\n            <span>\n                HOW TO BEGIN\n            <\/span>\n\n            <h2>\n                Keep It Simple.<br>\n                <strong>Start With a Conversation.<\/strong>\n            <\/h2>\n\n        <\/div>\n\n\n        <div class=\"faf-csr-process-grid\">\n\n\n            <article class=\"faf-csr-process-item faf-reveal\">\n\n                <strong>01<\/strong>\n\n                <div class=\"faf-process-line\"><\/div>\n\n                <h3>\n                    Tell Us About Your Organisation\n                <\/h3>\n\n                <p>\n                    Share a little about your company\n                    and what you are hoping to achieve.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"faf-csr-process-item faf-reveal\">\n\n                <strong>02<\/strong>\n\n                <div class=\"faf-process-line\"><\/div>\n\n                <h3>\n                    Share Your CSR Interest\n                <\/h3>\n\n                <p>\n                    Let us know the type of support or\n                    involvement you have in mind.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"faf-csr-process-item faf-reveal\">\n\n                <strong>03<\/strong>\n\n                <div class=\"faf-process-line\"><\/div>\n\n                <h3>\n                    Explore It Together\n                <\/h3>\n\n                <p>\n                    FAF can discuss the enquiry with you\n                    and explore an appropriate way forward.\n                <\/p>\n\n            <\/article>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n 07 QUOTE \/ BRAND MOMENT\n========================================================= -->\n\n<section class=\"faf-csr-brand-moment\">\n\n    <div class=\"faf-container\">\n\n        <div class=\"faf-csr-brand-inner faf-reveal\">\n\n            <div class=\"faf-csr-brand-mark\">\n                FAF\n            <\/div>\n\n            <div>\n\n                <span>\n                    A SIMPLE IDEA\n                <\/span>\n\n                <h2>\n                    Business Can Be<br>\n                    <strong>a Force for Good.<\/strong>\n                <\/h2>\n\n                <p>\n                    Bring your organisation into a shared\n                    effort to help food reach people who need it.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n 08 CSR ENQUIRY FORM\n========================================================= -->\n\n<section id=\"csr-enquiry\"\n         class=\"faf-csr-enquiry\">\n\n    <div class=\"faf-container faf-csr-enquiry-grid\">\n\n\n        <!-- LEFT -->\n\n        <div class=\"faf-csr-enquiry-copy faf-reveal\">\n\n            <div class=\"faf-kicker faf-kicker-white\">\n                <span><\/span>\n                LET'S TALK\n            <\/div>\n\n            <h2>\n                Interested in<br>\n                <strong>Partnering With FAF?<\/strong>\n            <\/h2>\n\n            <p>\n                Tell us a little about your organisation\n                and what you have in mind.\n            <\/p>\n\n            <p>\n                Keep it brief. Our team can continue\n                the conversation with you directly.\n            <\/p>\n\n\n            <div class=\"faf-csr-direct\">\n\n                <small>\n                    OR EMAIL US\n                <\/small>\n\n                <a href=\"mailto:info@foodaidfoundation.org\">\n                    info@foodaidfoundation.org\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n\n        <!-- FORM -->\n\n        <div class=\"faf-csr-form-wrap faf-reveal\">\n\n            <form class=\"faf-csr-form\"\n                  id=\"fafCSRForm\">\n\n                <div class=\"faf-form-heading\">\n\n                    <span>\n                        CORPORATE CSR ENQUIRY\n                    <\/span>\n\n                    <h3>\n                        Start a Conversation\n                    <\/h3>\n\n                <\/div>\n\n\n                <div class=\"faf-form-row\">\n\n                    <div class=\"faf-field\">\n\n                        <label for=\"csrName\">\n                            YOUR NAME *\n                        <\/label>\n\n                        <input\n                            id=\"csrName\"\n                            name=\"name\"\n                            type=\"text\"\n                            required\n                            placeholder=\"Full name\">\n\n                    <\/div>\n\n\n                    <div class=\"faf-field\">\n\n                        <label for=\"csrCompany\">\n                            COMPANY \/ ORGANISATION *\n                        <\/label>\n\n                        <input\n                            id=\"csrCompany\"\n                            name=\"company\"\n                            type=\"text\"\n                            required\n                            placeholder=\"Organisation name\">\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"faf-form-row\">\n\n                    <div class=\"faf-field\">\n\n                        <label for=\"csrEmail\">\n                            WORK EMAIL *\n                        <\/label>\n\n                        <input\n                            id=\"csrEmail\"\n                            name=\"email\"\n                            type=\"email\"\n                            required\n                            placeholder=\"name@company.com\">\n\n                    <\/div>\n\n\n                    <div class=\"faf-field\">\n\n                        <label for=\"csrPhone\">\n                            CONTACT NUMBER\n                        <\/label>\n\n                        <input\n                            id=\"csrPhone\"\n                            name=\"phone\"\n                            type=\"tel\"\n                            placeholder=\"+60\">\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"faf-field\">\n\n                    <label for=\"csrInterest\">\n                        I'M INTERESTED IN *\n                    <\/label>\n\n                    <select\n                        id=\"csrInterest\"\n                        name=\"interest\"\n                        required>\n\n                        <option value=\"\">\n                            Select an option\n                        <\/option>\n\n                        <option>\n                            Corporate Support\n                        <\/option>\n\n                        <option>\n                            Employee Engagement\n                        <\/option>\n\n                        <option>\n                            Food Contribution \/ Food Drive\n                        <\/option>\n\n                        <option>\n                            Other CSR Collaboration\n                        <\/option>\n\n                    <\/select>\n\n                <\/div>\n\n\n                <div class=\"faf-field\">\n\n                    <label for=\"csrMessage\">\n                        TELL US BRIEFLY WHAT YOU HAVE IN MIND\n                    <\/label>\n\n                    <textarea\n                        id=\"csrMessage\"\n                        name=\"message\"\n                        rows=\"4\"\n                        placeholder=\"A few details about your CSR interest...\"><\/textarea>\n\n                <\/div>\n\n\n                <button type=\"submit\"\n                        class=\"faf-form-submit\">\n\n                    <span>\n                        SEND ENQUIRY\n                    <\/span>\n\n                    <b>\u2192<\/b>\n\n                <\/button>\n\n\n                <p class=\"faf-form-note\">\n                    Our team will use the information provided\n                    to respond to your CSR enquiry.\n                <\/p>\n\n            <\/form>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n 09 FINAL CTA\n========================================================= -->\n\n<section class=\"faf-csr-final\">\n\n    <div class=\"faf-csr-final-bg\">\n\n        <div class=\"faf-csr-final-placeholder faf-csr-image-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/csr_3.jpg\"\n                 alt=\"Corporate partnership and Food Aid Foundation community activity\"\n                 class=\"faf-csr-image\"\n                 loading=\"lazy\">\n        <\/div>\n\n    <\/div>\n\n    <div class=\"faf-csr-final-overlay\"><\/div>\n\n\n    <div class=\"faf-container faf-csr-final-content faf-reveal\">\n\n        <span>\n            FOODBANKING FOR THE NEEDY\n        <\/span>\n\n        <h2>\n            Let's Do Something<br>\n            <strong>Meaningful Together.<\/strong>\n        <\/h2>\n\n        <p>\n            Start a conversation with Food Aid Foundation\n            about how your organisation can get involved.\n        <\/p>\n\n        <a href=\"#csr-enquiry\">\n\n            BECOME A CORPORATE PARTNER\n\n            <b>\u2192<\/b>\n\n        <\/a>\n\n    <\/div>\n\n<\/section>\n\n\n<\/div>\n\n\n\n<style>\n\n\/* =========================================================\n CORE\n========================================================= *\/\n\n.faf-csr-page {\n\n    --green:#249858;\n    --green-dark:#176F43;\n    --green-deep:#105A37;\n\n    --lime:#8DC63F;\n    --blue:#223982;\n\n    --ink:#17231D;\n    --grey:#66736C;\n\n    --light:#F4F8F5;\n    --soft:#EAF4ED;\n    --line:#DCE7DF;\n\n    width:100%;\n    overflow:hidden;\n\n    background:#fff;\n    color:var(--ink);\n}\n\n\n.faf-csr-page *,\n.faf-csr-page *::before,\n.faf-csr-page *::after {\n\n    box-sizing:border-box;\n}\n\n\n.faf-container {\n\n    width:calc(100% - 60px);\n    max-width:1320px;\n\n    margin:0 auto;\n}\n\n\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.faf-csr-hero {\n\n    position:relative;\n    isolation:isolate;\n\n    min-height:420px;\n\n    display:flex;\n    align-items:center;\n\n    overflow:hidden;\n}\n\n\n.faf-csr-hero-bg {\n\n    position:absolute;\n\n    inset:-5px;\n\n    z-index:-4;\n\n    background:\n        url(\"https:\/\/kumbangcx.com\/faf\/wp-content\/uploads\/2026\/09\/b.Corporate-CSR.png\")\n        center center \/ cover no-repeat;\n\n    \/*\n     Visual enhancement only.\n     Improves perceived clarity\/contrast but\n     cannot restore detail absent from source image.\n    *\/\n\n    filter:\n        saturate(1.10)\n        contrast(1.10)\n        brightness(.95);\n\n    transform:scale(1.04);\n\n    animation:\n        fafCSRHero 14s ease-out forwards;\n}\n\n\n@keyframes fafCSRHero {\n\n    from {\n        transform:scale(1.085);\n    }\n\n    to {\n        transform:scale(1.04);\n    }\n\n}\n\n\n.faf-csr-hero-overlay {\n\n    position:absolute;\n    inset:0;\n\n    z-index:-3;\n\n    background:\n\n        linear-gradient(\n            90deg,\n            rgba(13,88,50,.96) 0%,\n            rgba(28,130,74,.89) 34%,\n            rgba(36,152,88,.50) 63%,\n            rgba(15,58,36,.10) 100%\n        );\n}\n\n\n.faf-csr-hero-pattern {\n\n    position:absolute;\n    inset:0;\n\n    z-index:-2;\n\n    opacity:.12;\n\n    background-image:\n\n        linear-gradient(\n            rgba(255,255,255,.25) 1px,\n            transparent 1px\n        ),\n\n        linear-gradient(\n            90deg,\n            rgba(255,255,255,.25) 1px,\n            transparent 1px\n        );\n\n    background-size:\n        72px 72px;\n\n    mask-image:\n        linear-gradient(\n            90deg,\n            #000,\n            transparent 72%\n        );\n}\n\n\n.faf-csr-hero-content {\n\n    padding:\n        70px 0 95px;\n\n    color:#fff;\n}\n\n\n.faf-csr-breadcrumb {\n\n    display:flex;\n    align-items:center;\n\n    gap:12px;\n\n    margin-bottom:23px;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:11px;\n    font-weight:500;\n\n    letter-spacing:2px;\n\n    color:\n        rgba(255,255,255,.78);\n}\n\n\n.faf-csr-breadcrumb i {\n\n    display:block;\n\n    width:28px;\n    height:2px;\n\n    background:var(--lime);\n}\n\n\n.faf-csr-hero h1 {\n\n    margin:0;\n\n    max-width:950px;\n\n    font-family:\n        \"Montserrat\",\n        sans-serif;\n\n    font-size:\n        clamp(56px,7.4vw,98px);\n\n    line-height:.9;\n\n    letter-spacing:-4.5px;\n\n    font-weight:600;\n\n    color:#fff;\n}\n\n\n.faf-csr-hero h1 strong {\n\n    font-weight:700;\n}\n\n\n.faf-csr-hero-content p {\n\n    max-width:550px;\n\n    margin:27px 0 0;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:19px;\n    line-height:1.6;\n\n    color:\n        rgba(255,255,255,.94);\n}\n\n\n.faf-csr-hero-tag {\n\n    position:absolute;\n\n    right:0;\n    bottom:0;\n\n    padding:\n        17px 50px 17px 38px;\n\n    background:var(--lime);\n\n    color:var(--green-dark);\n\n    font-family:\n        \"Montserrat\",\n        sans-serif;\n\n    font-size:10px;\n    font-weight:700;\n\n    letter-spacing:2px;\n}\n\n\n\n\/* =========================================================\n GLOBAL TYPOGRAPHY\n========================================================= *\/\n\n.faf-kicker {\n\n    display:flex;\n    align-items:center;\n\n    gap:12px;\n\n    margin-bottom:20px;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:11px;\n    font-weight:500;\n\n    letter-spacing:2px;\n\n    color:var(--green);\n}\n\n\n.faf-kicker span {\n\n    width:35px;\n    height:3px;\n\n    border-radius:20px;\n\n    background:var(--lime);\n}\n\n\n.faf-csr-page h2 {\n\n    margin:0;\n\n    font-family:\n        \"Montserrat\",\n        sans-serif;\n\n    font-size:\n        clamp(38px,4vw,59px);\n\n    line-height:1.08;\n\n    letter-spacing:-2px;\n\n    font-weight:600;\n\n    color:var(--green-dark);\n}\n\n\n.faf-csr-page h2 strong {\n\n    font-weight:700;\n\n    color:var(--green);\n}\n\n\n.faf-csr-lead {\n\n    font-size:20px !important;\n    line-height:1.6 !important;\n\n    color:#35483D !important;\n}\n\n\n\n\/* =========================================================\n BUTTONS\n========================================================= *\/\n\n.faf-primary-btn {\n\n    display:inline-flex;\n    align-items:center;\n\n    gap:28px;\n\n    padding:\n        15px 17px 15px 24px;\n\n    border-radius:3px;\n\n    background:var(--green);\n\n    color:#fff !important;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:11px;\n    font-weight:500;\n\n    letter-spacing:1.2px;\n\n    text-decoration:none !important;\n\n    transition:.35s ease;\n}\n\n\n.faf-primary-btn b {\n\n    width:34px;\n    height:34px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:50%;\n\n    background:var(--lime);\n\n    color:var(--green-dark);\n\n    font-size:17px;\n\n    transition:\n        transform .3s ease;\n}\n\n\n.faf-primary-btn:hover {\n\n    background:var(--green-dark);\n\n    transform:\n        translateY(-3px);\n}\n\n\n.faf-primary-btn:hover b {\n\n    transform:\n        translateX(4px);\n}\n\n\n.faf-text-btn {\n\n    padding-bottom:6px;\n\n    border-bottom:\n        2px solid var(--lime);\n\n    color:var(--green-dark) !important;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:11px;\n    font-weight:500;\n\n    letter-spacing:1.2px;\n\n    text-decoration:none !important;\n}\n\n\n\n\/* =========================================================\n REAL CSR IMAGES\n========================================================= *\/\n\n.faf-csr-image-wrap {\n    position:relative;\n    width:100%;\n    height:100%;\n    overflow:hidden;\n}\n\n.faf-csr-image {\n    width:100%;\n    height:100%;\n    display:block;\n    object-fit:cover;\n    object-position:center;\n}\n\n.faf-csr-main-photo .faf-csr-image {\n    min-height:570px;\n}\n\n.faf-csr-story-placeholder .faf-csr-image {\n    min-height:650px;\n}\n\n.faf-csr-final-placeholder .faf-csr-image {\n    min-height:550px;\n}\n\n\n\/* =========================================================\n PLACEHOLDER\n========================================================= *\/\n\n.faf-csr-placeholder {\n\n    position:relative;\n\n    width:100%;\n    height:100%;\n\n    min-height:400px;\n\n    display:flex;\n    flex-direction:column;\n\n    align-items:center;\n    justify-content:center;\n\n    padding:30px;\n\n    overflow:hidden;\n\n    text-align:center;\n\n    background:\n\n        linear-gradient(\n            145deg,\n            #E9F5EC,\n            #D7EBDE\n        );\n\n    color:var(--green-dark);\n}\n\n\n.faf-csr-placeholder::before {\n\n    content:\"\";\n\n    position:absolute;\n\n    width:300px;\n    height:300px;\n\n    border:\n        1px solid\n        rgba(36,152,88,.15);\n\n    border-radius:50%;\n}\n\n\n.faf-placeholder-icon {\n\n    position:relative;\n    z-index:2;\n\n    width:48px;\n    height:48px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    margin-bottom:15px;\n\n    border-radius:50%;\n\n    background:var(--green);\n\n    color:#fff;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:22px;\n}\n\n\n.faf-csr-placeholder strong {\n\n    position:relative;\n    z-index:2;\n\n    font-family:\n        \"Montserrat\",\n        sans-serif;\n\n    font-size:16px;\n\n    color:var(--green-dark);\n}\n\n\n.faf-csr-placeholder span {\n\n    position:relative;\n    z-index:2;\n\n    display:block;\n\n    margin-top:8px;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:11px;\n    line-height:1.5;\n\n    color:#718078;\n}\n\n\n\n\/* =========================================================\n INTRO\n========================================================= *\/\n\n.faf-csr-intro {\n\n    padding:110px 0;\n}\n\n\n.faf-csr-intro-grid {\n\n    display:grid;\n\n    grid-template-columns:\n        .9fr 1fr;\n\n    gap:110px;\n\n    align-items:center;\n}\n\n\n.faf-csr-intro-copy h2 {\n\n    margin-bottom:30px;\n}\n\n\n.faf-csr-intro-copy > p {\n\n    max-width:570px;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:16px;\n    line-height:1.8;\n\n    color:var(--grey);\n}\n\n\n.faf-csr-intro-actions {\n\n    display:flex;\n    flex-wrap:wrap;\n\n    align-items:center;\n\n    gap:25px;\n\n    margin-top:32px;\n}\n\n\n.faf-csr-intro-visual {\n\n    position:relative;\n\n    padding:\n        0 28px 45px 0;\n}\n\n\n.faf-csr-main-photo {\n\n    position:relative;\n    z-index:2;\n\n    min-height:570px;\n\n    border-radius:\n        3px 70px 3px 3px;\n}\n\n\n.faf-csr-photo-note {\n\n    position:absolute;\n\n    z-index:5;\n\n    left:-45px;\n    bottom:0;\n\n    width:355px;\n\n    display:flex;\n    align-items:center;\n\n    gap:16px;\n\n    padding:22px;\n\n    background:#fff;\n\n    box-shadow:\n        0 22px 55px\n        rgba(20,70,43,.15);\n}\n\n\n.faf-csr-photo-note > span {\n\n    width:50px;\n    height:50px;\n\n    flex:0 0 50px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:50%;\n\n    background:\n        rgba(141,198,63,.18);\n\n    color:var(--green);\n\n    font-size:25px;\n}\n\n\n.faf-csr-photo-note strong,\n.faf-csr-photo-note small {\n\n    display:block;\n}\n\n\n.faf-csr-photo-note strong {\n\n    margin-bottom:4px;\n\n    font-family:\n        \"Montserrat\",\n        sans-serif;\n\n    font-size:14px;\n\n    color:var(--green-dark);\n}\n\n\n.faf-csr-photo-note small {\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:12px;\n    line-height:1.5;\n\n    color:var(--grey);\n}\n\n\n.faf-csr-orbit {\n\n    position:absolute;\n\n    right:-50px;\n    top:-45px;\n\n    width:180px;\n    height:180px;\n\n    border:\n        25px solid\n        rgba(141,198,63,.14);\n\n    border-radius:50%;\n}\n\n\n\n\/* =========================================================\n STATEMENT BAND\n========================================================= *\/\n\n.faf-csr-statement {\n\n    position:relative;\n\n    overflow:hidden;\n\n    padding:90px 0;\n\n    background:\n\n        radial-gradient(\n            circle at 90% 10%,\n            rgba(141,198,63,.23),\n            transparent 31%\n        ),\n\n        linear-gradient(\n            120deg,\n            #176F43 0%,\n            #249858 65%,\n            #3EA460 100%\n        );\n}\n\n\n.faf-csr-statement-grid {\n\n    position:relative;\n    z-index:2;\n\n    display:grid;\n\n    grid-template-columns:\n        1fr .75fr;\n\n    gap:100px;\n\n    align-items:center;\n}\n\n\n.faf-csr-small-label {\n\n    display:block;\n\n    margin-bottom:15px;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:10px;\n    font-weight:500;\n\n    letter-spacing:2.3px;\n\n    color:#DDF1C3;\n}\n\n\n.faf-csr-statement h2,\n.faf-csr-statement h2 strong {\n\n    color:#fff;\n}\n\n\n.faf-csr-statement-copy {\n\n    padding-left:45px;\n\n    border-left:\n        1px solid\n        rgba(255,255,255,.24);\n}\n\n\n.faf-csr-statement-copy p {\n\n    max-width:470px;\n\n    margin:\n        0 0 24px;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:16px;\n    line-height:1.75;\n\n    color:\n        rgba(255,255,255,.82);\n}\n\n\n.faf-csr-statement-copy a {\n\n    display:inline-flex;\n    align-items:center;\n\n    gap:12px;\n\n    color:#fff !important;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:10px;\n    font-weight:500;\n\n    letter-spacing:1.3px;\n\n    text-decoration:none !important;\n}\n\n\n.faf-csr-statement-copy a b {\n\n    color:var(--lime);\n\n    font-size:17px;\n}\n\n\n.faf-csr-statement-shape {\n\n    position:absolute;\n\n    border:\n        1px solid\n        rgba(255,255,255,.10);\n\n    border-radius:50%;\n}\n\n\n.faf-csr-statement-shape.one {\n\n    width:500px;\n    height:500px;\n\n    left:-330px;\n    top:-330px;\n}\n\n\n.faf-csr-statement-shape.two {\n\n    width:600px;\n    height:600px;\n\n    right:-400px;\n    bottom:-470px;\n}\n\n\n\n\/* =========================================================\n WAYS\n========================================================= *\/\n\n.faf-csr-ways {\n\n    padding:115px 0;\n\n    background:#fff;\n}\n\n\n.faf-csr-section-head {\n\n    display:grid;\n\n    grid-template-columns:\n        1fr .65fr;\n\n    gap:90px;\n\n    align-items:end;\n\n    margin-bottom:65px;\n}\n\n\n.faf-csr-section-head > p {\n\n    max-width:470px;\n\n    margin:0;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:15px;\n    line-height:1.8;\n\n    color:var(--grey);\n}\n\n\n.faf-csr-way-list {\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(4,1fr);\n\n    border-top:\n        1px solid var(--line);\n\n    border-bottom:\n        1px solid var(--line);\n}\n\n\n.faf-csr-way {\n\n    position:relative;\n\n    min-height:340px;\n\n    padding:\n        28px 30px 35px;\n\n    border-right:\n        1px solid var(--line);\n\n    transition:\n        background .35s ease,\n        transform .35s ease;\n}\n\n\n.faf-csr-way:last-child {\n\n    border-right:0;\n}\n\n\n.faf-csr-way:hover {\n\n    background:var(--light);\n\n    transform:\n        translateY(-5px);\n}\n\n\n.faf-csr-way-number {\n\n    font-family:\n        \"Montserrat\",\n        sans-serif;\n\n    font-size:10px;\n    font-weight:700;\n\n    color:#9BB6A5;\n}\n\n\n.faf-csr-way-icon {\n\n    width:64px;\n    height:64px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    margin:\n        45px 0 30px;\n\n    border-radius:50%;\n\n    background:\n        rgba(36,152,88,.09);\n\n    color:var(--green);\n\n    transition:.35s ease;\n}\n\n\n.faf-csr-way-icon svg {\n\n    width:32px;\n    height:32px;\n}\n\n\n.faf-csr-way:hover\n.faf-csr-way-icon {\n\n    background:var(--green);\n\n    color:#fff;\n\n    transform:\n        translateY(-4px);\n}\n\n\n.faf-csr-way h3 {\n\n    margin:\n        0 0 12px;\n\n    font-family:\n        \"Montserrat\",\n        sans-serif;\n\n    font-size:18px;\n    font-weight:700;\n\n    color:var(--green-dark);\n}\n\n\n.faf-csr-way p {\n\n    margin:0;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:13px;\n    line-height:1.7;\n\n    color:var(--grey);\n}\n\n\n\n\/* =========================================================\n STORY\n========================================================= *\/\n\n.faf-csr-story {\n\n    display:grid;\n\n    grid-template-columns:\n        1fr 1fr;\n\n    min-height:650px;\n\n    background:var(--green-dark);\n}\n\n\n.faf-csr-story-image {\n\n    min-height:650px;\n}\n\n\n.faf-csr-story-placeholder {\n\n    min-height:650px;\n}\n\n\n.faf-csr-story-content {\n\n    display:flex;\n    align-items:center;\n\n    padding:\n        75px 8vw;\n\n    background:\n\n        radial-gradient(\n            circle at 100% 0%,\n            rgba(141,198,63,.18),\n            transparent 35%\n        ),\n\n        var(--green-dark);\n}\n\n\n.faf-csr-story-inner {\n\n    max-width:570px;\n}\n\n\n.faf-csr-story-inner > span {\n\n    display:block;\n\n    margin-bottom:18px;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:10px;\n    font-weight:500;\n\n    letter-spacing:2.2px;\n\n    color:var(--lime);\n}\n\n\n.faf-csr-story h2,\n.faf-csr-story h2 strong {\n\n    color:#fff;\n}\n\n\n.faf-csr-story p {\n\n    margin:\n        25px 0;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:16px;\n    line-height:1.8;\n\n    color:\n        rgba(255,255,255,.78);\n}\n\n\n.faf-csr-story a {\n\n    display:inline-flex;\n    align-items:center;\n\n    gap:13px;\n\n    margin-top:7px;\n\n    padding-bottom:6px;\n\n    border-bottom:\n        2px solid var(--lime);\n\n    color:#fff !important;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:10px;\n    font-weight:500;\n\n    letter-spacing:1.2px;\n\n    text-decoration:none !important;\n}\n\n\n\n\/* =========================================================\n PROCESS\n========================================================= *\/\n\n.faf-csr-process {\n\n    padding:105px 0;\n\n    background:var(--light);\n}\n\n\n.faf-csr-process-head {\n\n    max-width:800px;\n\n    margin-bottom:65px;\n}\n\n\n.faf-csr-process-head > span {\n\n    display:block;\n\n    margin-bottom:15px;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:10px;\n    font-weight:500;\n\n    letter-spacing:2px;\n\n    color:var(--green);\n}\n\n\n.faf-csr-process-grid {\n\n    position:relative;\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(3,1fr);\n\n    gap:65px;\n}\n\n\n.faf-csr-process-grid::before {\n\n    content:\"\";\n\n    position:absolute;\n\n    left:0;\n    right:0;\n\n    top:50px;\n\n    height:1px;\n\n    background:#D1DED5;\n}\n\n\n.faf-csr-process-item {\n\n    position:relative;\n    z-index:2;\n}\n\n\n.faf-csr-process-item > strong {\n\n    display:block;\n\n    margin-bottom:24px;\n\n    font-family:\n        \"Montserrat\",\n        sans-serif;\n\n    font-size:11px;\n    font-weight:700;\n\n    color:var(--green);\n}\n\n\n.faf-process-line {\n\n    width:18px;\n    height:18px;\n\n    margin-bottom:30px;\n\n    border:\n        5px solid var(--light);\n\n    border-radius:50%;\n\n    background:var(--lime);\n\n    box-shadow:\n        0 0 0 1px var(--green);\n}\n\n\n.faf-csr-process-item h3 {\n\n    margin:\n        0 0 12px;\n\n    font-family:\n        \"Montserrat\",\n        sans-serif;\n\n    font-size:19px;\n    font-weight:700;\n\n    color:var(--green-dark);\n}\n\n\n.faf-csr-process-item p {\n\n    max-width:330px;\n\n    margin:0;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:14px;\n    line-height:1.75;\n\n    color:var(--grey);\n}\n\n\n\n\/* =========================================================\n BRAND MOMENT\n========================================================= *\/\n\n.faf-csr-brand-moment {\n\n    padding:80px 0;\n\n    background:#fff;\n}\n\n\n.faf-csr-brand-inner {\n\n    display:grid;\n\n    grid-template-columns:\n        180px 1fr;\n\n    gap:55px;\n\n    align-items:center;\n\n    max-width:900px;\n\n    margin:auto;\n}\n\n\n.faf-csr-brand-mark {\n\n    width:150px;\n    height:150px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:50%;\n\n    background:\n\n        linear-gradient(\n            135deg,\n            var(--green),\n            var(--green-dark)\n        );\n\n    box-shadow:\n        0 15px 45px\n        rgba(36,152,88,.18);\n\n    color:#fff;\n\n    font-family:\n        \"Montserrat\",\n        sans-serif;\n\n    font-size:32px;\n    font-weight:700;\n}\n\n\n.faf-csr-brand-inner span {\n\n    display:block;\n\n    margin-bottom:12px;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:10px;\n    font-weight:500;\n\n    letter-spacing:2px;\n\n    color:var(--green);\n}\n\n\n.faf-csr-brand-inner p {\n\n    max-width:550px;\n\n    margin:\n        20px 0 0;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:15px;\n    line-height:1.75;\n\n    color:var(--grey);\n}\n\n\n\n\/* =========================================================\n ENQUIRY\n========================================================= *\/\n\n.faf-csr-enquiry {\n\n    position:relative;\n\n    padding:110px 0;\n\n    background:\n\n        radial-gradient(\n            circle at 8% 15%,\n            rgba(141,198,63,.18),\n            transparent 26%\n        ),\n\n        linear-gradient(\n            120deg,\n            #105F39 0%,\n            #249858 100%\n        );\n}\n\n\n.faf-csr-enquiry-grid {\n\n    display:grid;\n\n    grid-template-columns:\n        .75fr 1fr;\n\n    gap:100px;\n\n    align-items:center;\n}\n\n\n.faf-kicker-white {\n\n    color:#DDF0C4;\n}\n\n\n.faf-csr-enquiry-copy h2,\n.faf-csr-enquiry-copy h2 strong {\n\n    color:#fff;\n}\n\n\n.faf-csr-enquiry-copy > p {\n\n    max-width:480px;\n\n    margin:25px 0;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:16px;\n    line-height:1.75;\n\n    color:\n        rgba(255,255,255,.82);\n}\n\n\n.faf-csr-direct {\n\n    margin-top:40px;\n\n    padding-top:24px;\n\n    border-top:\n        1px solid\n        rgba(255,255,255,.20);\n}\n\n\n.faf-csr-direct small {\n\n    display:block;\n\n    margin-bottom:7px;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:9px;\n\n    letter-spacing:1.7px;\n\n    color:\n        rgba(255,255,255,.62);\n}\n\n\n.faf-csr-direct a {\n\n    color:#fff !important;\n\n    font-family:\n        \"Montserrat\",\n        sans-serif;\n\n    font-size:17px;\n    font-weight:600;\n\n    text-decoration:none !important;\n}\n\n\n\n\/* FORM *\/\n\n.faf-csr-form-wrap {\n\n    padding:48px;\n\n    background:#fff;\n\n    box-shadow:\n        0 30px 80px\n        rgba(8,67,37,.23);\n}\n\n\n.faf-form-heading {\n\n    margin-bottom:32px;\n}\n\n\n.faf-form-heading span {\n\n    display:block;\n\n    margin-bottom:7px;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:9px;\n    font-weight:500;\n\n    letter-spacing:2px;\n\n    color:var(--green);\n}\n\n\n.faf-form-heading h3 {\n\n    margin:0;\n\n    font-family:\n        \"Montserrat\",\n        sans-serif;\n\n    font-size:31px;\n    font-weight:700;\n\n    letter-spacing:-1px;\n\n    color:var(--green-dark);\n}\n\n\n.faf-form-row {\n\n    display:grid;\n\n    grid-template-columns:\n        1fr 1fr;\n\n    gap:18px;\n}\n\n\n.faf-field {\n\n    margin-bottom:20px;\n}\n\n\n.faf-field label {\n\n    display:block;\n\n    margin-bottom:8px;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:9px;\n    font-weight:500;\n\n    letter-spacing:1.2px;\n\n    color:#53655B;\n}\n\n\n.faf-field input,\n.faf-field select,\n.faf-field textarea {\n\n    width:100%;\n\n    margin:0;\n\n    padding:\n        14px 15px;\n\n    border:\n        1px solid #D9E2DC;\n\n    border-radius:2px;\n\n    outline:none;\n\n    background:#FAFCFA;\n\n    color:#27352D;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:13px;\n\n    transition:\n        border .25s ease,\n        box-shadow .25s ease,\n        background .25s ease;\n}\n\n\n.faf-field input {\n\n    height:48px;\n}\n\n\n.faf-field select {\n\n    height:48px;\n}\n\n\n.faf-field textarea {\n\n    min-height:110px;\n\n    resize:vertical;\n}\n\n\n.faf-field input:focus,\n.faf-field select:focus,\n.faf-field textarea:focus {\n\n    border-color:var(--green);\n\n    background:#fff;\n\n    box-shadow:\n        0 0 0 3px\n        rgba(36,152,88,.08);\n}\n\n\n.faf-form-submit {\n\n    width:100%;\n\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    gap:20px;\n\n    margin-top:5px;\n\n    padding:\n        14px 15px 14px 21px;\n\n    border:0;\n\n    border-radius:3px;\n\n    cursor:pointer;\n\n    background:\n\n        linear-gradient(\n            105deg,\n            var(--green-dark),\n            var(--green)\n        );\n\n    color:#fff;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:11px;\n    font-weight:500;\n\n    letter-spacing:1.2px;\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease;\n}\n\n\n.faf-form-submit b {\n\n    width:35px;\n    height:35px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:50%;\n\n    background:var(--lime);\n\n    color:var(--green-dark);\n\n    font-size:17px;\n}\n\n\n.faf-form-submit:hover {\n\n    transform:\n        translateY(-2px);\n\n    box-shadow:\n        0 13px 28px\n        rgba(27,120,70,.20);\n}\n\n\n.faf-form-note {\n\n    margin:\n        15px 0 0;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:10px;\n    line-height:1.5;\n\n    color:#8A9690;\n}\n\n\n\n\/* =========================================================\n FINAL\n========================================================= *\/\n\n.faf-csr-final {\n\n    position:relative;\n\n    isolation:isolate;\n\n    min-height:550px;\n\n    display:flex;\n    align-items:center;\n\n    overflow:hidden;\n}\n\n\n.faf-csr-final-bg {\n\n    position:absolute;\n\n    inset:0;\n\n    z-index:-3;\n}\n\n\n.faf-csr-final-placeholder {\n\n    min-height:550px;\n\n    background:\n\n        linear-gradient(\n            145deg,\n            #CFE5D5,\n            #AFCFB9\n        );\n}\n\n\n.faf-csr-final-overlay {\n\n    position:absolute;\n\n    inset:0;\n\n    z-index:-2;\n\n    background:\n\n        linear-gradient(\n            90deg,\n            rgba(14,87,50,.97) 0%,\n            rgba(28,127,73,.88) 43%,\n            rgba(36,152,88,.58) 69%,\n            rgba(18,70,43,.25) 100%\n        );\n}\n\n\n.faf-csr-final-content {\n\n    color:#fff;\n}\n\n\n.faf-csr-final-content > span {\n\n    display:block;\n\n    margin-bottom:18px;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:10px;\n    font-weight:500;\n\n    letter-spacing:2.5px;\n\n    color:var(--lime);\n}\n\n\n.faf-csr-final h2,\n.faf-csr-final h2 strong {\n\n    color:#fff;\n}\n\n\n.faf-csr-final-content p {\n\n    max-width:560px;\n\n    margin:\n        24px 0;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:16px;\n    line-height:1.75;\n\n    color:\n        rgba(255,255,255,.84);\n}\n\n\n.faf-csr-final-content a {\n\n    display:inline-flex;\n    align-items:center;\n\n    gap:27px;\n\n    padding:\n        15px 17px 15px 23px;\n\n    background:\n\n        linear-gradient(\n            110deg,\n            #fff 0%,\n            #F3F9EA 100%\n        );\n\n    color:var(--green-dark) !important;\n\n    font-family:\n        \"Roboto\",\n        sans-serif;\n\n    font-size:11px;\n    font-weight:500;\n\n    letter-spacing:1.1px;\n\n    text-decoration:none !important;\n\n    transition:\n        transform .3s ease;\n}\n\n\n.faf-csr-final-content a b {\n\n    width:34px;\n    height:34px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:50%;\n\n    background:var(--lime);\n\n    font-size:17px;\n}\n\n\n.faf-csr-final-content a:hover {\n\n    transform:\n        translateY(-3px);\n}\n\n\n\n\/* =========================================================\n REVEAL\n========================================================= *\/\n\n.faf-reveal {\n\n    opacity:0;\n\n    transform:\n        translateY(28px);\n\n    transition:\n\n        opacity .8s\n        cubic-bezier(.2,.7,.2,1),\n\n        transform .8s\n        cubic-bezier(.2,.7,.2,1);\n}\n\n\n.faf-reveal.faf-visible {\n\n    opacity:1;\n\n    transform:\n        translateY(0);\n}\n\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media (max-width:1050px) {\n\n    .faf-container {\n\n        width:\n            calc(100% - 50px);\n    }\n\n\n    .faf-csr-intro-grid {\n\n        gap:60px;\n    }\n\n\n    .faf-csr-way-list {\n\n        grid-template-columns:\n            repeat(2,1fr);\n    }\n\n\n    .faf-csr-way {\n\n        border-bottom:\n            1px solid var(--line);\n    }\n\n\n    .faf-csr-way:nth-child(2) {\n\n        border-right:0;\n    }\n\n\n    .faf-csr-enquiry-grid {\n\n        gap:55px;\n    }\n\n}\n\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media (max-width:767px) {\n\n    .faf-container {\n\n        width:\n            calc(100% - 36px);\n    }\n\n\n    \/* HERO *\/\n\n    .faf-csr-hero {\n\n        min-height:360px;\n    }\n\n\n    .faf-csr-hero-bg {\n\n        background-position:\n            60% center;\n    }\n\n\n    .faf-csr-hero-overlay {\n\n        background:\n\n            linear-gradient(\n                90deg,\n                rgba(17,101,58,.97),\n                rgba(36,152,88,.72)\n            );\n    }\n\n\n    .faf-csr-hero-content {\n\n        padding:\n            60px 0 90px;\n    }\n\n\n    .faf-csr-hero h1 {\n\n        font-size:48px;\n\n        letter-spacing:-2.5px;\n    }\n\n\n    .faf-csr-hero-content p {\n\n        font-size:16px;\n    }\n\n\n    .faf-csr-hero-tag {\n\n        left:18px;\n        right:auto;\n\n        padding:\n            13px 17px;\n\n        font-size:9px;\n    }\n\n\n    \/* GLOBAL *\/\n\n    .faf-csr-page h2 {\n\n        font-size:37px;\n\n        letter-spacing:-1.4px;\n    }\n\n\n    .faf-csr-intro,\n    .faf-csr-ways,\n    .faf-csr-process,\n    .faf-csr-brand-moment,\n    .faf-csr-enquiry {\n\n        padding:70px 0;\n    }\n\n\n    \/* GRIDS *\/\n\n    .faf-csr-intro-grid,\n    .faf-csr-statement-grid,\n    .faf-csr-section-head,\n    .faf-csr-process-grid,\n    .faf-csr-enquiry-grid {\n\n        display:block;\n    }\n\n\n    \/* INTRO *\/\n\n    .faf-csr-intro-visual {\n\n        margin-top:55px;\n\n        padding:\n            0 0 50px;\n    }\n\n\n    .faf-csr-main-photo {\n\n        min-height:420px;\n\n        border-radius:\n            3px 45px 3px 3px;\n    }\n\n\n    .faf-csr-photo-note {\n\n        left:15px;\n        right:15px;\n\n        width:auto;\n    }\n\n\n    .faf-csr-orbit {\n\n        display:none;\n    }\n\n\n    \/* STATEMENT *\/\n\n    .faf-csr-statement {\n\n        padding:70px 0;\n    }\n\n\n    .faf-csr-statement-copy {\n\n        margin-top:35px;\n\n        padding:\n            30px 0 0;\n\n        border-left:0;\n\n        border-top:\n            1px solid\n            rgba(255,255,255,.22);\n    }\n\n\n    \/* WAYS *\/\n\n    .faf-csr-section-head > p {\n\n        margin-top:25px;\n    }\n\n\n    .faf-csr-way-list {\n\n        grid-template-columns:1fr;\n    }\n\n\n    .faf-csr-way {\n\n        min-height:auto;\n\n        padding:\n            30px 20px;\n\n        border-right:0;\n\n        border-bottom:\n            1px solid var(--line);\n    }\n\n\n    .faf-csr-way:last-child {\n\n        border-bottom:0;\n    }\n\n\n    .faf-csr-way-icon {\n\n        margin:\n            28px 0 22px;\n    }\n\n\n    \/* STORY *\/\n\n    .faf-csr-story {\n\n        display:block;\n\n        min-height:0;\n    }\n\n\n    .faf-csr-story-image,\n    .faf-csr-story-placeholder {\n\n        min-height:420px;\n    }\n\n\n    .faf-csr-main-photo .faf-csr-image {\n        min-height:420px;\n    }\n\n\n    .faf-csr-story-placeholder .faf-csr-image {\n        min-height:420px;\n    }\n\n\n    .faf-csr-final-placeholder .faf-csr-image {\n        min-height:580px;\n    }\n\n\n    .faf-csr-story-content {\n\n        padding:\n            65px 22px;\n    }\n\n\n    \/* PROCESS *\/\n\n    .faf-csr-process-grid::before {\n\n        display:none;\n    }\n\n\n    .faf-csr-process-item {\n\n        margin-top:35px;\n\n        padding-bottom:30px;\n\n        border-bottom:\n            1px solid var(--line);\n    }\n\n\n    .faf-process-line {\n\n        margin-bottom:20px;\n    }\n\n\n    \/* BRAND *\/\n\n    .faf-csr-brand-inner {\n\n        display:block;\n\n        text-align:center;\n    }\n\n\n    .faf-csr-brand-mark {\n\n        width:115px;\n        height:115px;\n\n        margin:\n            0 auto 30px;\n\n        font-size:25px;\n    }\n\n\n    .faf-csr-brand-inner p {\n\n        margin:\n            18px auto 0;\n    }\n\n\n    \/* ENQUIRY *\/\n\n    .faf-csr-enquiry-copy {\n\n        margin-bottom:45px;\n    }\n\n\n    .faf-csr-form-wrap {\n\n        padding:\n            35px 23px;\n    }\n\n\n    .faf-form-row {\n\n        display:block;\n    }\n\n\n    .faf-form-heading h3 {\n\n        font-size:28px;\n    }\n\n\n    \/* FINAL *\/\n\n    .faf-csr-final {\n\n        min-height:580px;\n    }\n\n\n    .faf-csr-final-placeholder {\n\n        min-height:580px;\n    }\n\n\n    .faf-csr-final-overlay {\n\n        background:\n\n            linear-gradient(\n                90deg,\n                rgba(14,91,52,.97),\n                rgba(36,152,88,.78)\n            );\n    }\n\n\n    .faf-csr-final-content {\n\n        padding:80px 0;\n    }\n\n}\n\n\n\n\/* =========================================================\n REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n    .faf-csr-hero-bg {\n\n        animation:none;\n    }\n\n\n    .faf-reveal {\n\n        opacity:1;\n\n        transform:none;\n\n        transition:none;\n    }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n\/* =========================================================\n SMOOTH SCROLL\n========================================================= *\/\n\ndocument.querySelectorAll(\n    '.faf-csr-page a[href^=\"#\"]'\n).forEach(function(link) {\n\n    link.addEventListener(\n        \"click\",\n        function(e) {\n\n            const id =\n                this.getAttribute(\"href\");\n\n            const target =\n                document.querySelector(id);\n\n            if(target) {\n\n                e.preventDefault();\n\n                target.scrollIntoView({\n                    behavior:\"smooth\",\n                    block:\"start\"\n                });\n\n            }\n\n        }\n    );\n\n});\n\n\n\/* =========================================================\n SCROLL REVEAL\n========================================================= *\/\n\n(function() {\n\n    const items =\n        document.querySelectorAll(\n            \".faf-csr-page .faf-reveal\"\n        );\n\n\n    if(!(\"IntersectionObserver\" in window)) {\n\n        items.forEach(function(item) {\n\n            item.classList.add(\n                \"faf-visible\"\n            );\n\n        });\n\n        return;\n    }\n\n\n    const observer =\n        new IntersectionObserver(\n\n            function(entries) {\n\n                entries.forEach(\n                    function(entry) {\n\n                        if(entry.isIntersecting) {\n\n                            entry.target\n                                .classList\n                                .add(\n                                    \"faf-visible\"\n                                );\n\n                            observer.unobserve(\n                                entry.target\n                            );\n\n                        }\n\n                    }\n                );\n\n            },\n\n            {\n                threshold:.10,\n                rootMargin:\n                    \"0px 0px -35px 0px\"\n            }\n\n        );\n\n\n    items.forEach(function(item) {\n\n        observer.observe(item);\n\n    });\n\n})();\n\n\n\/* =========================================================\n CSR FORM\n ---------------------------------------------------------\n IMPORTANT:\n This handles the UX only.\n\n Connect this form to:\n - Elementor \/ WordPress form handler\n - Fluent Forms\n - WPForms\n - Forminator\n - Gravity Forms\n - or your preferred backend\n\n No fake submission\/success message is created here.\n========================================================= *\/\n\ndocument\n    .getElementById(\"fafCSRForm\")\n    ?.addEventListener(\n        \"submit\",\n        function(e) {\n\n            \/*\n             Remove preventDefault() once connected\n             to the actual website form processor.\n            *\/\n\n            e.preventDefault();\n\n        }\n    );\n\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>HOME GET INVOLVED CORPORATE CSR Create meaningful impact. Together, we can do more. FOODBANKING FOR THE NEEDY PARTNER WITH PURPOSE Make Social Impact Part of Your Business. Corporate social responsibility becomes more meaningful when people come together around a real community need. Food Aid Foundation welcomes companies and organisations interested in supporting our food assistance [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-77","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/pages\/77","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/comments?post=77"}],"version-history":[{"count":7,"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/pages\/77\/revisions"}],"predecessor-version":[{"id":313,"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/pages\/77\/revisions\/313"}],"wp:attachment":[{"href":"https:\/\/kumbangcx.com\/faf\/wp-json\/wp\/v2\/media?parent=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}