{"id":287,"date":"2023-09-27T12:18:37","date_gmt":"2023-09-27T11:18:37","guid":{"rendered":"https:\/\/ocs.test\/wp\/?page_id=287"},"modified":"2026-09-25T14:59:07","modified_gmt":"2026-09-25T13:59:07","slug":"vision-mission","status":"publish","type":"page","link":"https:\/\/ocs.com\/uk\/about-ocs\/vision-mission\/","title":{"rendered":"Vision &amp; Mission"},"content":{"rendered":"    <section id=\"block_acf-block-6ab67e2a142d8\"  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\/07\/Blue-Gradient-BG-768x768.png\" media=\"(max-width: 640px)\">\n                        <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/Blue-Gradient-BG-1024x512.png\" media=\"(max-width: 1536px)\">\n                        <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/Blue-Gradient-BG.png\"\n                            alt=\"A smooth gradient background shifting from a deep navy blue on the left to a slightly lighter blue on the right.\"\n                            class=\"w-full h-full object-cover object-center\">\n                    <\/picture>\n                                    \n                                    <div class=\"absolute left-0 top-0 w-full h-full overflow-hidden\">\n                        <div class=\"absolute z-0 top-[259px] md:top-[202px] lg:top-[200px] -left-[82px] md:-left-[191px] lg:-left-[245px] -rotate-[6deg] w-full h-full scale-150 ocs-decoration text-white\/10\">\n                            <span aria-hidden=\"true\" class=\"block max-w-none pointer-events-none\" style=\"width:100%;aspect-ratio:1408\/323;background-color:currentColor;-webkit-mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/search_hero.svg?v=1794242732) center \/ contain no-repeat;mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/search_hero.svg?v=1794242732) center \/ contain no-repeat;\"><\/span>                        <\/div>\n                    <\/div>\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                                                                    <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                        Vision &amp; Mission                    <\/h1>\n                                                        <div data-animate=\"prose\"  class=\"text-white text-xl text-center\">\n                            Our vision and mission is to become the best provider of facilities services for colleagues, customers and communities by making people and places the best they can be.                        <\/div>\n                                        <div class=\"flex flex-row items-center gap-4 w-full mx-auto flex-wrap justify-center\">\n                                                                    <\/div>\n                                <\/div>\n        <\/div>\n    <\/section>\n\n\n\n            <section id=\"block_acf-block-6ab67e2a14313\"  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: #FEFAF9;\">\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\/e8e6d5ec-01cf-429d-89af-fbbf5a31037a\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/e8e6d5ec-01cf-429d-89af-fbbf5a31037a\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/e8e6d5ec-01cf-429d-89af-fbbf5a31037a\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"Rob Legge, CEO\" 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\">Vision: Becoming the Best for Colleagues, Customers and Communities<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p><span style=\"font-weight: 400;\"><strong>Welcome to OCS, where our vision is to become the best facilities management partner in the industry.<\/strong> Our strategy will help us deliver the best outcomes for our colleagues, customers, and the communities we engage with. <\/span><span style=\"font-weight: 400;\">At the heart of this vision are our people, advanced technology, and a commitment to Environmental, Social, and Governance (ESG) principles. We invite you to explore our website and learn more about our ethos and approach.<\/span><\/p>\n<h5><strong>Rob Legge, Group CEO<\/strong><\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-14763\" src=\"https:\/\/ucarecdn.com\/8c4d8cb1-a789-4cbd-b7c3-6de85c030ae0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"\" width=\"216\" height=\"82\" \/><\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n\n            <section id=\"block_acf-block-6ab67e2a14a2c\"  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:\/\/ocs.com\/app\/uploads\/2026\/09\/OCS-Facilities-Management-Colleague-Merlin-Private-FM-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/09\/OCS-Facilities-Management-Colleague-Merlin-Private-FM-1024x649.jpg\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/09\/OCS-Facilities-Management-Colleague-Merlin-Private-FM-1024x649.jpg\" alt=\"A woman wearing a navy CAREQOS shirt and orange lanyard stands smiling outside near plants and a building with large windows.\" 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\">Mission: Make People and Places the Best They Can Be<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p><span style=\"font-weight: 400;\">As a global business with over 135,000 colleagues and a community that&#8217;s the size of a city, we have a responsibility and opportunity to positively impact the lives of those we\u2019re connected to and society as a whole.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">That\u2019s why we\u2019re on a mission to make people and places the best they can be because we believe every person deserves the best conditions and opportunities to thrive. Whatever that thrive is.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We aim to achieve our mission by delivering exceptional facilities and services that consistently address the details and overcome the biggest challenges, creating the best experiences, productivity, practices, resilience, and outcomes for colleagues, customers and communities.<\/span><\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n    <section class=\"divider w-full h-8 md:h-16 bg-white\">\n    <\/section>\n\n\n\n    <section\n        id=\"block_acf-block-6ab67e2a14a96\"        class=\"block_best_pillars_deck relative z-10 w-full py-[64px] lg:pt-[96px] lg:pb-[128px] lg:px-[88px]\"\n        style=\"background:#FDF9F8\"\n        x-data=\"bestPillarsDeck\"\n        data-interval=\"5000\"\n        data-card-count=\"5\"\n        data-dark=\"0\">\n\n                    <div class=\"bpn-dots pointer-events-none hidden lg:block absolute inset-0 z-0 overflow-hidden text-[#FE5000]\/10\" aria-hidden=\"true\">\n                <!-- Single dot wave, larger than the block and shifted down-right\n                     so its dense bottom band bleeds off the bottom-right corner.\n                     The +12deg tilt puts the wave's top-left wing beside the\n                     heading and leaves the sparse saddle behind the card (matches\n                     design). Width drives its size since the SVG is width:100%;\n                     nudge left-\/mt-\/w- to reposition or resize. -->\n                <div class=\"absolute top-1\/2 mt-[220px] -translate-y-1\/2 rotate-[12deg] left-[-380px] w-[2100px]\">\n                    <span aria-hidden=\"true\" class=\"block max-w-none pointer-events-none\" style=\"width:100%;aspect-ratio:1259\/661;background-color:currentColor;-webkit-mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/wave.svg?v=1794242732) center \/ contain no-repeat;mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/wave.svg?v=1794242732) center \/ contain no-repeat;\"><\/span>                <\/div>\n            <\/div>\n        \n        <div class=\"relative z-10 max-w-8xl mx-auto flex flex-col gap-8 lg:gap-0\">\n\n            <!-- Heading -->\n                            <div class=\"text-center flex flex-col gap-4 lg:gap-6 px-10 lg:px-0\">\n                                            <h2 class=\"font-medium text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] text-crop max-w-[882px] mx-auto\"\n                            style=\"color:#4D4D4F\">\n                            Best Service Excellence                        <\/h2>\n                                                                <p class=\"text-xl leading-[28px] font-medium max-w-[680px] mx-auto\"\n                           style=\"color:#2A3547\">\n                            Focused service delivery that achieves the outcomes that matter most.                        <\/p>\n                                    <\/div>\n            \n            <!-- Tab row (scrollable on mobile, centred on desktop) -->\n                            <div class=\"bpn-tab-scroll flex justify-start md:justify-center overflow-x-auto md:overflow-visible pl-10 pr-10 md:px-0 lg:mt-6\"\n                     x-ref=\"tabScroll\">\n                    <div class=\"relative flex flex-row p-1.5 shrink-0\">\n\n                        <!-- Gradient used by every tab's countdown stroke -->\n                        <svg width=\"0\" height=\"0\" class=\"absolute pointer-events-none\" aria-hidden=\"true\">\n                            <defs>\n                                <linearGradient id=\"bpnGrad8dfac51f\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                    <stop offset=\"0%\"   stop-color=\"#FE5000\" stop-opacity=\"0.12\" \/>\n                                    <stop offset=\"100%\" stop-color=\"#FE5000\" stop-opacity=\"1\" \/>\n                                <\/linearGradient>\n                            <\/defs>\n                        <\/svg>\n\n                                                    <button\n                                x-ref=\"tab0\"\n                                @click=\"go(0)\"\n                                class=\"relative z-30 py-2 md:py-3 px-5 rounded-full transition-colors text-sm md:text-base focus:outline-none focus-visible:ring focus-visible:ring-ocs-orange whitespace-nowrap\"\n                                :style=\"current === 0 ? 'color:#101828;font-weight:500' : 'color:rgba(16,24,40,0.5);font-weight:400'\">\n\n                                <!-- Countdown: gradient ring progress (ends as a full\n                                     gradient ring) + soft head segments riding the tip. -->\n                                <svg x-show=\"current === 0\"\n                                     class=\"absolute inset-0 w-full h-full pointer-events-none\"\n                                     style=\"overflow:visible\"\n                                     aria-hidden=\"true\">\n                                    <rect class=\"bpn-stroke-rect\"\n                                          data-for=\"0\"\n                                          x=\"1\" y=\"1\"\n                                          rx=\"22\" ry=\"22\"\n                                          fill=\"none\"\n                                          stroke=\"url(#bpnGrad8dfac51f)\"\n                                          stroke-width=\"2\"\n                                          stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"0\"\n                                              data-len=\"0.55\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.06\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"0\"\n                                              data-len=\"0.45\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.06\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"0\"\n                                              data-len=\"0.36\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.07\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"0\"\n                                              data-len=\"0.28\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.08\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"0\"\n                                              data-len=\"0.21\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.09\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"0\"\n                                              data-len=\"0.15\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.11\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"0\"\n                                              data-len=\"0.1\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.13\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"0\"\n                                              data-len=\"0.06\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.16\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"0\"\n                                              data-len=\"0.03\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.2\"\n                                              stroke-linecap=\"round\" \/>\n                                                                    <\/svg>\n\n                                <span class=\"relative z-10\">Best Practices<\/span>\n                            <\/button>\n                                                    <button\n                                x-ref=\"tab1\"\n                                @click=\"go(1)\"\n                                class=\"relative z-30 py-2 md:py-3 px-5 rounded-full transition-colors text-sm md:text-base focus:outline-none focus-visible:ring focus-visible:ring-ocs-orange whitespace-nowrap\"\n                                :style=\"current === 1 ? 'color:#101828;font-weight:500' : 'color:rgba(16,24,40,0.5);font-weight:400'\">\n\n                                <!-- Countdown: gradient ring progress (ends as a full\n                                     gradient ring) + soft head segments riding the tip. -->\n                                <svg x-show=\"current === 1\"\n                                     class=\"absolute inset-0 w-full h-full pointer-events-none\"\n                                     style=\"overflow:visible\"\n                                     aria-hidden=\"true\">\n                                    <rect class=\"bpn-stroke-rect\"\n                                          data-for=\"1\"\n                                          x=\"1\" y=\"1\"\n                                          rx=\"22\" ry=\"22\"\n                                          fill=\"none\"\n                                          stroke=\"url(#bpnGrad8dfac51f)\"\n                                          stroke-width=\"2\"\n                                          stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"1\"\n                                              data-len=\"0.55\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.06\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"1\"\n                                              data-len=\"0.45\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.06\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"1\"\n                                              data-len=\"0.36\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.07\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"1\"\n                                              data-len=\"0.28\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.08\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"1\"\n                                              data-len=\"0.21\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.09\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"1\"\n                                              data-len=\"0.15\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.11\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"1\"\n                                              data-len=\"0.1\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.13\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"1\"\n                                              data-len=\"0.06\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.16\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"1\"\n                                              data-len=\"0.03\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.2\"\n                                              stroke-linecap=\"round\" \/>\n                                                                    <\/svg>\n\n                                <span class=\"relative z-10\">Best Productivity<\/span>\n                            <\/button>\n                                                    <button\n                                x-ref=\"tab2\"\n                                @click=\"go(2)\"\n                                class=\"relative z-30 py-2 md:py-3 px-5 rounded-full transition-colors text-sm md:text-base focus:outline-none focus-visible:ring focus-visible:ring-ocs-orange whitespace-nowrap\"\n                                :style=\"current === 2 ? 'color:#101828;font-weight:500' : 'color:rgba(16,24,40,0.5);font-weight:400'\">\n\n                                <!-- Countdown: gradient ring progress (ends as a full\n                                     gradient ring) + soft head segments riding the tip. -->\n                                <svg x-show=\"current === 2\"\n                                     class=\"absolute inset-0 w-full h-full pointer-events-none\"\n                                     style=\"overflow:visible\"\n                                     aria-hidden=\"true\">\n                                    <rect class=\"bpn-stroke-rect\"\n                                          data-for=\"2\"\n                                          x=\"1\" y=\"1\"\n                                          rx=\"22\" ry=\"22\"\n                                          fill=\"none\"\n                                          stroke=\"url(#bpnGrad8dfac51f)\"\n                                          stroke-width=\"2\"\n                                          stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"2\"\n                                              data-len=\"0.55\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.06\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"2\"\n                                              data-len=\"0.45\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.06\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"2\"\n                                              data-len=\"0.36\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.07\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"2\"\n                                              data-len=\"0.28\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.08\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"2\"\n                                              data-len=\"0.21\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.09\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"2\"\n                                              data-len=\"0.15\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.11\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"2\"\n                                              data-len=\"0.1\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.13\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"2\"\n                                              data-len=\"0.06\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.16\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"2\"\n                                              data-len=\"0.03\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.2\"\n                                              stroke-linecap=\"round\" \/>\n                                                                    <\/svg>\n\n                                <span class=\"relative z-10\">Best Resilience<\/span>\n                            <\/button>\n                                                    <button\n                                x-ref=\"tab3\"\n                                @click=\"go(3)\"\n                                class=\"relative z-30 py-2 md:py-3 px-5 rounded-full transition-colors text-sm md:text-base focus:outline-none focus-visible:ring focus-visible:ring-ocs-orange whitespace-nowrap\"\n                                :style=\"current === 3 ? 'color:#101828;font-weight:500' : 'color:rgba(16,24,40,0.5);font-weight:400'\">\n\n                                <!-- Countdown: gradient ring progress (ends as a full\n                                     gradient ring) + soft head segments riding the tip. -->\n                                <svg x-show=\"current === 3\"\n                                     class=\"absolute inset-0 w-full h-full pointer-events-none\"\n                                     style=\"overflow:visible\"\n                                     aria-hidden=\"true\">\n                                    <rect class=\"bpn-stroke-rect\"\n                                          data-for=\"3\"\n                                          x=\"1\" y=\"1\"\n                                          rx=\"22\" ry=\"22\"\n                                          fill=\"none\"\n                                          stroke=\"url(#bpnGrad8dfac51f)\"\n                                          stroke-width=\"2\"\n                                          stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"3\"\n                                              data-len=\"0.55\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.06\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"3\"\n                                              data-len=\"0.45\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.06\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"3\"\n                                              data-len=\"0.36\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.07\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"3\"\n                                              data-len=\"0.28\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.08\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"3\"\n                                              data-len=\"0.21\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.09\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"3\"\n                                              data-len=\"0.15\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.11\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"3\"\n                                              data-len=\"0.1\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.13\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"3\"\n                                              data-len=\"0.06\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.16\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"3\"\n                                              data-len=\"0.03\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.2\"\n                                              stroke-linecap=\"round\" \/>\n                                                                    <\/svg>\n\n                                <span class=\"relative z-10\">Best Experience<\/span>\n                            <\/button>\n                                                    <button\n                                x-ref=\"tab4\"\n                                @click=\"go(4)\"\n                                class=\"relative z-30 py-2 md:py-3 px-5 rounded-full transition-colors text-sm md:text-base focus:outline-none focus-visible:ring focus-visible:ring-ocs-orange whitespace-nowrap\"\n                                :style=\"current === 4 ? 'color:#101828;font-weight:500' : 'color:rgba(16,24,40,0.5);font-weight:400'\">\n\n                                <!-- Countdown: gradient ring progress (ends as a full\n                                     gradient ring) + soft head segments riding the tip. -->\n                                <svg x-show=\"current === 4\"\n                                     class=\"absolute inset-0 w-full h-full pointer-events-none\"\n                                     style=\"overflow:visible\"\n                                     aria-hidden=\"true\">\n                                    <rect class=\"bpn-stroke-rect\"\n                                          data-for=\"4\"\n                                          x=\"1\" y=\"1\"\n                                          rx=\"22\" ry=\"22\"\n                                          fill=\"none\"\n                                          stroke=\"url(#bpnGrad8dfac51f)\"\n                                          stroke-width=\"2\"\n                                          stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"4\"\n                                              data-len=\"0.55\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.06\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"4\"\n                                              data-len=\"0.45\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.06\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"4\"\n                                              data-len=\"0.36\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.07\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"4\"\n                                              data-len=\"0.28\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.08\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"4\"\n                                              data-len=\"0.21\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.09\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"4\"\n                                              data-len=\"0.15\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.11\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"4\"\n                                              data-len=\"0.1\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.13\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"4\"\n                                              data-len=\"0.06\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.16\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"4\"\n                                              data-len=\"0.03\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.2\"\n                                              stroke-linecap=\"round\" \/>\n                                                                    <\/svg>\n\n                                <span class=\"relative z-10\">Best Outcomes<\/span>\n                            <\/button>\n                        \n                        <!-- Sliding tinted pill behind the active button -->\n                        <div class=\"absolute left-0 top-1.5 rounded-[24px] border transition-all duration-300 ease-in-out pointer-events-none\"\n                             style=\"background-color:rgba(254,80,0,0.05);border-color:rgba(254,80,0,0.10)\"\n                             :style=\"'width:' + markerWidth + ';height:' + markerHeight + ';transform:' + markerTransform + ';background-color:rgba(254,80,0,0.05);border-color:rgba(254,80,0,0.10)'\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            \n            <!-- Slider \u2014 the slides themselves form the deck; non-active cards\n                 show only as faint shadow shapes (content hidden) until active.\n                 lg margin = 56px gap to the topmost shadow + ~50px the deck\n                 shadows peek above the active card. -->\n            <div class=\"splide bpn-splide w-full lg:mt-[106px] lg:max-w-[1220px] lg:mx-auto\" x-ref=\"slider\" x-cloak>\n                <div class=\"splide__track\">\n                    <ul class=\"splide__list\">\n                                                    <li class=\"splide__slide\">\n                                <div class=\"bpn-card bg-white rounded-[32px] overflow-hidden p-4 border lg:border-0\"\n                                     style=\"box-shadow:0 24px 60px -12px rgba(14,24,84,0.18);border-color:rgba(16,24,40,0.10)\">\n\n                                    <div class=\"bpn-card-content flex flex-col lg:flex-row\">\n\n                                        <!-- Image -->\n                                                                                    <div class=\"relative w-full lg:w-1\/2 flex-shrink-0 aspect-video lg:aspect-auto lg:min-h-[460px] rounded-2xl overflow-hidden\">\n                                                <picture>\n                                                    <source srcset=\"https:\/\/ucarecdn.com\/43e5b940-cc2a-4e98-8f41-5931f82048f0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\">\n                                                    <source srcset=\"https:\/\/ucarecdn.com\/43e5b940-cc2a-4e98-8f41-5931f82048f0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/43e5b940-cc2a-4e98-8f41-5931f82048f0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\"\n                                                         alt=\"London city skyline at sunset, featuring modern skyscrapers such as The Gherkin and The Shard with sunlight reflecting off glass buildings and a warm, colorful sky in the background.\"\n                                                         class=\"absolute inset-0 w-full h-full object-cover\" \/>\n                                                <\/picture>\n                                            <\/div>\n                                        \n                                        <!-- Content -->\n                                        <div class=\"flex flex-col gap-4 lg:gap-6 pt-6 lg:p-10 lg:w-1\/2 lg:justify-center\">\n                                                                                            <h3 class=\"text-ocs-gray-nav font-medium text-[24px] lg:text-[32px] leading-[32px] lg:leading-[40px] text-crop\">\n                                                    Best Practices                                                <\/h3>\n                                            \n                                                                                                                                            <!-- On mobile only the intro (first element) shows until\n                                                     \"Read more\" is tapped; the rest slides open with\n                                                     x-collapse like the FAQ accordion. On the desktop deck\n                                                     (isDeck) the condition is always true, so the rest is\n                                                     never hidden there. -->\n                                                <div class=\"bpn-desc text-ocs-blue-navy prose max-w-none\">\n                                                    <p class=\"p1\">Strong governance, recognised standards and disciplined ways of working underpin safe, compliant and consistent service delivery. Built on more than 125 years of operational experience, our approach provides the confidence customers need in complex and critical environments.<\/p>                                                                                                            <div id=\"bpnGrad8dfac51f-more-0\"\n                                                             class=\"bpn-desc-more\"\n                                                             x-show=\"isDeck || expanded === 0\"\n                                                             x-collapse>\n                                                            \n<p class=\"p1\">Our colleagues combine proven expertise, clear controls and continuous improvement to manage risk, maintain quality and deliver consistently high standards across every service.<\/p>\n<p class=\"p2\">By getting the fundamentals right every day, we create dependable services that strengthen trust, support operational performance and provide the foundation for better outcomes.<\/p>\n                                                        <\/div>\n                                                                                                    <\/div>\n\n                                                                                                <!-- Read more \/ Show less (mobile only). Plain text link;\n                                                     44px tall for a comfortable tap target. -->\n                                                <div class=\"lg:hidden\">\n                                                    <button type=\"button\"\n                                                            @click=\"toggleCard(0)\"\n                                                            :aria-expanded=\"expanded === 0 ? 'true' : 'false'\"\n                                                            aria-controls=\"bpnGrad8dfac51f-more-0\"\n                                                            class=\"bpn-more inline-flex items-center min-h-[44px] -my-2 px-1 -mx-1 text-ocs-orange font-semibold text-[15px] underline underline-offset-4 decoration-ocs-orange\/40 hover:decoration-ocs-orange transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-ocs-orange rounded\">\n                                                        <span x-text=\"expanded === 0 ? 'Show less' : 'Read more'\">Read more<\/span>\n                                                    <\/button>\n                                                <\/div>\n                                                                                            \n                                                                                                                                <\/div>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n                                                    <li class=\"splide__slide\">\n                                <div class=\"bpn-card bg-white rounded-[32px] overflow-hidden p-4 border lg:border-0\"\n                                     style=\"box-shadow:0 24px 60px -12px rgba(14,24,84,0.18);border-color:rgba(16,24,40,0.10)\">\n\n                                    <div class=\"bpn-card-content flex flex-col lg:flex-row\">\n\n                                        <!-- Image -->\n                                                                                    <div class=\"relative w-full lg:w-1\/2 flex-shrink-0 aspect-video lg:aspect-auto lg:min-h-[460px] rounded-2xl overflow-hidden\">\n                                                <picture>\n                                                    <source srcset=\"https:\/\/ucarecdn.com\/82fcfdd9-a142-4e16-985e-90feba935190\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\">\n                                                    <source srcset=\"https:\/\/ucarecdn.com\/82fcfdd9-a142-4e16-985e-90feba935190\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/82fcfdd9-a142-4e16-985e-90feba935190\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\"\n                                                         alt=\"Close-up of people wearing orange safety vests reviewing technical drawings or blueprints spread out on a table, with one person pointing to a specific detail on the paper.\"\n                                                         class=\"absolute inset-0 w-full h-full object-cover\" \/>\n                                                <\/picture>\n                                            <\/div>\n                                        \n                                        <!-- Content -->\n                                        <div class=\"flex flex-col gap-4 lg:gap-6 pt-6 lg:p-10 lg:w-1\/2 lg:justify-center\">\n                                                                                            <h3 class=\"text-ocs-gray-nav font-medium text-[24px] lg:text-[32px] leading-[32px] lg:leading-[40px] text-crop\">\n                                                    Best Productivity                                                <\/h3>\n                                            \n                                                                                                                                            <!-- On mobile only the intro (first element) shows until\n                                                     \"Read more\" is tapped; the rest slides open with\n                                                     x-collapse like the FAQ accordion. On the desktop deck\n                                                     (isDeck) the condition is always true, so the rest is\n                                                     never hidden there. -->\n                                                <div class=\"bpn-desc text-ocs-blue-navy prose max-w-none\">\n                                                    <p class=\"p1\">People, assets and resources are optimised to improve performance, increase efficiency and create greater long-term value. By combining operational expertise with data, insight and technology, we help customers make better decisions and achieve more from their environments.<\/p>                                                                                                            <div id=\"bpnGrad8dfac51f-more-1\"\n                                                             class=\"bpn-desc-more\"\n                                                             x-show=\"isDeck || expanded === 1\"\n                                                             x-collapse>\n                                                            \n<p class=\"p1\">Our colleagues continually review how services are delivered, identifying opportunities to simplify processes, reduce unnecessary effort and focus resources where they create the greatest impact.<\/p>\n<p class=\"p2\">This improves productivity, supports cost control and enables organisations to perform more effectively as priorities, demands and environments continue to evolve.<\/p>\n                                                        <\/div>\n                                                                                                    <\/div>\n\n                                                                                                <!-- Read more \/ Show less (mobile only). Plain text link;\n                                                     44px tall for a comfortable tap target. -->\n                                                <div class=\"lg:hidden\">\n                                                    <button type=\"button\"\n                                                            @click=\"toggleCard(1)\"\n                                                            :aria-expanded=\"expanded === 1 ? 'true' : 'false'\"\n                                                            aria-controls=\"bpnGrad8dfac51f-more-1\"\n                                                            class=\"bpn-more inline-flex items-center min-h-[44px] -my-2 px-1 -mx-1 text-ocs-orange font-semibold text-[15px] underline underline-offset-4 decoration-ocs-orange\/40 hover:decoration-ocs-orange transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-ocs-orange rounded\">\n                                                        <span x-text=\"expanded === 1 ? 'Show less' : 'Read more'\">Read more<\/span>\n                                                    <\/button>\n                                                <\/div>\n                                                                                            \n                                                                                                                                <\/div>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n                                                    <li class=\"splide__slide\">\n                                <div class=\"bpn-card bg-white rounded-[32px] overflow-hidden p-4 border lg:border-0\"\n                                     style=\"box-shadow:0 24px 60px -12px rgba(14,24,84,0.18);border-color:rgba(16,24,40,0.10)\">\n\n                                    <div class=\"bpn-card-content flex flex-col lg:flex-row\">\n\n                                        <!-- Image -->\n                                                                                    <div class=\"relative w-full lg:w-1\/2 flex-shrink-0 aspect-video lg:aspect-auto lg:min-h-[460px] rounded-2xl overflow-hidden\">\n                                                <picture>\n                                                    <source srcset=\"https:\/\/ucarecdn.com\/a1b1a4ec-876b-46f1-a0a2-c5fc8cfef9e0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\">\n                                                    <source srcset=\"https:\/\/ucarecdn.com\/a1b1a4ec-876b-46f1-a0a2-c5fc8cfef9e0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/a1b1a4ec-876b-46f1-a0a2-c5fc8cfef9e0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\"\n                                                         alt=\"A diverse group of five people walks through a modern, well-lit office space. They seem cheerful and are holding various items like books and coffee cups. The office features large windows, plants, and an inviting, open layout.\"\n                                                         class=\"absolute inset-0 w-full h-full object-cover\" \/>\n                                                <\/picture>\n                                            <\/div>\n                                        \n                                        <!-- Content -->\n                                        <div class=\"flex flex-col gap-4 lg:gap-6 pt-6 lg:p-10 lg:w-1\/2 lg:justify-center\">\n                                                                                            <h3 class=\"text-ocs-gray-nav font-medium text-[24px] lg:text-[32px] leading-[32px] lg:leading-[40px] text-crop\">\n                                                    Best Resilience                                                <\/h3>\n                                            \n                                                                                                                                            <!-- On mobile only the intro (first element) shows until\n                                                     \"Read more\" is tapped; the rest slides open with\n                                                     x-collapse like the FAQ accordion. On the desktop deck\n                                                     (isDeck) the condition is always true, so the rest is\n                                                     never hidden there. -->\n                                                <div class=\"bpn-desc text-ocs-blue-navy prose max-w-none\">\n                                                    <p class=\"p1\">Preparation, experience and responsive delivery help organisations maintain safe, reliable operations through change, disruption and periods of pressure. Our approach strengthens continuity by anticipating challenges and responding quickly when circumstances change.<\/p>                                                                                                            <div id=\"bpnGrad8dfac51f-more-2\"\n                                                             class=\"bpn-desc-more\"\n                                                             x-show=\"isDeck || expanded === 2\"\n                                                             x-collapse>\n                                                            \n<p class=\"p1\">Our colleagues work alongside customers to identify risks, plan for critical scenarios and maintain the essential services that people and organisations depend on every day.<\/p>\n<p class=\"p2\">By reducing disruption and strengthening operational confidence, we help organisations stay focused on what matters most, whatever challenges arise.<\/p>\n                                                        <\/div>\n                                                                                                    <\/div>\n\n                                                                                                <!-- Read more \/ Show less (mobile only). Plain text link;\n                                                     44px tall for a comfortable tap target. -->\n                                                <div class=\"lg:hidden\">\n                                                    <button type=\"button\"\n                                                            @click=\"toggleCard(2)\"\n                                                            :aria-expanded=\"expanded === 2 ? 'true' : 'false'\"\n                                                            aria-controls=\"bpnGrad8dfac51f-more-2\"\n                                                            class=\"bpn-more inline-flex items-center min-h-[44px] -my-2 px-1 -mx-1 text-ocs-orange font-semibold text-[15px] underline underline-offset-4 decoration-ocs-orange\/40 hover:decoration-ocs-orange transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-ocs-orange rounded\">\n                                                        <span x-text=\"expanded === 2 ? 'Show less' : 'Read more'\">Read more<\/span>\n                                                    <\/button>\n                                                <\/div>\n                                                                                            \n                                                                                                                                <\/div>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n                                                    <li class=\"splide__slide\">\n                                <div class=\"bpn-card bg-white rounded-[32px] overflow-hidden p-4 border lg:border-0\"\n                                     style=\"box-shadow:0 24px 60px -12px rgba(14,24,84,0.18);border-color:rgba(16,24,40,0.10)\">\n\n                                    <div class=\"bpn-card-content flex flex-col lg:flex-row\">\n\n                                        <!-- Image -->\n                                                                                    <div class=\"relative w-full lg:w-1\/2 flex-shrink-0 aspect-video lg:aspect-auto lg:min-h-[460px] rounded-2xl overflow-hidden\">\n                                                <picture>\n                                                    <source srcset=\"https:\/\/ucarecdn.com\/e1bcb263-4d23-4751-982e-5fc9690bd2ca\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\">\n                                                    <source srcset=\"https:\/\/ucarecdn.com\/e1bcb263-4d23-4751-982e-5fc9690bd2ca\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/e1bcb263-4d23-4751-982e-5fc9690bd2ca\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\"\n                                                         alt=\"Five friends sit at an outdoor table surrounded by greenery, laughing and enjoying drinks together. The atmosphere is bright and lively, with sunlight streaming through the leaves above.\"\n                                                         class=\"absolute inset-0 w-full h-full object-cover\" \/>\n                                                <\/picture>\n                                            <\/div>\n                                        \n                                        <!-- Content -->\n                                        <div class=\"flex flex-col gap-4 lg:gap-6 pt-6 lg:p-10 lg:w-1\/2 lg:justify-center\">\n                                                                                            <h3 class=\"text-ocs-gray-nav font-medium text-[24px] lg:text-[32px] leading-[32px] lg:leading-[40px] text-crop\">\n                                                    Best Experience                                                <\/h3>\n                                            \n                                                                                                                                            <!-- On mobile only the intro (first element) shows until\n                                                     \"Read more\" is tapped; the rest slides open with\n                                                     x-collapse like the FAQ accordion. On the desktop deck\n                                                     (isDeck) the condition is always true, so the rest is\n                                                     never hidden there. -->\n                                                <div class=\"bpn-desc text-ocs-blue-navy prose max-w-none\">\n                                                    <p class=\"p1\">The quality of everyday environments and interactions shapes how people feel, work and perform. Through responsive service, attention to detail and a genuine commitment to care, we create places that are welcoming, reliable and easy to use.<\/p>                                                                                                            <div id=\"bpnGrad8dfac51f-more-3\"\n                                                             class=\"bpn-desc-more\"\n                                                             x-show=\"isDeck || expanded === 3\"\n                                                             x-collapse>\n                                                            \n<p class=\"p1\">Our colleagues understand that every interaction contributes to the overall experience, building confidence through professionalism, consistency and a focus on the needs of the people using each environment.<\/p>\n<p class=\"p2\">Positive experiences strengthen relationships, enhance organisational reputation and help people perform at their best every day.<\/p>\n                                                        <\/div>\n                                                                                                    <\/div>\n\n                                                                                                <!-- Read more \/ Show less (mobile only). Plain text link;\n                                                     44px tall for a comfortable tap target. -->\n                                                <div class=\"lg:hidden\">\n                                                    <button type=\"button\"\n                                                            @click=\"toggleCard(3)\"\n                                                            :aria-expanded=\"expanded === 3 ? 'true' : 'false'\"\n                                                            aria-controls=\"bpnGrad8dfac51f-more-3\"\n                                                            class=\"bpn-more inline-flex items-center min-h-[44px] -my-2 px-1 -mx-1 text-ocs-orange font-semibold text-[15px] underline underline-offset-4 decoration-ocs-orange\/40 hover:decoration-ocs-orange transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-ocs-orange rounded\">\n                                                        <span x-text=\"expanded === 3 ? 'Show less' : 'Read more'\">Read more<\/span>\n                                                    <\/button>\n                                                <\/div>\n                                                                                            \n                                                                                                                                <\/div>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n                                                    <li class=\"splide__slide\">\n                                <div class=\"bpn-card bg-white rounded-[32px] overflow-hidden p-4 border lg:border-0\"\n                                     style=\"box-shadow:0 24px 60px -12px rgba(14,24,84,0.18);border-color:rgba(16,24,40,0.10)\">\n\n                                    <div class=\"bpn-card-content flex flex-col lg:flex-row\">\n\n                                        <!-- Image -->\n                                                                                    <div class=\"relative w-full lg:w-1\/2 flex-shrink-0 aspect-video lg:aspect-auto lg:min-h-[460px] rounded-2xl overflow-hidden\">\n                                                <picture>\n                                                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2025\/12\/Best-Outcomes-768x768.jpg\" media=\"(max-width: 640px)\">\n                                                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2025\/12\/Best-Outcomes-1024x1024.jpg\">\n                                                    <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2025\/12\/Best-Outcomes-1024x1024.jpg\"\n                                                         alt=\"A group of happy children sitting at a table in a classroom high-fiving each other, with notebooks and school supplies in front of them and a smiling teacher in the background.\"\n                                                         class=\"absolute inset-0 w-full h-full object-cover\" \/>\n                                                <\/picture>\n                                            <\/div>\n                                        \n                                        <!-- Content -->\n                                        <div class=\"flex flex-col gap-4 lg:gap-6 pt-6 lg:p-10 lg:w-1\/2 lg:justify-center\">\n                                                                                            <h3 class=\"text-ocs-gray-nav font-medium text-[24px] lg:text-[32px] leading-[32px] lg:leading-[40px] text-crop\">\n                                                    Best Outcomes                                                <\/h3>\n                                            \n                                                                                                                                            <!-- On mobile only the intro (first element) shows until\n                                                     \"Read more\" is tapped; the rest slides open with\n                                                     x-collapse like the FAQ accordion. On the desktop deck\n                                                     (isDeck) the condition is always true, so the rest is\n                                                     never hidden there. -->\n                                                <div class=\"bpn-desc text-ocs-blue-navy prose max-w-none\">\n                                                    <p class=\"p1\">Real-world results are achieved when service delivery is focused on what matters most. By bringing together best practices, productivity, resilience and experience, we design solutions that respond to each customer\u2019s priorities and create measurable value over time.<\/p>                                                                                                            <div id=\"bpnGrad8dfac51f-more-4\"\n                                                             class=\"bpn-desc-more\"\n                                                             x-show=\"isDeck || expanded === 4\"\n                                                             x-collapse>\n                                                            \n<p class=\"p1\">This enables colleagues to work safely and confidently, helps organisations perform more effectively and creates positive, lasting benefits for the communities they serve.<\/p>\n<p class=\"p2\">Every solution is judged not simply by the services it delivers, but by the outcomes it helps people and organisations achieve.<\/p>\n                                                        <\/div>\n                                                                                                    <\/div>\n\n                                                                                                <!-- Read more \/ Show less (mobile only). Plain text link;\n                                                     44px tall for a comfortable tap target. -->\n                                                <div class=\"lg:hidden\">\n                                                    <button type=\"button\"\n                                                            @click=\"toggleCard(4)\"\n                                                            :aria-expanded=\"expanded === 4 ? 'true' : 'false'\"\n                                                            aria-controls=\"bpnGrad8dfac51f-more-4\"\n                                                            class=\"bpn-more inline-flex items-center min-h-[44px] -my-2 px-1 -mx-1 text-ocs-orange font-semibold text-[15px] underline underline-offset-4 decoration-ocs-orange\/40 hover:decoration-ocs-orange transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-ocs-orange rounded\">\n                                                        <span x-text=\"expanded === 4 ? 'Show less' : 'Read more'\">Read more<\/span>\n                                                    <\/button>\n                                                <\/div>\n                                                                                            \n                                                                                                                                <\/div>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n                                            <\/ul>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <style>\n        \/* Hide the scrollbar on the mobile tab strip. *\/\n        .block_best_pillars_deck .bpn-tab-scroll { scrollbar-width: none; -ms-overflow-style: none; }\n        .block_best_pillars_deck .bpn-tab-scroll::-webkit-scrollbar { display: none; }\n\n        \/* Hide the slider until Alpine boots, so the un-mounted card stack\n           doesn't flash. We hide with opacity (not the global x-cloak\n           display:none) so the element keeps its layout and Splide can still\n           measure its width correctly on mount. *\/\n        .block_best_pillars_deck .bpn-splide[x-cloak] { display: block !important; opacity: 0; }\n\n        \/* Decorative dot wave (toggle) \u2014 a single wave.svg in the lower-left.\n           It fills its wrapper width; colour comes from the text-colour class\n           (currentColor): orange\/10% on light, white\/10% on navy. *\/\n        .block_best_pillars_deck .bpn-dots svg {\n            width: 100%;\n            height: auto;\n            display: block;\n        }\n\n        \/* Mobile = centred card carousel (prev\/next peek via Splide padding\/gap),\n           no drop shadow. Neighbours sit slightly smaller and faded, and scale\n           up to full as they become the active slide. *\/\n        @media (max-width: 1023px) {\n            .block_best_pillars_deck .bpn-card { box-shadow: none !important; }\n\n            \/* Collapsed card: the intro paragraph carries no bottom margin so\n               the \"Read more\" button sits at the normal gap below it. The gap\n               between intro and the revealed text is padding on the wrapper\n               (not a child margin), so nothing collapses through the wrapper\n               and the x-collapse animation lands on its final height without\n               a jump at the end. *\/\n            .block_best_pillars_deck .bpn-desc > :first-child { margin-bottom: 0; }\n            .block_best_pillars_deck .bpn-desc-more { padding-top: 1.25em; }\n            .block_best_pillars_deck .bpn-desc-more > :first-child { margin-top: 0; }\n            .block_best_pillars_deck .bpn-desc-more > :last-child { margin-bottom: 0; }\n            .block_best_pillars_deck .bpn-splide .splide__slide {\n                transform: scale(0.92);\n                transform-origin: center center;\n                opacity: 0.45;\n                transition: transform .4s ease, opacity .4s ease;\n                \/* Promote each slide to its own GPU layer so dragging the list\n                   just moves layers instead of repainting (prevents flicker). *\/\n                will-change: transform;\n                backface-visibility: hidden;\n            }\n            .block_best_pillars_deck .bpn-splide .splide__slide.is-active {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        \/* Desktop only: the cards form a stacked deck. On mobile it's a plain\n           one-card carousel, so none of this deck styling should apply. *\/\n        @media (min-width: 1024px) {\n            \/* Safety net: the description is never collapsed on desktop. The\n               x-show condition already includes isDeck; this also clears any\n               inline height\/overflow x-collapse left behind after a resize\n               across the breakpoint. *\/\n            .block_best_pillars_deck .bpn-desc-more {\n                display: block !important;\n                height: auto !important;\n                overflow: visible !important;\n            }\n            \/* Fade mode never slides horizontally, so let the card shadows spill\n               out of the track instead of being clipped. *\/\n            .block_best_pillars_deck .bpn-splide .splide__track { overflow: visible; }\n\n            \/* The deck animates transform + opacity as cards move between\n               positions; Splide only transitions opacity in fade mode. *\/\n            .block_best_pillars_deck .bpn-splide .splide__slide {\n                transition: transform .55s cubic-bezier(.4, 0, .2, 1), opacity .55s ease !important;\n                transform-origin: center top;\n                will-change: transform, opacity;\n            }\n\n            \/* Card fill shifts colour as it moves into \/ out of the deck (navy). *\/\n            .block_best_pillars_deck .bpn-card {\n                transition: background-color .55s ease;\n            }\n\n            \/* On navy the behind cards are the coloured shadow shapes themselves,\n               so they carry no drop shadow \u2014 only the active card does. *\/\n            .block_best_pillars_deck[data-dark=\"1\"] .bpn-splide .splide__slide:not(.is-active) .bpn-card {\n                box-shadow: none !important;\n            }\n\n            \/* Behind cards show only as shadow shapes \u2014 hide their content until\n               the card becomes active, then fade it in. *\/\n            .block_best_pillars_deck .bpn-splide .splide__slide .bpn-card-content {\n                opacity: 0;\n                transition: opacity .45s ease;\n            }\n            .block_best_pillars_deck .bpn-splide .splide__slide.is-active .bpn-card-content {\n                opacity: 1;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) and (min-width: 1024px) {\n            .block_best_pillars_deck .bpn-splide .splide__slide { transition: opacity .2s ease !important; }\n        }\n    <\/style>\n\n\n\n    <section class=\"divider w-full h-8 md:h-16 bg-white\">\n    <\/section>\n\n\n\n    <section id=\"block_acf-block-6ab67e2a14ad6\"  data-animate-container=\"waterfall\"  class=\"block-quote-image relative w-full max-w-8xl mx-auto px-4 lg:px-[88px] py-6 md:py-[72px]\">\n        <div data-animate=\"item\" class=\"relative w-full h-full min-h-[480px] p-4 rounded-3xl flex flex-col md:flex-auto justify-end\">\n            <picture>\n                <source srcset=\"https:\/\/ucarecdn.com\/e68d8823-1679-4246-81a0-3481fa651409\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                <source srcset=\"https:\/\/ucarecdn.com\/e68d8823-1679-4246-81a0-3481fa651409\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" media=\"(max-width: 1536px)\" type=\"image\/jpg\">\n                <source srcset=\"https:\/\/ucarecdn.com\/e68d8823-1679-4246-81a0-3481fa651409\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1536x1536\/\" type=\"image\/jpg\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/e68d8823-1679-4246-81a0-3481fa651409\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1536x1536\/\" class=\"relative md:absolute top-0 left-0 w-full h-[240px] md:h-full object-cover z-0 rounded-3xl\" alt=\"A modern, spacious lobby with glossy floors and dramatic, wave-like ceiling panels. The reception desk is on the left, and natural light fills the area through large windows at the far end.\">\n            <\/picture>\n\n            <!-- quote box-->\n            <div data-animate=\"item\" class=\"relative overflow-hidden p-8 rounded-3xl w-full md:max-w-[560px] -mt-[36px] md:mt-auto \" style=\"background-color: #FEFAF9;\">\n                <div  data-animate-container=\"text\"  class=\"relative flex flex-col gap-6 rounded-3xl\">\n                                                                                                                                                            <p data-animate=\"heading\" class=\"text-ocs-blue-navy font-medium text-[22px] text-crop\">\n                            &#8220;We\u2019re in the business of outcomes, and the services we provide help deliver the best outcomes for people. That\u2019s our purpose. We make people and places the best they can be, and we do it because we want the people in those places to thrive.&#8221;\n                        <\/p>\n                        <div data-animate=\"button\" class=\"flex flex-row items-center gap-3\">\n                                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/133f403b-ba11-448b-908a-ccb709bb85ad\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/150x150\/\" alt=\"avatar\" class=\"w-[56px] h-[56px] rounded-full object-cover border-white border-[3px]\" \/>\n                                                                                        <div class=\"flex flex-col\">\n                                                                                                                        <a href=\"https:\/\/www.linkedin.com\/in\/leggerob\/\" class=\"font-medium text-ocs-gray-nav hover:text-themed motion-safe:transition-colors\" target=\"_blank\" rel=\"noopener\">\n                                                Rob Legge<svg class=\"inline-block ml-1 mb-1 w-3 h-3\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/><polyline points=\"15 3 21 3 21 9\"\/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"\/><\/svg>\n                                            <\/a>\n                                                                                                                                                        <p class=\"text-sm text-ocs-gray-nav\">\n                                            Group CEO, OCS                                        <\/p>\n                                                                    <\/div>\n                                                    <\/div>\n                                    <\/div>\n                <!-- stripy circle -->\n                <svg class=\"text-[#E34E21]\/10 absolute -top-[34px] -right-[60px] w-[200px] md:w-[283px] h-[200px] md:h-[283px]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"215\" height=\"250\" viewBox=\"0 0 215 250\" fill=\"none\">\n                    <g opacity=\"0.2\">\n                        <path d=\"M30.9769 19.0099L52.8107 -2.82394C58.3069 -7.2401 64.1394 -11.2548 70.2637 -14.8234L18.9774 36.4629C22.5461 30.3385 26.5607 24.506 30.9769 19.0099Z\" fill=\"currentColor\" \/>\n                        <path d=\"M4.01413 73.2407C4.65187 70.6885 5.35881 68.1637 6.13284 65.6685L99.4693 -27.668C101.965 -28.442 104.489 -29.1489 107.042 -29.7867L4.01413 73.2407Z\" fill=\"currentColor\" \/>\n                        <path d=\"M0.0556521 99.0128C0.176139 97.0224 0.337714 95.0429 0.539539 93.0755L126.876 -33.2612C128.844 -33.4631 130.823 -33.6246 132.814 -33.7451L0.0556521 99.0128Z\" fill=\"currentColor\" \/>\n                        <path d=\"M0.364404 120.519C0.213163 118.831 0.0915209 117.134 0 115.43L149.23 -33.8008C150.935 -33.7093 152.631 -33.5876 154.319 -33.4364L0.364404 120.519Z\" fill=\"currentColor\" \/>\n                        <path d=\"M3.33962 139.353C2.99925 137.861 2.68243 136.36 2.38958 134.85L168.651 -31.4112C170.161 -31.1183 171.662 -30.8015 173.154 -30.4612L3.33962 139.353Z\" fill=\"currentColor\" \/>\n                        <path d=\"M8.30694 156.201C7.81891 154.86 7.35052 153.511 6.90214 152.152L185.953 -26.8986C187.312 -26.4503 188.661 -25.9819 190.001 -25.4938L8.30694 156.201Z\" fill=\"currentColor\" \/>\n                        <path d=\"M14.8927 171.429C14.2809 170.216 13.6861 168.993 13.1085 167.76L201.561 -20.6923C202.794 -20.1147 204.017 -19.5198 205.23 -18.9081L14.8927 171.429Z\" fill=\"currentColor\" \/>\n                        <path d=\"M22.8765 185.26C22.1553 184.159 21.449 183.047 20.7578 181.925L215.726 -13.0429C216.848 -12.3518 217.96 -11.6455 219.061 -10.9242L22.8765 185.26Z\" fill=\"currentColor\" \/>\n                        <path d=\"M32.1291 197.822C31.3064 196.825 30.4972 195.816 29.7016 194.796L228.597 -4.09916C229.617 -3.30358 230.626 -2.49434 231.623 -1.67172L32.1291 197.822Z\" fill=\"currentColor\" \/>\n                        <path d=\"M42.5831 209.183C41.6627 208.285 40.7545 207.376 39.8588 206.454L240.254 6.05798C241.176 6.95376 242.086 7.86197 242.984 8.78234L42.5831 209.183Z\" fill=\"currentColor\" \/>\n                        <path d=\"M54.2205 219.359C53.2022 218.562 52.1951 217.751 51.1994 216.927L250.727 17.3986C251.552 18.3943 252.363 19.4014 253.16 20.4198L54.2205 219.359Z\" fill=\"currentColor\" \/>\n                        <path d=\"M67.0711 228.323C65.9508 227.63 64.8408 226.922 63.7415 226.199L260 29.9408C260.723 31.0401 261.431 32.15 262.124 33.2704L67.0711 228.323Z\" fill=\"currentColor\" \/>\n                        <path d=\"M81.2133 235.994C79.9823 235.415 78.761 234.818 77.5498 234.204L268.005 43.749C268.619 44.9603 269.216 46.1816 269.795 47.4125L81.2133 235.994Z\" fill=\"currentColor\" \/>\n                        <path d=\"M96.7961 242.226C95.4395 241.776 94.0921 241.305 92.7541 240.815L274.615 58.9533C275.106 60.2913 275.576 61.6388 276.027 62.9953L96.7961 242.226Z\" fill=\"currentColor\" \/>\n                        <path d=\"M114.067 246.77C112.56 246.474 111.062 246.154 109.572 245.811L279.612 75.7715C279.955 77.261 280.275 78.7596 280.57 80.2666L114.067 246.77Z\" fill=\"currentColor\" \/>\n                        <path d=\"M133.452 249.199C131.751 249.104 130.059 248.979 128.374 248.824L282.625 94.5734C282.779 96.2577 282.905 97.9506 283 99.6515L133.452 249.199Z\" fill=\"currentColor\" \/>\n                        <path d=\"M155.747 248.718C153.785 248.914 151.812 249.069 149.827 249.184L282.985 116.026C282.87 118.011 282.715 119.984 282.519 121.946L155.747 248.718Z\" fill=\"currentColor\" \/>\n                        <path d=\"M183.036 243.243C180.554 244.003 178.043 244.696 175.505 245.321L279.121 141.704C278.497 144.242 277.803 146.753 277.044 149.235L183.036 243.243Z\" fill=\"currentColor\" \/>\n                        <path d=\"M228.508 219.585C223.259 223.673 217.715 227.399 211.913 230.727L264.528 178.112C261.2 183.914 257.474 189.458 253.386 194.707L228.508 219.585Z\" fill=\"currentColor\" \/>\n                    <\/g>\n                <\/svg>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n    <section id=\"block_acf-block-6ab67e2a14aef\"  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\">OCS Latest News and Insights<\/h2>\n                                                                <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy font-medium text-[22px] leading-[30px]\">Stories of our people, progress, technology and ESG<\/p>\n                                                                                        \n<a href=\"https:\/\/ocs.com\/uk\/news-media\/\" class=\"mt-3 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 All Latest Articles Here <\/a>                                    <\/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\/frontline-security-training-videos-innovation-station\/\" 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\/11\/Innovation-Station-Joanne-and-Lee-Put-Frontline-Experience-at-the-Heart-of-Security-Training-1024x882.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/11\/Innovation-Station-Joanne-and-Lee-Put-Frontline-Experience-at-the-Heart-of-Security-Training-1024x882.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=\"Innovation Station: Joanne and Lee Put Frontline Experience at the Heart of Security Training\">\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>Innovation<\/span>\n                                    |                    <span>Security<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            Innovation Station: Joanne and Lee Put Frontline Experience at the Heart of Security Training        <\/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                        06 Nov, 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\/fleet-electrification-facilities-management-lessons\/\" 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\/10\/OCS-EV8-1024x1024.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/OCS-EV8-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=\"How to Electrify a Facilities Management Fleet: Lessons From the Front Line\">\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>ESG<\/span>\n                                    |                    <span>Technology<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            How to Electrify a Facilities Management Fleet: Lessons From the Front Line        <\/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                        04 Nov, 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\/laura-bradley-wish-diversity-champion-of-the-year\/\" 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\/10\/Laura-Bradley-named-WISH-Diversity-Champion-of-the-Year.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/Laura-Bradley-named-WISH-Diversity-Champion-of-the-Year.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=\"Laura Bradley named WISH Diversity Champion of the Year\">\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>inclusion<\/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            Laura Bradley named WISH Diversity Champion of the Year        <\/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                        27 Oct, 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-wins-overall-operational-excellence-awards-uk-2026\/\" 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\/10\/BRE-5079-1790260982-1-scaled-e1792763453537-1024x797.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/BRE-5079-1790260982-1-scaled-e1792763453537-1024x797.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 Top Award at the Operational Excellence 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>Facilities Management<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            OCS Wins Top Award at the Operational Excellence 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                        25 Oct, 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\/from-early-beginnings-to-business-leadership\/\" 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\/10\/Rob-Legge-Podcast-1024x1024-1.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/Rob-Legge-Podcast-1024x1024-1.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=\"From Early Beginnings to Business Leadership: Rob Legge Shares His Personal Story\">\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>CEO Insights<\/span>\n                                    |                    <span>Podcast Series<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            From Early Beginnings to Business Leadership: Rob Legge Shares His Personal Story        <\/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                        16 Oct, 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\/chef-shannon-talbot-bennett-culture-cooking-heritage\/\" 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\/fd1808d1-2345-4d7e-ae8b-2aff723bbbcd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/fd1808d1-2345-4d7e-ae8b-2aff723bbbcd\/-\/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=\"Around Our Table: The Culture, Cooking and Heritage Behind Chef Shannon Talbot-Bennett\">\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>Catering<\/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            Around Our Table: The Culture, Cooking and Heritage Behind Chef Shannon Talbot-Bennett        <\/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 Oct, 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        <section id=\"block_acf-block-6ab67e2a14b19\"  data-animate-container=\"waterfall\"  class=\"max-w-8xl w-full mx-auto px-4 py-6 md:py-[72px] cta-block   \">\n        <div data-animate=\"item\" style=\"\" class=\"relative rounded-[32px] px-6 py-12 md:px-12 md:py-14 lg:px-[72px] lg:py-24 flex flex-col gap-10 items-center text-[#FDFDFE] overflow-hidden \">\n            <div class=\"absolute inset-0 z-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\/07\/Blue-Gradient-BG-768x768.png\" media=\"(max-width: 640px)\">\n                        <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/Blue-Gradient-BG-1024x512.png\" media=\"(max-width: 1536px)\">\n                        <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/Blue-Gradient-BG.png\" alt=\"A smooth gradient background shifting from a deep navy blue on the left to a slightly lighter blue on the right.\" class=\"w-full h-full object-cover object-center\">\n                    <\/picture>\n                                                                        <div class=\"absolute inset-0 w-full opacity-10 text-white\">\n                        <span aria-hidden=\"true\" class=\"block w-full h-full max-w-none pointer-events-none\" style=\"aspect-ratio:1440\/656;background-color:currentColor;-webkit-mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/cta-wave.svg?v=1794242732) left top \/ cover no-repeat;mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/cta-wave.svg?v=1794242732) left top \/ cover no-repeat;\"><\/span>                    <\/div>\n                            <\/div>\n\n            <div  data-animate-container=\"text\"  class=\"relative w-full flex flex-col gap-10 items-center\">\n\n                \n                                    <div class=\"flex flex-col gap-6 md:gap-10 max-w-[582px] lg:max-w-[777px] mx-auto text-center\">\n                                                    <h2 data-animate=\"heading\" class=\"text-4xl lg:text-[44px] font-medium leading-[44px] lg:leading-[54px] -tracking-[0.5px] text-crop\">\n                                How Can We Help You Today?                            <\/h2>\n                                                                            <p data-animate=\"prose\" class=\"font-medium lg:text-xl\">\n                                Contact the team to discuss your facilities management needs.                            <\/p>\n                                                                        <\/div>\n                \n            <\/div>\n\n            \n                            <div  data-animate-container=\"text\" >\n                                        \n<a href=\"https:\/\/ocs.com\/uk\/contact-us\/\" class=\"!text-base  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    Contact OCS Here <\/a>                <\/div>\n            \n        <\/div>\n    <\/section>\n\n\n    <section class=\"divider w-full h-8 md:h-16 bg-white\">\n    <\/section>\n","protected":false},"excerpt":{"rendered":"<p>Our vision is to become the best facilities services business in the world, making people and places the best they can be.<\/p>\n","protected":false},"author":1,"featured_media":3907,"parent":1498,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-287","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.2 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Vision and Mission - OCS - UK<\/title>\n<meta name=\"description\" content=\"Our vision is to become the best facilities services business in the world, making people and places the best they can be.\" \/>\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\/about-ocs\/vision-mission\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vision &amp; Mission\" \/>\n<meta property=\"og:description\" content=\"Our vision is to become the best facilities services business in the world, making people and places the best they can be.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ocs.com\/uk\/about-ocs\/vision-mission\/\" \/>\n<meta property=\"og:site_name\" content=\"OCS - UK\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-25T13:59:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ucarecdn.com\/db6b7774-0d7e-413c-8afa-a6799c82e153\/\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"499\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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\\\/about-ocs\\\/vision-mission\\\/\",\"url\":\"https:\\\/\\\/ocs.com\\\/uk\\\/about-ocs\\\/vision-mission\\\/\",\"name\":\"Vision and Mission - OCS - UK\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/about-ocs\\\/vision-mission\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/about-ocs\\\/vision-mission\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ucarecdn.com\\\/db6b7774-0d7e-413c-8afa-a6799c82e153\\\/\",\"datePublished\":\"2023-09-27T11:18:37+00:00\",\"dateModified\":\"2026-09-25T13:59:07+00:00\",\"description\":\"Our vision is to become the best facilities services business in the world, making people and places the best they can be.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/about-ocs\\\/vision-mission\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ocs.com\\\/uk\\\/about-ocs\\\/vision-mission\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/about-ocs\\\/vision-mission\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ucarecdn.com\\\/db6b7774-0d7e-413c-8afa-a6799c82e153\\\/\",\"contentUrl\":\"https:\\\/\\\/ucarecdn.com\\\/db6b7774-0d7e-413c-8afa-a6799c82e153\\\/\",\"width\":800,\"height\":499,\"caption\":\"A man wearing a navy blue jacket with OCS on it stands and smiles inside a glass walkway with a circular, tunnel-like design, reflecting the organizations Vision and Mission, with a brick building in the background.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/about-ocs\\\/vision-mission\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ocs.com\\\/uk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"About OCS\",\"item\":\"https:\\\/\\\/ocs.com\\\/uk\\\/about-ocs\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Vision &amp; Mission\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#website\",\"url\":\"https:\\\/\\\/ocs.com\\\/uk\\\/\",\"name\":\"OCS - UK\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#organization\"},\"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\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#organization\",\"name\":\"OCS\",\"alternateName\":\"OCS Group\",\"url\":\"https:\\\/\\\/ocs.com\\\/uk\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ocs.com\\\/app\\\/uploads\\\/2026\\\/10\\\/OCS-Main-Logo.png\",\"contentUrl\":\"https:\\\/\\\/ocs.com\\\/app\\\/uploads\\\/2026\\\/10\\\/OCS-Main-Logo.png\",\"width\":714,\"height\":714,\"caption\":\"OCS\"},\"image\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/uk.linkedin.com\\\/company\\\/ocs-global\",\"https:\\\/\\\/www.youtube.com\\\/@OCSGlobalFM\",\"https:\\\/\\\/en.wikipedia.org\\\/wiki\\\/OCS_Group\"],\"description\":\"OCS is an engineering-led facilities management company delivering integrated cleaning, security, catering, hard services and energy services across the UK and Ireland.\",\"telephone\":\"0800 614 678\",\"legalName\":\"OCS Group UK Limited\",\"foundingDate\":\"1900-01-01\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Vision and Mission - OCS - UK","description":"Our vision is to become the best facilities services business in the world, making people and places the best they can be.","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\/about-ocs\/vision-mission\/","og_locale":"en_GB","og_type":"article","og_title":"Vision &amp; Mission","og_description":"Our vision is to become the best facilities services business in the world, making people and places the best they can be.","og_url":"https:\/\/ocs.com\/uk\/about-ocs\/vision-mission\/","og_site_name":"OCS - UK","article_modified_time":"2026-09-25T13:59:07+00:00","og_image":[{"width":800,"height":499,"url":"https:\/\/ucarecdn.com\/db6b7774-0d7e-413c-8afa-a6799c82e153\/","type":"image\/jpeg"}],"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\/about-ocs\/vision-mission\/","url":"https:\/\/ocs.com\/uk\/about-ocs\/vision-mission\/","name":"Vision and Mission - OCS - UK","isPartOf":{"@id":"https:\/\/ocs.com\/uk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ocs.com\/uk\/about-ocs\/vision-mission\/#primaryimage"},"image":{"@id":"https:\/\/ocs.com\/uk\/about-ocs\/vision-mission\/#primaryimage"},"thumbnailUrl":"https:\/\/ucarecdn.com\/db6b7774-0d7e-413c-8afa-a6799c82e153\/","datePublished":"2023-09-27T11:18:37+00:00","dateModified":"2026-09-25T13:59:07+00:00","description":"Our vision is to become the best facilities services business in the world, making people and places the best they can be.","breadcrumb":{"@id":"https:\/\/ocs.com\/uk\/about-ocs\/vision-mission\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ocs.com\/uk\/about-ocs\/vision-mission\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/ocs.com\/uk\/about-ocs\/vision-mission\/#primaryimage","url":"https:\/\/ucarecdn.com\/db6b7774-0d7e-413c-8afa-a6799c82e153\/","contentUrl":"https:\/\/ucarecdn.com\/db6b7774-0d7e-413c-8afa-a6799c82e153\/","width":800,"height":499,"caption":"A man wearing a navy blue jacket with OCS on it stands and smiles inside a glass walkway with a circular, tunnel-like design, reflecting the organizations Vision and Mission, with a brick building in the background."},{"@type":"BreadcrumbList","@id":"https:\/\/ocs.com\/uk\/about-ocs\/vision-mission\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ocs.com\/uk\/"},{"@type":"ListItem","position":2,"name":"About OCS","item":"https:\/\/ocs.com\/uk\/about-ocs\/"},{"@type":"ListItem","position":3,"name":"Vision &amp; Mission"}]},{"@type":"WebSite","@id":"https:\/\/ocs.com\/uk\/#website","url":"https:\/\/ocs.com\/uk\/","name":"OCS - UK","description":"","publisher":{"@id":"https:\/\/ocs.com\/uk\/#organization"},"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"},{"@type":"Organization","@id":"https:\/\/ocs.com\/uk\/#organization","name":"OCS","alternateName":"OCS Group","url":"https:\/\/ocs.com\/uk\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/ocs.com\/uk\/#\/schema\/logo\/image\/","url":"https:\/\/ocs.com\/app\/uploads\/2026\/10\/OCS-Main-Logo.png","contentUrl":"https:\/\/ocs.com\/app\/uploads\/2026\/10\/OCS-Main-Logo.png","width":714,"height":714,"caption":"OCS"},"image":{"@id":"https:\/\/ocs.com\/uk\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/uk.linkedin.com\/company\/ocs-global","https:\/\/www.youtube.com\/@OCSGlobalFM","https:\/\/en.wikipedia.org\/wiki\/OCS_Group"],"description":"OCS is an engineering-led facilities management company delivering integrated cleaning, security, catering, hard services and energy services across the UK and Ireland.","telephone":"0800 614 678","legalName":"OCS Group UK Limited","foundingDate":"1900-01-01"}]}},"_links":{"self":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/pages\/287","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=287"}],"version-history":[{"count":678,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/pages\/287\/revisions"}],"predecessor-version":[{"id":49072,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/pages\/287\/revisions\/49072"}],"up":[{"embeddable":true,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/pages\/1498"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/media\/3907"}],"wp:attachment":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/media?parent=287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}