{"id":12206,"date":"2026-06-19T12:44:51","date_gmt":"2026-06-19T12:44:51","guid":{"rendered":"https:\/\/afripixelprojects.com\/fresha\/?page_id=12206"},"modified":"2026-06-20T08:31:02","modified_gmt":"2026-06-20T08:31:02","slug":"sustainability-csr","status":"publish","type":"page","link":"https:\/\/afripixelprojects.com\/fresha\/sustainability-csr\/","title":{"rendered":"Sustainability &amp; CSR"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12206\" class=\"elementor elementor-12206\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6faa784 e-flex e-con-boxed e-con e-parent \" data-id=\"6faa784\" data-element_type=\"container\" data-e-type=\"container\">\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-686a797 elementor-widget elementor-widget-html\" data-id=\"686a797\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* Scope wrapper to prevent layout bleed into neighboring Elementor blocks *\/\r\n    .fresha-csr-container {\r\n        font-family: 'Poppins', sans-serif;\r\n        color: #333333;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 60px 20px;\r\n        box-sizing: border-box;\r\n        overflow: hidden; \/* Prevents unwanted horizontal scrollbars during entrance animations *\/\r\n    }\r\n\r\n    .fresha-csr-container * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Modern Title Layout *\/\r\n    .fresha-csr-header {\r\n        text-align: center;\r\n        margin-bottom: 70px;\r\n        position: relative;\r\n    }\r\n\r\n    .fresha-csr-header h1 {\r\n        font-size: 32px;\r\n        font-weight: 700;\r\n        color: #0F206C; \/* Corporate Primary Blue *\/\r\n        text-transform: uppercase;\r\n        margin: 0 0 15px 0;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .fresha-csr-header::after {\r\n        content: '';\r\n        display: block;\r\n        width: 60px;\r\n        height: 4px;\r\n        background-color: #00AA52; \/* Corporate Accent Green *\/\r\n        margin: 0 auto;\r\n        border-radius: 2px;\r\n    }\r\n\r\n    \/* Alternating Grid System *\/\r\n    .fresha-csr-row {\r\n        display: grid;\r\n        grid-template-columns: 1.1fr 0.9fr;\r\n        gap: 60px;\r\n        align-items: center;\r\n        margin-bottom: 80px;\r\n    }\r\n\r\n    .fresha-csr-row:nth-child(even) {\r\n        grid-template-columns: 0.9fr 1.1fr;\r\n    }\r\n\r\n    \/* Image Containers *\/\r\n    .fresha-csr-image-box {\r\n        width: 100%;\r\n        line-height: 0;\r\n    }\r\n\r\n    .fresha-csr-image-box img {\r\n        width: 100%;\r\n        height: 380px;\r\n        object-fit: cover;\r\n        border-radius: 6px;\r\n        box-shadow: 0 10px 30px rgba(15, 32, 108, 0.05);\r\n    }\r\n\r\n    \/* Content & Typography Box *\/\r\n    .fresha-csr-content-box {\r\n        padding: 10px 0;\r\n    }\r\n\r\n    .fresha-csr-tag {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #00AA52;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        margin-bottom: 10px;\r\n        display: inline-block;\r\n    }\r\n\r\n    .fresha-csr-content-box h2 {\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0F206C;\r\n        line-height: 1.3;\r\n        margin: 0 0 15px 0;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .fresha-csr-content-box p {\r\n        font-size: 15px;\r\n        line-height: 1.7;\r\n        color: #555555;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Clean divider rule between sections *\/\r\n    .fresha-csr-divider {\r\n        height: 1px;\r\n        background: linear-gradient(to right, rgba(15, 32, 108, 0) 0%, rgba(15, 32, 108, 0.1) 20%, rgba(15, 32, 108, 0.1) 80%, rgba(15, 32, 108, 0) 100%);\r\n        margin-bottom: 80px;\r\n    }\r\n\r\n    \/* ==========================================\r\n       SCROLL ANIMATION ARCHITECTURE (CSS)\r\n       ========================================== *\/\r\n    .fresha-animate {\r\n        opacity: 0;\r\n        will-change: transform, opacity;\r\n        transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.8s ease;\r\n    }\r\n\r\n    \/* Directional States *\/\r\n    .fresha-reveal-up {\r\n        transform: translateY(40px);\r\n    }\r\n\r\n    .fresha-reveal-left {\r\n        transform: translateX(-50px);\r\n    }\r\n\r\n    .fresha-reveal-right {\r\n        transform: translateX(50px);\r\n    }\r\n\r\n    \/* Triggered Active State when scrolled into view *\/\r\n    .fresha-animate.fresha-visible {\r\n        opacity: 1;\r\n        transform: translate(0, 0);\r\n    }\r\n\r\n    \/* Progressive animation delays for a natural flow *\/\r\n    .delay-1 { transition-delay: 0.15s; }\r\n\r\n    \/* ==========================================\r\n       MOBILE RESPONSIVE BREAKPOINT OVERRIDES\r\n       ========================================== *\/\r\n    @media (max-width: 991px) {\r\n        .fresha-csr-container {\r\n            padding: 40px 15px;\r\n        }\r\n\r\n        .fresha-csr-header {\r\n            margin-bottom: 45px;\r\n        }\r\n\r\n        .fresha-csr-header h1 {\r\n            font-size: 26px;\r\n        }\r\n\r\n        \/* 1. Force items into a structured single column block stacked layout *\/\r\n        .fresha-csr-row, .fresha-csr-row:nth-child(even) {\r\n            grid-template-columns: 1fr;\r\n            gap: 20px;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        \/* 2. Fix ordering: Ensure image element always precedes text elements visually when scrolling down *\/\r\n        .fresha-csr-row {\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .fresha-csr-image-box {\r\n            order: 1 !important;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .fresha-csr-content-box {\r\n            order: 2 !important;\r\n        }\r\n        \r\n        \/* 3. Fluid responsive image constraints *\/\r\n        .fresha-csr-image-box img {\r\n            height: 260px;\r\n            box-shadow: 0 5px 15px rgba(15, 32, 108, 0.08);\r\n        }\r\n\r\n        .fresha-csr-content-box h2 {\r\n            font-size: 20px;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .fresha-csr-content-box p {\r\n            font-size: 14px;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .fresha-csr-divider {\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        \/* 4. Sanitize mobile viewport transitions to prevent horizontal cutoff layout errors *\/\r\n        .fresha-reveal-left, .fresha-reveal-right {\r\n            transform: translateY(30px);\r\n        }\r\n        \r\n        .delay-1 {\r\n            transition-delay: 0s !important; \/* Fire concurrently on small viewports for performance optimization *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"fresha-csr-container\">\r\n\r\n    <!-- Title Section Heading -->\r\n    <div class=\"fresha-csr-header fresha-animate fresha-reveal-up\">\r\n        <h1>Corporate Social Responsibility<\/h1>\r\n    <\/div>\r\n\r\n    <!-- Row 1: School Milk Programme Initiatives -->\r\n    <div class=\"fresha-csr-row\">\r\n        <div class=\"fresha-csr-image-box fresha-animate fresha-reveal-left\">\r\n            <img decoding=\"async\" src=\"https:\/\/afripixelprojects.com\/fresha\/wp-content\/uploads\/2026\/06\/CSR-children-with-pacoh-milk.png\" alt=\"GDFCS Free Milk For Schools Programme\">\r\n        <\/div>\r\n        <div class=\"fresha-csr-content-box fresha-animate fresha-reveal-right delay-1\">\r\n            <span class=\"fresha-csr-tag\">Nurturing Communities<\/span>\r\n            <h2>School Milk Launch<\/h2>\r\n            <p>GDFCS (Githunguri Dairy Farmers Co-operative Society) successfully launched the PACOH school milk initiative in Embu County. This critical intervention forms an integral part of the county's wider Free Milk for Schools Programme, driving nutritional health and dietary support to thousands of children.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fresha-csr-divider\"><\/div>\r\n\r\n    <!-- Row 2: Water Tank Donations & Philanthropy -->\r\n    <div class=\"fresha-csr-row\">\r\n        <div class=\"fresha-csr-image-box fresha-animate fresha-reveal-right delay-1\">\r\n            <img decoding=\"async\" src=\"https:\/\/afripixelprojects.com\/fresha\/wp-content\/uploads\/2026\/06\/CSR-DONATING-WATER-TANK.png\" alt=\"GDFCS Water Tank Donation Makueni County\">\r\n        <\/div>\r\n        <div class=\"fresha-csr-content-box fresha-animate fresha-reveal-left\">\r\n            <span class=\"fresha-csr-tag\">Social Welfare<\/span>\r\n            <h2>Water Infrastructure Support<\/h2>\r\n            <p>Demonstrating our commitment to sustainable living conditions and basic commodity access, GDFCS (Githunguri Dairy Farmers Co-operative Society) extended philanthropic aid by donating a large-capacity water sanitation storage tank to a vulnerable children's home located in Makueni County.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fresha-csr-divider\"><\/div>\r\n\r\n    <!-- Row 3: Environmental Protection Projects -->\r\n    <div class=\"fresha-csr-row\">\r\n        <div class=\"fresha-csr-image-box fresha-animate fresha-reveal-left\">\r\n            <img decoding=\"async\" src=\"https:\/\/afripixelprojects.com\/fresha\/wp-content\/uploads\/2026\/06\/CSR-Chairman-tree-planting.png\" alt=\"GDFCS Staff Tree Planting Ruiru Dam\">\r\n        <\/div>\r\n        <div class=\"fresha-csr-content-box fresha-animate fresha-reveal-right delay-1\">\r\n            <span class=\"fresha-csr-tag\">Environmental Stewardship<\/span>\r\n            <h2>Conserving Ecosystems<\/h2>\r\n            <p>Led actively by our leadership team, the GDFCS (Githunguri Dairy Farmers Co-operative Society) Chairman alongside dedicated staff members engaged in a targeted tree-planting exercise along the Ruiru Dam basin. This ongoing development serves as a key pillar within our progressive environment conservancy efforts.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- ==========================================\r\n     SCROLL ANIMATION ENGINE (JAVASCRIPT)\r\n     ========================================== -->\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n        const animatedElements = document.querySelectorAll(\".fresha-animate\");\r\n\r\n        const observerOptions = {\r\n            root: null, \/\/ Watch the global browser window viewport\r\n            rootMargin: \"0px\",\r\n            threshold: 0.10 \/\/ Adjusted to 10% visibility for faster, lighter trigger execution across mobile displays\r\n        };\r\n\r\n        const scrollObserver = new IntersectionObserver(function (entries, observer) {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add(\"fresha-visible\");\r\n                    observer.unobserve(entry.target); \/\/ Kill listeners once component initializes onto screen\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        animatedElements.forEach(element => {\r\n            scrollObserver.observe(element);\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Corporate Social Responsibility Nurturing Communities School Milk Launch GDFCS (Githunguri Dairy Farmers Co-operative Society) successfully launched the PACOH school milk initiative in Embu County. This critical intervention forms an integral part of the county&#8217;s wider Free Milk for Schools Programme, driving nutritional health and dietary support to thousands of children. Social Welfare Water Infrastructure Support [&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-12206","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/afripixelprojects.com\/fresha\/wp-json\/wp\/v2\/pages\/12206","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/afripixelprojects.com\/fresha\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/afripixelprojects.com\/fresha\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/afripixelprojects.com\/fresha\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/afripixelprojects.com\/fresha\/wp-json\/wp\/v2\/comments?post=12206"}],"version-history":[{"count":10,"href":"https:\/\/afripixelprojects.com\/fresha\/wp-json\/wp\/v2\/pages\/12206\/revisions"}],"predecessor-version":[{"id":12270,"href":"https:\/\/afripixelprojects.com\/fresha\/wp-json\/wp\/v2\/pages\/12206\/revisions\/12270"}],"wp:attachment":[{"href":"https:\/\/afripixelprojects.com\/fresha\/wp-json\/wp\/v2\/media?parent=12206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}