{"id":12949,"date":"2024-01-02T18:38:43","date_gmt":"2024-01-02T18:38:43","guid":{"rendered":"https:\/\/ocs.com\/uk\/?page_id=12949"},"modified":"2026-07-21T13:56:28","modified_gmt":"2026-07-21T12:56:28","slug":"history-and-heritage","status":"publish","type":"page","link":"https:\/\/ocs.com\/uk\/history-and-heritage\/","title":{"rendered":"History &amp; Heritage"},"content":{"rendered":"    <section id=\"block_acf-block-6a5f6c7baed4f\"  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\/OCS-History-Heritage-Desktop-768x720.jpeg\" media=\"(max-width: 640px)\">\n                        <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/OCS-History-Heritage-Desktop-1024x480.jpeg\" media=\"(max-width: 1536px)\">\n                        <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/OCS-History-Heritage-Desktop.jpeg\"\n                            alt=\"A man in a uniform and cap touches a large, faceted, reflective sphere against a teal background.\"\n                            class=\"w-full h-full object-cover object-center\">\n                    <\/picture>\n                                            <div class=\"absolute inset-0 bg-black\/40 z-10\"><\/div>\n                                    \n                            <\/div>\n\n            <div  data-animate-container=\"text\"  class=\"relative z-20 py-16 lg:py-[100px] px-6 lg:px-0 w-full max-w-[880px] mx-auto flex flex-col justify-center items-center gap-8 rounded-[32px] md:gap-12\">\n                                                                    <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                        History and Heritage                    <\/h1>\n                                                        <div data-animate=\"prose\"  class=\"text-white text-xl text-center\">\n                            <p><br \/>\r\nBeginning as a modest one-person cleaning operation in 1900, we&#8217;ve expanded globally, now encompassing a diverse team of over 135,000 colleagues in facilities management worldwide.                        <\/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-6a5f6c7baf7ac\"  data-animate-container=\"waterfall\"  class=\"  block-timeline-white  splide max-w-8xl mx-auto flex flex-col \">\n        <div data-animate=\"item\" class=\"relative pb-[120px]  pt-6 md:pt-[44px] md:pb-[44px] flex flex-col items-center justify-between gap-8 md:gap-16 rounded-[32px]\" style=\" background-color: #FFFFFF\">\n            <div class=\"px-6  lg:px-[88px]  flex flex-none flex-col md:flex-row items-center md:items-end justify-between gap-6 w-full\">\n                <div  data-animate-container=\"text\"  class=\"flex flex-col w-full items-center md:items-start gap-6\">\n                                            <h2 data-animate=\"heading\" class=\"text-crop text-center md:text-left text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Our History<\/h2>\n                                                                <p data-animate=\"prose\" class=\"text-center md:text-left text-ocs-blue-navy text-xl\">From the beginning to present day, the OCS story is one of dedication to people, consistency and outcomes.<\/p>\n                                    <\/div>\n                <!-- Desktop Slider Arrows -->\n                                    <div data-animate=\"item\" class=\"w-full md:w-auto py-2 md:py-0 splide__arrows absolute md:relative bottom-8 md:bottom-0 left-0 right-16 xl:right-[88px] flex gap-3 flex-row items-center justify-center\">\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.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed text-themed\" aria-label=\"Previous slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M15.8337 10.6953H4.16699\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                        <button class=\"next splide__arrow--next !right-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed text-themed\" aria-label=\"Next slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                            <\/div>\n\n                            <div  data-animate-container=\"waterfall\"  class=\"splide__track w-full\">\n                    <ul data-animate=\"item\" class=\"splide__list\">\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/9160c690-8b75-4324-9c99-9d32a4ad5800\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"New Century is launched\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1900                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">New Century is launched<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">OCS was born when Frederick William Goodliffe set up The New Century Window and General Cleaning Company. <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/1c432607-11c7-4a3f-8c48-fd34126aea64\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"Keeping it in the family\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1928                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Keeping it in the family<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Frederick\u2019s third son George joined the business, following in the footsteps of older brothers Gilbert and Tom, who joined in 1912 and 1920 respectively. <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/ad24b0ba-9b34-4247-81c2-b1df1ef21a87\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"From Window Cleaning to Integrated FM\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1930                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">From Window Cleaning to Integrated FM<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Office Cleaning Services (OCS) was formed, initially as a cleaning company before switfly moving into other services and intregrated solutions for customers.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/cbda3859-11c4-4a39-ac2e-299973b99f42\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"Rapidly growing business\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1950                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Rapidly growing business<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">After (Founder) Frederick\u2019s death in 1947, his sons expanded the business, moving into bigger premises and establishing a branch network. <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/eb009a3b-04eb-432c-a489-f503a18841b3\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"Servicing all sectors\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1958                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Servicing all sectors<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">A series of acquisitions were made and the business diversified into new industries. <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/da23a640-2cae-431d-b482-caaa8fe94944\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"UK-wide coverage and expansion\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1963                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">UK-wide coverage and expansion<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">By 1963, the OCS branch network had grown to include Birmingham, Manchester, Glasgow, Bristol, Rochester, Southampton, Gloucester, Dunstable, Croydon, Ilford, West Drayton, and Bournemouth. <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/e0d88356-7920-46c2-a280-c953496a0e69\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"Our journey in Aviation begins\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1966                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Our journey in Aviation begins<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">In 1966 the OCS team were awarded their first Aviation contract with Dan-Air, based at Gatwick, London.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/ba1cf500-3182-46bc-baaa-b9370dd2af0b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"PCS, our Thailand-based brand is formed\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1967                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">PCS, our Thailand-based brand is formed<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">PCS is the sister brand to OCS, providing similar services. Today they are one of the largest employers in Thailand with almost 40,000 colleagues.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/7736a9cb-8207-4615-b860-6be240fc482b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"Over 60 companies accumulated\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1978                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Over 60 companies accumulated<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">By 1978 the family organisation had grown to cover the whole of the United Kingdom, with over 50 Branches serving all areas of the British Isles with over 60 Associated Companies mostly allied to the cleaning industry, keeping pace with ever advancing technology and varying need of their customers.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/b8ba55ec-4608-476e-94c1-82d309839c19\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"Advertising innovation\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1984                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Advertising innovation<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">OCS produced regular newsletter and updates with a period of humourous advertising.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/19a8f492-dc2f-4eca-b106-2679e62f2129\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"Expansion into Europe\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1985                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Expansion into Europe<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">The OCS Group of Companies had gone global, operating across 8 countries around the globe including, Ireland, Portugal, The Netherlands, Canada, Hong Kong and Spain, within many of the service lines that exist today, such as Cleaning, Pest Control, Security, Hard Services and Window Cleaning. <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/bb310f50-1eb2-456c-92a7-15a85106a555\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"Channel Tunnel Contract Win\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1992                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Channel Tunnel Contract Win<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">In 1992 OCS formed a partnership with a French operator to provide maintenance and cleaning services in support of the channel tunnel.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/421e2491-a892-49e6-b365-1be47fb542a0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"Maintaining the Royal Warrant\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1992                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Maintaining the Royal Warrant<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">30,000 colleagues across the UK, Ireland, Europe, Canada and the Far East. The Largest property maintenance and cleaning organisation in the UK. Strong focus on environmental policies, including using biodegradable chemicals,  sorting office waste for recycling, and a lead-free fleet of vehicles. Policies that helped the business maintain its Royal Warrant from Her Majesty the Queen.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/7f659c5c-4505-41ec-9e05-b2b666007da6\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2002                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                                                                <p class=\"text-[#FEFAF9]\">Rob Legge, OCS Group CEO, first founded Ecocleen in 1997 and merged it with Executive Group in 1999 before completing a Management Buyout in 2003. Following extensive growth, organically and through acquisition, in 2018 Rob sold its UKL operations to Atalian.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/3f3aa595-d93c-4ed8-acb3-2fb7b0c1aba0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"Servest establishes as global player\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2007                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Servest establishes as global player<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Servest, a South African-based business established in 1997, was looking to expand into European markets. It bought the UK business operations in 2007, and Servest UK was formed with Rob Legge at the helm of the new UK company, with expansion further into Europe to follow.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/2ca5c23f-309b-47c5-a79f-d0d9be1dd4df\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"Servest UK establishes a National Presence\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2007                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Servest UK establishes a National Presence<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">The award of a significant national contract from Primark with 40 stores across the UK gave Servest the geographical footprint and infrastructure to build the business across the UK. The relationship with Primark has only grown since, remaining a key partner today.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/bdb06a20-e431-4043-889a-832f7c0cbcfc\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"Servest UK expands beyond Cleaning\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2012                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Servest UK expands beyond Cleaning<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">May 2012 saw the acquisition of Stag Security Services by Servest UK, the company&#8217;s first expansion beyond cleaning, swiftly followed by another acquisition, this time focusing in on catering with 7 Day Catering becoming part of the group in December, giving Servest UK  3 clear service lines: Cleaning, Security and Catering. <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/47f237c0-e063-4425-b9d3-88d7fccee032\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"Expansion continued for Servest UK\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2016                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Expansion continued for Servest UK<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">The business completed a triple of acquisitions in 2016, adding Catering Academy, Arthur McKay, and Accuro Catering to the growing group of companies in the UK, putting it firmly on the road to being a significant and recognised player in the UK FM market.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/68904289-1d2c-44a7-8fa2-c4b58f26f6a9\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"Sunflower Lanyard Scheme\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2016                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Sunflower Lanyard Scheme<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">In collaboration with Gatwick Airport, OCS launch the now globally recognised Sunflower Lanyard Scheme that gives passengers a discreet method of notifying that they need additional assistance due to restricted movement and hidden disabilities.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/8e85b74c-8300-46c1-9412-870ce2f28f8b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"Automotive services acquistion drives continued growth\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2018                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Automotive services acquistion drives continued growth<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">The acquisition of Aktrion Group gave Servest a larger footprint in the printing, automotive, food and transport sectors and an increased presence in Europe, with operations now in 10 European countries.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/b79c5376-9778-4356-a855-b0f204a13416\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"Rapid growth and successful sale of Servest\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2018                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Rapid growth and successful sale of Servest<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Following the creation of a joint venture in 2016 between Servest and Atalian, the two leading international facilities services companies have formally merged to create Atalian Servest in 2018.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/34cd6884-195a-472e-ba32-b4972af90009\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"OCS Foundation is launched\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2019                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">OCS Foundation is launched<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Formed as a charity with a focus on levelling up and delivering social value, legacy and positive impact. The foundation has enabled almost 200 individuals who may otherwise have had difficulty in gaining sustainable employment.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/a2358678-52e5-4037-9300-c99e31f29684\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"Security contract at Cop 26\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2022                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Security contract at Cop 26<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">COP26 was the 26th United Nations Climate Change Conference, a global summit held in 2021 to address and coordinate international efforts against climate change.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/2612c448-01e4-4b67-bda5-ad6e90119982\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"Atalian Servest and OCS Merge\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2023                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Atalian Servest and OCS Merge<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">A 135,000 colleague team is formed with over 8000 customers and a new vision and reaffirmed mission are shared by Group CEO, Rob legge.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/25c9ff28-e94b-4891-aa91-8466af7eef7a\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"TRUE Values launched\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2023                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">TRUE Values launched<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Following the merger and outlined vision and mission, the OCS TRUE Values are launched as guiding principles for a diverse, inclusive and dynamic business with a goal to make meaningful change.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/271e9034-cc3b-4f12-88b3-e712c7feb0ae\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"Net Zero targets announced\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2023                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Net Zero targets announced<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">OCS invest in Environmental, Governance and Social (ESG) initiatives alongside announcing 2040 Net Zero global targets.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/c1b46de8-17b5-4b2e-85ee-21369147444a\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"OCS NEW Brand launches\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] 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=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2024                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">OCS NEW Brand launches<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">OCS launches new global brand with the vision of becoming the best FM company in the business by making people and places the best they can be and deliver best experiences, productivity, practices, resiliencea and outcomes for colleagues, customers and communities.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                            <\/ul>\n                <\/div>\n                                <\/div>\n    <\/section>\n\n\n        <section id=\"block_acf-block-6a5f6c7bafd2a\"  data-animate-container=\"waterfall\"  x-data=\"{valueHovered: 0, currentImage: '', currentAlt: '',\n        init(){\n            this.currentImage = 'https:\/\/ucarecdn.com\/9160c690-8b75-4324-9c99-9d32a4ad5800\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/';\n            this.currentAlt = '';\n        },\n        changeValue(value, alt, index){\n            this.valueHovered = index;\n            this.currentImage = value;\n            this.currentAlt = alt;\n        }\n    }\" class=\"max-w-8xl mx-auto flex flex-col px-4 py-6 md:py-[72px] \">\n        <div data-animate=\"item\" class=\"py-8 md:py-14 lg:py-16  px-4 md:px-10 xl:px-[72px] rounded-[32px] flex flex-col gap-10 md:gap-12 lg:gap-[72px] #FEFAF9\" style=\"background-color:#FEFAF9\">\n            <div  data-animate-container=\"text\"  class=\"flex flex-col items-center justify-center gap-6 w-full mx-auto\">\n                                    <h2 data-animate=\"heading\" class=\"text-crop text-center text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Humble Beginnings in 1900<\/h2>\n                                                    <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy text-xl\">Our storied history began in 1900 through the drive and vision of one person, and a part time window cleaner, ladder mop and bucket.<\/p>\n                                            <\/div>\n                                            <div  data-animate-container=\"cards\"  class=\"hidden lg:flex lg:flex-row w-full h-full gap-16\">\n                    <div data-animate=\"card\" class=\"hidden lg:block group relative overflow-hidden w-full lg:w-1\/2 rounded-[18px] z-0 transition duration-150 ease-in\">\n                        <picture>\n                            <source :srcset=\"currentImage\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                            <source :srcset=\"currentImage\" type=\"image\/jpg\">\n                            <img :src=\"currentImage\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full object-cover object-center rounded-[32px]\" :alt=\"currentAlt\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"flex flex-row w-full lg:w-1\/2\">\n                        <div class=\"hidden lg:flex flex-none w-1 h-full bg-[#DAECDA]\">\n                        <\/div>\n                        <ul class=\"flex flex-col gap-10 lg:gap-0 w-full\">\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/9160c690-8b75-4324-9c99-9d32a4ad5800\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '0')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Founder, Frederick William Goodliffe<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">The history of the New Century, now known as OCS, is a remarkable tale of vision, expansion, and adaptation. Founded at the dawn of the 20th century by Frederick William Goodliffe, the company began as a humble window cleaning service. Goodliffe started in 1900 with just one part-time employee, a ladder, a pail, and a pushcart.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/ea489dae-8886-4401-95f5-39ec5dc09d00\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '1')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">One Man and His Bucket<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">His vision of a customer-focused business set the stage for over a century of extraordinary growth and evolution. Frederick Goodliffe, a man ahead of his time, likely never imagined that his small venture would transform into the global business it is today. Today, OCS is a testament to its vision, with a team of over 135,000 serving over 8000 customers.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/eb86433e-48ab-4231-a87e-3cb6217b48ae\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '2')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Marketing New Century&#8217;s Reputation<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">In the early 20th century, marketing was far less formalised than today. Frederick Goodliffe&#8217;s approach likely relied heavily on word-of-mouth and building a solid reputation locally. Customer-centric services remains a core principle of the company to this day.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n\n                                <div class=\"lg:hidden splide image-scrolling-text-slider w-auto -mx-4 md:-mx-10\">\n                    <div class=\"splide__track\">\n                        <ul class=\"splide__list\">\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/9160c690-8b75-4324-9c99-9d32a4ad5800\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/9160c690-8b75-4324-9c99-9d32a4ad5800\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/9160c690-8b75-4324-9c99-9d32a4ad5800\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Founder, Frederick William Goodliffe<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">The history of the New Century, now known as OCS, is a remarkable tale of vision, expansion, and adaptation. Founded at the dawn of the 20th century by Frederick William Goodliffe, the company began as a humble window cleaning service. Goodliffe started in 1900 with just one part-time employee, a ladder, a pail, and a pushcart.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/ea489dae-8886-4401-95f5-39ec5dc09d00\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/ea489dae-8886-4401-95f5-39ec5dc09d00\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/ea489dae-8886-4401-95f5-39ec5dc09d00\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">One Man and His Bucket<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">His vision of a customer-focused business set the stage for over a century of extraordinary growth and evolution. Frederick Goodliffe, a man ahead of his time, likely never imagined that his small venture would transform into the global business it is today. Today, OCS is a testament to its vision, with a team of over 135,000 serving over 8000 customers.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/eb86433e-48ab-4231-a87e-3cb6217b48ae\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/eb86433e-48ab-4231-a87e-3cb6217b48ae\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/eb86433e-48ab-4231-a87e-3cb6217b48ae\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Marketing New Century&#8217;s Reputation<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">In the early 20th century, marketing was far less formalised than today. Frederick Goodliffe&#8217;s approach likely relied heavily on word-of-mouth and building a solid reputation locally. Customer-centric services remains a core principle of the company to this day.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                    <div class=\"splide__arrows flex flex-row justify-center !space-x-3 mt-8\">\n                        <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light text-themed transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Previous slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M15.8337 10.6953H4.16699\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                        <button class=\"next splide__arrow--next !right-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light text-themed transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/section>\n\n\n        <section id=\"block_acf-block-6a5f6c7bafdfd\"  data-animate-container=\"waterfall\"  x-data=\"{valueHovered: 0, currentImage: '', currentAlt: '',\n        init(){\n            this.currentImage = 'https:\/\/ucarecdn.com\/f207f7cb-8600-4142-b39a-192eae69dc23\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/';\n            this.currentAlt = '';\n        },\n        changeValue(value, alt, index){\n            this.valueHovered = index;\n            this.currentImage = value;\n            this.currentAlt = alt;\n        }\n    }\" class=\"max-w-8xl mx-auto flex flex-col px-4 py-6 md:py-[72px] \">\n        <div data-animate=\"item\" class=\"py-8 md:py-14 lg:py-16  px-4 md:px-10 xl:px-[72px] rounded-[32px] flex flex-col gap-10 md:gap-12 lg:gap-[72px] #F7FBF7\" style=\"background-color:#F7FBF7\">\n            <div  data-animate-container=\"text\"  class=\"flex flex-col items-center justify-center gap-6 w-full mx-auto\">\n                                    <h2 data-animate=\"heading\" class=\"text-crop text-center text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">New Century to OCS<\/h2>\n                                                    <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy text-xl\">As the business moved towards its first rebrand, it&#8217;s New Century colleagues were saving people from a burning building.<\/p>\n                                            <\/div>\n                                            <div  data-animate-container=\"cards\"  class=\"hidden lg:flex lg:flex-row w-full h-full gap-16\">\n                    <div data-animate=\"card\" class=\"hidden lg:block group relative overflow-hidden w-full lg:w-1\/2 rounded-[18px] z-0 transition duration-150 ease-in\">\n                        <picture>\n                            <source :srcset=\"currentImage\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                            <source :srcset=\"currentImage\" type=\"image\/jpg\">\n                            <img :src=\"currentImage\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full object-cover object-center rounded-[32px]\" :alt=\"currentAlt\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"flex flex-row w-full lg:w-1\/2\">\n                        <div class=\"hidden lg:flex flex-none w-1 h-full bg-[#DAECDA]\">\n                        <\/div>\n                        <ul class=\"flex flex-col gap-10 lg:gap-0 w-full\">\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/f207f7cb-8600-4142-b39a-192eae69dc23\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '0')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Window Cleaning Superhero<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">This is Tom Spurrier, a New Century (OCS) colleague who stopped his window cleaning van along Mile End Road on seeing a burning building. He immediately deployed his ladders and helped six girls to safety ahead of the fire bridade arriving. Tom, we salute you. <\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/9c7a18af-4447-4240-9f92-71c755800d6b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '1')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">1930 OCS Rebrand is Launched<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Originally the New Century Window and General Cleaning Company, the firm rebranded into Office Cleaning Services (OCS) in 1930, adapting to customer needs under Frederick&#8217;s sons&#8217; leadership.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/4185df52-2c58-415d-a643-7a9ecf6ddc35\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '2')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Any Publicity is Good Publicity<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Under the leadership of Goodliffe&#8217;s three sons, the business went about acquiring competitors, rapidly broadening their market reach and service diversity. Forerunners to the the flair of entrepreneurs like Richard Branson, they also executed bold publicity stunts to grab the headlines.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n\n                                <div class=\"lg:hidden splide image-scrolling-text-slider w-auto -mx-4 md:-mx-10\">\n                    <div class=\"splide__track\">\n                        <ul class=\"splide__list\">\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/f207f7cb-8600-4142-b39a-192eae69dc23\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/f207f7cb-8600-4142-b39a-192eae69dc23\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/f207f7cb-8600-4142-b39a-192eae69dc23\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Window Cleaning Superhero<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">This is Tom Spurrier, a New Century (OCS) colleague who stopped his window cleaning van along Mile End Road on seeing a burning building. He immediately deployed his ladders and helped six girls to safety ahead of the fire bridade arriving. Tom, we salute you. <\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/9c7a18af-4447-4240-9f92-71c755800d6b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/9c7a18af-4447-4240-9f92-71c755800d6b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/9c7a18af-4447-4240-9f92-71c755800d6b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">1930 OCS Rebrand is Launched<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Originally the New Century Window and General Cleaning Company, the firm rebranded into Office Cleaning Services (OCS) in 1930, adapting to customer needs under Frederick&#8217;s sons&#8217; leadership.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/4185df52-2c58-415d-a643-7a9ecf6ddc35\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/4185df52-2c58-415d-a643-7a9ecf6ddc35\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4185df52-2c58-415d-a643-7a9ecf6ddc35\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Any Publicity is Good Publicity<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Under the leadership of Goodliffe&#8217;s three sons, the business went about acquiring competitors, rapidly broadening their market reach and service diversity. Forerunners to the the flair of entrepreneurs like Richard Branson, they also executed bold publicity stunts to grab the headlines.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                    <div class=\"splide__arrows flex flex-row justify-center !space-x-3 mt-8\">\n                        <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light text-themed transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Previous slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M15.8337 10.6953H4.16699\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                        <button class=\"next splide__arrow--next !right-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light text-themed transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/section>\n\n\n        <section id=\"block_acf-block-6a5f6c7bafecf\"  data-animate-container=\"waterfall\"  x-data=\"{valueHovered: 0, currentImage: '', currentAlt: '',\n        init(){\n            this.currentImage = 'https:\/\/ucarecdn.com\/3a0454a1-92f1-4ef1-bce6-d6c6e01ccefa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/';\n            this.currentAlt = '';\n        },\n        changeValue(value, alt, index){\n            this.valueHovered = index;\n            this.currentImage = value;\n            this.currentAlt = alt;\n        }\n    }\" class=\"max-w-8xl mx-auto flex flex-col px-4 py-6 md:py-[72px] \">\n        <div data-animate=\"item\" class=\"py-8 md:py-14 lg:py-16  px-4 md:px-10 xl:px-[72px] rounded-[32px] flex flex-col gap-10 md:gap-12 lg:gap-[72px] #F7FBF7\" style=\"background-color:#F7FBF7\">\n            <div  data-animate-container=\"text\"  class=\"flex flex-col items-center justify-center gap-6 w-full mx-auto\">\n                                    <h2 data-animate=\"heading\" class=\"text-crop text-center text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">1960s Tweeting<\/h2>\n                                                    <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy text-xl\">OCS pioneered innovative and scientific methods of cleaning &#8211; including the dust removing door mat chemicals.<\/p>\n                                            <\/div>\n                                            <div  data-animate-container=\"cards\"  class=\"hidden lg:flex lg:flex-row w-full h-full gap-16\">\n                    <div data-animate=\"card\" class=\"hidden lg:block group relative overflow-hidden w-full lg:w-1\/2 rounded-[18px] z-0 transition duration-150 ease-in\">\n                        <picture>\n                            <source :srcset=\"currentImage\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                            <source :srcset=\"currentImage\" type=\"image\/jpg\">\n                            <img :src=\"currentImage\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full object-cover object-center rounded-[32px]\" :alt=\"currentAlt\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"flex flex-row w-full lg:w-1\/2\">\n                        <div class=\"hidden lg:flex flex-none w-1 h-full bg-[#DAECDA]\">\n                        <\/div>\n                        <ul class=\"flex flex-col gap-10 lg:gap-0 w-full\">\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/3a0454a1-92f1-4ef1-bce6-d6c6e01ccefa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '0')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">OCS&#8217;s Very 1960&#8217;s Twitterer<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Every day at the OCS Headquarters in London, a tweeting bird would fly by and visit. According to the archives, &#8220;Every day this cheeky cockney sparrow brings &#8216;Music while you work&#8217; and twitters gaily on, hopping from window to window to spread infectious good humour to all his friends.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/2c6986a8-d4ac-489d-844c-907b63b1e178\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '1')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">OCS Ad Campaigns Continue<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">As OCS continues to grow, capture market share and make strategic acquistions, there&#8217;s no let up on the advertising campaigns to share the latest innovations and customer benefits.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/45440d72-c1d7-4b08-beea-1687076dbdaf\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '2')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Heading Out of Recession With Strength<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Under the rebranded and unified OCS, the team navigated the difficult seventies, shown here in 1979 in a display of unity &#8211; proudly emblazoned with the famous three letter of OCS.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n\n                                <div class=\"lg:hidden splide image-scrolling-text-slider w-auto -mx-4 md:-mx-10\">\n                    <div class=\"splide__track\">\n                        <ul class=\"splide__list\">\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/3a0454a1-92f1-4ef1-bce6-d6c6e01ccefa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/3a0454a1-92f1-4ef1-bce6-d6c6e01ccefa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/3a0454a1-92f1-4ef1-bce6-d6c6e01ccefa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">OCS&#8217;s Very 1960&#8217;s Twitterer<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Every day at the OCS Headquarters in London, a tweeting bird would fly by and visit. According to the archives, &#8220;Every day this cheeky cockney sparrow brings &#8216;Music while you work&#8217; and twitters gaily on, hopping from window to window to spread infectious good humour to all his friends.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/2c6986a8-d4ac-489d-844c-907b63b1e178\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/2c6986a8-d4ac-489d-844c-907b63b1e178\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/2c6986a8-d4ac-489d-844c-907b63b1e178\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">OCS Ad Campaigns Continue<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">As OCS continues to grow, capture market share and make strategic acquistions, there&#8217;s no let up on the advertising campaigns to share the latest innovations and customer benefits.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/45440d72-c1d7-4b08-beea-1687076dbdaf\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/45440d72-c1d7-4b08-beea-1687076dbdaf\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/45440d72-c1d7-4b08-beea-1687076dbdaf\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Heading Out of Recession With Strength<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Under the rebranded and unified OCS, the team navigated the difficult seventies, shown here in 1979 in a display of unity &#8211; proudly emblazoned with the famous three letter of OCS.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                    <div class=\"splide__arrows flex flex-row justify-center !space-x-3 mt-8\">\n                        <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light text-themed transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Previous slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M15.8337 10.6953H4.16699\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                        <button class=\"next splide__arrow--next !right-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light text-themed transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/section>\n\n\n        <section id=\"block_acf-block-6a5f6c7baff93\"  data-animate-container=\"waterfall\"  x-data=\"{valueHovered: 0, currentImage: '', currentAlt: '',\n        init(){\n            this.currentImage = 'https:\/\/ucarecdn.com\/c9ea91a8-a851-4bc2-9d74-0066daa28d98\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/';\n            this.currentAlt = '';\n        },\n        changeValue(value, alt, index){\n            this.valueHovered = index;\n            this.currentImage = value;\n            this.currentAlt = alt;\n        }\n    }\" class=\"max-w-8xl mx-auto flex flex-col px-4 py-6 md:py-[72px] \">\n        <div data-animate=\"item\" class=\"py-8 md:py-14 lg:py-16  px-4 md:px-10 xl:px-[72px] rounded-[32px] flex flex-col gap-10 md:gap-12 lg:gap-[72px] #FEFAF9\" style=\"background-color:#FEFAF9\">\n            <div  data-animate-container=\"text\"  class=\"flex flex-col items-center justify-center gap-6 w-full mx-auto\">\n                                    <h2 data-animate=\"heading\" class=\"text-crop text-center text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Over 100 years of Innovation<\/h2>\n                                                    <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy text-xl\">OCS&#8217;s approach to innovative and scientific methods of cleaning &#8211; including the dust removing door mat chemicals.<\/p>\n                                            <\/div>\n                                            <div  data-animate-container=\"cards\"  class=\"hidden lg:flex lg:flex-row w-full h-full gap-16\">\n                    <div data-animate=\"card\" class=\"hidden lg:block group relative overflow-hidden w-full lg:w-1\/2 rounded-[18px] z-0 transition duration-150 ease-in\">\n                        <picture>\n                            <source :srcset=\"currentImage\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                            <source :srcset=\"currentImage\" type=\"image\/jpg\">\n                            <img :src=\"currentImage\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full object-cover object-center rounded-[32px]\" :alt=\"currentAlt\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"flex flex-row w-full lg:w-1\/2\">\n                        <div class=\"hidden lg:flex flex-none w-1 h-full bg-[#DAECDA]\">\n                        <\/div>\n                        <ul class=\"flex flex-col gap-10 lg:gap-0 w-full\">\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/c9ea91a8-a851-4bc2-9d74-0066daa28d98\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '0')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Service is a Science<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">The archives show Mrs Allen, who had been with OCS for 25 years by the early 60s, announcing that service was (almost) as science. She was clearly ahead of her time. Meanwhile, Mrs Bromley had some personal success whilst on holiday.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/4f11c42f-075a-467b-af11-0756bed9d331\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '1')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Dust and Moisture Removing Door Mats<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">This 1960&#8217;s advertising campaign depicts what appears to be a cool and calm gentlemen who is unfazed and seemingly unaffected by the terrible weather outside &#8211; all thanks to chemically enhanced door mats that attract loose grit, debris, dust and moisture.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/9599aac9-3413-47a8-ad03-0c0a0637f54c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '2')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Recognition of our Early Stars<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">The OCS archived newsletter feature regular recognition articles of long service, heroic acts and all round great performance. A forward thinking organisation in every sense.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n\n                                <div class=\"lg:hidden splide image-scrolling-text-slider w-auto -mx-4 md:-mx-10\">\n                    <div class=\"splide__track\">\n                        <ul class=\"splide__list\">\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/c9ea91a8-a851-4bc2-9d74-0066daa28d98\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/c9ea91a8-a851-4bc2-9d74-0066daa28d98\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/c9ea91a8-a851-4bc2-9d74-0066daa28d98\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Service is a Science<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">The archives show Mrs Allen, who had been with OCS for 25 years by the early 60s, announcing that service was (almost) as science. She was clearly ahead of her time. Meanwhile, Mrs Bromley had some personal success whilst on holiday.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/4f11c42f-075a-467b-af11-0756bed9d331\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/4f11c42f-075a-467b-af11-0756bed9d331\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4f11c42f-075a-467b-af11-0756bed9d331\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Dust and Moisture Removing Door Mats<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">This 1960&#8217;s advertising campaign depicts what appears to be a cool and calm gentlemen who is unfazed and seemingly unaffected by the terrible weather outside &#8211; all thanks to chemically enhanced door mats that attract loose grit, debris, dust and moisture.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/9599aac9-3413-47a8-ad03-0c0a0637f54c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/9599aac9-3413-47a8-ad03-0c0a0637f54c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/9599aac9-3413-47a8-ad03-0c0a0637f54c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Recognition of our Early Stars<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">The OCS archived newsletter feature regular recognition articles of long service, heroic acts and all round great performance. A forward thinking organisation in every sense.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                    <div class=\"splide__arrows flex flex-row justify-center !space-x-3 mt-8\">\n                        <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light text-themed transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Previous slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M15.8337 10.6953H4.16699\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                        <button class=\"next splide__arrow--next !right-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light text-themed transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/section>\n\n\n\n    <section id=\"block_acf-block-6a5f6c7baffb0\"  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\">Our Recent History<\/h2>\n                                                                <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy font-medium text-[22px] leading-[30px]\">Find out more from today&#8217;s world of OCS.<\/p>\n                                                        <\/div>\n            \n                            <div class=\"relative\">\n                    <div data-animate=\"item\" class=\"splide__track\">\n                        <ul class=\"splide__list gap-4 md:gap-8\">\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/international-security-officers-day-behind-the-uniform\/\" class=\"group relative rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n            <picture>\n            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/OCS-Security-Officers-1024x1024.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/OCS-Security-Officers-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=\"Behind The Uniform: The Colleagues Keeping the UK and Ireland Safe\">\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>Our People<\/span>\n                                    |                    <span>Security<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            Behind The Uniform: The Colleagues Keeping the UK and Ireland Safe        <\/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                        24 Jul, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/inclusion-in-action-heather-andrews-on-recognising-talent-beyond-barriers\/\" 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\/02\/Manchester-Central-1-1024x684.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/02\/Manchester-Central-1-1024x684.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=\"Inclusion In Action: Heather Andrews on Recognising Talent Beyond Barriers\">\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>Inclusive Recruitment<\/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            Inclusion In Action: Heather Andrews on Recognising Talent Beyond Barriers        <\/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                        23 Jul, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/ocs-announces-recommended-acquisition-of-mitie\/\" class=\"group relative rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n            <picture>\n            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/OCS-Hard-Services-BBC-1024x768.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/OCS-Hard-Services-BBC-1024x768.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 Announces Recommended Acquisition of Mitie\">\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>Acquisitions<\/span>\n                                    |                    <span>industry news<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            OCS Announces Recommended Acquisition of Mitie        <\/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                        21 Jul, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/rising-heat-failing-cooling-how-fm-keeps-sites-running-as-the-uk-warms\/\" 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\/0f1f585d-9d0f-4e9c-89ec-00997f800e9e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/0f1f585d-9d0f-4e9c-89ec-00997f800e9e\/-\/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=\"Rising Heat, Failing Cooling: How FM Keeps Sites Running as the UK Warms\">\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>Energy Services<\/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            Rising Heat, Failing Cooling: How FM Keeps Sites Running as the UK Warms        <\/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\/6d0b7088-ff33-46d9-849d-b49e7d389a1c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"Nick Maggs, Managing Director, Hard Services \u2013 OCS UK\">\n                <div>\n                    <p class=\"text-sm font-semibold leading-5 text-white\">\n                        Nick Maggs, Managing Director, Hard Services \u2013 OCS UK                    <\/p>\n                    <p class=\"text-sm leading-5 text-white\">\n                        16 Jul, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/redesigning-hiring-to-recognise-neurodivergent-talent\/\" class=\"group relative rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n            <picture>\n            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/Inclusive-Recruitment-2-1024x683.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/Inclusive-Recruitment-2-1024x683.jpg\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl group-hover:scale-110 transition duration-150 ease-in \" alt=\"Redesigning Hiring to Recognise Neurodivergent Talent\">\n        <\/picture>\n    \n    <div class=\"dynamic-homepage-gradient-slide rounded-3xl absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n    <\/div>\n    <div class=\"dynamic-homepage-overlay-slide rounded-3xl absolute top-0 left-0 right-0 w-full h-full\">\n    <\/div>\n\n    <div class=\"rounded-3xl text-element w-full h-full relative z-20 flex flex-col justify-end\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-white\/75 mb-2\">\n\n                                                        <span>Careers<\/span>\n                                    |                    <span>Inclusive Recruitment<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            Redesigning Hiring to Recognise Neurodivergent Talent        <\/h2>\n                <div class=\"author-element flex flex-row justify-between gap-2 items-end\">\n            <div class=\"flex items-center mt-4 space-x-3\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/04ec467e-1a1c-4c34-9024-7849b6df6456\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"Sarah Williams - Chief People Officer, OCS UK &#038; Ireland\">\n                <div>\n                    <p class=\"text-sm font-semibold leading-5 text-white\">\n                        Sarah Williams &#8211; Chief People Officer, OCS UK &#038; Ireland                    <\/p>\n                    <p class=\"text-sm leading-5 text-white\">\n                        15 Jul, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/living-with-hidden-disabilities-lisa-hills-story\/\" class=\"group relative rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n            <picture>\n            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/Lisa-Hill-FM-Coordinator-Private-Sector-1024x1024.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/Lisa-Hill-FM-Coordinator-Private-Sector-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=\"Living With Hidden Disabilities: Lisa Hill\u2019s 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>Our People<\/span>\n                                    |                    <span>TRUE Stories<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            Living With Hidden Disabilities: Lisa Hill\u2019s 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                        13 Jul, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                    <\/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-6a5f6c7baffd1\"  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=\"background-color: #0E1854;\" 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                                                    <div class=\"absolute inset-0 w-full opacity-10 text-themed-lightest\">\n                                            <\/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                                Connect with your OCS team                            <\/h2>\n                                                                            <p data-animate=\"prose\" class=\"font-medium lg:text-xl\">\n                                We&#8217;re ready to deliver the best experiences, productivity, practices, resilience and outcomes and we look forward to connecting with you and your team.                            <\/p>\n                                                                        <\/div>\n                \n            <\/div>\n\n            \n                            <div  data-animate-container=\"text\" >\n                                        \n<a href=\"\/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 Us <\/a>                <\/div>\n            \n        <\/div>\n    <\/section>\n","protected":false},"excerpt":{"rendered":"<p>OCS history and heritage. Began in 1900 through the drive and vision of one person, and a part-time window cleaner, ladder mop and bucket.<\/p>\n","protected":false},"author":6,"featured_media":1000008212,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-12949","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>History and Heritage - Humble Beginnings in 1900 | OCS<\/title>\n<meta name=\"description\" content=\"OCS history and heritage. Began in 1900 through the drive and vision of one person, and a part-time window cleaner, ladder mop and bucket.\" \/>\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\/history-and-heritage\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"History &amp; Heritage\" \/>\n<meta property=\"og:description\" content=\"OCS history and heritage. Began in 1900 through the drive and vision of one person, and a part-time window cleaner, ladder mop and bucket.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ocs.com\/uk\/history-and-heritage\/\" \/>\n<meta property=\"og:site_name\" content=\"OCS - UK\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-21T12:56:28+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/history-and-heritage\\\/\",\"url\":\"https:\\\/\\\/ocs.com\\\/uk\\\/history-and-heritage\\\/\",\"name\":\"History and Heritage - Humble Beginnings in 1900 | OCS\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/history-and-heritage\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/history-and-heritage\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ucarecdn.com\\\/d5820521-d372-488f-8126-f9edbb4a1878\\\/\",\"datePublished\":\"2024-01-02T18:38:43+00:00\",\"dateModified\":\"2026-07-21T12:56:28+00:00\",\"description\":\"OCS history and heritage. Began in 1900 through the drive and vision of one person, and a part-time window cleaner, ladder mop and bucket.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/history-and-heritage\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ocs.com\\\/uk\\\/history-and-heritage\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/history-and-heritage\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ucarecdn.com\\\/d5820521-d372-488f-8126-f9edbb4a1878\\\/\",\"contentUrl\":\"https:\\\/\\\/ucarecdn.com\\\/d5820521-d372-488f-8126-f9edbb4a1878\\\/\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/history-and-heritage\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ocs.com\\\/uk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"History &amp; Heritage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#website\",\"url\":\"https:\\\/\\\/ocs.com\\\/uk\\\/\",\"name\":\"OCS - UK\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ocs.com\\\/uk\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"History and Heritage - Humble Beginnings in 1900 | OCS","description":"OCS history and heritage. Began in 1900 through the drive and vision of one person, and a part-time window cleaner, ladder mop and bucket.","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\/history-and-heritage\/","og_locale":"en_GB","og_type":"article","og_title":"History &amp; Heritage","og_description":"OCS history and heritage. Began in 1900 through the drive and vision of one person, and a part-time window cleaner, ladder mop and bucket.","og_url":"https:\/\/ocs.com\/uk\/history-and-heritage\/","og_site_name":"OCS - UK","article_modified_time":"2026-07-21T12:56:28+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ocs.com\/uk\/history-and-heritage\/","url":"https:\/\/ocs.com\/uk\/history-and-heritage\/","name":"History and Heritage - Humble Beginnings in 1900 | OCS","isPartOf":{"@id":"https:\/\/ocs.com\/uk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ocs.com\/uk\/history-and-heritage\/#primaryimage"},"image":{"@id":"https:\/\/ocs.com\/uk\/history-and-heritage\/#primaryimage"},"thumbnailUrl":"https:\/\/ucarecdn.com\/d5820521-d372-488f-8126-f9edbb4a1878\/","datePublished":"2024-01-02T18:38:43+00:00","dateModified":"2026-07-21T12:56:28+00:00","description":"OCS history and heritage. Began in 1900 through the drive and vision of one person, and a part-time window cleaner, ladder mop and bucket.","breadcrumb":{"@id":"https:\/\/ocs.com\/uk\/history-and-heritage\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ocs.com\/uk\/history-and-heritage\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/ocs.com\/uk\/history-and-heritage\/#primaryimage","url":"https:\/\/ucarecdn.com\/d5820521-d372-488f-8126-f9edbb4a1878\/","contentUrl":"https:\/\/ucarecdn.com\/d5820521-d372-488f-8126-f9edbb4a1878\/"},{"@type":"BreadcrumbList","@id":"https:\/\/ocs.com\/uk\/history-and-heritage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ocs.com\/uk\/"},{"@type":"ListItem","position":2,"name":"History &amp; Heritage"}]},{"@type":"WebSite","@id":"https:\/\/ocs.com\/uk\/#website","url":"https:\/\/ocs.com\/uk\/","name":"OCS - UK","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ocs.com\/uk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/pages\/12949","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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/comments?post=12949"}],"version-history":[{"count":401,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/pages\/12949\/revisions"}],"predecessor-version":[{"id":47300,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/pages\/12949\/revisions\/47300"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ocs.com\/uk\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/media?parent=12949"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}