{"id":100,"date":"2023-09-26T13:21:22","date_gmt":"2023-09-26T12:21:22","guid":{"rendered":"https:\/\/ocs.test\/wp\/?page_id=100"},"modified":"2026-07-17T17:47:37","modified_gmt":"2026-07-17T16:47:37","slug":"ocs-foundation","status":"publish","type":"page","link":"https:\/\/ocs.com\/uk\/ocs-foundation\/","title":{"rendered":"OCS Foundation"},"content":{"rendered":"    <section id=\"block_acf-block-6a5a5ca8d283f\"  data-animate-container=\"waterfall\"  class=\"max-w-8xl w-full mx-auto px-4 mb-6 md:mb-[72px]  \">\n        <div data-animate=\"item\" class=\"relative mx-auto rounded-[32px]\" style=\"\">\n\n            <div class=\"absolute inset-0 overflow-hidden rounded-[32px] pointer-events-none\">\n                                    <picture class=\"absolute inset-0 w-full h-full\">\n                        <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/05\/OCS-Foundation-Small-Grants-Header-2-768x721.jpg\" media=\"(max-width: 640px)\">\n                        <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/05\/OCS-Foundation-Small-Grants-Header-2-1024x492.jpg\" media=\"(max-width: 1536px)\">\n                        <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/05\/OCS-Foundation-Small-Grants-Header-2.jpg\"\n                            alt=\"A young boy with glasses smiles and sits on the floor in a cosy, colourful room with toys and art supplies on a shelf behind him.\"\n                            class=\"w-full h-full object-cover object-center\">\n                    <\/picture>\n                                            <div class=\"absolute inset-0 bg-black\/40 z-10\"><\/div>\n                                    \n                            <\/div>\n\n            <div  data-animate-container=\"text\"  class=\"relative z-20 py-16 lg:py-[100px] px-6 lg:px-0 w-full max-w-[880px] mx-auto flex flex-col justify-center items-center gap-8 rounded-[32px] md:gap-12\">\n                                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/438119c7-2682-42b3-b2e8-6f368eadbaea\/\" alt=\"An orange heart shape with geometric lines forming a stylized, angular heart, set against a white background.\" class=\"max-h-[150px] w-full mx-auto object-contain\" \/>\n                                                                    <h1 data-animate=\"heading\" class=\"text-crop -tracking-[0.5px] text-white font-medium text-[40px] md:text-[52px] leading-[44px] md:leading-[58px] text-center\">\n                        Making a Lasting Difference in Our Communities                    <\/h1>\n                                                        <div data-animate=\"prose\"  class=\"text-white text-xl text-center\">\n                            Supporting children, young people and communities through partnerships, fundraising and volunteering. The OCS Foundation invests in initiatives that improve wellbeing, expand access to education and skills, and strengthen communities across the UK &#038; Ireland.                        <\/div>\n                                        <div class=\"flex flex-row items-center gap-4 w-full mx-auto flex-wrap justify-center\">\n                                                                                \n<a href=\"#our-mission\" class=\"w-full max-w-fit text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black  btn-themed \"  target=\"_self\" >\n    Our Mission <\/a>                                                                                                        \n<a href=\"#support\" class=\"w-full max-w-fit text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black  btn-themed \"  target=\"_self\" >\n    Support the OCS Foundation <\/a>                                            <\/div>\n                                <\/div>\n        <\/div>\n    <\/section>\n\n\n\n            <section id=\"block_acf-block-6a5a5ca8d2873\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full px-4 py-8 md:p-8 lg:p-[54px] rounded-3xl\" style=\"background-color: #F7FBF7\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row-reverse \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ucarecdn.com\/88916237-b356-4ee4-9307-acdc948aa6b9\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/88916237-b356-4ee4-9307-acdc948aa6b9\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/88916237-b356-4ee4-9307-acdc948aa6b9\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"A group of young children and a woman, all wearing white shirts, smile and laugh while playing with colorful paint at a table during an arts and crafts activity.\" class=\" object-cover  w-full h-full rounded-3xl group-hover:!scale-110 transition duration-150 ease-in\" \/>\n                <\/picture>\n            <\/div>\n                            <div class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-8 lg:py-6\">\n                            <div  data-animate-container=\"text\" >\n                    <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[36px] md:text-[44px] lg:mb-2 leading-[44px] md:leading-[54px] text-crop\">Discover the Purpose of the OCS Foundation<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>The OCS Foundation is a charity focused on creating opportunities for children and young people to thrive. By supporting those who need it most, the foundation leaves a lasting impact on their lives, helping them achieve a brighter future. The foundation is committed to contributing positively to communities by giving less-advantaged young people the best possible start in life.<\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                            <div  data-animate-container=\"text\" >\n                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Provide funding and community support to create opportunities.        <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Help children and young people overcome challenges.        <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Focus on supporting those who need it most.        <\/div>\n    <\/div>                                    <\/div>\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n\n            <section id=\"our-mission\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 lg:px-[88px] py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ucarecdn.com\/f3a9cb6a-0503-4fa6-b9a5-8600cbc8eace\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/f3a9cb6a-0503-4fa6-b9a5-8600cbc8eace\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/f3a9cb6a-0503-4fa6-b9a5-8600cbc8eace\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"A smiling girl in a white shirt and jeans digs in the soil with a trowel, while other children and an adult plant trees in the background. Patterned heart designs border the top of the image.\" class=\" object-cover  w-full h-full rounded-3xl group-hover:!scale-110 transition duration-150 ease-in\" \/>\n                <\/picture>\n            <\/div>\n                            <div class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-8 lg:py-6\">\n                            <div  data-animate-container=\"text\" >\n                    <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[36px] md:text-[44px] lg:mb-2 leading-[44px] md:leading-[54px] text-crop\">Our Mission<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p data-start=\"0\" data-end=\"297\">We want children and young people to have no limits to their potential, their dreams, or their futures. The OCS Foundation supports causes, projects and charities that give less advantaged young people the opportunity to explore their passions, unlock their potential, and transform their lives.<\/p>\n<p data-start=\"299\" data-end=\"614\" data-is-last-node=\"\" data-is-only-node=\"\">Harnessing the strength and reach of OCS, the OCS Foundation is committed to empowering individuals through mental health support, developmental activities, education, skills training, networks and opportunities \u2013 equipping them with the tools to thrive. Our commitment goes beyond immediate needs, aiming to create a positive and lasting impact.<\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n        <section id=\"block_acf-block-6a5a5ca8d28c2\"  data-animate-container=\"waterfall\"  x-data=\"{valueHovered: 0, currentImage: '', currentAlt: '',\n        init(){\n            this.currentImage = 'https:\/\/ucarecdn.com\/e56a38e0-d758-4dd1-8f64-bd0aca1b89cb\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/';\n            this.currentAlt = 'A young girl with glasses and long brown hair, wearing a yellow coat, smiles while climbing outdoor playground equipment. Autumn trees with yellow leaves blur in the background.';\n        },\n        changeValue(value, alt, index){\n            this.valueHovered = index;\n            this.currentImage = value;\n            this.currentAlt = alt;\n        }\n    }\" class=\"max-w-8xl mx-auto flex flex-col px-4 py-6 md:py-[72px] \">\n        <div data-animate=\"item\" class=\"py-8 md:py-14 lg:py-16  px-4 md:px-10 xl:px-[72px] rounded-[32px] flex flex-col gap-10 md:gap-12 lg:gap-[72px] #F7FBF7\" style=\"background-color:#F7FBF7\">\n            <div  data-animate-container=\"text\"  class=\"flex flex-col items-center justify-center gap-6 w-full mx-auto\">\n                                    <h2 data-animate=\"heading\" class=\"text-crop text-center text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Our Support Focus Areas:<\/h2>\n                                                    <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy text-xl\">Wellbeing and inclusion, education and skills development, and community support \u2013 each chosen to create meaningful and lasting change in the lives of children and young people.<\/p>\n                                            <\/div>\n                                            <div  data-animate-container=\"cards\"  class=\"hidden lg:flex lg:flex-row w-full h-full gap-16\">\n                    <div data-animate=\"card\" class=\"hidden lg:block group relative overflow-hidden w-full lg:w-1\/2 rounded-[18px] z-0 transition duration-150 ease-in\">\n                        <picture>\n                            <source :srcset=\"currentImage\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                            <source :srcset=\"currentImage\" type=\"image\/jpg\">\n                            <img :src=\"currentImage\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full object-cover object-center rounded-[32px]\" :alt=\"currentAlt\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"flex flex-row w-full lg:w-1\/2\">\n                        <div class=\"hidden lg:flex flex-none w-1 h-full bg-[#DAECDA]\">\n                        <\/div>\n                        <ul class=\"flex flex-col gap-10 lg:gap-0 w-full\">\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/e56a38e0-d758-4dd1-8f64-bd0aca1b89cb\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', 'A young girl with glasses and long brown hair, wearing a yellow coat, smiles while climbing outdoor playground equipment. Autumn trees with yellow leaves blur in the background.', '0')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Wellbeing &amp; Inclusion\u202f<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Promoting mental health, physical wellbeing, and social inclusion by creating supportive environments, encouraging healthy lifestyles, and fostering connections that empower individuals to thrive in all aspects of their lives.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/efc74a9d-2ffa-4f31-abdc-fbd07c2e6800\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '1')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Education &amp; Skills Development<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Supporting access to learning, training, and career pathways to help individuals develop new skills, build confidence, and create a brighter future through education and active engagement.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/49d427d5-eb8d-450a-a594-7f92695b8343\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '2')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Community Support\u202f<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Partnering with organisations to deliver meaningful local impact by collaborating on projects that address community needs, create positive change, and enhance the well-being of individuals and families in the areas we serve.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n\n                                <div class=\"lg:hidden splide image-scrolling-text-slider w-auto -mx-4 md:-mx-10\">\n                    <div class=\"splide__track\">\n                        <ul class=\"splide__list\">\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/e56a38e0-d758-4dd1-8f64-bd0aca1b89cb\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/e56a38e0-d758-4dd1-8f64-bd0aca1b89cb\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/e56a38e0-d758-4dd1-8f64-bd0aca1b89cb\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"A young girl with glasses and long brown hair, wearing a yellow coat, smiles while climbing outdoor playground equipment. Autumn trees with yellow leaves blur in the background.\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Wellbeing &amp; Inclusion\u202f<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Promoting mental health, physical wellbeing, and social inclusion by creating supportive environments, encouraging healthy lifestyles, and fostering connections that empower individuals to thrive in all aspects of their lives.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/efc74a9d-2ffa-4f31-abdc-fbd07c2e6800\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/efc74a9d-2ffa-4f31-abdc-fbd07c2e6800\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/efc74a9d-2ffa-4f31-abdc-fbd07c2e6800\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Education &amp; Skills Development<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Supporting access to learning, training, and career pathways to help individuals develop new skills, build confidence, and create a brighter future through education and active engagement.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/49d427d5-eb8d-450a-a594-7f92695b8343\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/49d427d5-eb8d-450a-a594-7f92695b8343\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/49d427d5-eb8d-450a-a594-7f92695b8343\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Community Support\u202f<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Partnering with organisations to deliver meaningful local impact by collaborating on projects that address community needs, create positive change, and enhance the well-being of individuals and families in the areas we serve.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                    <div class=\"splide__arrows flex flex-row justify-center !space-x-3 mt-8\">\n                        <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light text-themed transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Previous slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M15.8337 10.6953H4.16699\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                        <button class=\"next splide__arrow--next !right-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light text-themed transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/section>\n\n\n\n            <section id=\"block_acf-block-6a5a5ca8d28ed\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 lg:px-[88px] py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row-reverse \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ucarecdn.com\/1c7e0cc4-4e29-4202-a505-f0763f358d4f\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/1c7e0cc4-4e29-4202-a505-f0763f358d4f\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/1c7e0cc4-4e29-4202-a505-f0763f358d4f\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"A person wearing a green Volunteer shirt forms a heart shape with their hands while standing in a room with clothing racks and shelves in the background.\" class=\" object-cover  w-full h-full rounded-3xl group-hover:!scale-110 transition duration-150 ease-in\" \/>\n                <\/picture>\n            <\/div>\n                            <div class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-8 lg:py-6\">\n                            <div  data-animate-container=\"text\" >\n                    <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[36px] md:text-[44px] lg:mb-2 leading-[44px] md:leading-[54px] text-crop\">Our Approach<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>To ensure the best outcomes for young people, we need to cultivate both short term, and long-term partnerships within our communities. We work with a small number of organisations which operate both locally and nationally.<\/p>\n<p>We work with our colleagues to identify causes that align with the mission of the foundation and resonate with our OCS community. OCS is proud to work in many communities throughout the UK &amp; Ireland, and our OCS Foundation aims to reflect this to have a significant and lasting impact on the places we live and work.<\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                            <div  data-animate-container=\"text\" >\n                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Focus on long-term change \u2013 We prioritise sustainable partnerships that deliver lasting benefits for young people.        <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Support where it\u2019s needed most \u2013 We direct funding and resources to communities facing the greatest challenges.        <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Empower through collaboration \u2013 By working closely with our colleagues and partners, we amplify our collective impact.        <\/div>\n    <\/div>                                    <\/div>\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n    <section id=\"block_acf-block-6a5a5ca8d294c\"  class=\"block_best_pillars max-w-8xl mx-auto py-6 md:py-[72px] px-4 md:px-[88px] w-full  \"  data-animate-container=\"waterfall\"   x-data=\"{\n                visibleForm: 'pillar0',\n                accordion: 0,\n                markerWidth: 0,\n                markerHeight: 0,\n                markerTransform: 0,\n                init() {\n                    this.updateMarker(this.$refs.pillar0);\n                },\n                changeForm(key) {\n                    this.visibleForm = key;\n                    this.updateMarker(this.$event.target);\n                },\n                updateMarker(button) {\n                    this.markerWidth = `${button.offsetWidth}px`;\n                    this.markerHeight = `${button.offsetHeight}px`;\n                    this.markerTransform = `translateX(${button.offsetLeft}px) translateY(0)`;\n                }\n            }\" @resize.window=\"updateMarker($refs[visibleForm])\" >\n        <div data-animate=\"item\" class=\"w-full px-6 flex flex-col justify-center gap-8 md:gap-16  py-8 md:p-8 lg:p-[54px]  rounded-3xl\" style=\"background-color: #F7FBF7\">\n            <div class=\"flex flex-col gap-6\">\n                                    <div  data-animate-container=\"text\"  class=\"mx-auto text-center flex flex-col justify-center gap-6\">\n                                                    <h3 data-animate=\"heading\" class=\"max-w-[882px] mx-auto text-ocs-gray-nav font-medium text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] text-crop\">\n                                Making a Difference Together                            <\/h3>\n                                                                            <p data-animate=\"prose\" class=\"text-ocs-blue-navy text-xl leading-[28px] font-medium max-w-[680px] mx-auto\">\n                                Through the OCS Foundation, we proudly support a range of organisations that strengthen the communities we serve.                            <\/p>\n                                            <\/div>\n                                <!-- change pillar button -->\n                                    <div data-animate=\"item\" class=\"hidden mx-auto lg:flex justify-center w-full overflow-hidden\">\n                        <div class=\"relative flex flex-row overflow-x-auto bg-white  border border-themed-light p-1.5 rounded-3xl md:rounded-full\">\n                                                            <button x-ref=\"pillar0\" @click=\"changeForm('pillar0')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleForm == 'pillar0' ? 'text-white' : 'text-themed'\">\n                                    Irish Youth Foundation                                <\/button>\n                                                            <button x-ref=\"pillar1\" @click=\"changeForm('pillar1')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleForm == 'pillar1' ? 'text-white' : 'text-themed'\">\n                                    Scotty&#8217;s Little Soldiers                                <\/button>\n                                                            <button x-ref=\"pillar2\" @click=\"changeForm('pillar2')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleForm == 'pillar2' ? 'text-white' : 'text-themed'\">\n                                    Brighten the Corners                                <\/button>\n                                                            <button x-ref=\"pillar3\" @click=\"changeForm('pillar3')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleForm == 'pillar3' ? 'text-white' : 'text-themed'\">\n                                    Teenage Cancer Trust                                <\/button>\n                                                        <div x-ref=\"marker\" id=\"marker\" class=\"absolute left-0 top-1.5 w-full h-full rounded-3xl md:rounded-full transition-all duration-150 ease-in-out themed-icon-bg\" :style=\"`width: ${markerWidth}; height: ${markerHeight}; transform: ${markerTransform}`\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n            <!-- pillars content -->\n            \n                                                    \n                                    <div  data-animate-container=\"cards\"  class=\"group flex lg:hidden\">\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center w-full\">\n                                                            <div data-animate=\"image\" class=\"relative overflow-hidden w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Irish-Youth-Foundation-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Irish-Youth-Foundation-1024x1024.jpg\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Irish-Youth-Foundation-1024x1024.jpg\" alt=\"A group of children and teenagers stand in two queues on a grassy field, tossing water balloons to each other on a sunny day with scattered clouds. Some balloons are mid-air, and everyone is focused on catching them.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 lg:py-[45px]\">\n                                                                            <button type=\"button\" @click=\"accordion === 0 ? accordion = null : accordion = 0\" :aria-expanded=\"accordion === 0\" class=\"flex flex-row items-center justify-between gap-4 w-full text-left\">\n                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Irish Youth Foundation<\/h2>\n                                            <span class=\"rounded-full border border-ocs-orange-light flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                                <svg x-show=\"accordion === 0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path d=\"M4.16699 10.5H15.8337\" stroke=\"#FE5000\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                <\/svg>\n                                                <svg x-show=\"accordion !== 0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"#FE5000\" \/>\n                                                <\/svg>\n                                            <\/span>\n                                        <\/button>\n                                                                                                                <div x-cloak x-show=\"accordion === 0\" x-collapse>\n                                            <div class=\"flex flex-col gap-6 pt-6\">\n                                                                                                    <div class=\"text-ocs-blue-navy prose\">\n                                                        <p class=\"p1\"><span data-teams=\"true\">OCS Foundation is supporting IYF Bursaries, to help young people facing financial hardship by removing barriers to education, training and future opportunities.<\/span><\/p>\n<ul>\n<li class=\"p1\">Books, laptops, equipment, course fees and exam costs<\/li>\n<li class=\"p1\">Access to further and higher education or vocational training<\/li>\n<li class=\"p1\">Travel costs for school, college and apprenticeships<\/li>\n<li class=\"p1\">Essential tools and equipment for apprenticeships and training<\/li>\n<li class=\"p1\">Wellbeing support where financial hardship creates barriers<\/li>\n<\/ul>\n                                                    <\/div>\n                                                                                                <!-- buttons -->\n                                                                                                                                                                                                                        <div class=\"w-max max-w-full\">\n                                                                \n<a href=\"https:\/\/iyf.ie\/\" class=\"text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black  btn-themed-outline \"  target=\"_blank\" >\n    Learn More About the Irish Youth Foundation <\/a>                                                            <\/div>\n                                                                                                                                                                                                        <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div  data-animate-container=\"cards\"  class=\"hidden lg:block\" x-show=\"visibleForm == 'pillar0'\" x-cloak>\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"group relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center\">\n                                                            <div data-animate=\"image\" class=\"relative w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Irish-Youth-Foundation-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Irish-Youth-Foundation-1024x1024.jpg\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Irish-Youth-Foundation-1024x1024.jpg\" alt=\"A group of children and teenagers stand in two queues on a grassy field, tossing water balloons to each other on a sunny day with scattered clouds. Some balloons are mid-air, and everyone is focused on catching them.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-6 lg:py-[45px]\">\n                                                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Irish Youth Foundation<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <p class=\"p1\"><span data-teams=\"true\">OCS Foundation is supporting IYF Bursaries, to help young people facing financial hardship by removing barriers to education, training and future opportunities.<\/span><\/p>\n<ul>\n<li class=\"p1\">Books, laptops, equipment, course fees and exam costs<\/li>\n<li class=\"p1\">Access to further and higher education or vocational training<\/li>\n<li class=\"p1\">Travel costs for school, college and apprenticeships<\/li>\n<li class=\"p1\">Essential tools and equipment for apprenticeships and training<\/li>\n<li class=\"p1\">Wellbeing support where financial hardship creates barriers<\/li>\n<\/ul>\n                                        <\/div>\n                                                                        <!-- buttons -->\n                                                                                                                                                                        <div data-animate=\"button\" class=\"w-max max-w-full\">\n                                                    \n<a href=\"https:\/\/iyf.ie\/\" class=\"  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black  btn-themed-outline \"  target=\"_blank\" >\n    Learn More About the Irish Youth Foundation <\/a>                                                <\/div>\n                                                                                                                                                        <\/div>\n                                                    <\/div>\n                    <\/div>\n                            \n                                                    \n                                    <div  data-animate-container=\"cards\"  class=\"group flex lg:hidden\">\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center w-full\">\n                                                            <div data-animate=\"image\" class=\"relative overflow-hidden w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Scottys-Little-Soldiers-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Scottys-Little-Soldiers-1024x1024.jpg\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Scottys-Little-Soldiers-1024x1024.jpg\" alt=\"Four children in red Scotty's Little Soldiers shirts sit and kneel under a camouflage shelter in a wooded area, surrounded by trees and leaves. They look at the camera, smiling and relaxed.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 lg:py-[45px]\">\n                                                                            <button type=\"button\" @click=\"accordion === 1 ? accordion = null : accordion = 1\" :aria-expanded=\"accordion === 1\" class=\"flex flex-row items-center justify-between gap-4 w-full text-left\">\n                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Scotty&#8217;s Little Soldiers<\/h2>\n                                            <span class=\"rounded-full border border-ocs-orange-light flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                                <svg x-show=\"accordion === 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path d=\"M4.16699 10.5H15.8337\" stroke=\"#FE5000\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                <\/svg>\n                                                <svg x-show=\"accordion !== 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"#FE5000\" \/>\n                                                <\/svg>\n                                            <\/span>\n                                        <\/button>\n                                                                                                                <div x-cloak x-show=\"accordion === 1\" x-collapse>\n                                            <div class=\"flex flex-col gap-6 pt-6\">\n                                                                                                    <div class=\"text-ocs-blue-navy prose\">\n                                                        <p class=\"p1\"><span data-teams=\"true\">We&#8217;re helping bereaved military children and their families by supporting the maintenance of a holiday property in the UK for families to get away, spend quality time together and creating positive memories.<\/span><\/p>\n<ul>\n<li><span class=\"s1\">349 children and families benefited from respite breaks in 2025<\/span><\/li>\n<li><span class=\"s1\">99% reported stronger communication, belonging and connection<\/span><\/li>\n<li><span class=\"s1\">54% couldn\u2019t have afforded a break without Scotty\u2019s support<\/span><\/li>\n<li><span class=\"s1\">Holiday lodges provide space to reconnect and recover<\/span><\/li>\n<li><span class=\"s1\">Each family break costs around \u00a31,000<\/span><\/li>\n<\/ul>\n                                                    <\/div>\n                                                                                                <!-- buttons -->\n                                                                                                                                                                                                                        <div class=\"w-max max-w-full\">\n                                                                \n<a href=\"https:\/\/www.scottyslittlesoldiers.co.uk\/\" class=\"text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black  btn-themed-outline \"  target=\"_blank\" >\n    Learn More About Scottys Little Soldiers <\/a>                                                            <\/div>\n                                                                                                                                                                                                        <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div  data-animate-container=\"cards\"  class=\"hidden lg:block\" x-show=\"visibleForm == 'pillar1'\" x-cloak>\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"group relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center\">\n                                                            <div data-animate=\"image\" class=\"relative w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Scottys-Little-Soldiers-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Scottys-Little-Soldiers-1024x1024.jpg\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Scottys-Little-Soldiers-1024x1024.jpg\" alt=\"Four children in red Scotty's Little Soldiers shirts sit and kneel under a camouflage shelter in a wooded area, surrounded by trees and leaves. They look at the camera, smiling and relaxed.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-6 lg:py-[45px]\">\n                                                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Scotty&#8217;s Little Soldiers<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <p class=\"p1\"><span data-teams=\"true\">We&#8217;re helping bereaved military children and their families by supporting the maintenance of a holiday property in the UK for families to get away, spend quality time together and creating positive memories.<\/span><\/p>\n<ul>\n<li><span class=\"s1\">349 children and families benefited from respite breaks in 2025<\/span><\/li>\n<li><span class=\"s1\">99% reported stronger communication, belonging and connection<\/span><\/li>\n<li><span class=\"s1\">54% couldn\u2019t have afforded a break without Scotty\u2019s support<\/span><\/li>\n<li><span class=\"s1\">Holiday lodges provide space to reconnect and recover<\/span><\/li>\n<li><span class=\"s1\">Each family break costs around \u00a31,000<\/span><\/li>\n<\/ul>\n                                        <\/div>\n                                                                        <!-- buttons -->\n                                                                                                                                                                        <div data-animate=\"button\" class=\"w-max max-w-full\">\n                                                    \n<a href=\"https:\/\/www.scottyslittlesoldiers.co.uk\/\" class=\"  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black  btn-themed-outline \"  target=\"_blank\" >\n    Learn More About Scottys Little Soldiers <\/a>                                                <\/div>\n                                                                                                                                                        <\/div>\n                                                    <\/div>\n                    <\/div>\n                            \n                                                    \n                                    <div  data-animate-container=\"cards\"  class=\"group flex lg:hidden\">\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center w-full\">\n                                                            <div data-animate=\"image\" class=\"relative overflow-hidden w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Brighten-the-Corners-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Brighten-the-Corners-1024x1024.jpg\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Brighten-the-Corners-1024x1024.jpg\" alt=\"A group of nine young people pose on stage under colourful lights. One holds drumsticks, another holds a guitar, and another holds a keyboard. Everyone is smiling and standing in front of a sign that reads The Smokehouse.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 lg:py-[45px]\">\n                                                                            <button type=\"button\" @click=\"accordion === 2 ? accordion = null : accordion = 2\" :aria-expanded=\"accordion === 2\" class=\"flex flex-row items-center justify-between gap-4 w-full text-left\">\n                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Brighten the Corners<\/h2>\n                                            <span class=\"rounded-full border border-ocs-orange-light flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                                <svg x-show=\"accordion === 2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path d=\"M4.16699 10.5H15.8337\" stroke=\"#FE5000\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                <\/svg>\n                                                <svg x-show=\"accordion !== 2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"#FE5000\" \/>\n                                                <\/svg>\n                                            <\/span>\n                                        <\/button>\n                                                                                                                <div x-cloak x-show=\"accordion === 2\" x-collapse>\n                                            <div class=\"flex flex-col gap-6 pt-6\">\n                                                                                                    <div class=\"text-ocs-blue-navy prose\">\n                                                        <p>We&#8217;re supporting young people across Suffolk through a year long programme (New Gen) that combines music, creativity and youth development.<\/p>\n<ul>\n<li>30 creative sessions delivered throughout the year<\/li>\n<li>Builds confidence, communication skills and progression opportunities<\/li>\n<li>40% of previous participants identified as neurodivergent<\/li>\n<li>32% came from ethnically diverse communities and 36% identified as female or gender minority<\/li>\n<li>Creating inclusive opportunities through music and creativity<\/li>\n<\/ul>\n                                                    <\/div>\n                                                                                                <!-- buttons -->\n                                                                                                                                                                                                                        <div class=\"w-max max-w-full\">\n                                                                \n<a href=\"https:\/\/www.brightenthecorners.co.uk\/\" class=\"text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black  btn-themed-outline \"  target=\"_blank\" >\n    Learn More About Brighten the Corners <\/a>                                                            <\/div>\n                                                                                                                                                                                                        <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div  data-animate-container=\"cards\"  class=\"hidden lg:block\" x-show=\"visibleForm == 'pillar2'\" x-cloak>\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"group relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center\">\n                                                            <div data-animate=\"image\" class=\"relative w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Brighten-the-Corners-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Brighten-the-Corners-1024x1024.jpg\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Brighten-the-Corners-1024x1024.jpg\" alt=\"A group of nine young people pose on stage under colourful lights. One holds drumsticks, another holds a guitar, and another holds a keyboard. Everyone is smiling and standing in front of a sign that reads The Smokehouse.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-6 lg:py-[45px]\">\n                                                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Brighten the Corners<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <p>We&#8217;re supporting young people across Suffolk through a year long programme (New Gen) that combines music, creativity and youth development.<\/p>\n<ul>\n<li>30 creative sessions delivered throughout the year<\/li>\n<li>Builds confidence, communication skills and progression opportunities<\/li>\n<li>40% of previous participants identified as neurodivergent<\/li>\n<li>32% came from ethnically diverse communities and 36% identified as female or gender minority<\/li>\n<li>Creating inclusive opportunities through music and creativity<\/li>\n<\/ul>\n                                        <\/div>\n                                                                        <!-- buttons -->\n                                                                                                                                                                        <div data-animate=\"button\" class=\"w-max max-w-full\">\n                                                    \n<a href=\"https:\/\/www.brightenthecorners.co.uk\/\" class=\"  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black  btn-themed-outline \"  target=\"_blank\" >\n    Learn More About Brighten the Corners <\/a>                                                <\/div>\n                                                                                                                                                        <\/div>\n                                                    <\/div>\n                    <\/div>\n                            \n                                                    \n                                    <div  data-animate-container=\"cards\"  class=\"group flex lg:hidden\">\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center w-full\">\n                                                            <div data-animate=\"image\" class=\"relative overflow-hidden w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Teenage-Cancer-Trust-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Teenage-Cancer-Trust-1024x1024.jpg\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Teenage-Cancer-Trust-1024x1024.jpg\" alt=\"A smiling girl with braces reaches for a slice of pizza from a box while sitting at a table. She wears a grey sweatshirt and has her long hair styled in a high bun. The background features a forest-themed wall mural.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 lg:py-[45px]\">\n                                                                            <button type=\"button\" @click=\"accordion === 3 ? accordion = null : accordion = 3\" :aria-expanded=\"accordion === 3\" class=\"flex flex-row items-center justify-between gap-4 w-full text-left\">\n                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Teenage Cancer Trust<\/h2>\n                                            <span class=\"rounded-full border border-ocs-orange-light flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                                <svg x-show=\"accordion === 3\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path d=\"M4.16699 10.5H15.8337\" stroke=\"#FE5000\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                <\/svg>\n                                                <svg x-show=\"accordion !== 3\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"#FE5000\" \/>\n                                                <\/svg>\n                                            <\/span>\n                                        <\/button>\n                                                                                                                <div x-cloak x-show=\"accordion === 3\" x-collapse>\n                                            <div class=\"flex flex-col gap-6 pt-6\">\n                                                                                                    <div class=\"text-ocs-blue-navy prose\">\n                                                        <p>We&#8217;re helping young people manage the emotional and practical impact of cancer throughout treatment and beyond by supporting the TCT wellbeing programme this year. This offers:<\/p>\n<ul>\n<li>Specialist Youth Support Coordinators provide one to one guidance<\/li>\n<li>Support with returning to education, work and everyday life<\/li>\n<li>Helping young people adjust to physical and emotional changes<\/li>\n<li>Activities and events reduce isolation and build lasting friendships<\/li>\n<li>Creating opportunities to connect with others facing similar experiences<\/li>\n<\/ul>\n                                                    <\/div>\n                                                                                                <!-- buttons -->\n                                                                                                                                                                                                                        <div class=\"w-max max-w-full\">\n                                                                \n<a href=\"https:\/\/www.teenagecancertrust.org\/\" class=\"text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black  btn-themed-outline \"  target=\"_blank\" >\n    Learn More About Teenage Cancer Trust <\/a>                                                            <\/div>\n                                                                                                                                                                                                        <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div  data-animate-container=\"cards\"  class=\"hidden lg:block\" x-show=\"visibleForm == 'pillar3'\" x-cloak>\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"group relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center\">\n                                                            <div data-animate=\"image\" class=\"relative w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Teenage-Cancer-Trust-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Teenage-Cancer-Trust-1024x1024.jpg\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Teenage-Cancer-Trust-1024x1024.jpg\" alt=\"A smiling girl with braces reaches for a slice of pizza from a box while sitting at a table. She wears a grey sweatshirt and has her long hair styled in a high bun. The background features a forest-themed wall mural.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-6 lg:py-[45px]\">\n                                                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Teenage Cancer Trust<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <p>We&#8217;re helping young people manage the emotional and practical impact of cancer throughout treatment and beyond by supporting the TCT wellbeing programme this year. This offers:<\/p>\n<ul>\n<li>Specialist Youth Support Coordinators provide one to one guidance<\/li>\n<li>Support with returning to education, work and everyday life<\/li>\n<li>Helping young people adjust to physical and emotional changes<\/li>\n<li>Activities and events reduce isolation and build lasting friendships<\/li>\n<li>Creating opportunities to connect with others facing similar experiences<\/li>\n<\/ul>\n                                        <\/div>\n                                                                        <!-- buttons -->\n                                                                                                                                                                        <div data-animate=\"button\" class=\"w-max max-w-full\">\n                                                    \n<a href=\"https:\/\/www.teenagecancertrust.org\/\" class=\"  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black  btn-themed-outline \"  target=\"_blank\" >\n    Learn More About Teenage Cancer Trust <\/a>                                                <\/div>\n                                                                                                                                                        <\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <\/div>\n    <\/section>\n\n\n    <section id=\"block_acf-block-6a5a5ca8d29a4\"  data-animate-container=\"waterfall\"  class=\"py-6 md:py-16 flex flex-col items-center gap-8 xl:gap-12  \">\n        <div data-animate=\"item\"  data-animate-container=\"text\"  class=\"max-w-8xl w-full mx-auto px-4 md:px-12 lg:px-[88px] flex flex-col items-center text-center gap-6 lg:gap-8\">\n                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-3xl md:text-4xl leading-[38px] md:leading-[44px] -tracking-[0.5px]\">\n                    Meet Our Small Grants Recipients                <\/h2>\n                                        <p data-animate=\"prose\" class=\"text-ocs-blue-navy text-xl leading-[26px] max-w-2xl\">\n                    These 10 organisations \u2013 all nominated and voted for by OCS colleagues \u2013 will each receive a \u00a31,000 grant in 2026.                <\/p>\n                                <\/div>\n\n                    <div class=\"w-full relative\">\n                <div\n                    class=\"absolute z-10 inset-y-0 left-0 w-16 md:w-24 backdrop-blur-[2px] from-white via-white\/60 to-transparent bg-gradient-to-r from-0% via-50% to-100% pointer-events-none [mask-image:linear-gradient(to_right,black,transparent)]\">\n                <\/div>\n\n                <div  data-animate=\"slider-row\"  class=\"splide logos-tickertape-slider w-full\">\n                    <div class=\"relative splide__track\">\n                        <ul class=\"splide__list\">\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a href=\"https:\/\/worcesterdeafchildren.co.uk\/\" class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible  hover:scale-105 transition ease-in duration-150 \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Worcester-Deaf-Childrens-Society-Logo-300x300.jpg\" alt=\"Logo with the letters WDCS below four stylised figures in blue, purple, red, and yellow, representing a group of people with their arms raised, suggesting unity and community.\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a href=\"https:\/\/www.facebook.com\/alloaboxin.club\/\" class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible  hover:scale-105 transition ease-in duration-150 \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Alloa-Boxing-Club-Logo-300x300.jpg\" alt=\"Logo for Alloa Boxing Club featuring large, stylised letters \u201cA\u201d and \u201cB\u201d intertwined in black, white, and gold, with the words Alloa Boxing Club curved around the top and bottom.\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a href=\"https:\/\/keeleydfoundation.ie\/\" class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible  hover:scale-105 transition ease-in duration-150 \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Keeley-D-Foundation-300x300.jpg\" alt=\"The image is a pink logo with the words Keeley.D Foundation. The K resembles a butterfly wing, and the D forms a curved shape, both in a playful font. The background is white.\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Sweatbox-Boxing-Academy-Ltd-300x300.jpeg\" alt=\"Logo for Sweat Box Boxing Academy featuring a stylised boxing ring above bold text. \u201cSWEAT BOX\u201d is written inside a yellow hexagon with a drop symbol as the \u201cO\u201d; \u201cBOXING ACADEMY\u201d appears below in black capital letters.\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a href=\"https:\/\/leanonme.org.uk\/\" class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible  hover:scale-105 transition ease-in duration-150 \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Lean-on-Me-Logo-1-300x300.jpg\" alt=\"Text in blue reads LEAN ON ME with smaller text below stating IN HONOUR OF JESSE OWEN on a plain white background.\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a href=\"https:\/\/physcap.org\/\" class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible  hover:scale-105 transition ease-in duration-150 \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Phys-Cap-Logo-300x300.jpg\" alt=\"The PhysCap logo with the words PhysCap in blue and red, and the slogan Big help for little people in red and green, with little underlined in red.\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a href=\"https:\/\/www.spekeadventureplayground.co.uk\/\" class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible  hover:scale-105 transition ease-in duration-150 \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Speke-Childrens-Committee-300x300.jpg\" alt=\"Logo with six colourful, stylised children holding hands in a circle around a green SAV monogram. Text below reads SPEKE VENNY and ADVENTURE PLAYGROUND.\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a href=\"https:\/\/www.clydebankrugbyfootballclub.com\/\" class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible  hover:scale-105 transition ease-in duration-150 \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Clydebank-Titans-Rugby-Club-Logo-300x300.jpg\" alt=\"Circular logo for Clydebank Rugby Football Club. A black deer with a yellow band on its neck stands in the centre of a red background, with CLYDEBANK RUGBY FOOTBALL CLUB and 1969 around the edge.\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a href=\"https:\/\/hitchinbelles.com\/\" class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible  hover:scale-105 transition ease-in duration-150 \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Hitchin-Belles-Logo-300x300.jpg\" alt=\"The logo of Hitchin Belles Football Club features a blue circle with Hitchin Belles Football Club and 1999 written round the edge, and a stylised HB monogram in the centre.\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a href=\"https:\/\/roystonyouthaction.co.uk\/\" class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible  hover:scale-105 transition ease-in duration-150 \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Royston-Youth-Action-Logo-2-300x300.jpg\" alt=\"Logo for Royston Youth Action with RYA in bold letters and arrows on a brick wall. Words like learning, diversity, future, respect, empowerment, and encouragement appear around it, with Building for the Future at the bottom.\">\n                                                                            <\/a>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n\n                <div\n                    class=\"absolute z-10 inset-y-0 right-0 w-16 md:w-24 backdrop-blur-[2px] from-white via-white\/60 to-transparent bg-gradient-to-l from-0% via-50% to-100% pointer-events-none [mask-image:linear-gradient(to_left,black,transparent)]\">\n                <\/div>\n            <\/div>\n            <\/section>\n\n\n\n    <section class=\"divider w-full h-8 md:h-16 bg-white\">\n    <\/section>\n\n\n\n    <section id=\"support\"   data-animate-container=\"waterfall\"  class=\"max-w-8xl mx-auto  py-6 md:py-[72px]  w-full h-full rounded-[32px] px-4 md:px-[72px] \">\n                                    <div data-animate=\"item\" class=\"overflow-hidden relative bg-cover bg-no-repeat bg-center w-full h-full min-h-[480px] rounded-[32px] flex items-center \">\n                    <div class=\"w-full h-full flex items-center justify-center rounded-[32px]\">\n                                                    <div class=\"absolute z-20 opacity-40 inset-0 w-fit h-full text-themed-lightest \">\n                                                            <\/div>\n                                                                            <div class=\"absolute z-10 w-full h-full bg-[#000000]\/50 min-h-[480px]\">\n                            <\/div>\n                            <div class=\"z-0 absolute w-full h-full\">\n                                <picture>\n                                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/OCS-Foundation-Banner-768x636.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/OCS-Foundation-Banner-1024x326.jpg\" media=\"(max-width: 1536px)\" type=\"image\/jpg\">\n                                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/OCS-Foundation-Banner-1536x488.jpg\" type=\"image\/jpg\">\n                                    <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/OCS-Foundation-Banner-1536x488.jpg\" class=\"w-full h-full object-cover object-center\" alt=\"Two smiling young boys play outside; one boy gives the other a piggyback. They are on a grassy field with tall buildings and palm trees in the background at sunset.\">\n                                <\/picture>\n                            <\/div>\n                                            \n                                                                                                                                <div  data-animate-container=\"text\"  class=\"relative flex flex-col items-center justify-center gap-6\n                                                                    max-w-[680px] px-8 py-[87px]\n                                \">\n                                \n                                                                    <h2 data-animate=\"heading\" class=\"text-white z-30 font-medium text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] text-center mx-auto w-full text-crop\">Support the OCS Foundation<\/h2>\n                                                                                                    <p data-animate=\"prose\" class=\"text-white z-30 font-medium text-xl text-center mx-auto w-full\">Your donation helps us support our key partners to deliver opportunities to those in our communities that need it most.<\/p>\n                                                                                                                                        \n<a href=\"https:\/\/www.justgiving.com\/ocsfoundation\" class=\"z-30 lg:mt-2 w-full max-w-fit text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black  btn-themed \"  target=\"_blank\" >\n    Make a Donation <\/a>                                                            <\/div>\n                        \n                                                <\/div>\n                    <\/div>\n                                    <\/section>\n\n\n        <section id=\"meet-our-trustees\"   data-animate-container=\"waterfall\"  class=\"flex flex-col py-6 md:py-[44px] max-w-8xl mx-auto px-4 overflow-hidden  \" >\n                <div data-animate=\"item\" class=\" py-12 md:py-16  rounded-[32px]\n                                md:px-[42px] lg:px-[72px]            \" style=\"background-color: #F7FBF7\" >\n                            <div x-data=\"fmCarousel\"  data-animate-container=\"text\"  class=\"block-fm-services-carousel relative splide !flex flex-col md:flex-row items-stretch h-full min-h-[407px] justify-between gap-10 md:gap-8 pb-[80px] md:pb-0\" x-ref=\"fmSlider\" data-bg-color=\"#F7FBF7\">\n    <div class=\"flex-none  pl-6 md:pl-0  flex flex-col items-start justify-center gap-6 w-full md:max-w-[400px]\">\n                    <h2 data-animate=\"heading\" class=\"text-crop text-left text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Meet Our Trustees<\/h2>\n                            <p data-animate=\"prose\" class=\"text-left text-ocs-blue-navy text-xl\">Meet the dedicated trustees guiding the OCS Foundation\u2019s mission and impact.<\/p>\n        \n                                \n<a href=\"https:\/\/ocs.com\/uk\/ocs-foundation\/meet-our-trustees\/\" class=\"md:mt-2 w-full max-w-fit text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black  btn-themed \"  target=\"_self\" >\n    View Profiles <\/a>                <!-- Desktop Slider Arrows -->\n                    <div data-animate=\"button\" class=\" splide__arrows absolute bottom-0 left-0 right-0 md:relative flex gap-3 flex-row justify-center\">\n                <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center border themed-icon-border themed-icon bg-white themed-icon-hover transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Previous slide\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                        <path d=\"M15.8337 10.6953H4.16699\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                        <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                    <\/svg>\n                <\/button>\n                <button class=\"next splide__arrow--next !right-0 relative opacity-100 flex flex-none items-center border themed-icon-border themed-icon bg-white themed-icon-hover transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                        <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                        <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n            <\/div>\n            <div class=\"splide__track w-full  md:-mr-[42px] lg:-mr-[72px]\">\n            <ul  data-animate-container=\"cards\"  class=\"splide__list\">\n                                                            <li data-animate=\"card\" class=\"splide__slide group flex flex-col items-stretch justify-start gap-6 w-full max-w-[400px] h-full mx-auto\">\n                            <a href=\"https:\/\/ocs.com\/uk\/ocs-foundation\/meet-our-trustees#lorraine-o-brien\" aria-label=\"Go to page: Lorraine O Brien\" class=\"w-full h-full flex flex-col focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                    <div class=\"relative overflow-hidden w-full h-full min-h-[383px] md:min-h-[250px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4ffa593d-fef7-4ede-b914-736043acd473\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full min-h-[383px] md:min-h-[250px] object-cover object-center rounded-[24px]\" alt=\"Lorraine O Brien\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"absolute bottom-0 left-0 right-0 md:-mt-8 md:relative z-20 flex flex-col rounded-3xl p-8 gap-4  bg-white \">\n                                        <div class=\"flex flex-row justify-between items-start gap-4\">\n                                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[28px] leading-[38px] font-medium text-ocs-gray-nav\">Lorraine O Brien<\/h3>\n                                                <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                        <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                        <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                    <\/svg>\n                                                <\/div>\n                                                                                                                                <\/div>\n\n                                                                                    <p class=\"text-ocs-blue-navy\">Chair<\/p>\n                                                                            <\/div>\n                                                            <\/a>\n                        <\/li>\n                                                                                <li data-animate=\"card\" class=\"splide__slide group flex flex-col items-stretch justify-start gap-6 w-full max-w-[400px] h-full mx-auto\">\n                            <a href=\"https:\/\/ocs.com\/uk\/ocs-foundation\/meet-our-trustees#rob-legge\" aria-label=\"Go to page: Rob Legge\" class=\"w-full h-full flex flex-col focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                    <div class=\"relative overflow-hidden w-full h-full min-h-[383px] md:min-h-[250px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/15a8a0da-f92e-46f1-8d72-c8862d40d7a1\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full min-h-[383px] md:min-h-[250px] object-cover object-center rounded-[24px]\" alt=\"Rob Legge\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"absolute bottom-0 left-0 right-0 md:-mt-8 md:relative z-20 flex flex-col rounded-3xl p-8 gap-4  bg-white \">\n                                        <div class=\"flex flex-row justify-between items-start gap-4\">\n                                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[28px] leading-[38px] font-medium text-ocs-gray-nav\">Rob Legge<\/h3>\n                                                <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                        <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                        <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                    <\/svg>\n                                                <\/div>\n                                                                                                                                <\/div>\n\n                                                                                    <p class=\"text-ocs-blue-navy\">Trustee<\/p>\n                                                                            <\/div>\n                                                            <\/a>\n                        <\/li>\n                                                                                <li data-animate=\"card\" class=\"splide__slide group flex flex-col items-stretch justify-start gap-6 w-full max-w-[400px] h-full mx-auto\">\n                            <a href=\"https:\/\/ocs.com\/uk\/ocs-foundation\/meet-our-trustees#daniel-dickson\" aria-label=\"Go to page: Daniel Dickson\" class=\"w-full h-full flex flex-col focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                    <div class=\"relative overflow-hidden w-full h-full min-h-[383px] md:min-h-[250px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/ff7f2355-9c0c-4a08-a0b8-f45528af9a12\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full min-h-[383px] md:min-h-[250px] object-cover object-center rounded-[24px]\" alt=\"Daniel Dickson\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"absolute bottom-0 left-0 right-0 md:-mt-8 md:relative z-20 flex flex-col rounded-3xl p-8 gap-4  bg-white \">\n                                        <div class=\"flex flex-row justify-between items-start gap-4\">\n                                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[28px] leading-[38px] font-medium text-ocs-gray-nav\">Daniel Dickson<\/h3>\n                                                <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                        <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                        <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                    <\/svg>\n                                                <\/div>\n                                                                                                                                <\/div>\n\n                                                                                    <p class=\"text-ocs-blue-navy\">Trustee<\/p>\n                                                                            <\/div>\n                                                            <\/a>\n                        <\/li>\n                                                                                <li data-animate=\"card\" class=\"splide__slide group flex flex-col items-stretch justify-start gap-6 w-full max-w-[400px] h-full mx-auto\">\n                            <a href=\"https:\/\/ocs.com\/uk\/ocs-foundation\/meet-our-trustees#donna-legge\" aria-label=\"Go to page: Donna Legge\" class=\"w-full h-full flex flex-col focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                    <div class=\"relative overflow-hidden w-full h-full min-h-[383px] md:min-h-[250px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/07a1a8cf-0f95-4572-9c1d-43d1ac1f5fdb\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full min-h-[383px] md:min-h-[250px] object-cover object-center rounded-[24px]\" alt=\"Donna Legge\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"absolute bottom-0 left-0 right-0 md:-mt-8 md:relative z-20 flex flex-col rounded-3xl p-8 gap-4  bg-white \">\n                                        <div class=\"flex flex-row justify-between items-start gap-4\">\n                                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[28px] leading-[38px] font-medium text-ocs-gray-nav\">Donna Legge<\/h3>\n                                                <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                        <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                        <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                    <\/svg>\n                                                <\/div>\n                                                                                                                                <\/div>\n\n                                                                                    <p class=\"text-ocs-blue-navy\">Trustee<\/p>\n                                                                            <\/div>\n                                                            <\/a>\n                        <\/li>\n                                                                                <li data-animate=\"card\" class=\"splide__slide group flex flex-col items-stretch justify-start gap-6 w-full max-w-[400px] h-full mx-auto\">\n                            <a href=\"https:\/\/ocs.com\/uk\/ocs-foundation\/meet-our-trustees#dan-barber\" aria-label=\"Go to page: Dan Barber\" class=\"w-full h-full flex flex-col focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                    <div class=\"relative overflow-hidden w-full h-full min-h-[383px] md:min-h-[250px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/7e87fd91-a8e9-4c71-8ac1-e5dc9c58be0a\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full min-h-[383px] md:min-h-[250px] object-cover object-center rounded-[24px]\" alt=\"Dan Barber\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"absolute bottom-0 left-0 right-0 md:-mt-8 md:relative z-20 flex flex-col rounded-3xl p-8 gap-4  bg-white \">\n                                        <div class=\"flex flex-row justify-between items-start gap-4\">\n                                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[28px] leading-[38px] font-medium text-ocs-gray-nav\">Dan Barber<\/h3>\n                                                <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                        <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                        <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                    <\/svg>\n                                                <\/div>\n                                                                                                                                <\/div>\n\n                                                                                    <p class=\"text-ocs-blue-navy\">Trustee<\/p>\n                                                                            <\/div>\n                                                            <\/a>\n                        <\/li>\n                                                                                <li data-animate=\"card\" class=\"splide__slide group flex flex-col items-stretch justify-start gap-6 w-full max-w-[400px] h-full mx-auto\">\n                            <a href=\"https:\/\/ocs.com\/uk\/ocs-foundation\/meet-our-trustees#nikki-brown\" aria-label=\"Go to page: Nikki Brown\" class=\"w-full h-full flex flex-col focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                    <div class=\"relative overflow-hidden w-full h-full min-h-[383px] md:min-h-[250px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/ede9358d-47ce-41c8-9c89-420cb822aba2\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full min-h-[383px] md:min-h-[250px] object-cover object-center rounded-[24px]\" alt=\"Nikki Brown\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"absolute bottom-0 left-0 right-0 md:-mt-8 md:relative z-20 flex flex-col rounded-3xl p-8 gap-4  bg-white \">\n                                        <div class=\"flex flex-row justify-between items-start gap-4\">\n                                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[28px] leading-[38px] font-medium text-ocs-gray-nav\">Nikki Brown<\/h3>\n                                                <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                        <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                        <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                    <\/svg>\n                                                <\/div>\n                                                                                                                                <\/div>\n\n                                                                                    <p class=\"text-ocs-blue-navy\">Head of Foundation<\/p>\n                                                                            <\/div>\n                                                            <\/a>\n                        <\/li>\n                                                <\/ul>\n        <\/div>\n    <\/div>                    <\/div>\n    <\/section>\n\n\n\n    <section id=\"news-and-insights\"  data-animate-container=\"waterfall\"  class=\"block-dynamic-homepage-blog-section max-w-8xl mx-auto  splide \">\n        <div data-animate=\"item\" class=\"relative py-6 md:py-[72px] flex flex-col gap-12 md:gap-16 rounded-[32px] bg-white\">\n                            <div data-animate-container=\"text\"  class=\"px-6 flex flex-col items-center justify-center gap-2 lg:gap-3 w-full sm:max-w-[672px] lg:max-w-[768px] mx-auto\">\n                                            <h2 data-animate=\"heading\" class=\"text-crop text-center text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Latest News and Insights<\/h2>\n                                                                <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy font-medium text-[22px] leading-[30px]\">Explore the latest news and insights on how our social value initiatives support communities and create positive change.<\/p>\n                                                        <\/div>\n            \n                            <div class=\"relative\">\n                    <div data-animate=\"item\" class=\"splide__track\">\n                        <ul class=\"splide__list gap-4 md:gap-8\">\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/redesigning-hiring-to-recognise-neurodivergent-talent\/\" class=\"group relative rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n            <picture>\n            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/Inclusive-Recruitment-2-1024x683.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/Inclusive-Recruitment-2-1024x683.jpg\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl group-hover:scale-110 transition duration-150 ease-in \" alt=\"Redesigning Hiring to Recognise Neurodivergent Talent\">\n        <\/picture>\n    \n    <div class=\"dynamic-homepage-gradient-slide rounded-3xl absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n    <\/div>\n    <div class=\"dynamic-homepage-overlay-slide rounded-3xl absolute top-0 left-0 right-0 w-full h-full\">\n    <\/div>\n\n    <div class=\"rounded-3xl text-element w-full h-full relative z-20 flex flex-col justify-end\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-white\/75 mb-2\">\n\n                                                        <span>Careers<\/span>\n                                    |                    <span>Inclusive Recruitment<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            Redesigning Hiring to Recognise Neurodivergent Talent        <\/h2>\n                <div class=\"author-element flex flex-row justify-between gap-2 items-end\">\n            <div class=\"flex items-center mt-4 space-x-3\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/04ec467e-1a1c-4c34-9024-7849b6df6456\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"Sarah Williams - Chief People Officer, OCS UK &#038; Ireland\">\n                <div>\n                    <p class=\"text-sm font-semibold leading-5 text-white\">\n                        Sarah Williams &#8211; Chief People Officer, OCS UK &#038; Ireland                    <\/p>\n                    <p class=\"text-sm leading-5 text-white\">\n                        15 Jul, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/fms-role-in-giving-young-people-a-route-into-work\/\" class=\"group relative rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n            <picture>\n            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/OCS-Stirling-090-1024x683.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/OCS-Stirling-090-1024x683.jpg\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl group-hover:scale-110 transition duration-150 ease-in \" alt=\"FM\u2019s Role in Giving Young People a Route into Work\">\n        <\/picture>\n    \n    <div class=\"dynamic-homepage-gradient-slide rounded-3xl absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n    <\/div>\n    <div class=\"dynamic-homepage-overlay-slide rounded-3xl absolute top-0 left-0 right-0 w-full h-full\">\n    <\/div>\n\n    <div class=\"rounded-3xl text-element w-full h-full relative z-20 flex flex-col justify-end\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-white\/75 mb-2\">\n\n                                                        <span>Careers<\/span>\n                                    |                    <span>Facilities Management<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            FM\u2019s Role in Giving Young People a Route into Work        <\/h2>\n                <div class=\"author-element flex flex-row justify-between gap-2 items-end\">\n            <div class=\"flex items-center mt-4 space-x-3\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4da9eea9-3375-4cc2-8051-bd15a6b5063c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"OCS Team\">\n                <div>\n                    <p class=\"text-sm font-semibold leading-5 text-white\">\n                        OCS Team                    <\/p>\n                    <p class=\"text-sm leading-5 text-white\">\n                        02 Jul, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/ocs-diversity-inclusion-award-alstom-supplier-csr-awards\/\" class=\"group relative rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n            <picture>\n            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/Alstom-UK-and-Ireland-Supplier-Day-and-Corporate-Social-Responsibility-CSR-Awards-Rail-1024x1024.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/Alstom-UK-and-Ireland-Supplier-Day-and-Corporate-Social-Responsibility-CSR-Awards-Rail-1024x1024.jpg\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl group-hover:scale-110 transition duration-150 ease-in \" alt=\"OCS Wins Diversity and Inclusion Award at Alstom Supplier CSR Awards\">\n        <\/picture>\n    \n    <div class=\"dynamic-homepage-gradient-slide rounded-3xl absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n    <\/div>\n    <div class=\"dynamic-homepage-overlay-slide rounded-3xl absolute top-0 left-0 right-0 w-full h-full\">\n    <\/div>\n\n    <div class=\"rounded-3xl text-element w-full h-full relative z-20 flex flex-col justify-end\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-white\/75 mb-2\">\n\n                                                        <span>Awards<\/span>\n                                    |                    <span>Rail<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            OCS Wins Diversity and Inclusion Award at Alstom Supplier CSR Awards        <\/h2>\n                <div class=\"author-element flex flex-row justify-between gap-2 items-end\">\n            <div class=\"flex items-center mt-4 space-x-3\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4da9eea9-3375-4cc2-8051-bd15a6b5063c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"OCS Team\">\n                <div>\n                    <p class=\"text-sm font-semibold leading-5 text-white\">\n                        OCS Team                    <\/p>\n                    <p class=\"text-sm leading-5 text-white\">\n                        01 Jul, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/colleagues-unite-for-snowdon-challenge-in-support-of-the-ocs-foundation\/\" class=\"group relative rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n            <picture>\n            <source srcset=\"https:\/\/ucarecdn.com\/027724a3-4530-413f-b0b1-f2d8e4ff4fa8\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/027724a3-4530-413f-b0b1-f2d8e4ff4fa8\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl group-hover:scale-110 transition duration-150 ease-in \" alt=\"Colleagues Unite for Snowdon Challenge in Support of the OCS Foundation\">\n        <\/picture>\n    \n    <div class=\"dynamic-homepage-gradient-slide rounded-3xl absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n    <\/div>\n    <div class=\"dynamic-homepage-overlay-slide rounded-3xl absolute top-0 left-0 right-0 w-full h-full\">\n    <\/div>\n\n    <div class=\"rounded-3xl text-element w-full h-full relative z-20 flex flex-col justify-end\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-white\/75 mb-2\">\n\n                                                        <span>OCS Foundation<\/span>\n                                    |                    <span>Our People<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            Colleagues Unite for Snowdon Challenge in Support of the OCS Foundation        <\/h2>\n                <div class=\"author-element flex flex-row justify-between gap-2 items-end\">\n            <div class=\"flex items-center mt-4 space-x-3\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4da9eea9-3375-4cc2-8051-bd15a6b5063c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"OCS Team\">\n                <div>\n                    <p class=\"text-sm font-semibold leading-5 text-white\">\n                        OCS Team                    <\/p>\n                    <p class=\"text-sm leading-5 text-white\">\n                        15 Jun, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/local-jobs-for-local-people-social-mobility-in-east-london\/\" class=\"group relative rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n            <picture>\n            <source srcset=\"https:\/\/ucarecdn.com\/c0419218-c2bb-46b6-be8f-64472f701567\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/c0419218-c2bb-46b6-be8f-64472f701567\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl group-hover:scale-110 transition duration-150 ease-in \" alt=\"Local Jobs for Local People: Social Mobility in East London\">\n        <\/picture>\n    \n    <div class=\"dynamic-homepage-gradient-slide rounded-3xl absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n    <\/div>\n    <div class=\"dynamic-homepage-overlay-slide rounded-3xl absolute top-0 left-0 right-0 w-full h-full\">\n    <\/div>\n\n    <div class=\"rounded-3xl text-element w-full h-full relative z-20 flex flex-col justify-end\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-white\/75 mb-2\">\n\n                                                        <span>Careers<\/span>\n                                    |                    <span>Social Mobility<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            Local Jobs for Local People: Social Mobility in East London        <\/h2>\n                <div class=\"author-element flex flex-row justify-between gap-2 items-end\">\n            <div class=\"flex items-center mt-4 space-x-3\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4da9eea9-3375-4cc2-8051-bd15a6b5063c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"OCS Team\">\n                <div>\n                    <p class=\"text-sm font-semibold leading-5 text-white\">\n                        OCS Team                    <\/p>\n                    <p class=\"text-sm leading-5 text-white\">\n                        11 Jun, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/the-ocs-foundation-making-a-difference-together\/\" class=\"group relative rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n            <picture>\n            <source srcset=\"https:\/\/ucarecdn.com\/f12d2691-b6e2-4dc3-85ed-92ff5ce4c4d0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/f12d2691-b6e2-4dc3-85ed-92ff5ce4c4d0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl group-hover:scale-110 transition duration-150 ease-in \" alt=\"The OCS Foundation: Making a Difference Together\">\n        <\/picture>\n    \n    <div class=\"dynamic-homepage-gradient-slide rounded-3xl absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n    <\/div>\n    <div class=\"dynamic-homepage-overlay-slide rounded-3xl absolute top-0 left-0 right-0 w-full h-full\">\n    <\/div>\n\n    <div class=\"rounded-3xl text-element w-full h-full relative z-20 flex flex-col justify-end\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-white\/75 mb-2\">\n\n                                                        <span>Community<\/span>\n                                    |                    <span>OCS Foundation<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            The OCS Foundation: Making a Difference Together        <\/h2>\n                <div class=\"author-element flex flex-row justify-between gap-2 items-end\">\n            <div class=\"flex items-center mt-4 space-x-3\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4da9eea9-3375-4cc2-8051-bd15a6b5063c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"OCS Team\">\n                <div>\n                    <p class=\"text-sm font-semibold leading-5 text-white\">\n                        OCS Team                    <\/p>\n                    <p class=\"text-sm leading-5 text-white\">\n                        09 Jun, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                    <div class=\"dynamic-homepage-edge-fade dynamic-homepage-edge-fade--left\" aria-hidden=\"true\"><\/div>\n                    <div class=\"dynamic-homepage-edge-fade dynamic-homepage-edge-fade--right\" aria-hidden=\"true\"><\/div>\n                <\/div>\n                <div class=\"px-4 md:px-[56px] lg:px-[80px] flex flex-row items-center justify-center gap-4 md:gap-8\">\n                    <!-- progress bar -->\n                    <div class=\"dynamic-homepage-blog-section-progress bg-themed-light w-full h-1 rounded-full relative\">\n                        <div class=\"dynamic-homepage-blog-section-progress-bar themed-icon-bg rounded-full h-1\" style=\"transition: width 400ms ease;\"><\/div>\n                    <\/div>\n                    <!-- arrows -->\n                    <div class=\"-mt-4 splide__arrows flex !space-x-4 flex-row justify-center py-2\">\n                        <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light transition-colors duration-150 ease-in rounded-full p-2 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Previous slide\">\n                            <svg class=\"text-themed\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M15.8337 10.6953H4.16699\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                        <button class=\"next splide__arrow--next !right-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light transition-colors duration-150 ease-in rounded-full p-2 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                            <svg class=\"text-themed\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                            <svg class=\"autoplay-progress text-themed absolute -top-[2px] -left-[2px]\" height=\"42\" width=\"42\" data-stroke-offset=\"122.5\">\n                                <circle class=\"circle origin-center -rotate-90\" cx=\"50%\" cy=\"50%\" r=\"19.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"122.5\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                                    <\/div>\n    <\/section>\n\n\n\n    <section x-data=\"{ \n        visibleForm : 0,\n        init() {\n            let marker = this.$refs.marker;\n            let button = this.$refs.formButton0;\n            marker.style.width = `${button.offsetWidth}px`;\n            marker.style.transform = `translate(${button.offsetLeft}px)`;\n        },\n        changeForm(event, key) {\n            this.visibleForm = key;\n            this.$refs.marker.style.width = `${event.target.offsetWidth}px`;\n            this.$refs.marker.style.transform = `translate(${event.target.offsetLeft}px)`;\n        }\n    }\" id=\"contact-form\"  data-animate-container=\"waterfall\"  class=\"max-w-8xl mx-auto px-4 md:px-12 lg:px-[88px] py-6  md:py-[72px]  \">\n        <div data-animate=\"item\" data-animate-container=\"text\"  class=\"grid  lg:grid-cols-2  rounded-3xl\">\n\n                            <picture class=\"group relative overflow-hidden rounded-t-3xl lg:rounded-tl-none lg:rounded-r-3xl h-full\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/95b7795e-f745-404d-8630-bb32d00508a7\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/95b7795e-f745-404d-8630-bb32d00508a7\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/95b7795e-f745-404d-8630-bb32d00508a7\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"w-full lg:h-full object-cover object-center aspect-video rounded-t-3xl lg:rounded-tl-none lg:rounded-r-3xl -mb-6 lg:mb-0 group-hover:scale-110 transition duration-150 ease-in\" alt=\"Four children sitting around a table with school supplies, smiling and giving a group high five, with an adult woman in glasses watching and smiling in the background. Large windows let in natural light.\">\n                <\/picture>\n            \n            <div data-animate-container=\"waterfall\"  class=\"relative z-10 lg:order-first px-6 py-10 lg:p-12 rounded-3xl lg:-mr-8 \" style=\"background-color: #FEFAF9\">\n\n                                    <h2 data-animate=\"heading\" class=\"max-w-[700px] mx-auto text-ocs-gray-nav text-center text-[28px] font-medium leading-[38px] mb-6\">\n                        Contact the OCS Foundation today.                    <\/h2>\n                \n                \n                \n                                                            <div data-animate=\"item\" x-show=\"visibleForm == '0'\" class=\"text-ocs-gray-nav\">\n                            <script>\nvar gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});\n<\/script>\n\n                <div class='gf_browser_gecko gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_62' ><style>#gform_wrapper_62[data-form-index=\"0\"].gform-theme,[data-parent-form=\"62_0\"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url(\"data:image\/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-select: url(\"data:image\/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-search: url(\"data:image\/svg+xml,%3Csvg width='640' height='640' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}<\/style><div id='gf_62' class='gform_anchor' tabindex='-1'><\/div>\n                        <div class='gform_heading'>\n                            <h2 class=\"gform_title\">OCS Foundation &#8211; Contact Form<\/h2>\n                            <p class='gform_description'><\/p>\n\t\t\t\t\t\t\t<p class='gform_required_legend'>&quot;<span class=\"gfield_required gfield_required_asterisk\">*<\/span>&quot; indicates required fields<\/p>\n                        <\/div><form method='post' enctype='multipart\/form-data' target='gform_ajax_frame_62' id='gform_62'  action='\/uk\/wp-json\/wp\/v2\/pages\/100#gf_62' data-formid='62' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_62' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id=\"field_62_30\" class=\"gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_62_30'>Comments<\/label><div class='ginput_container'><input name='input_30' id='input_62_30' type='text' value='' autocomplete='new-password'\/><\/div><div class='gfield_description' id='gfield_description_62_30'>This field is for validation purposes and should be left unchanged.<\/div><\/div><div id=\"field_62_1\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_62_1'>First Name<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_62_1' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_62_14\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_62_14'>Last Name<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_14' id='input_62_14' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_62_12\" class=\"gfield gfield--type-email gfield--input-type-email gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_62_12'>Email<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_12' id='input_62_12' type='email' value='' class='large'    aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/div><div id=\"field_62_15\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_62_15'>Organisation<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_15' id='input_62_15' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_62_17\" class=\"gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_62_17'>Enquiry Description<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_17' id='input_62_17' class='textarea small'     aria-required=\"true\" aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/div><fieldset id=\"field_62_13\" class=\"gfield gfield--type-consent gfield--type-choice gfield--input-type-consent gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Consent<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/legend><div class='ginput_container ginput_container_consent'><input name='input_13.1' id='input_62_13_1' type='checkbox' value='1'   aria-required=\"true\" aria-invalid=\"false\"   \/> <label class=\"gform-field-label gform-field-label--type-inline gfield_consent_label\" for='input_62_13_1' >I agree to the <a href=\"\/uk\/terms-conditions\">Terms and Conditions<\/a> and <a href=\"\/uk\/privacy-policy\">Privacy Policy<\/a> and give OCS permission to collect my information.<span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/label><input type='hidden' name='input_13.2' value='I agree to the &lt;a href=&quot;\/uk\/terms-conditions&quot;&gt;Terms and Conditions&lt;\/a&gt; and &lt;a href=&quot;\/uk\/privacy-policy&quot;&gt;Privacy Policy&lt;\/a&gt; and give OCS permission to collect my information.' class='gform_hidden' \/><input type='hidden' name='input_13.3' value='52' class='gform_hidden' \/><\/div><\/fieldset><fieldset id=\"field_62_29\" class=\"gfield gfield--type-consent gfield--type-choice gfield--input-type-consent gfield--width-full field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Consent<\/legend><div class='ginput_container ginput_container_consent'><input name='input_29.1' id='input_62_29_1' type='checkbox' value='1'    aria-invalid=\"false\"   \/> <label class=\"gform-field-label gform-field-label--type-inline gfield_consent_label\" for='input_62_29_1' >I would like to receive occasional updates, insights and relevant information from OCS.<\/label><input type='hidden' name='input_29.2' value='I would like to receive occasional updates, insights and relevant information from OCS.' class='gform_hidden' \/><input type='hidden' name='input_29.3' value='52' class='gform_hidden' \/><\/div><\/fieldset><div id=\"field_62_28\" class=\"gfield gfield--type-captcha gfield--input-type-captcha field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_62_28'>CAPTCHA<\/label><div id='input_62_28' class='ginput_container ginput_recaptcha' data-sitekey='6LdX4FAsAAAAAF0AVKNRq0nkHCXNvYPOdQ6ebGrA'  data-theme='light' data-tabindex='-1' data-size='invisible' data-badge='inline'><\/div><\/div><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_62' class='gform_button button gform-button--width-full' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' value='Submit Form'  \/> <input type='hidden' name='gform_ajax' value='form_id=62&amp;title=1&amp;description=1&amp;tabindex=0&amp;theme=orbital&amp;hash=560eff70b5e353a63d8ac534eca600ca' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_62' value='iframe' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_62' id='gform_theme_62' value='orbital' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_62' id='gform_style_settings_62' value='' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_62' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='62' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='GBP' value='zrQJZEYLCt4Zwah2BfgtTjbCgYKzzWDobQQWFaYZM1GrtwP8QHSYRuZSSeDEr1MGaIFSjEXy2\/+ILYrbWDWlDHnifxJB\/6LOcslBMlaoas9jNfM=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_62' value='WyJ7XCIxMy4xXCI6XCIwZDdlMmQ2MWEyYjIwMTg0YTJiNTU3ODI4OTBjZjZiNFwiLFwiMTMuMlwiOlwiZWU2MjAxM2UyNjU1YmRjMGE4MTUxNWQ3OTQxN2RiM2ZcIixcIjEzLjNcIjpcIjc2MGY5ZDE1NzY4MzkwNjE4M2YxZmRjYzg0ZDc3NjEyXCIsXCIyOS4xXCI6XCIwZDdlMmQ2MWEyYjIwMTg0YTJiNTU3ODI4OTBjZjZiNFwiLFwiMjkuMlwiOlwiNGQ3OWFkMmZmMDQ1YzBmZWNkYWE0NzBlMDk1ZGE0ZTJcIixcIjI5LjNcIjpcIjc2MGY5ZDE1NzY4MzkwNjE4M2YxZmRjYzg0ZDc3NjEyXCJ9IiwiNGQ4ZWZmYmQ3Y2Q3NjkxYWUxNjAwNTJhZWEyZjQwYjIiXQ==' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_62' id='gform_target_page_number_62' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_62' id='gform_source_page_number_62' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div>\n\t\t                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_62' id='gform_ajax_frame_62' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'><\/iframe>\n\t\t                <script>\ngform.initializeOnLoaded( function() {gformInitSpinner( 62, 'https:\/\/ocs.com\/app\/plugins\/gravityforms\/images\/spinner.svg', false );jQuery('#gform_ajax_frame_62').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_62');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_62').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_62').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_62').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_62').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/ jQuery(document).scrollTop(jQuery('#gform_wrapper_62').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_62').val();gformInitSpinner( 62, 'https:\/\/ocs.com\/app\/plugins\/gravityforms\/images\/spinner.svg', false );jQuery(document).trigger('gform_page_loaded', [62, current_page]);window['gf_submitting_62'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_62').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_62').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [62]);window['gf_submitting_62'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_62').text());}else{jQuery('#gform_62').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"62\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_62\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_62\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_62\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 62, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );\n<\/script>\n                        <\/div>\n                                    \n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n    <section class=\"divider w-full h-8 md:h-16 bg-white\">\n    <\/section>\n","protected":false},"excerpt":{"rendered":"<p>Supporting children, young people and communities through partnerships, fundraising and volunteering across the UK &#038; Ireland.<\/p>\n","protected":false},"author":1,"featured_media":10000026762,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-100","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>OCS Foundation \u2013 Creating Opportunities for Young People - OCS - UK<\/title>\n<meta name=\"description\" content=\"Supporting children, young people and communities through partnerships, fundraising and volunteering across the UK &amp; Ireland.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ocs.com\/uk\/ocs-foundation\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"OCS Foundation\" \/>\n<meta property=\"og:description\" content=\"Supporting children, young people and communities through partnerships, fundraising and volunteering across the UK &amp; Ireland.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ocs.com\/uk\/ocs-foundation\/\" \/>\n<meta property=\"og:site_name\" content=\"OCS - UK\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-17T16:47:37+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/ocs-foundation\\\/\",\"url\":\"https:\\\/\\\/ocs.com\\\/uk\\\/ocs-foundation\\\/\",\"name\":\"OCS Foundation \u2013 Creating Opportunities for Young People - OCS - UK\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/ocs-foundation\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/ocs-foundation\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ocs.com\\\/app\\\/uploads\\\/2026\\\/05\\\/OCS-Foundation-Small-Grants.jpg\",\"datePublished\":\"2023-09-26T12:21:22+00:00\",\"dateModified\":\"2026-07-17T16:47:37+00:00\",\"description\":\"Supporting children, young people and communities through partnerships, fundraising and volunteering across the UK & Ireland.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/ocs-foundation\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ocs.com\\\/uk\\\/ocs-foundation\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/ocs-foundation\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ocs.com\\\/app\\\/uploads\\\/2026\\\/05\\\/OCS-Foundation-Small-Grants.jpg\",\"contentUrl\":\"https:\\\/\\\/ocs.com\\\/app\\\/uploads\\\/2026\\\/05\\\/OCS-Foundation-Small-Grants.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/ocs-foundation\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ocs.com\\\/uk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"OCS Foundation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#website\",\"url\":\"https:\\\/\\\/ocs.com\\\/uk\\\/\",\"name\":\"OCS - UK\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ocs.com\\\/uk\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"OCS Foundation \u2013 Creating Opportunities for Young People - OCS - UK","description":"Supporting children, young people and communities through partnerships, fundraising and volunteering across the UK & Ireland.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ocs.com\/uk\/ocs-foundation\/","og_locale":"en_GB","og_type":"article","og_title":"OCS Foundation","og_description":"Supporting children, young people and communities through partnerships, fundraising and volunteering across the UK & Ireland.","og_url":"https:\/\/ocs.com\/uk\/ocs-foundation\/","og_site_name":"OCS - UK","article_modified_time":"2026-07-17T16:47:37+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ocs.com\/uk\/ocs-foundation\/","url":"https:\/\/ocs.com\/uk\/ocs-foundation\/","name":"OCS Foundation \u2013 Creating Opportunities for Young People - OCS - UK","isPartOf":{"@id":"https:\/\/ocs.com\/uk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ocs.com\/uk\/ocs-foundation\/#primaryimage"},"image":{"@id":"https:\/\/ocs.com\/uk\/ocs-foundation\/#primaryimage"},"thumbnailUrl":"https:\/\/ocs.com\/app\/uploads\/2026\/05\/OCS-Foundation-Small-Grants.jpg","datePublished":"2023-09-26T12:21:22+00:00","dateModified":"2026-07-17T16:47:37+00:00","description":"Supporting children, young people and communities through partnerships, fundraising and volunteering across the UK & Ireland.","breadcrumb":{"@id":"https:\/\/ocs.com\/uk\/ocs-foundation\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ocs.com\/uk\/ocs-foundation\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/ocs.com\/uk\/ocs-foundation\/#primaryimage","url":"https:\/\/ocs.com\/app\/uploads\/2026\/05\/OCS-Foundation-Small-Grants.jpg","contentUrl":"https:\/\/ocs.com\/app\/uploads\/2026\/05\/OCS-Foundation-Small-Grants.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/ocs.com\/uk\/ocs-foundation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ocs.com\/uk\/"},{"@type":"ListItem","position":2,"name":"OCS Foundation"}]},{"@type":"WebSite","@id":"https:\/\/ocs.com\/uk\/#website","url":"https:\/\/ocs.com\/uk\/","name":"OCS - UK","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ocs.com\/uk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/pages\/100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/comments?post=100"}],"version-history":[{"count":250,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/pages\/100\/revisions"}],"predecessor-version":[{"id":47164,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/pages\/100\/revisions\/47164"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ocs.com\/uk\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/media?parent=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}