{"id":305,"date":"2023-09-27T12:25:00","date_gmt":"2023-09-27T11:25:00","guid":{"rendered":"https:\/\/ocs.test\/wp\/?page_id=305"},"modified":"2026-11-03T16:19:28","modified_gmt":"2026-11-03T16:19:28","slug":"case-studies","status":"publish","type":"page","link":"https:\/\/ocs.com\/uk\/case-studies\/","title":{"rendered":"Case Studies"},"content":{"rendered":"\n\n<style>\n\/* OCS Impact Studies card styling *\/\n\n\/* Dark navy and purple gradient *\/\ndiv[class~=\"bg-[#FEFAF9]\"] {\n    background-color: #111e49 !important;\n    background-image: linear-gradient(\n        110deg,\n        #111e49 0%,\n        #0d153a 52%,\n        #0c0625 100%\n    ) !important;\n    color: #ffffff !important;\n}\n\n\/* White headings and body text *\/\ndiv[class~=\"bg-[#FEFAF9]\"] h1,\ndiv[class~=\"bg-[#FEFAF9]\"] h2,\ndiv[class~=\"bg-[#FEFAF9]\"] h3,\ndiv[class~=\"bg-[#FEFAF9]\"] h4,\ndiv[class~=\"bg-[#FEFAF9]\"] p {\n    color: #ffffff !important;\n}\n\n\/* White links and animated underline *\/\ndiv[class~=\"bg-[#FEFAF9]\"] a {\n    color: #ffffff !important;\n    text-decoration-color: #ffffff !important;\n    text-underline-offset: 5px;\n    transition:\n        text-underline-offset 250ms ease,\n        text-decoration-color 250ms ease;\n}\n\ndiv[class~=\"bg-[#FEFAF9]\"] a:hover,\ndiv[class~=\"bg-[#FEFAF9]\"] a:focus-visible {\n    color: #ffffff !important;\n    text-underline-offset: 9px;\n}\n\n\/* Sector labels *\/\ndiv[class~=\"bg-[#FEFAF9]\"] li {\n    color: #ffffff !important;\n    background: rgba(255, 255, 255, 0.13) !important;\n}\n\n\/* Preserve white customer logo backgrounds *\/\ndiv[class~=\"bg-[#FEFAF9]\"] .bg-white {\n    background-color: #ffffff !important;\n}\n\n\/* Card lift and purple glow *\/\n@media (hover: hover) and (pointer: fine) {\n    div:has(> div[class~=\"bg-[#FEFAF9]\"]) {\n        transition:\n            transform 350ms ease,\n            filter 350ms ease;\n    }\n\n    div:has(> div[class~=\"bg-[#FEFAF9]\"]):hover {\n        transform: translateY(-5px);\n        filter: drop-shadow(\n            0 12px 22px rgba(91, 66, 180, 0.20)\n        );\n    }\n\n    \/* Image zoom *\/\n    div:has(> div[class~=\"bg-[#FEFAF9]\"]) img {\n        transition: transform 450ms ease;\n    }\n\n    div:has(> div[class~=\"bg-[#FEFAF9]\"]):hover img {\n        transform: scale(1.025);\n    }\n\n    \/* Keep customer logos stationary *\/\n    div[class~=\"bg-[#FEFAF9]\"] .bg-white img {\n        transform: none !important;\n    }\n}\n\n\/* Keyboard accessibility *\/\ndiv[class~=\"bg-[#FEFAF9]\"] a:focus-visible {\n    outline: 3px solid #ffffff;\n    outline-offset: 4px;\n}\n\n\/* Mobile touch accessibility *\/\n@media (hover: none) {\n    div[class~=\"bg-[#FEFAF9]\"] a {\n        text-decoration-color: #ffffff !important;\n    }\n}\n\n\/* Reduced motion accessibility *\/\n@media (prefers-reduced-motion: reduce) {\n    div[class~=\"bg-[#FEFAF9]\"] *,\n    div:has(> div[class~=\"bg-[#FEFAF9]\"]),\n    div:has(> div[class~=\"bg-[#FEFAF9]\"]) img {\n        transition: none !important;\n        animation: none !important;\n    }\n\n    div:has(> div[class~=\"bg-[#FEFAF9]\"]):hover,\n    div:has(> div[class~=\"bg-[#FEFAF9]\"]):hover img {\n        transform: none !important;\n    }\n}\n<\/style>\n\n\n\n    <section x-data=\"fullWidthBanner\" id=\"block_acf-block-6aea02322fb07\"  data-animate-container=\"waterfall\"  class=\"w-full pb-10 md:pb-[72px] \">\n        <div x-ref=\"fullWidthSlider\" data-animate=\"item\" class=\"splide full-width-banner w-full\">\n            <div class=\"splide__track h-[calc(100vh-102px)] lg:h-[calc(100vh-146px)]\">\n                <ul x-ref=\"fullWidthSplideList\" x-cloak class=\"splide__list\">\n                                            <li class=\"splide__slide w-full h-full relative  video \" x-ref=\"heroAsset\">\n                                                            <div class=\"hero-slider__video h-full\">\n                                    <video x-ref=\"video\" id=\"background-video\"\n                                        class=\"w-full h-full object-cover object-center rounded-[32px]\"\n                                        width=\"320\" height=\"240\" muted playsinline preload=\"none\" src=\"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1241367272\/rendition\/1080p\/file.mp4%20%281080p%29.mp4?loc=external&#038;signature=ca78ca54cf4929c9cd55966a146ea16512f452191b6768badbb5bddaf1cac2e6\"  loop>\n                                    <\/video>\n                                <\/div>\n                                                        <div class=\"hidden lg:flex absolute z-40 bottom-[44px] right-[44px] flex-row items-center gap-4\">\n                                                                    <button id=\"play_button\" @click=\"togglePlayVideo()\" class=\"p-4 themed-icon-bg hover:bg-themed-hover hover:bg-none transition-colors duration-150 ease-in text-white rounded-full\">\n                                        <svg x-show=\"videoPlaying\" x-cloak class=\"w-6 h-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.75 5.25v13.5m-7.5-13.5v13.5\" \/>\n                                        <\/svg>\n                                        <svg x-show=\"!videoPlaying\" x-cloak class=\"w-6 h-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                            <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 4.99c0-.972 0-1.457.202-1.725a1 1 0 0 1 .738-.395c.335-.02.74.25 1.548.788l10.515 7.01c.668.446 1.002.668 1.118.949a1 1 0 0 1 0 .766c-.116.28-.45.503-1.118.948l-10.515 7.01c-.809.54-1.213.809-1.548.789a1 1 0 0 1-.738-.395C5 20.467 5 19.98 5 19.01V4.99Z\" \/>\n                                        <\/svg>\n                                    <\/button>\n                                                                                            <\/div>\n                                                        <div class=\"absolute w-full h-full inset-0 p-6 lg:p-[44px] rounded-[32px] bg-black\/40\">\n                                <div class=\"w-full h-full flex flex-col items-start justify-end gap-6 lg:gap-8\">\n                                                                            <div class=\"flex flex-wrap items-center gap-[18px] mb-2 max-w-[654px]\">\n                                                                                    <\/div>\n                                                                                                                                                            <h1 class=\"text-white text-[40px] font-medium leading-[44px] -tracking-[0.5px] lg:text-[52px] lg:leading-[58px] text-crop max-w-[654px]\">\n                                                Impact Studies                                            <\/h1>\n                                                                                                                                                        <p class=\"text-white text-[22px] leading-[30px] -tracking-[0.5px] text-crop max-w-[654px]\">\n                                            Discover how our colleagues combine intelligence and technology to deliver measurable performance improvements for customers.                                        <\/p>\n                                                                                                                                                    <div class=\"relative flex flex-wrap self-end items-center gap-4 justify-between w-full\">\n                                            <div class=\"relative flex flex-wrap items-center gap-4\">\n                                                <a href=\"#impact-studies\" class=\"btn btn-themed\" target=\"\">\n                                                    Explore Impact Studies                                                <\/a>\n                                            <\/div>\n                                        <\/div>\n                                                                        <div class=\"lg:hidden flex z-40 bottom-[44px] right-[44px] flex-row self-end items-center gap-4 mt-3\">\n                                                                                    <button id=\"play_button\" @click=\"togglePlayVideo()\" class=\"p-2.5 lg:p-4 themed-icon-bg hover:bg-themed-hover hover:bg-none transition-colors duration-150 ease-in text-white rounded-full\">\n                                                <svg x-show=\"videoPlaying\" x-cloak class=\"w-5 h-5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n                                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.75 5.25v13.5m-7.5-13.5v13.5\" \/>\n                                                <\/svg>\n                                                <svg x-show=\"!videoPlaying\" x-cloak class=\"w-5 h-5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                    <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 4.99c0-.972 0-1.457.202-1.725a1 1 0 0 1 .738-.395c.335-.02.74.25 1.548.788l10.515 7.01c.668.446 1.002.668 1.118.949a1 1 0 0 1 0 .766c-.116.28-.45.503-1.118.948l-10.515 7.01c-.809.54-1.213.809-1.548.789a1 1 0 0 1-.738-.395C5 20.467 5 19.98 5 19.01V4.99Z\" \/>\n                                                <\/svg>\n                                            <\/button>\n                                                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/li>\n                                    <\/ul>\n            <\/div>\n        <\/div>\n        <\/section>\n\n    <section id=\"impact-studies\" x-data=\"indexFilter\"  data-animate-container=\"text\"  class=\"max-w-8xl mx-auto py-6  md:pb-[72px]  px-6 lg:px-[88px] w-full \">\n                                    \n\n<!-- Mobile Filters\/Sorting -->\n<div  data-animate-container=\"cards\"  class=\"mb-8 md:hidden\" x-data=\"{\n                    filtersIsOpen: false,\n                    sortByIsOpen: false,\n                    serviceMobile: '',\n                    sectorMobile: '',\n                    locationMobile: '',\n                    criteriaMobile: '',\n                    contractMobile: '',\n                }\">\n    <!-- Filters -->\n    <div x-show=\"filtersIsOpen\" x-trap.inert.noscroll=\"filtersIsOpen\" class=\"fixed top-0 left-0 w-full h-full p-6 bg-white z-[999999]\">\n        <div class=\"flex flex-col h-full\">\n            <div class=\"flex items-center justify-between\">\n                <h3 class=\"text-ocs-gray-nav text-3xl leading-[38px]\">Filter<\/h3>\n                <button @click=\"filtersIsOpen = false\" type=\"button\" class=\"p-4 text-white rounded-full bg-ocs-orange\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.13649 3.86321C4.78502 3.51174 4.21517 3.51174 3.8637 3.86321C3.51223 4.21469 3.51223 4.78453 3.8637 5.13601L10.7273 11.9996L3.8637 18.8632C3.51223 19.2147 3.51223 19.7845 3.8637 20.136C4.21517 20.4875 4.78502 20.4875 5.13649 20.136L12.0001 13.2724L18.8637 20.136C19.2152 20.4875 19.785 20.4875 20.1365 20.136C20.488 19.7845 20.488 19.2147 20.1365 18.8632L13.2729 11.9996L20.1365 5.13601C20.488 4.78453 20.488 4.21469 20.1365 3.86321C19.785 3.51174 19.2152 3.51174 18.8637 3.86321L12.0001 10.7268L5.13649 3.86321Z\" fill=\"white\" \/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n            <div class=\"flex flex-col justify-end flex-1\">\n                <form action=\"https:\/\/ocs.com\/uk\/case-studies\/#customer-stories-index\" @submit.prevent=\"submit($event); filtersIsOpen = false\">\n                    <div class=\"flex flex-col space-y-4\">\n                                                    <div class=\"flex flex-col items-start gap-1\">\n                                <label class=\"inline-block mb-1.5 text-sm leading-5 text-ocs-gray-nav\" for=\"criteria\">Key Criteria<\/label>\n                                <select class=\"w-full py-3 pl-4 pr-8 leading-6 border rounded-lg shadow-sm form-select border-ocs-orange-light text-ocs-gray-nav\" name=\"criteria\" id=\"criteria\" x-model=\"criteriaMobile\">\n                                    <option selected value=\"\">Showing All<\/option>\n                                                                            <option  value=\"380\">Cost Saving<\/option>\n                                                                            <option  value=\"400\">Empowerment<\/option>\n                                                                            <option  value=\"370\">Productivity<\/option>\n                                                                            <option  value=\"390\">Resilience<\/option>\n                                                                            <option  value=\"641\">Safety<\/option>\n                                                                            <option  value=\"408\">Social Mobility<\/option>\n                                                                            <option  value=\"371\">Sustainability<\/option>\n                                                                    <\/select>\n                            <\/div>\n                        \n                        \n                                                    <div class=\"flex flex-col items-start gap-1\">\n                                <label class=\"inline-block mb-1.5 text-sm leading-5 text-ocs-gray-nav\" for=\"sector-mobile\">Sector<\/label>\n                                <select class=\"w-full py-3 pl-4 pr-8 leading-6 border rounded-lg shadow-sm form-select border-ocs-orange-light text-ocs-gray-nav\" name=\"sector\" id=\"sector-mobile\" x-model=\"sectorMobile\">\n                                    <option selected value=\"\">Showing All<\/option>\n                                                                            <option  value=\"548\">Aviation<\/option>\n                                                                            <option  value=\"544\">Data Centres<\/option>\n                                                                            <option  value=\"545\">Defence<\/option>\n                                                                            <option  value=\"549\">Destinations<\/option>\n                                                                            <option  value=\"547\">Distribution &amp; Logistics<\/option>\n                                                                            <option  value=\"543\">Education<\/option>\n                                                                            <option  value=\"554\">Energy<\/option>\n                                                                            <option  value=\"553\">Government<\/option>\n                                                                            <option  value=\"546\">Healthcare<\/option>\n                                                                            <option  value=\"550\">Life Sciences<\/option>\n                                                                            <option  value=\"551\">Manufacturing<\/option>\n                                                                            <option  value=\"555\">Media &amp; Broadcasting<\/option>\n                                                                            <option  value=\"552\">Pharmaceutical<\/option>\n                                                                            <option  value=\"635\">Pharmaceutical &amp; Life Sciences<\/option>\n                                                                            <option  value=\"556\">Rail<\/option>\n                                                                            <option  value=\"557\">Retail<\/option>\n                                                                            <option  value=\"558\">Utilities<\/option>\n                                                                            <option  value=\"559\">Venues<\/option>\n                                                                            <option  value=\"560\">Workplace &amp; Corporate<\/option>\n                                                                    <\/select>\n                            <\/div>\n                        \n                                                    <div class=\"flex flex-col items-start gap-1\">\n                                <label class=\"inline-block mb-1.5 text-sm leading-5 text-ocs-gray-nav\" for=\"service\">Service<\/label>\n                                <select class=\"w-full py-3 pl-4 pr-8 leading-6 border rounded-lg shadow-sm form-select border-ocs-orange-light text-ocs-gray-nav\" name=\"service\" id=\"service\" x-model=\"serviceMobile\">\n                                    <option selected value=\"\">Showing All<\/option>\n                                                                            <option  value=\"634\">Cleaning<\/option>\n                                                                            <option  value=\"622\">Energy Services<\/option>\n                                                                            <option  value=\"584\">ESG<\/option>\n                                                                            <option  value=\"636\">Facilities Management<\/option>\n                                                                            <option  value=\"633\">Hard Services<\/option>\n                                                                            <option  value=\"637\">Integrated Facilities Management<\/option>\n                                                                            <option  value=\"638\">Passenger Services<\/option>\n                                                                            <option  value=\"604\">Security<\/option>\n                                                                            <option  value=\"640\">Security Systems<\/option>\n                                                                            <option  value=\"605\">Social Value<\/option>\n                                                                            <option  value=\"639\">Water Management<\/option>\n                                                                    <\/select>\n                            <\/div>\n                                            <\/div>\n\n                    <div class=\"mt-6\">\n                        <button type=\"submit\" class=\"w-full px-5 py-3 text-center text-white border rounded-full border-ocs-orange bg-ocs-orange\">\n                            Apply Filters                        <\/button>\n                        <button @click=\"serviceMobile = ''; sectorMobile = ''; locationMobile = ''; criteriaMobile = ''; contractMobile = ''; filtersIsOpen = false;\" type=\"button\" class=\"block mt-8 mx-auto p-2 text-center underline text-sm\">\n                            Reset Filters                        <\/button>\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div x-show=\"sortByIsOpen\" x-trap.inert.noscroll=\"sortByIsOpen\" class=\"fixed top-0 left-0 w-full h-full p-6 bg-white z-[999999]\">\n        <div class=\"flex flex-col h-full\">\n            <div class=\"flex items-center justify-between\">\n                <h3 class=\"text-ocs-gray-nav text-3xl leading-[38px]\">Sort By<\/h3>\n                <button @click=\"sortByIsOpen = false\" type=\"button\" class=\"p-4 text-white rounded-full bg-ocs-orange\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.13649 3.86321C4.78502 3.51174 4.21517 3.51174 3.8637 3.86321C3.51223 4.21469 3.51223 4.78453 3.8637 5.13601L10.7273 11.9996L3.8637 18.8632C3.51223 19.2147 3.51223 19.7845 3.8637 20.136C4.21517 20.4875 4.78502 20.4875 5.13649 20.136L12.0001 13.2724L18.8637 20.136C19.2152 20.4875 19.785 20.4875 20.1365 20.136C20.488 19.7845 20.488 19.2147 20.1365 18.8632L13.2729 11.9996L20.1365 5.13601C20.488 4.78453 20.488 4.21469 20.1365 3.86321C19.785 3.51174 19.2152 3.51174 18.8637 3.86321L12.0001 10.7268L5.13649 3.86321Z\" fill=\"white\" \/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n            <div class=\"flex flex-col justify-end flex-1\">\n                <form action=\"https:\/\/ocs.com\/uk\/case-studies\/#customer-stories-index\" @submit.prevent=\"submit($event); sortByIsOpen = false\">\n                    <div>\n                        <label class=\"inline-block mb-1.5 text-sm leading-5 text-ocs-gray-nav\" for=\"sort_by\">Sort By<\/label>\n                        <select class=\"w-full py-3 pl-4 pr-8 leading-6 border rounded-lg shadow-sm form-select border-ocs-orange-light text-ocs-gray-nav\" name=\"sort_by\" id=\"sort_by\">\n                            <option  value=\"date_desc\">Latest<\/option>\n                            <option  value=\"date_asc\">Oldest<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"mt-6\">\n                        <button type=\"submit\" class=\"w-full px-5 py-3 text-center text-white border rounded-full border-ocs-orange bg-ocs-orange\">\n                            Apply Sort By                        <\/button>\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"grid grid-cols-2 gap-4\">\n        <button data-animate=\"card\" @click=\"filtersIsOpen = true\" type=\"button\" class=\"w-full px-4 py-3 text-center transition duration-150 ease-in-out text-ocs-gray-nav bg-white border rounded-lg shadow-sm md:hidden border-ocs-orange-light hover:bg-ocs-orange hover:border-ocs-orange hover:text-white focus:bg-ocs-orange focus:border-ocs-orange focus:text-white focus:outline-none\">\n            Filter        <\/button>\n        <button data-animate=\"card\" @click=\"sortByIsOpen = true\" type=\"button\" class=\"w-full px-4 py-3 text-center transition duration-150 ease-in-out text-ocs-gray-nav bg-white border rounded-lg shadow-sm md:hidden border-ocs-orange-light hover:bg-ocs-orange hover:border-ocs-orange hover:text-white focus:bg-ocs-orange focus:border-ocs-orange focus:text-white focus:outline-none\">\n            Sort By        <\/button>\n    <\/div>\n<\/div>\n\n<!-- Desktop filters\/sorting -->\n<div  data-animate-container=\"cards\"  class=\"hidden mb-16 md:block\" x-data>\n\n    <form action=\"https:\/\/ocs.com\/uk\/case-studies\/#customer-stories-index\" type=\"GET\" x-ref=\"filterForm\" class=\"md:flex flex-row justify-between gap-4\" @submit.prevent=\"submit($event)\">\n        <div class=\" flex gap-4 flex-row justify-between\">\n            <div class=\"grid grid-cols-2 2xl:flex flex-wrap gap-4\">\n                                    <div data-animate=\"card\" class=\"flex flex-col w-full 2xl:w-[240px] 2xl:flex-none\">\n                        <label class=\"inline-block mb-1.5 text-sm leading-5 text-ocs-gray-nav\" for=\"criteria\">Key Criteria<\/label>\n                        <select class=\"py-3 pl-4 pr-8 border rounded-lg shadow-sm form-select border-ocs-orange-light w-full leading-6 text-ocs-gray-nav\" name=\"criteria\" id=\"criteria\" @change=\"submit($event)\">\n                            <option selected value=\"\">Showing All<\/option>\n                                                            <option  value=\"380\">Cost Saving<\/option>\n                                                            <option  value=\"400\">Empowerment<\/option>\n                                                            <option  value=\"370\">Productivity<\/option>\n                                                            <option  value=\"390\">Resilience<\/option>\n                                                            <option  value=\"641\">Safety<\/option>\n                                                            <option  value=\"408\">Social Mobility<\/option>\n                                                            <option  value=\"371\">Sustainability<\/option>\n                                                    <\/select>\n                    <\/div>\n                \n                \n                                    <div data-animate=\"card\" class=\"flex flex-col w-full 2xl:w-[240px] 2xl:flex-none\">\n                        <label class=\"inline-block mb-1.5 text-sm leading-5 text-ocs-gray-nav\" for=\"sector-desktop\">Sector<\/label>\n                        <select class=\"py-3 pl-4 pr-8 border rounded-lg shadow-sm form-select border-ocs-orange-light w-full leading-6 text-ocs-gray-nav\" name=\"sector\" id=\"sector-desktop\" @change=\"submit($event)\">\n                            <option selected value=\"\">Showing All<\/option>\n                                                            <option  value=\"548\">Aviation<\/option>\n                                                            <option  value=\"544\">Data Centres<\/option>\n                                                            <option  value=\"545\">Defence<\/option>\n                                                            <option  value=\"549\">Destinations<\/option>\n                                                            <option  value=\"547\">Distribution &amp; Logistics<\/option>\n                                                            <option  value=\"543\">Education<\/option>\n                                                            <option  value=\"554\">Energy<\/option>\n                                                            <option  value=\"553\">Government<\/option>\n                                                            <option  value=\"546\">Healthcare<\/option>\n                                                            <option  value=\"550\">Life Sciences<\/option>\n                                                            <option  value=\"551\">Manufacturing<\/option>\n                                                            <option  value=\"555\">Media &amp; Broadcasting<\/option>\n                                                            <option  value=\"552\">Pharmaceutical<\/option>\n                                                            <option  value=\"635\">Pharmaceutical &amp; Life Sciences<\/option>\n                                                            <option  value=\"556\">Rail<\/option>\n                                                            <option  value=\"557\">Retail<\/option>\n                                                            <option  value=\"558\">Utilities<\/option>\n                                                            <option  value=\"559\">Venues<\/option>\n                                                            <option  value=\"560\">Workplace &amp; Corporate<\/option>\n                                                    <\/select>\n                    <\/div>\n                \n                                    <div data-animate=\"card\" class=\"flex flex-col w-full 2xl:w-[240px] 2xl:flex-none\">\n                        <label class=\"inline-block mb-1.5 text-sm leading-5 text-ocs-gray-nav\" for=\"service\">Service<\/label>\n                        <select class=\"py-3 pl-4 pr-8 border rounded-lg shadow-sm form-select border-ocs-orange-light w-full leading-6 text-ocs-gray-nav\" name=\"service\" id=\"service\" @change=\"submit($event)\">\n                            <option selected value=\"\">Showing All<\/option>\n                                                            <option  value=\"634\">Cleaning<\/option>\n                                                            <option  value=\"622\">Energy Services<\/option>\n                                                            <option  value=\"584\">ESG<\/option>\n                                                            <option  value=\"636\">Facilities Management<\/option>\n                                                            <option  value=\"633\">Hard Services<\/option>\n                                                            <option  value=\"637\">Integrated Facilities Management<\/option>\n                                                            <option  value=\"638\">Passenger Services<\/option>\n                                                            <option  value=\"604\">Security<\/option>\n                                                            <option  value=\"640\">Security Systems<\/option>\n                                                            <option  value=\"605\">Social Value<\/option>\n                                                            <option  value=\"639\">Water Management<\/option>\n                                                    <\/select>\n                    <\/div>\n                            <\/div>\n        <\/div>\n\n        <div data-animate=\"card\" class=\"flex flex-col w-[160px] xl:w-[240px] flex-none\">\n            <label class=\"inline-block mb-1.5 text-sm leading-5 text-ocs-gray-nav\" for=\"sort_by\">Sort by<\/label>\n            <select class=\"py-3 pl-4 pr-8 border rounded-lg shadow-sm form-select border-ocs-orange-light w-full leading-6 text-ocs-gray-nav\" name=\"sort_by\" id=\"sort_by\" @change=\"submit($event)\">\n                <option  value=\"date_desc\">Latest<\/option>\n                <option  value=\"date_asc\">Oldest<\/option>\n            <\/select>\n        <\/div>\n    <\/form>\n\n<\/div>\n\n\n<div data-index-results :class=\"loading &#038;&#038; 'opacity-50 pointer-events-none transition-opacity'\">\n    <ul  data-animate-container=\"cards\" data-cards-per-row=\"2\"  class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 w-full h-full\">\n                        \n    <li data-animate=\"card\" class=\"group grid md:grid-cols-2 rounded-3xl min-h-[300px]\">\n        \n                                    <div class=\"relative w-full h-[320px] md:h-full rounded-t-3xl md:rounded-tl-none md:rounded-r-3xl -mb-6 md:mb-0 overflow-hidden\">\n            <picture>\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/b9062430-4f36-4284-822e-712bd02796d6\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 w-full h-full object-cover object-center\" alt=\"Improving Compliance and Efficiency Across British Sugar\u2019s Manufacturing Estate\">\n            <\/picture>\n        <\/div>\n\n        <div class=\"z-10 relative md:order-first p-8 md:pr-16 rounded-3xl md:-mr-8 bg-[#FEFAF9] flex flex-col gap-4 justify-between min-h-full md:min-h-[326px]\">\n            <div class=\"flex flex-col gap-4\">\n                                    <div class=\"bg-white border border-[#F8E1DB] p-4 rounded-3xl w-[175px] h-[90px] flex items-center justify-center\">\n                        <img decoding=\"async\" class=\"w-full max-h-[56px] object-scale-down\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/British-Sugar-Logo-1-300x84.png\" alt=\"British Sugar logo consisting of a green and yellow circular brushstroke icon next to the company name in text.\">\n                    <\/div>\n                                <h4 class=\"text-xl font-medium text-ocs-gray-nav\">\n                    Improving Compliance and Efficiency Across British Sugar\u2019s Manufacturing Estate                <\/h4>\n\n                                    <ul class=\"text-sm font-medium flex flex-row gap-2 flex-wrap\">\n                                                    <li class=\"py-1 px-2 text-ocs-gray-nav bg-ocs-orange\/10 rounded-lg\">Manufacturing<\/li>\n                                                                    <\/ul>\n                            <\/div>\n\n            <a href=\"https:\/\/ocs.com\/uk\/customer-stories\/integrated-facilities-management-for-british-sugar\/\" aria-label=\"Go to page: Improving Compliance and Efficiency Across British Sugar\u2019s Manufacturing Estate\" target=\"_self\" class=\"w-max text-themed underline decoration-themed underline-offset-4 decoration-2 font-medium hover:text-ocs-gray-nav hover:decoration-ocs-gray-nav transition duration-150 ease-in\">Find out more<\/a>\n        <\/div>\n    <\/li>                        \n    <li data-animate=\"card\" class=\"group grid md:grid-cols-2 rounded-3xl min-h-[300px]\">\n        \n                                    <div class=\"relative w-full h-[320px] md:h-full rounded-t-3xl md:rounded-tl-none md:rounded-r-3xl -mb-6 md:mb-0 overflow-hidden\">\n            <picture>\n                <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/Quadram-Institute-Case-Study-1024x659.jpg\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 w-full h-full object-cover object-center\" alt=\"100% KPI Compliance Supports Critical Research at the Quadram Institute\">\n            <\/picture>\n        <\/div>\n\n        <div class=\"z-10 relative md:order-first p-8 md:pr-16 rounded-3xl md:-mr-8 bg-[#FEFAF9] flex flex-col gap-4 justify-between min-h-full md:min-h-[326px]\">\n            <div class=\"flex flex-col gap-4\">\n                                    <div class=\"bg-white border border-[#F8E1DB] p-4 rounded-3xl w-[175px] h-[90px] flex items-center justify-center\">\n                        <img decoding=\"async\" class=\"w-full max-h-[56px] object-scale-down\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/Quadram-Institute-Logo-1-300x144.png\" alt=\"Logo for the Quadram Institute, featuring the text Quadram Institute above the words Science Health Food Innovation, separated by small teal squares.\">\n                    <\/div>\n                                <h4 class=\"text-xl font-medium text-ocs-gray-nav\">\n                    100% KPI Compliance Supports Critical Research at the Quadram Institute                <\/h4>\n\n                                    <ul class=\"text-sm font-medium flex flex-row gap-2 flex-wrap\">\n                                                    <li class=\"py-1 px-2 text-ocs-gray-nav bg-ocs-orange\/10 rounded-lg\">Pharmaceutical &amp; Life Sciences<\/li>\n                                                                    <\/ul>\n                            <\/div>\n\n            <a href=\"https:\/\/ocs.com\/uk\/customer-stories\/quadram-life-sciences-facility-management\/\" aria-label=\"Go to page: 100% KPI Compliance Supports Critical Research at the Quadram Institute\" target=\"_self\" class=\"w-max text-themed underline decoration-themed underline-offset-4 decoration-2 font-medium hover:text-ocs-gray-nav hover:decoration-ocs-gray-nav transition duration-150 ease-in\">Find out more<\/a>\n        <\/div>\n    <\/li>                        \n    <li data-animate=\"card\" class=\"group grid md:grid-cols-2 rounded-3xl min-h-[300px]\">\n        \n                                    <div class=\"relative w-full h-[320px] md:h-full rounded-t-3xl md:rounded-tl-none md:rounded-r-3xl -mb-6 md:mb-0 overflow-hidden\">\n            <picture>\n                <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/Autonomous-Cleaner-in-Healthcare-Facility-Corridor-Smart-Cleaning-848x1024.png\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 w-full h-full object-cover object-center\" alt=\"Smarter Cleaning Increases Productivity by 57% at Liverpool Women&#8217;s Hospital\">\n            <\/picture>\n        <\/div>\n\n        <div class=\"z-10 relative md:order-first p-8 md:pr-16 rounded-3xl md:-mr-8 bg-[#FEFAF9] flex flex-col gap-4 justify-between min-h-full md:min-h-[326px]\">\n            <div class=\"flex flex-col gap-4\">\n                                    <div class=\"bg-white border border-[#F8E1DB] p-4 rounded-3xl w-[175px] h-[90px] flex items-center justify-center\">\n                        <img decoding=\"async\" class=\"w-full max-h-[56px] object-scale-down\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/Liverpool-Womens-Hospital-Logo-300x113.png\" alt=\"Logo for Liverpool Women\u2019s NHS Foundation Trust.\">\n                    <\/div>\n                                <h4 class=\"text-xl font-medium text-ocs-gray-nav\">\n                    Smarter Cleaning Increases Productivity by 57% at Liverpool Women&#8217;s Hospital                <\/h4>\n\n                                    <ul class=\"text-sm font-medium flex flex-row gap-2 flex-wrap\">\n                                                    <li class=\"py-1 px-2 text-ocs-gray-nav bg-ocs-orange\/10 rounded-lg\">Healthcare<\/li>\n                                                                    <\/ul>\n                            <\/div>\n\n            <a href=\"https:\/\/ocs.com\/uk\/customer-stories\/liverpool-womens-hospital-cleaning-services\/\" aria-label=\"Go to page: Smarter Cleaning Increases Productivity by 57% at Liverpool Women&#8217;s Hospital\" target=\"_self\" class=\"w-max text-themed underline decoration-themed underline-offset-4 decoration-2 font-medium hover:text-ocs-gray-nav hover:decoration-ocs-gray-nav transition duration-150 ease-in\">Find out more<\/a>\n        <\/div>\n    <\/li>                        \n    <li data-animate=\"card\" class=\"group grid md:grid-cols-2 rounded-3xl min-h-[300px]\">\n        \n                                    <div class=\"relative w-full h-[320px] md:h-full rounded-t-3xl md:rounded-tl-none md:rounded-r-3xl -mb-6 md:mb-0 overflow-hidden\">\n            <picture>\n                <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/Dublin-Airport-1024x1024.jpg\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 w-full h-full object-cover object-center\" alt=\"Smarter Passenger Assistance Helps Reduce Aircraft Delays by 69% at Dublin Airport\">\n            <\/picture>\n        <\/div>\n\n        <div class=\"z-10 relative md:order-first p-8 md:pr-16 rounded-3xl md:-mr-8 bg-[#FEFAF9] flex flex-col gap-4 justify-between min-h-full md:min-h-[326px]\">\n            <div class=\"flex flex-col gap-4\">\n                                    <div class=\"bg-white border border-[#F8E1DB] p-4 rounded-3xl w-[175px] h-[90px] flex items-center justify-center\">\n                        <img decoding=\"async\" class=\"w-full max-h-[56px] object-scale-down\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/Dublin-Aiport-Logo-300x60.png\" alt=\"Dublin Airport logo featuring a stylised green and teal globe icon next to the text DublinAirport.\">\n                    <\/div>\n                                <h4 class=\"text-xl font-medium text-ocs-gray-nav\">\n                    Smarter Passenger Assistance Helps Reduce Aircraft Delays by 69% at Dublin Airport                <\/h4>\n\n                                    <ul class=\"text-sm font-medium flex flex-row gap-2 flex-wrap\">\n                                                    <li class=\"py-1 px-2 text-ocs-gray-nav bg-ocs-orange\/10 rounded-lg\">Aviation<\/li>\n                                                                    <\/ul>\n                            <\/div>\n\n            <a href=\"https:\/\/ocs.com\/uk\/customer-stories\/airport-passenger-assistance-dublin-airport\/\" aria-label=\"Go to page: Smarter Passenger Assistance Helps Reduce Aircraft Delays by 69% at Dublin Airport\" target=\"_self\" class=\"w-max text-themed underline decoration-themed underline-offset-4 decoration-2 font-medium hover:text-ocs-gray-nav hover:decoration-ocs-gray-nav transition duration-150 ease-in\">Find out more<\/a>\n        <\/div>\n    <\/li>                        \n    <li data-animate=\"card\" class=\"group grid md:grid-cols-2 rounded-3xl min-h-[300px]\">\n        \n                                    <div class=\"relative w-full h-[320px] md:h-full rounded-t-3xl md:rounded-tl-none md:rounded-r-3xl -mb-6 md:mb-0 overflow-hidden\">\n            <picture>\n                <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/11\/Calton-Hill-Monument-at-Sunset-1024x1024.jpg\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 w-full h-full object-cover object-center\" alt=\"Building Intelligence Reduces Energy Consumption at Edinburgh High Court\">\n            <\/picture>\n        <\/div>\n\n        <div class=\"z-10 relative md:order-first p-8 md:pr-16 rounded-3xl md:-mr-8 bg-[#FEFAF9] flex flex-col gap-4 justify-between min-h-full md:min-h-[326px]\">\n            <div class=\"flex flex-col gap-4\">\n                                    <div class=\"bg-white border border-[#F8E1DB] p-4 rounded-3xl w-[175px] h-[90px] flex items-center justify-center\">\n                        <img decoding=\"async\" class=\"w-full max-h-[56px] object-scale-down\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/Edinburgh-High-Court-Logo-300x100.png\" alt=\"Logo of the Scottish Courts and Tribunals Service featuring text next to the Royal Coat of Arms of the United Kingdom.\">\n                    <\/div>\n                                <h4 class=\"text-xl font-medium text-ocs-gray-nav\">\n                    Building Intelligence Reduces Energy Consumption at Edinburgh High Court                <\/h4>\n\n                                    <ul class=\"text-sm font-medium flex flex-row gap-2 flex-wrap\">\n                                                    <li class=\"py-1 px-2 text-ocs-gray-nav bg-ocs-orange\/10 rounded-lg\">Government<\/li>\n                                                                    <\/ul>\n                            <\/div>\n\n            <a href=\"https:\/\/ocs.com\/uk\/customer-stories\/low-carbon-retrofit-edinburgh-high-court\/\" aria-label=\"Go to page: Building Intelligence Reduces Energy Consumption at Edinburgh High Court\" target=\"_self\" class=\"w-max text-themed underline decoration-themed underline-offset-4 decoration-2 font-medium hover:text-ocs-gray-nav hover:decoration-ocs-gray-nav transition duration-150 ease-in\">Find out more<\/a>\n        <\/div>\n    <\/li>                        \n    <li data-animate=\"card\" class=\"group grid md:grid-cols-2 rounded-3xl min-h-[300px]\">\n        \n                                    <div class=\"relative w-full h-[320px] md:h-full rounded-t-3xl md:rounded-tl-none md:rounded-r-3xl -mb-6 md:mb-0 overflow-hidden\">\n            <picture>\n                <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/Technician-Monitoring-Industrial-Plant-Water-Management-2-847x1024.jpg\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 w-full h-full object-cover object-center\" alt=\"Turning Water Intelligence Into Meaningful Action Across Customer Sites\">\n            <\/picture>\n        <\/div>\n\n        <div class=\"z-10 relative md:order-first p-8 md:pr-16 rounded-3xl md:-mr-8 bg-[#FEFAF9] flex flex-col gap-4 justify-between min-h-full md:min-h-[326px]\">\n            <div class=\"flex flex-col gap-4\">\n                                    <div class=\"bg-white border border-[#F8E1DB] p-4 rounded-3xl w-[175px] h-[90px] flex items-center justify-center\">\n                        <img decoding=\"async\" class=\"w-full max-h-[56px] object-scale-down\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/20Fifty-Partners-Logo-1-300x105.png\" alt=\"Logo for 20Fifty Partners.\">\n                    <\/div>\n                                <h4 class=\"text-xl font-medium text-ocs-gray-nav\">\n                    Turning Water Intelligence Into Meaningful Action Across Customer Sites                <\/h4>\n\n                            <\/div>\n\n            <a href=\"https:\/\/ocs.com\/uk\/customer-stories\/water-stewardship-customer-sites\/\" aria-label=\"Go to page: Turning Water Intelligence Into Meaningful Action Across Customer Sites\" target=\"_self\" class=\"w-max text-themed underline decoration-themed underline-offset-4 decoration-2 font-medium hover:text-ocs-gray-nav hover:decoration-ocs-gray-nav transition duration-150 ease-in\">Find out more<\/a>\n        <\/div>\n    <\/li>                        \n    <li data-animate=\"card\" class=\"group grid md:grid-cols-2 rounded-3xl min-h-[300px]\">\n        \n                                    <div class=\"relative w-full h-[320px] md:h-full rounded-t-3xl md:rounded-tl-none md:rounded-r-3xl -mb-6 md:mb-0 overflow-hidden\">\n            <picture>\n                <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/Front-On-Airliner-on-a-Wet-Runway-1024x683.jpg\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 w-full h-full object-cover object-center\" alt=\"34 Years of Improving Efficiency and Sustainability With British Airways\">\n            <\/picture>\n        <\/div>\n\n        <div class=\"z-10 relative md:order-first p-8 md:pr-16 rounded-3xl md:-mr-8 bg-[#FEFAF9] flex flex-col gap-4 justify-between min-h-full md:min-h-[326px]\">\n            <div class=\"flex flex-col gap-4\">\n                                    <div class=\"bg-white border border-[#F8E1DB] p-4 rounded-3xl w-[175px] h-[90px] flex items-center justify-center\">\n                        <img decoding=\"async\" class=\"w-full max-h-[56px] object-scale-down\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/British-Airways-Logo-300x50.png\" alt=\"British Airways logo with the brand name in blue text next to a stylised red and blue ribbon icon.\">\n                    <\/div>\n                                <h4 class=\"text-xl font-medium text-ocs-gray-nav\">\n                    34 Years of Improving Efficiency and Sustainability With British Airways                <\/h4>\n\n                                    <ul class=\"text-sm font-medium flex flex-row gap-2 flex-wrap\">\n                                                    <li class=\"py-1 px-2 text-ocs-gray-nav bg-ocs-orange\/10 rounded-lg\">Aviation<\/li>\n                                                                    <\/ul>\n                            <\/div>\n\n            <a href=\"https:\/\/ocs.com\/uk\/customer-stories\/british-airways-aviation-facilities-management\/\" aria-label=\"Go to page: 34 Years of Improving Efficiency and Sustainability With British Airways\" target=\"_self\" class=\"w-max text-themed underline decoration-themed underline-offset-4 decoration-2 font-medium hover:text-ocs-gray-nav hover:decoration-ocs-gray-nav transition duration-150 ease-in\">Find out more<\/a>\n        <\/div>\n    <\/li>                        \n    <li data-animate=\"card\" class=\"group grid md:grid-cols-2 rounded-3xl min-h-[300px]\">\n        \n                                    <div class=\"relative w-full h-[320px] md:h-full rounded-t-3xl md:rounded-tl-none md:rounded-r-3xl -mb-6 md:mb-0 overflow-hidden\">\n            <picture>\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/dc0afb9b-1822-444f-8e9d-34a9d05e0461\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 w-full h-full object-cover object-center\" alt=\"Critical Plant Upgrades Delivered With Zero Unplanned Disruption at Citypoint\">\n            <\/picture>\n        <\/div>\n\n        <div class=\"z-10 relative md:order-first p-8 md:pr-16 rounded-3xl md:-mr-8 bg-[#FEFAF9] flex flex-col gap-4 justify-between min-h-full md:min-h-[326px]\">\n            <div class=\"flex flex-col gap-4\">\n                                    <div class=\"bg-white border border-[#F8E1DB] p-4 rounded-3xl w-[175px] h-[90px] flex items-center justify-center\">\n                        <img decoding=\"async\" class=\"w-full max-h-[56px] object-scale-down\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/Citypoint-300x37.png\" alt=\"The word CITYPOINT in a bold, sans-serif font, with the letter O replaced by a black circle containing three vertical white bars of varying heights.\">\n                    <\/div>\n                                <h4 class=\"text-xl font-medium text-ocs-gray-nav\">\n                    Critical Plant Upgrades Delivered With Zero Unplanned Disruption at Citypoint                <\/h4>\n\n                                    <ul class=\"text-sm font-medium flex flex-row gap-2 flex-wrap\">\n                                                    <li class=\"py-1 px-2 text-ocs-gray-nav bg-ocs-orange\/10 rounded-lg\">Workplace &amp; Corporate<\/li>\n                                                                    <\/ul>\n                            <\/div>\n\n            <a href=\"https:\/\/ocs.com\/uk\/customer-stories\/citypoint-plant-replacement\/\" aria-label=\"Go to page: Critical Plant Upgrades Delivered With Zero Unplanned Disruption at Citypoint\" target=\"_self\" class=\"w-max text-themed underline decoration-themed underline-offset-4 decoration-2 font-medium hover:text-ocs-gray-nav hover:decoration-ocs-gray-nav transition duration-150 ease-in\">Find out more<\/a>\n        <\/div>\n    <\/li>                        \n    <li data-animate=\"card\" class=\"group grid md:grid-cols-2 rounded-3xl min-h-[300px]\">\n        \n                                    <div class=\"relative w-full h-[320px] md:h-full rounded-t-3xl md:rounded-tl-none md:rounded-r-3xl -mb-6 md:mb-0 overflow-hidden\">\n            <picture>\n                <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/11\/Aerial-Campus-Beneath-the-Hilltop-Tower-1024x576.jpg\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 w-full h-full object-cover object-center\" alt=\"Turning \u00a321 Million into Measurable Net Zero Progress for Stirling Council\">\n            <\/picture>\n        <\/div>\n\n        <div class=\"z-10 relative md:order-first p-8 md:pr-16 rounded-3xl md:-mr-8 bg-[#FEFAF9] flex flex-col gap-4 justify-between min-h-full md:min-h-[326px]\">\n            <div class=\"flex flex-col gap-4\">\n                                    <div class=\"bg-white border border-[#F8E1DB] p-4 rounded-3xl w-[175px] h-[90px] flex items-center justify-center\">\n                        <img decoding=\"async\" class=\"w-full max-h-[56px] object-scale-down\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/Stirling-Council-Logo-300x158.png\" alt=\"Stirling Council logo featuring a stylised green S shape with a purple swoosh, surrounded by the text Stirling Council.\">\n                    <\/div>\n                                <h4 class=\"text-xl font-medium text-ocs-gray-nav\">\n                    Turning \u00a321 Million into Measurable Net Zero Progress for Stirling Council                <\/h4>\n\n                                    <ul class=\"text-sm font-medium flex flex-row gap-2 flex-wrap\">\n                                                    <li class=\"py-1 px-2 text-ocs-gray-nav bg-ocs-orange\/10 rounded-lg\">Energy<\/li>\n                                                                    <\/ul>\n                            <\/div>\n\n            <a href=\"https:\/\/ocs.com\/uk\/customer-stories\/stirling-council-solar-pv-battery-storage\/\" aria-label=\"Go to page: Turning \u00a321 Million into Measurable Net Zero Progress for Stirling Council\" target=\"_self\" class=\"w-max text-themed underline decoration-themed underline-offset-4 decoration-2 font-medium hover:text-ocs-gray-nav hover:decoration-ocs-gray-nav transition duration-150 ease-in\">Find out more<\/a>\n        <\/div>\n    <\/li>                        \n    <li data-animate=\"card\" class=\"group grid md:grid-cols-2 rounded-3xl min-h-[300px]\">\n        \n                                    <div class=\"relative w-full h-[320px] md:h-full rounded-t-3xl md:rounded-tl-none md:rounded-r-3xl -mb-6 md:mb-0 overflow-hidden\">\n            <picture>\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/3019f07e-80a5-4fed-8a0b-a32726139423\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 w-full h-full object-cover object-center\" alt=\"Supporting Aircraft Readiness Through Integrated Services for Virgin Atlantic\">\n            <\/picture>\n        <\/div>\n\n        <div class=\"z-10 relative md:order-first p-8 md:pr-16 rounded-3xl md:-mr-8 bg-[#FEFAF9] flex flex-col gap-4 justify-between min-h-full md:min-h-[326px]\">\n            <div class=\"flex flex-col gap-4\">\n                                    <div class=\"bg-white border border-[#F8E1DB] p-4 rounded-3xl w-[175px] h-[90px] flex items-center justify-center\">\n                        <img decoding=\"async\" class=\"w-full max-h-[56px] object-scale-down\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/Virgin-Atlantic-Logo-300x76.png\" alt=\"Virgin Atlantic logo with the company name in lowercase purple text and the Virgin brand name in white on a red tilted square.\">\n                    <\/div>\n                                <h4 class=\"text-xl font-medium text-ocs-gray-nav\">\n                    Supporting Aircraft Readiness Through Integrated Services for Virgin Atlantic                <\/h4>\n\n                                    <ul class=\"text-sm font-medium flex flex-row gap-2 flex-wrap\">\n                                                    <li class=\"py-1 px-2 text-ocs-gray-nav bg-ocs-orange\/10 rounded-lg\">Aviation<\/li>\n                                                                    <\/ul>\n                            <\/div>\n\n            <a href=\"https:\/\/ocs.com\/uk\/customer-stories\/aircraft-cleaning-services-virgin-atlantic\/\" aria-label=\"Go to page: Supporting Aircraft Readiness Through Integrated Services for Virgin Atlantic\" target=\"_self\" class=\"w-max text-themed underline decoration-themed underline-offset-4 decoration-2 font-medium hover:text-ocs-gray-nav hover:decoration-ocs-gray-nav transition duration-150 ease-in\">Find out more<\/a>\n        <\/div>\n    <\/li>                        \n    <li data-animate=\"card\" class=\"group grid md:grid-cols-2 rounded-3xl min-h-[300px]\">\n        \n                                    <div class=\"relative w-full h-[320px] md:h-full rounded-t-3xl md:rounded-tl-none md:rounded-r-3xl -mb-6 md:mb-0 overflow-hidden\">\n            <picture>\n                <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/London-Business-School-1024x768.jpg\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 w-full h-full object-cover object-center\" alt=\"Smarter Cleaning Releases 15 Hours a Week for London Business School\">\n            <\/picture>\n        <\/div>\n\n        <div class=\"z-10 relative md:order-first p-8 md:pr-16 rounded-3xl md:-mr-8 bg-[#FEFAF9] flex flex-col gap-4 justify-between min-h-full md:min-h-[326px]\">\n            <div class=\"flex flex-col gap-4\">\n                                    <div class=\"bg-white border border-[#F8E1DB] p-4 rounded-3xl w-[175px] h-[90px] flex items-center justify-center\">\n                        <img decoding=\"async\" class=\"w-full max-h-[56px] object-scale-down\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/London-Business-School-Logo-2-1-300x225.png\" alt=\"London Business School logo in dark blue text with a red line underneath.\">\n                    <\/div>\n                                <h4 class=\"text-xl font-medium text-ocs-gray-nav\">\n                    Smarter Cleaning Releases 15 Hours a Week for London Business School                <\/h4>\n\n                                    <ul class=\"text-sm font-medium flex flex-row gap-2 flex-wrap\">\n                                                    <li class=\"py-1 px-2 text-ocs-gray-nav bg-ocs-orange\/10 rounded-lg\">Education<\/li>\n                                                                    <\/ul>\n                            <\/div>\n\n            <a href=\"https:\/\/ocs.com\/uk\/customer-stories\/education-cleaning-services-london-business-school\/\" aria-label=\"Go to page: Smarter Cleaning Releases 15 Hours a Week for London Business School\" target=\"_self\" class=\"w-max text-themed underline decoration-themed underline-offset-4 decoration-2 font-medium hover:text-ocs-gray-nav hover:decoration-ocs-gray-nav transition duration-150 ease-in\">Find out more<\/a>\n        <\/div>\n    <\/li>                        \n    <li data-animate=\"card\" class=\"group grid md:grid-cols-2 rounded-3xl min-h-[300px]\">\n        \n                                    <div class=\"relative w-full h-[320px] md:h-full rounded-t-3xl md:rounded-tl-none md:rounded-r-3xl -mb-6 md:mb-0 overflow-hidden\">\n            <picture>\n                <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/Edinburgh-Monument-at-Security-Systems-1024x683.jpg\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 w-full h-full object-cover object-center\" alt=\"CCTV Security Systems at the National Wallace Monument\">\n            <\/picture>\n        <\/div>\n\n        <div class=\"z-10 relative md:order-first p-8 md:pr-16 rounded-3xl md:-mr-8 bg-[#FEFAF9] flex flex-col gap-4 justify-between min-h-full md:min-h-[326px]\">\n            <div class=\"flex flex-col gap-4\">\n                                    <div class=\"bg-white border border-[#F8E1DB] p-4 rounded-3xl w-[175px] h-[90px] flex items-center justify-center\">\n                        <img decoding=\"async\" class=\"w-full max-h-[56px] object-scale-down\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/10\/Stirling-Council-Logo-300x158.png\" alt=\"Stirling Council logo featuring a stylised green S shape with a purple swoosh, surrounded by the text Stirling Council.\">\n                    <\/div>\n                                <h4 class=\"text-xl font-medium text-ocs-gray-nav\">\n                    CCTV Security Systems at the National Wallace Monument                <\/h4>\n\n                                    <ul class=\"text-sm font-medium flex flex-row gap-2 flex-wrap\">\n                                                    <li class=\"py-1 px-2 text-ocs-gray-nav bg-ocs-orange\/10 rounded-lg\">Destinations<\/li>\n                                                                    <\/ul>\n                            <\/div>\n\n            <a href=\"https:\/\/ocs.com\/uk\/customer-stories\/cctv-security-systems-at-the-national-wallace-monument\/\" aria-label=\"Go to page: CCTV Security Systems at the National Wallace Monument\" target=\"_self\" class=\"w-max text-themed underline decoration-themed underline-offset-4 decoration-2 font-medium hover:text-ocs-gray-nav hover:decoration-ocs-gray-nav transition duration-150 ease-in\">Find out more<\/a>\n        <\/div>\n    <\/li>            <\/ul>\n\n            <div data-animate=\"card\" class=\"mt-16\">\n            <div class=\"flex justify-center space-x-2 ocs-pagination\"><span aria-current=\"page\" class=\"page-numbers current\">1<\/span>\n<a class=\"page-numbers\" href=\"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/pages\/305\/page\/2\/\">2<\/a>\n<a class=\"page-numbers\" href=\"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/pages\/305\/page\/3\/\">3<\/a>\n<span class=\"page-numbers dots\">&hellip;<\/span>\n<a class=\"page-numbers\" href=\"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/pages\/305\/page\/5\/\">5<\/a>\n<a class=\"next page-numbers\" href=\"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/pages\/305\/page\/2\/\"><span>Next<\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"21\" height=\"21\" fill=\"none\"><path d=\"M4.667 10.497h11.667m0 0L10.5 4.664m5.834 5.833L10.5 16.331\" stroke=\"currentColor\" stroke-width=\"1.67\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a><\/div>        <\/div>\n        <\/div>            <\/section>\n\n\n    <section class=\"divider w-full h-8 md:h-16 bg-white\">\n    <\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>Discover how we help organisations make their people and places the best they can be.<\/p>\n","protected":false},"author":1,"featured_media":10000020641,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-305","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>Case Studies and Customer Success Stories - OCS - UK<\/title>\n<meta name=\"description\" content=\"Discover how we help organisations make their people and places the best they can be. Read real-world case studies showing measurable impact.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ocs.com\/uk\/case-studies\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Studies\" \/>\n<meta property=\"og:description\" content=\"Discover how we help organisations make their people and places the best they can be. Read real-world case studies showing measurable impact.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ocs.com\/uk\/case-studies\/\" \/>\n<meta property=\"og:site_name\" content=\"OCS - UK\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-03T16:19:28+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/case-studies\\\/\",\"url\":\"https:\\\/\\\/ocs.com\\\/uk\\\/case-studies\\\/\",\"name\":\"Case Studies and Customer Success Stories - OCS - UK\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/case-studies\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/case-studies\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ucarecdn.com\\\/fd544f4e-8cbd-45a7-85f5-670c427c972b\\\/\",\"datePublished\":\"2023-09-27T11:25:00+00:00\",\"dateModified\":\"2026-11-03T16:19:28+00:00\",\"description\":\"Discover how we help organisations make their people and places the best they can be. Read real-world case studies showing measurable impact.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/case-studies\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ocs.com\\\/uk\\\/case-studies\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/case-studies\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ucarecdn.com\\\/fd544f4e-8cbd-45a7-85f5-670c427c972b\\\/\",\"contentUrl\":\"https:\\\/\\\/ucarecdn.com\\\/fd544f4e-8cbd-45a7-85f5-670c427c972b\\\/\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/case-studies\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ocs.com\\\/uk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Studies\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#website\",\"url\":\"https:\\\/\\\/ocs.com\\\/uk\\\/\",\"name\":\"OCS - UK\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ocs.com\\\/uk\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#organization\",\"name\":\"OCS\",\"alternateName\":\"OCS Group\",\"url\":\"https:\\\/\\\/ocs.com\\\/uk\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"OCS\"},\"image\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/uk.linkedin.com\\\/company\\\/ocs-global\",\"https:\\\/\\\/www.youtube.com\\\/@OCSGlobalFM\",\"https:\\\/\\\/en.wikipedia.org\\\/wiki\\\/OCS_Group\"],\"description\":\"OCS is an engineering-led facilities management company delivering integrated cleaning, security, catering, hard services and energy services across the UK and Ireland.\",\"telephone\":\"0800 614 678\",\"legalName\":\"OCS Group UK Limited\",\"foundingDate\":\"1900-01-01\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Case Studies and Customer Success Stories - OCS - UK","description":"Discover how we help organisations make their people and places the best they can be. Read real-world case studies showing measurable impact.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ocs.com\/uk\/case-studies\/","og_locale":"en_GB","og_type":"article","og_title":"Case Studies","og_description":"Discover how we help organisations make their people and places the best they can be. Read real-world case studies showing measurable impact.","og_url":"https:\/\/ocs.com\/uk\/case-studies\/","og_site_name":"OCS - UK","article_modified_time":"2026-11-03T16:19:28+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ocs.com\/uk\/case-studies\/","url":"https:\/\/ocs.com\/uk\/case-studies\/","name":"Case Studies and Customer Success Stories - OCS - UK","isPartOf":{"@id":"https:\/\/ocs.com\/uk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ocs.com\/uk\/case-studies\/#primaryimage"},"image":{"@id":"https:\/\/ocs.com\/uk\/case-studies\/#primaryimage"},"thumbnailUrl":"https:\/\/ucarecdn.com\/fd544f4e-8cbd-45a7-85f5-670c427c972b\/","datePublished":"2023-09-27T11:25:00+00:00","dateModified":"2026-11-03T16:19:28+00:00","description":"Discover how we help organisations make their people and places the best they can be. Read real-world case studies showing measurable impact.","breadcrumb":{"@id":"https:\/\/ocs.com\/uk\/case-studies\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ocs.com\/uk\/case-studies\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/ocs.com\/uk\/case-studies\/#primaryimage","url":"https:\/\/ucarecdn.com\/fd544f4e-8cbd-45a7-85f5-670c427c972b\/","contentUrl":"https:\/\/ucarecdn.com\/fd544f4e-8cbd-45a7-85f5-670c427c972b\/"},{"@type":"BreadcrumbList","@id":"https:\/\/ocs.com\/uk\/case-studies\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ocs.com\/uk\/"},{"@type":"ListItem","position":2,"name":"Case Studies"}]},{"@type":"WebSite","@id":"https:\/\/ocs.com\/uk\/#website","url":"https:\/\/ocs.com\/uk\/","name":"OCS - UK","description":"","publisher":{"@id":"https:\/\/ocs.com\/uk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ocs.com\/uk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/ocs.com\/uk\/#organization","name":"OCS","alternateName":"OCS Group","url":"https:\/\/ocs.com\/uk\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/ocs.com\/uk\/#\/schema\/logo\/image\/","url":"","contentUrl":"","caption":"OCS"},"image":{"@id":"https:\/\/ocs.com\/uk\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/uk.linkedin.com\/company\/ocs-global","https:\/\/www.youtube.com\/@OCSGlobalFM","https:\/\/en.wikipedia.org\/wiki\/OCS_Group"],"description":"OCS is an engineering-led facilities management company delivering integrated cleaning, security, catering, hard services and energy services across the UK and Ireland.","telephone":"0800 614 678","legalName":"OCS Group UK Limited","foundingDate":"1900-01-01"}]}},"_links":{"self":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/pages\/305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/comments?post=305"}],"version-history":[{"count":60,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/pages\/305\/revisions"}],"predecessor-version":[{"id":50838,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/pages\/305\/revisions\/50838"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ocs.com\/uk\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/media?parent=305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}