{"id":12949,"date":"2024-01-02T18:38:43","date_gmt":"2024-01-02T18:38:43","guid":{"rendered":"https:\/\/ocs.com\/au\/?page_id=12949"},"modified":"2025-11-26T01:46:16","modified_gmt":"2025-11-26T01:46:16","slug":"history-and-heritage","status":"publish","type":"page","link":"https:\/\/ocs.com\/au\/history-and-heritage\/","title":{"rendered":"History &amp; Heritage"},"content":{"rendered":"    <section x-data=\"hero\" id=\"block_acf-block-69265be2d7a22\" data-animate-container=\"waterfall\"  class=\"block-hero max-w-8xl mx-auto px-6  md:pb-[72px]  \">\n        <div data-animate=\"item\" class=\"relative\">\n            <div x-ref=\"heroSlider\" class=\"h-[280px] sm:h-[400px] lg:h-[544px] rounded-3xl splide\">\n                <div class=\"splide__track rounded-t-3xl lg:rounded-3xl h-full\">\n                    <ul class=\"splide__list\">\n                                                    <li class=\"splide__slide w-full h-full relative\" x-ref=\"heroAsset\">\n                                                                                                        <picture class=\"h-full flex\">\n                                        <source srcset=\"https:\/\/ucarecdn.com\/d8a93f13-ed0d-46bb-879b-571c797f57fd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                        <source srcset=\"https:\/\/ucarecdn.com\/d8a93f13-ed0d-46bb-879b-571c797f57fd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" media=\"(max-width: 1536px)\" type=\"image\/jpg\">\n                                        <source srcset=\"https:\/\/ucarecdn.com\/d8a93f13-ed0d-46bb-879b-571c797f57fd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1536x1536\/\" type=\"image\/jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/d8a93f13-ed0d-46bb-879b-571c797f57fd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1536x1536\/\" class=\"w-full h-full object-cover object-center rounded-t-3xl lg:rounded-3xl\" alt=\"\">\n                                    <\/picture>\n                                                            <\/li>\n                                            <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"relative lg:absolute rounded-3xl w-full flex flex-col gap-8 md:gap-10 lg:gap-12 items-start justify-between text-ocs-gray-nav py-8 px-6 md:px-10 lg:p-16 -translate-y-6 mb-6 overflow-hidden lg:top-8 lg:left-8 lg:bottom-8 lg:max-w-[636px] lg:translate-y-0 lg:mb-0 \" style=\"background-color: #FEFAF9;\">\n\n                                    <div class=\"absolute w-[942px] h-[494px] -left-[376px] -bottom-[271px] md:w-[1259px] md:h-[660px] md:-left-[418px] md:-bottom-[228px] ocs-decoration text-[#fae8e3]\">\n                        <span aria-hidden=\"true\" class=\"block max-w-none pointer-events-none\" style=\"width:100%;aspect-ratio:1259\/661;background-color:currentColor;-webkit-mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/wave.svg?v=1794242732) center \/ contain no-repeat;mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/wave.svg?v=1794242732) center \/ contain no-repeat;\"><\/span>                    <\/div>\n                \n                <div data-animate-container=\"text\"  class=\"flex flex-col gap-8 md:gap-10 items-start lg:justify-center\">\n                                                                    <a data-animate=\"button\" href=\"https:\/\/ocs.com\/au\/careers\/\" class=\"relative group flex items-center text-sm w-fit gap-1 pl-1 py-1 pr-2.5 bg-white border border-themed-light rounded-full font-medium text-center leading-[18px]\" target=\"\">\n                                                            <span class=\"themed-icon-bg text-white px-2.5 py-1.5 rounded-full mr-1\">\n                                    Join Our Mission                                <\/span>\n                                                        Careers                            <svg class=\"w-4 h-4 group-hover:translate-x-1 duration-150 flex-none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"none\">\n                                <path stroke=\"#181924\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3.332 8h9.333m0 0L8 3.335m4.666 4.667L8 12.667\" \/>\n                            <\/svg>\n                        <\/a>\n                    \n\n                                            <h1 data-animate=\"heading\" class=\"relative text-[40px] font-medium leading-[44px] -tracking-[0.5px] lg:text-[52px] lg:leading-[58px] text-crop\">\n                            History and heritage                        <\/h1>\n                    \n                                            <div data-animate=\"prose\" class=\"relative text-[22px] leading-[30px] -tracking-[0.5px] text-crop\">\n                            <p>Beginning as a modest one-person cleaning operation in 1900, we&#8217;ve expanded globally, now encompassing a diverse team of over 120,000 colleagues in facilities management worldwide.<\/p>\n                        <\/div>\n                                    <\/div>\n                            <\/div>\n\n                <\/section>\n\n\n\n\n    <section id=\"block_acf-block-69265be2d7acc\"  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 ocs-arrow 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 ocs-arrow 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=\"Fred Goodliffe, OCS founder, 1875 to 1947\">\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=\"Rob Legge, CEO\">\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 120,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-69265be2d7b05\"  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 = 'Fred Goodliffe, OCS founder, 1875 to 1947';\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] \" 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 decoding=\"async\" :src=\"currentImage\" src=\"https:\/\/ucarecdn.com\/9160c690-8b75-4324-9c99-9d32a4ad5800\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"Fred Goodliffe, OCS founder, 1875 to 1947\" 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 ocs-rail 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\/', 'Fred Goodliffe, OCS founder, 1875 to 1947', '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 ocs-rail-active 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\/', 'New Century window cleaner', '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 ocs-rail-active 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 120,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\/', 'OCS advert from 1959', '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 ocs-rail-active 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=\"Fred Goodliffe, OCS founder, 1875 to 1947\">\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=\"New Century window cleaner\">\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 120,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=\"OCS advert from 1959\">\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 ocs-arrow 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 ocs-arrow 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-69265be2d7b21\"  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 = 'OCS history archive image';\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] \" 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 decoding=\"async\" :src=\"currentImage\" src=\"https:\/\/ucarecdn.com\/f207f7cb-8600-4142-b39a-192eae69dc23\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"OCS history archive image\" 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 ocs-rail 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\/', 'OCS history archive image', '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 ocs-rail-active 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\/', 'OCS bus', '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 ocs-rail-active 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 cusrtomer 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\/', 'OCS history archive image', '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 ocs-rail-active 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=\"OCS history archive image\">\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=\"OCS bus\">\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 cusrtomer 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=\"OCS history archive image\">\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 ocs-arrow 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 ocs-arrow 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-69265be2d7b3b\"  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 = 'OCS in 1961';\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] \" 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 decoding=\"async\" :src=\"currentImage\" src=\"https:\/\/ucarecdn.com\/3a0454a1-92f1-4ef1-bce6-d6c6e01ccefa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"OCS in 1961\" 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 ocs-rail 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\/', 'OCS in 1961', '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 ocs-rail-active 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\/', 'OCS adverts through the years', '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 ocs-rail-active 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\/', 'OCS Clapham team, 1979', '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 ocs-rail-active 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=\"OCS in 1961\">\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=\"OCS adverts through the years\">\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=\"OCS Clapham team, 1979\">\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 ocs-arrow 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 ocs-arrow 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-69265be2d7dc5\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 lg:px-[88px] py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row-reverse \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ucarecdn.com\/845462bf-8cec-4ee4-8d52-db877c11fb5b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/845462bf-8cec-4ee4-8d52-db877c11fb5b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/845462bf-8cec-4ee4-8d52-db877c11fb5b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\" object-cover  w-full h-full rounded-3xl group-hover:!scale-110 transition duration-150 ease-in\" \/>\n                <\/picture>\n            <\/div>\n                            <div class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-8 lg:py-6\">\n                            <div  data-animate-container=\"text\" >\n                    <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[36px] md:text-[44px] lg:mb-2 leading-[44px] md:leading-[54px] text-crop\">Expansion into Australia<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>In 1998, the Group entered the Australian market through the acquisition of Sydney based Price Cleaning. This opened up an entirely new area of operation. Further acquisitions expanded our reach into Western Australia and in 2004 the business was rebranded as OCS.<\/p>\n<p>Since 2004, OCS has expanded its Australian operations into Victoria and Queensland.<\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n        <section id=\"block_acf-block-69265be2d7de8\"  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 = 'OCS history archive image';\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] \" 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 decoding=\"async\" :src=\"currentImage\" src=\"https:\/\/ucarecdn.com\/c9ea91a8-a851-4bc2-9d74-0066daa28d98\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"OCS history archive image\" 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 ocs-rail 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\/', 'OCS history archive image', '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 ocs-rail-active 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\/', 'Clean Mat technology, 1960', '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 ocs-rail-active 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\/', 'OCS recognition, 1961', '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 ocs-rail-active 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=\"OCS history archive image\">\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=\"Clean Mat technology, 1960\">\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=\"OCS recognition, 1961\">\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 ocs-arrow 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 ocs-arrow 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-69265be2d7df9\"  data-animate-container=\"waterfall\"  class=\"block-blog-section max-w-8xl mx-auto lg:px-4 py-6 md:py-[72px] splide  \">\n        <div data-animate=\"item\" class=\"relative py-12 md:py-16  lg:px-16 flex flex-col gap-12 md:gap-16 rounded-[32px] \" style=\"background-color: #FEFAF9;\">\n                            <div  data-animate-container=\"text\"  class=\"px-4 md:px-[88px] lg:px-0 flex flex-col items-center justify-center gap-6 lg:gap-8 w-full max-w-[366px] 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=\"splide__track\">\n                    <ul  data-animate-container=\"cards\" data-cards-per-row=\"2\"  class=\"splide__list lg:!grid grid-cols-2 lg:gap-8\">\n                                                    <li data-animate=\"card\" class=\"splide__slide self-stretch xl:!self-center\">\n                                <a href=\"https:\/\/ocs.com\/au\/news\/subject-matter-experts-kate-tulsi\/\" class=\"group grid grid-cols-1 gap-6 xl:items-center xl:grid-cols-2\">\n    <div class=\"relative overflow-hidden bg-gray-300 rounded-3xl aspect-[12\/9] xl:aspect-auto xl:h-[200px]\">\n\n                    <picture>\n                <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/11\/Smiling-Women-at-a-Corporate-Reception-1024x683.png\" type=\"image\/jpg\">\n                <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/11\/Smiling-Women-at-a-Corporate-Reception-1024x683.png\" class=\"object-cover object-center w-full h-full group-hover:scale-110 transition duration-150 ease-in\" alt=\"Subject Matter Experts &#8211; Kate &amp; Tulsi\">\n            <\/picture>\n            <\/div>\n    <div class=\"xl:py-7\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-themed mb-2\">\n\n                                                        <span>Australia<\/span>\n                                    |                    <span>Our People<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-xl font-medium leading-7 line-clamp-2 text-ocs-gray-nav\">\n            Subject Matter Experts &#8211; Kate &amp; Tulsi        <\/h2>\n        <p class=\"text-base leading-6 text-ocs-blue-navy line-clamp-1\">\n            When customers appoint a facilities services provider, they need confidence that the proposal reflects how their sites operate. Cleaning may need to continue around 24-hour operations. Access may vary between sites, and recruiting across regional locations may require a different approach from metropolitan sites.        <\/p>\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-ocs-gray-nav\">\n                    OCS Team                <\/p>\n                <p class=\"text-sm leading-5 text-ocs-blue-navy\">\n                    11 Nov, 2026                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                            <\/li>\n                                                    <li data-animate=\"card\" class=\"splide__slide self-stretch xl:!self-center\">\n                                <a href=\"https:\/\/ocs.com\/au\/news\/engineering-a-career-around-people\/\" class=\"group grid grid-cols-1 gap-6 xl:items-center xl:grid-cols-2\">\n    <div class=\"relative overflow-hidden bg-gray-300 rounded-3xl aspect-[12\/9] xl:aspect-auto xl:h-[200px]\">\n\n                    <picture>\n                <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/Sonam-OCS-AU-1024x1024.jpeg\" type=\"image\/jpg\">\n                <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/Sonam-OCS-AU-1024x1024.jpeg\" class=\"object-cover object-center w-full h-full group-hover:scale-110 transition duration-150 ease-in\" alt=\"Engineering a career around people\">\n            <\/picture>\n            <\/div>\n    <div class=\"xl:py-7\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-themed mb-2\">\n\n                                                        <span>Australia<\/span>\n                                    |                    <span>Our People<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-xl font-medium leading-7 line-clamp-2 text-ocs-gray-nav\">\n            Engineering a career around people        <\/h2>\n        <p class=\"text-base leading-6 text-ocs-blue-navy line-clamp-1\">\n            Before moving to Australia, Sonam\u2019s days were spent designing gates and working with turbines and shafts on a hydropower project in Bhutan. \n\nToday, the moving parts of his day involve colleagues, customers, suppliers, and contractors, managing OCS colleagues onsite at one of Australia\u2019s largest aviation food suppliers.  \n        <\/p>\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-ocs-gray-nav\">\n                    OCS Team                <\/p>\n                <p class=\"text-sm leading-5 text-ocs-blue-navy\">\n                    14 Oct, 2026                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                            <\/li>\n                                                    <li data-animate=\"card\" class=\"splide__slide self-stretch xl:!self-center\">\n                                <a href=\"https:\/\/ocs.com\/au\/news\/from-casual-shifts-to-leading-a-24-7-cleaning-operation\/\" class=\"group grid grid-cols-1 gap-6 xl:items-center xl:grid-cols-2\">\n    <div class=\"relative overflow-hidden bg-gray-300 rounded-3xl aspect-[12\/9] xl:aspect-auto xl:h-[200px]\">\n\n                    <picture>\n                <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/09\/Nafras-1-1024x1024.jpeg\" type=\"image\/jpg\">\n                <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/09\/Nafras-1-1024x1024.jpeg\" class=\"object-cover object-center w-full h-full group-hover:scale-110 transition duration-150 ease-in\" alt=\"From casual shifts to leading a 24\/7 cleaning operation\">\n            <\/picture>\n            <\/div>\n    <div class=\"xl:py-7\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-themed mb-2\">\n\n                                                        <span>Australia<\/span>\n                                    |                    <span>Our People<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-xl font-medium leading-7 line-clamp-2 text-ocs-gray-nav\">\n            From casual shifts to leading a 24\/7 cleaning operation        <\/h2>\n        <p class=\"text-base leading-6 text-ocs-blue-navy line-clamp-1\">\n            Eight years ago, Nafras Ifthkar was working one or two casual cleaning shifts a week. Today, he leads OCS\u2019s 24\/7 cleaning operation at a major airline-catering facility in Melbourne.\nA recent customer audit brought the scale of that progression into view. With his manager interstate, Nafras took responsibility for the audit himself.        <\/p>\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-ocs-gray-nav\">\n                    OCS Team                <\/p>\n                <p class=\"text-sm leading-5 text-ocs-blue-navy\">\n                    02 Sep, 2026                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                            <\/li>\n                                                    <li data-animate=\"card\" class=\"splide__slide self-stretch xl:!self-center\">\n                                <a href=\"https:\/\/ocs.com\/au\/news\/from-london-to-sydney-every-journey-means-something-to-someone\/\" class=\"group grid grid-cols-1 gap-6 xl:items-center xl:grid-cols-2\">\n    <div class=\"relative overflow-hidden bg-gray-300 rounded-3xl aspect-[12\/9] xl:aspect-auto xl:h-[200px]\">\n\n                    <picture>\n                <source srcset=\"https:\/\/ucarecdn.com\/2d8d1d29-45a0-4d80-b801-fd7b0b75b4c5\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/2d8d1d29-45a0-4d80-b801-fd7b0b75b4c5\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"object-cover object-center w-full h-full group-hover:scale-110 transition duration-150 ease-in\" alt=\"From London to Sydney: Every Journey Means Something to Someone\">\n            <\/picture>\n            <\/div>\n    <div class=\"xl:py-7\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-themed mb-2\">\n\n                                                        <span>Australia<\/span>\n                                    |                    <span>Our People<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-xl font-medium leading-7 line-clamp-2 text-ocs-gray-nav\">\n            From London to Sydney: Every Journey Means Something to Someone        <\/h2>\n        <p class=\"text-base leading-6 text-ocs-blue-navy line-clamp-1\">\n            Every journey begins with a person and a reason to travel: a family reunion, a first holiday, a meeting that matters. Behind each one, often unseen, is the work that gets them through the airport safely and calmly.\n\nTwo decades later, he\u2019s involved in projects across the business, from accounts to procurement and reporting, leading teams and managing systems that help over 1,700 customers in Australia and Aotearoa New Zealand.        <\/p>\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-ocs-gray-nav\">\n                    OCS Team                <\/p>\n                <p class=\"text-sm leading-5 text-ocs-blue-navy\">\n                    19 Aug, 2026                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                            <\/li>\n                                            <\/ul>\n                <\/div>\n                <!-- arrows -->\n                <div data-animate=\"item\" class=\"-mt-4 splide__arrows lg:hidden 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 ocs-arrow border themed-icon-border themed-icon bg-white themed-icon-hover transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Previous slide\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                            <path d=\"M15.8337 10.6953H4.16699\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                        <\/svg>\n                    <\/button>\n                    <button class=\"next splide__arrow--next !right-0 relative opacity-100 flex flex-none items-center ocs-arrow border themed-icon-border themed-icon bg-white themed-icon-hover transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                            <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                        <\/svg>\n                    <\/button>\n                <\/div>\n\n                                    <\/div>\n    <\/section>\n\n\n        <section id=\"block_acf-block-69265be2d7e0b\"  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  text-themed-lightest opacity-10\">\n                        <span aria-hidden=\"true\" class=\"block w-full h-full max-w-none pointer-events-none\" style=\"aspect-ratio:1440\/656;background-color:currentColor;-webkit-mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/cta-wave.svg?v=1794242732) left top \/ cover no-repeat;mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/cta-wave.svg?v=1794242732) left top \/ cover no-repeat;\"><\/span>                    <\/div>\n                            <\/div>\n\n            <div  data-animate-container=\"text\"  class=\"relative w-full flex flex-col gap-10 items-center\">\n\n                \n                                    <div class=\"flex flex-col gap-6 md:gap-10 max-w-[582px] lg:max-w-[777px] mx-auto text-center\">\n                                                    <h2 data-animate=\"heading\" class=\"text-4xl lg:text-[44px] font-medium leading-[44px] lg:leading-[54px] -tracking-[0.5px] text-crop\">\n                                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=\"\/au\/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>Making people and places the best they can be<\/p>\n","protected":false},"author":62,"featured_media":7689,"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 v28.2 (Yoast SEO v28.2) - 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\/au\/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\/au\/history-and-heritage\/\" \/>\n<meta property=\"og:site_name\" content=\"OCS - Australia\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/OCS.aus\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-26T01:46:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ucarecdn.com\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\/\" \/>\n\t<meta property=\"og:image:width\" content=\"1664\" \/>\n\t<meta property=\"og:image:height\" content=\"1038\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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\\\/au\\\/history-and-heritage\\\/\",\"url\":\"https:\\\/\\\/ocs.com\\\/au\\\/history-and-heritage\\\/\",\"name\":\"History and Heritage - Humble Beginnings in 1900 | OCS\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/au\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/au\\\/history-and-heritage\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/au\\\/history-and-heritage\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ucarecdn.com\\\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\\\/\",\"datePublished\":\"2024-01-02T18:38:43+00:00\",\"dateModified\":\"2025-11-26T01:46:16+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\\\/au\\\/history-and-heritage\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ocs.com\\\/au\\\/history-and-heritage\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/ocs.com\\\/au\\\/history-and-heritage\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ucarecdn.com\\\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\\\/\",\"contentUrl\":\"https:\\\/\\\/ucarecdn.com\\\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\\\/\",\"width\":1664,\"height\":1038},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ocs.com\\\/au\\\/history-and-heritage\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ocs.com\\\/au\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"History &amp; Heritage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ocs.com\\\/au\\\/#website\",\"url\":\"https:\\\/\\\/ocs.com\\\/au\\\/\",\"name\":\"OCS - Australia\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/au\\\/#organization\"},\"alternateName\":\"OCS AU\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ocs.com\\\/au\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ocs.com\\\/au\\\/#organization\",\"name\":\"OCS Australia\",\"alternateName\":\"OCS AU\",\"url\":\"https:\\\/\\\/ocs.com\\\/au\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/ocs.com\\\/au\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ocs.com\\\/app\\\/uploads\\\/2024\\\/10\\\/OCS-Logo-website.jpeg\",\"contentUrl\":\"https:\\\/\\\/ocs.com\\\/app\\\/uploads\\\/2024\\\/10\\\/OCS-Logo-website.jpeg\",\"width\":696,\"height\":696,\"caption\":\"OCS Australia\"},\"image\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/au\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/OCS.aus\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/ocs-anz\\\/\",\"https:\\\/\\\/www.instagram.com\\\/ocs.aus\\\/\"],\"description\":\"OCS Australia provides integrated facilities management & commercial cleaning services tailored to your business.\",\"email\":\"enquiries@ocsservices.com\",\"telephone\":\"1300 723 777\"}]}<\/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\/au\/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\/au\/history-and-heritage\/","og_site_name":"OCS - Australia","article_publisher":"https:\/\/www.facebook.com\/OCS.aus\/","article_modified_time":"2025-11-26T01:46:16+00:00","og_image":[{"width":1664,"height":1038,"url":"https:\/\/ucarecdn.com\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\/","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ocs.com\/au\/history-and-heritage\/","url":"https:\/\/ocs.com\/au\/history-and-heritage\/","name":"History and Heritage - Humble Beginnings in 1900 | OCS","isPartOf":{"@id":"https:\/\/ocs.com\/au\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ocs.com\/au\/history-and-heritage\/#primaryimage"},"image":{"@id":"https:\/\/ocs.com\/au\/history-and-heritage\/#primaryimage"},"thumbnailUrl":"https:\/\/ucarecdn.com\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\/","datePublished":"2024-01-02T18:38:43+00:00","dateModified":"2025-11-26T01:46:16+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\/au\/history-and-heritage\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ocs.com\/au\/history-and-heritage\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/ocs.com\/au\/history-and-heritage\/#primaryimage","url":"https:\/\/ucarecdn.com\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\/","contentUrl":"https:\/\/ucarecdn.com\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\/","width":1664,"height":1038},{"@type":"BreadcrumbList","@id":"https:\/\/ocs.com\/au\/history-and-heritage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ocs.com\/au\/"},{"@type":"ListItem","position":2,"name":"History &amp; Heritage"}]},{"@type":"WebSite","@id":"https:\/\/ocs.com\/au\/#website","url":"https:\/\/ocs.com\/au\/","name":"OCS - Australia","description":"","publisher":{"@id":"https:\/\/ocs.com\/au\/#organization"},"alternateName":"OCS AU","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ocs.com\/au\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/ocs.com\/au\/#organization","name":"OCS Australia","alternateName":"OCS AU","url":"https:\/\/ocs.com\/au\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/ocs.com\/au\/#\/schema\/logo\/image\/","url":"https:\/\/ocs.com\/app\/uploads\/2024\/10\/OCS-Logo-website.jpeg","contentUrl":"https:\/\/ocs.com\/app\/uploads\/2024\/10\/OCS-Logo-website.jpeg","width":696,"height":696,"caption":"OCS Australia"},"image":{"@id":"https:\/\/ocs.com\/au\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/OCS.aus\/","https:\/\/www.linkedin.com\/company\/ocs-anz\/","https:\/\/www.instagram.com\/ocs.aus\/"],"description":"OCS Australia provides integrated facilities management & commercial cleaning services tailored to your business.","email":"enquiries@ocsservices.com","telephone":"1300 723 777"}]}},"_links":{"self":[{"href":"https:\/\/ocs.com\/au\/wp-json\/wp\/v2\/pages\/12949","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ocs.com\/au\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ocs.com\/au\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ocs.com\/au\/wp-json\/wp\/v2\/users\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/ocs.com\/au\/wp-json\/wp\/v2\/comments?post=12949"}],"version-history":[{"count":394,"href":"https:\/\/ocs.com\/au\/wp-json\/wp\/v2\/pages\/12949\/revisions"}],"predecessor-version":[{"id":18721,"href":"https:\/\/ocs.com\/au\/wp-json\/wp\/v2\/pages\/12949\/revisions\/18721"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ocs.com\/au\/wp-json\/wp\/v2\/media\/7689"}],"wp:attachment":[{"href":"https:\/\/ocs.com\/au\/wp-json\/wp\/v2\/media?parent=12949"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}