{"id":179,"date":"2023-09-26T14:11:10","date_gmt":"2023-09-26T13:11:10","guid":{"rendered":"https:\/\/ocs.test\/wp\/?post_type=sectors&#038;p=179"},"modified":"2026-10-09T15:22:45","modified_gmt":"2026-10-09T14:22:45","slug":"data-centres","status":"publish","type":"sectors","link":"https:\/\/ocs.com\/uk\/sectors\/data-centres\/","title":{"rendered":"Data Centres Services"},"content":{"rendered":"\n    <section x-data=\"fullWidthBanner\" id=\"block_acf-block-6ac8f8b40eca0\"  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 src=\"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1119756148\/rendition\/1080p\/file.mp4%20%281080p%29.mp4?loc=external&amp;signature=7632f03774bfc819a54bd8aa8993d457644c84e565d539f96eb30a87236c07ae\"  autoplay 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 class=\"max-h-[70px] h-[70px] \">\n                                                    <picture>\n                                                        <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/Data-Centre-Services-lozenge.svg\" type=\"image\/jpg\">\n                                                        <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/Data-Centre-Services-lozenge.svg\" class=\"h-full w-full object-contain\" style=\"width: initial\" width=\"124\" alt=\"A rounded rectangular button with a green-to-blue gradient background displays the text Data Centre Services in white letters.\">\n                                                    <\/picture>\n                                                <\/div>\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                                                Data Centre Services                                            <\/h1>\n                                                                                                                                                        <p class=\"text-white text-[22px] leading-[30px] -tracking-[0.5px] text-crop max-w-[654px]\">\n                                            Delivering uptime, compliance, and consistent performance in your mission-critical data centre environments.                                        <\/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=\"#contact-form\" class=\"btn btn-themed\" target=\"\">\n                                                    Connect with Our Data Centre Experts                                                <\/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\n            <section id=\"block_acf-block-6ac8f8b40ecdf\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 lg:px-[88px] py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row-reverse \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Colleague-2-Full-Width-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Colleague-2-Full-Width-1024x576.jpg\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Colleague-2-Full-Width-1024x576.jpg\" alt=\"A man with plaited hair and a beard, wearing a dark OCS sweatshirt, stands in a server room aisle surrounded by tall server racks.\" 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\">Critical Infrastructure, Connected End to End<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>Resilient, efficient infrastructure that can respond to future demand depends on connected planning, delivery, operation and long-term improvement.<\/p>\n<p>One self-delivered model brings together facilities management, engineering, energy, security, specialist cleaning and infrastructure delivery around the needs of each environment.<\/p>\n<p>Specialist teams support project delivery, commissioning, daily operations, carbon reduction and modernisation, maintaining continuity and control across the full infrastructure lifecycle.<\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n\n<section\n    x-data=\"stats\"\n    id=\"block_acf-block-6ac8f8b40f845\"\n    class=\"max-w-8xl mx-auto w-full px-6 lg:px-[88px] py-6 md:py-[72px]  \"\n        data-animate-container=\"waterfall\">\n            <div\n            class=\"rounded-[32px] p-6 sm:p-8 lg:p-11\"\n            style=\"background-image: linear-gradient(236.739deg, #293771 6.25%, #281e4a 40.43%);\"        >\n            <div class=\"flex flex-col gap-8\">\n\n                            <div class=\"flex flex-col lg:flex-row gap-6 items-start justify-between\">\n                                            <div\n                            data-animate-container=\"text\"                            class=\"flex-1 flex flex-col gap-6 min-w-0\"\n                        >\n                                                            <h2\n                                    data-animate=\"heading\"                                    class=\"text-white font-medium text-[28px] leading-[36px] lg:text-[36px] lg:leading-[44px] -tracking-[0.25px]\"\n                                >\n                                    Built for Performance                                <\/h2>\n                                                                                        <div\n                                    data-animate=\"prose\"                                    class=\"prose max-w-none prose-p:m-0 prose-p:text-[18px] prose-p:leading-[26px] lg:prose-p:text-[20px] prose-p:font-normal [&#038;_p]:!text-white\"\n                                >\n                                    <p class=\"p1\">Data centres demand more than service. They require operational precision, infrastructure discipline and standards that hold under pressure.<\/p>\n                                <\/div>\n                                                    <\/div>\n                    \n                                            <div class=\"bg-[#6b6b6b]\/20 flex gap-2 items-center px-4 py-3 rounded-3xl shrink-0\">\n                                                            <span class=\"flex w-2.5 h-2.5 rounded-full bg-[#41ad48]\" aria-hidden=\"true\"><\/span>\n                                                        <span class=\"text-white text-base leading-6 font-normal whitespace-nowrap\">\n                                Proven Delivery                            <\/span>\n                        <\/div>\n                                    <\/div>\n            \n                            <ul\n                    data-animate-container=\"cards\"                    class=\"flex flex-wrap justify-center gap-6\"\n                >\n                                            <li\n                            data-animate=\"card\"                            class=\"basis-full sm:basis-[calc(50%-0.75rem)] xl:basis-[calc(33.333%-1rem)] flex flex-col bg-[#281e4a] border border-ocs-gray rounded-3xl p-8 lg:p-10 gap-6  min-h-[220px] lg:min-h-[274px]\"\n                        >\n                            <div class=\"flex flex-col gap-6\">\n                                                                    <div class=\"flex gap-1 items-start\">\n                                                                                <span class=\"text-white text-[44px] leading-[52px] lg:text-[52px] lg:leading-[58px] font-semibold -tracking-[0.5px] whitespace-nowrap\">\n                                            <span x-intersect.once=\"animateNumber($el)\">100<\/span>+                                        <\/span>\n                                    <\/div>\n                                \n                                                                    <div class=\"flex flex-col gap-3\">\n                                                                                    <p class=\"text-white font-medium text-[20px] leading-[28px]\">\n                                                Data Centres Managed Globally                                            <\/p>\n                                                                                                                    <\/div>\n                                                            <\/div>\n\n                                                    <\/li>\n                                            <li\n                            data-animate=\"card\"                            class=\"basis-full sm:basis-[calc(50%-0.75rem)] xl:basis-[calc(33.333%-1rem)] flex flex-col bg-[#281e4a] border border-ocs-gray rounded-3xl p-8 lg:p-10 gap-6  min-h-[220px] lg:min-h-[274px]\"\n                        >\n                            <div class=\"flex flex-col gap-6\">\n                                                                    <div class=\"flex gap-1 items-start\">\n                                                                                <span class=\"text-white text-[44px] leading-[52px] lg:text-[52px] lg:leading-[58px] font-semibold -tracking-[0.5px] whitespace-nowrap\">\n                                            <span x-intersect.once=\"animateNumber($el)\">2.5<\/span> Million                                        <\/span>\n                                    <\/div>\n                                \n                                                                    <div class=\"flex flex-col gap-3\">\n                                                                                    <p class=\"text-white font-medium text-[20px] leading-[28px]\">\n                                                Sq. ft. of Technical Space Maintained                                            <\/p>\n                                                                                                                    <\/div>\n                                                            <\/div>\n\n                                                    <\/li>\n                                            <li\n                            data-animate=\"card\"                            class=\"basis-full sm:basis-[calc(50%-0.75rem)] xl:basis-[calc(33.333%-1rem)] flex flex-col bg-[#281e4a] border border-ocs-gray rounded-3xl p-8 lg:p-10 gap-6  min-h-[220px] lg:min-h-[274px]\"\n                        >\n                            <div class=\"flex flex-col gap-6\">\n                                                                    <div class=\"flex gap-1 items-start\">\n                                                                                <span class=\"text-white text-[44px] leading-[52px] lg:text-[52px] lg:leading-[58px] font-semibold -tracking-[0.5px] whitespace-nowrap\">\n                                            Class<span x-intersect.once=\"animateNumber($el)\">8<\/span>                                        <\/span>\n                                    <\/div>\n                                \n                                                                    <div class=\"flex flex-col gap-3\">\n                                                                                    <p class=\"text-white font-medium text-[20px] leading-[28px]\">\n                                                Cleaning  &#8211; BS EN 14644 Cleanroom Environment                                             <\/p>\n                                                                                                                    <\/div>\n                                                            <\/div>\n\n                                                    <\/li>\n                                    <\/ul>\n            \n        <\/div>\n    <\/div>\n<\/section>\n\n\n    <section class=\"divider w-full h-8 md:h-16 bg-white\">\n    <\/section>\n\n\n\n\n<section\n    id=\"block_acf-block-6ac8f8b40f8dd\"\n    class=\"gateway-cards theme-orange-gradient relative overflow-hidden pt-14 pb-16 md:pt-[88px] md:pb-24\"\n    style=\"background-image: linear-gradient(118deg, #221A3E 0%, #281E49 46%, #2A2C5C 100%);\"    data-animate-container=\"waterfall\">\n    \n                <div class=\"absolute inset-0 pointer-events-none\" style=\"background-image: radial-gradient(52% 44% at 94% 100%, rgba(41,55,113,0.55) 0%, rgba(41,55,113,0) 72%);\" aria-hidden=\"true\"><\/div>\n    \n    <div class=\"relative max-w-8xl mx-auto w-full px-6 lg:px-[88px]\">\n\n                    <div data-animate=\"item\" class=\"gc-intro-wrap relative max-w-[54em]\">\n                                    <p class=\"gc-eyebrow text-[14px] leading-5 font-semibold tracking-[2.2px] uppercase\">Data Centres<\/p>\n                                                    <h2 class=\"gc-heading mt-5 text-[30px] leading-[38px] md:text-[42px] md:leading-[50px] font-medium -tracking-[0.5px]\">Data Centre Services for Critical Operations and Infrastructure Delivery<\/h2>\n                                                    <p class=\"gc-lede mt-[18px] max-w-[38em] text-[18px] leading-[28px] md:text-[20px] md:leading-[30px]\">Protect operations, create capacity and modernise infrastructure with specialist support built around your data centre.<\/p>\n                            <\/div>\n        \n                    \n                            <div data-animate=\"item\" class=\"gc-grid mt-9 md:mt-[52px] grid grid-cols-1 md:grid-cols-2 gap-5 md:gap-7\">\n                                                            <a                    class=\"gc-card\"\n                                            href=\"https:\/\/ocs.com\/uk\/sectors\/data-centres\/facilities-management\/\"\n                        target=\"_self\"\n                                                aria-label=\"Learn More: Data Centre Facilities Management\"\n                                    >\n                    <span class=\"gc-glow\" aria-hidden=\"true\"><\/span>\n                    <div class=\"relative flex flex-col h-full\">\n                        <span class=\"gc-index font-sans text-[14px] leading-5 font-medium tracking-[1.6px]\">01<\/span>\n\n                                                    <h3 class=\"gc-title mt-6 mb-3.5 md:mt-[30px] md:mb-4 text-[25px] leading-[32px] md:text-[28px] md:leading-[36px] font-medium -tracking-[0.4px]\">Data Centre Facilities Management<\/h3>\n                        \n                                                    <p class=\"gc-desc max-w-[30em] text-[16px] leading-[25px]\">Integrated data centre management services that protect uptime, support compliance and keep critical environments operating safely, reliably and efficiently as operational demands evolve.\r\n<\/p>\n                        \n                                                    <ul class=\"gc-points mt-6 md:mt-[30px] grid grid-cols-1 gap-px rounded-[14px] overflow-hidden\">\n                                                                    <li class=\"gc-point flex items-start gap-3.5 px-[18px] py-4 text-[16px] leading-6\">\n                                        <span class=\"gc-point-arrow flex-none\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M3 8h10M8.5 3.5 13 8l-4.5 4.5\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n                                        <span>Hard services, energy management and planned maintenance<\/span>\n                                    <\/li>\n                                                                    <li class=\"gc-point flex items-start gap-3.5 px-[18px] py-4 text-[16px] leading-6\">\n                                        <span class=\"gc-point-arrow flex-none\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M3 8h10M8.5 3.5 13 8l-4.5 4.5\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n                                        <span>Specialist cleaning, security and environmental control<\/span>\n                                    <\/li>\n                                                                    <li class=\"gc-point flex items-start gap-3.5 px-[18px] py-4 text-[16px] leading-6\">\n                                        <span class=\"gc-point-arrow flex-none\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M3 8h10M8.5 3.5 13 8l-4.5 4.5\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n                                        <span>Data-led monitoring, reporting and earlier action<\/span>\n                                    <\/li>\n                                                            <\/ul>\n                        \n                                                    <div class=\"mt-auto pt-6 md:pt-[30px]\">\n                                <span class=\"gc-cta inline-flex items-center gap-2.5 rounded-full px-7 py-[15px] text-[15px] leading-5 font-medium\">\n                                    Learn More                                    <span class=\"gc-cta-arrow inline-flex\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M3 8h10M8.5 3.5 13 8l-4.5 4.5\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n                                <\/span>\n                            <\/div>\n                                            <\/div>\n                <\/a>\n                                                                            <a                    class=\"gc-card\"\n                                            href=\"https:\/\/ocs.com\/uk\/sectors\/data-centres\/design-build-manage-maintain\/\"\n                        target=\"_self\"\n                                                aria-label=\"Learn More: Design, Build, Manage and Maintain\"\n                                    >\n                    <span class=\"gc-glow\" aria-hidden=\"true\"><\/span>\n                    <div class=\"relative flex flex-col h-full\">\n                        <span class=\"gc-index font-sans text-[14px] leading-5 font-medium tracking-[1.6px]\">02<\/span>\n\n                                                    <h3 class=\"gc-title mt-6 mb-3.5 md:mt-[30px] md:mb-4 text-[25px] leading-[32px] md:text-[28px] md:leading-[36px] font-medium -tracking-[0.4px]\">Design, Build, Manage and Maintain<\/h3>\n                        \n                                                    <p class=\"gc-desc max-w-[30em] text-[16px] leading-[25px]\">Plan, deliver and operate new or modernised data centre infrastructure with one accountable team covering design, construction, commissioning, management and maintenance.<\/p>\n                        \n                                                    <ul class=\"gc-points mt-6 md:mt-[30px] grid grid-cols-1 gap-px rounded-[14px] overflow-hidden\">\n                                                                    <li class=\"gc-point flex items-start gap-3.5 px-[18px] py-4 text-[16px] leading-6\">\n                                        <span class=\"gc-point-arrow flex-none\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M3 8h10M8.5 3.5 13 8l-4.5 4.5\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n                                        <span>Strategy, site assessment and technical design<\/span>\n                                    <\/li>\n                                                                    <li class=\"gc-point flex items-start gap-3.5 px-[18px] py-4 text-[16px] leading-6\">\n                                        <span class=\"gc-point-arrow flex-none\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M3 8h10M8.5 3.5 13 8l-4.5 4.5\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n                                        <span>Construction, installation, commissioning and handover<\/span>\n                                    <\/li>\n                                                                    <li class=\"gc-point flex items-start gap-3.5 px-[18px] py-4 text-[16px] leading-6\">\n                                        <span class=\"gc-point-arrow flex-none\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M3 8h10M8.5 3.5 13 8l-4.5 4.5\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n                                        <span>Operational management, monitoring and assured maintenance<\/span>\n                                    <\/li>\n                                                            <\/ul>\n                        \n                                                    <div class=\"mt-auto pt-6 md:pt-[30px]\">\n                                <span class=\"gc-cta inline-flex items-center gap-2.5 rounded-full px-7 py-[15px] text-[15px] leading-5 font-medium\">\n                                    Learn More                                    <span class=\"gc-cta-arrow inline-flex\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M3 8h10M8.5 3.5 13 8l-4.5 4.5\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n                                <\/span>\n                            <\/div>\n                                            <\/div>\n                <\/a>\n                                                    <\/div>\n                    \n    <\/div>\n\n    <\/section>\n\n\n    <section class=\"divider w-full h-8 md:h-16 bg-white\">\n    <\/section>\n\n\n\n            <section id=\"block_acf-block-6ac8f8b40f91d\"  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\/002d504e-5606-44ff-ae8f-d10652bf7983\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/002d504e-5606-44ff-ae8f-d10652bf7983\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/002d504e-5606-44ff-ae8f-d10652bf7983\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"A modern data center with rows of server racks enclosed in glass cabinets on both sides. The floor is reflective with a metallic mesh design, and the ceiling displays bright, evenly spaced square lights, creating a sleek, high-tech atmosphere.\" 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\">Connected Services,<p>Clear Accountability<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p data-pm-slice=\"1 1 []\">Running a critical environment should not mean coordinating a separate provider for every service. Our model connects facilities management, engineering, energy, specialist cleaning, security and data insight through one accountable team.<\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                            <div  data-animate-container=\"text\" >\n                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            One Accountable Team &#8211; Operational and infrastructure services are coordinated through one clear service model.        <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Clear Ownership &#8211; Defined responsibilities create clarity across each service, asset and operational priority.        <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Consistent Standards &#8211; Self-delivered services, defined processes and clear reporting maintain reliable performance.        <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Better Decisions &#8211; Asset, energy and performance insight guides maintenance, risk management and future investment.        <\/div>\n    <\/div>                                    <\/div>\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n    <section class=\"divider w-full h-8 md:h-16 bg-white\">\n    <\/section>\n\n\n\n    <section\n        id=\"block_acf-block-6ac8f8b40f981\"        class=\"block_best_pillars_deck relative z-10 w-full py-[64px] lg:pt-[96px] lg:pb-[128px] lg:px-[88px]\"\n        style=\"background:linear-gradient(257deg, #293771 6.25%, #281E4A 40.43%)\"\n        x-data=\"bestPillarsDeck\"\n        data-interval=\"5000\"\n        data-card-count=\"5\"\n        data-dark=\"1\">\n\n        \n        <div class=\"relative z-10 max-w-8xl mx-auto flex flex-col gap-8 lg:gap-0\">\n\n            <!-- Heading -->\n                            <div class=\"text-center flex flex-col gap-4 lg:gap-6 px-10 lg:px-0\">\n                                            <h2 class=\"font-medium text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] text-crop max-w-[882px] mx-auto\"\n                            style=\"color:#ffffff\">\n                            Ready for Increasing Demand                        <\/h2>\n                                                                <p class=\"text-xl leading-[28px] font-medium max-w-[680px] mx-auto\"\n                           style=\"color:#D0D5DD\">\n                            Uptime, power, cooling, security and energy performance shape every critical environment. Our teams help customers manage these pressures with confidence.                        <\/p>\n                                    <\/div>\n            \n            <!-- Tab row (scrollable on mobile, centred on desktop) -->\n                            <div class=\"bpn-tab-scroll flex justify-start md:justify-center overflow-x-auto md:overflow-visible pl-10 pr-10 md:px-0 lg:mt-6\"\n                     x-ref=\"tabScroll\">\n                    <div class=\"relative flex flex-row p-1.5 shrink-0\">\n\n                        <!-- Gradient used by every tab's countdown stroke -->\n                        <svg width=\"0\" height=\"0\" class=\"absolute pointer-events-none\" aria-hidden=\"true\">\n                            <defs>\n                                <linearGradient id=\"bpnGradf4e3ab32\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                    <stop offset=\"0%\"   stop-color=\"#313A6D\" stop-opacity=\"1\" \/>\n                                    <stop offset=\"100%\" stop-color=\"#FE5000\" stop-opacity=\"1\" \/>\n                                <\/linearGradient>\n                            <\/defs>\n                        <\/svg>\n\n                                                    <button\n                                x-ref=\"tab0\"\n                                @click=\"go(0)\"\n                                class=\"relative z-30 py-2 md:py-3 px-5 rounded-full transition-colors text-sm md:text-base focus:outline-none focus-visible:ring focus-visible:ring-ocs-orange whitespace-nowrap\"\n                                :style=\"current === 0 ? 'color:#FFFFFF;font-weight:500' : 'color:rgba(255,255,255,0.5);font-weight:400'\">\n\n                                <!-- Countdown: gradient ring progress (ends as a full\n                                     gradient ring) + soft head segments riding the tip. -->\n                                <svg x-show=\"current === 0\"\n                                     class=\"absolute inset-0 w-full h-full pointer-events-none\"\n                                     style=\"overflow:visible\"\n                                     aria-hidden=\"true\">\n                                    <rect class=\"bpn-stroke-rect\"\n                                          data-for=\"0\"\n                                          x=\"1\" y=\"1\"\n                                          rx=\"22\" ry=\"22\"\n                                          fill=\"none\"\n                                          stroke=\"url(#bpnGradf4e3ab32)\"\n                                          stroke-width=\"2\"\n                                          stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"0\"\n                                              data-len=\"0.55\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.06\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"0\"\n                                              data-len=\"0.45\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.06\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"0\"\n                                              data-len=\"0.36\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.07\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"0\"\n                                              data-len=\"0.28\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.08\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"0\"\n                                              data-len=\"0.21\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.09\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"0\"\n                                              data-len=\"0.15\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.11\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"0\"\n                                              data-len=\"0.1\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.13\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"0\"\n                                              data-len=\"0.06\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.16\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"0\"\n                                              data-len=\"0.03\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.2\"\n                                              stroke-linecap=\"round\" \/>\n                                                                    <\/svg>\n\n                                <span class=\"relative z-10\">Uptime and Resilience<\/span>\n                            <\/button>\n                                                    <button\n                                x-ref=\"tab1\"\n                                @click=\"go(1)\"\n                                class=\"relative z-30 py-2 md:py-3 px-5 rounded-full transition-colors text-sm md:text-base focus:outline-none focus-visible:ring focus-visible:ring-ocs-orange whitespace-nowrap\"\n                                :style=\"current === 1 ? 'color:#FFFFFF;font-weight:500' : 'color:rgba(255,255,255,0.5);font-weight:400'\">\n\n                                <!-- Countdown: gradient ring progress (ends as a full\n                                     gradient ring) + soft head segments riding the tip. -->\n                                <svg x-show=\"current === 1\"\n                                     class=\"absolute inset-0 w-full h-full pointer-events-none\"\n                                     style=\"overflow:visible\"\n                                     aria-hidden=\"true\">\n                                    <rect class=\"bpn-stroke-rect\"\n                                          data-for=\"1\"\n                                          x=\"1\" y=\"1\"\n                                          rx=\"22\" ry=\"22\"\n                                          fill=\"none\"\n                                          stroke=\"url(#bpnGradf4e3ab32)\"\n                                          stroke-width=\"2\"\n                                          stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"1\"\n                                              data-len=\"0.55\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.06\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"1\"\n                                              data-len=\"0.45\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.06\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"1\"\n                                              data-len=\"0.36\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.07\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"1\"\n                                              data-len=\"0.28\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.08\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"1\"\n                                              data-len=\"0.21\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.09\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"1\"\n                                              data-len=\"0.15\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.11\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"1\"\n                                              data-len=\"0.1\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.13\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"1\"\n                                              data-len=\"0.06\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.16\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"1\"\n                                              data-len=\"0.03\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.2\"\n                                              stroke-linecap=\"round\" \/>\n                                                                    <\/svg>\n\n                                <span class=\"relative z-10\">Power and Energy<\/span>\n                            <\/button>\n                                                    <button\n                                x-ref=\"tab2\"\n                                @click=\"go(2)\"\n                                class=\"relative z-30 py-2 md:py-3 px-5 rounded-full transition-colors text-sm md:text-base focus:outline-none focus-visible:ring focus-visible:ring-ocs-orange whitespace-nowrap\"\n                                :style=\"current === 2 ? 'color:#FFFFFF;font-weight:500' : 'color:rgba(255,255,255,0.5);font-weight:400'\">\n\n                                <!-- Countdown: gradient ring progress (ends as a full\n                                     gradient ring) + soft head segments riding the tip. -->\n                                <svg x-show=\"current === 2\"\n                                     class=\"absolute inset-0 w-full h-full pointer-events-none\"\n                                     style=\"overflow:visible\"\n                                     aria-hidden=\"true\">\n                                    <rect class=\"bpn-stroke-rect\"\n                                          data-for=\"2\"\n                                          x=\"1\" y=\"1\"\n                                          rx=\"22\" ry=\"22\"\n                                          fill=\"none\"\n                                          stroke=\"url(#bpnGradf4e3ab32)\"\n                                          stroke-width=\"2\"\n                                          stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"2\"\n                                              data-len=\"0.55\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.06\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"2\"\n                                              data-len=\"0.45\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.06\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"2\"\n                                              data-len=\"0.36\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.07\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"2\"\n                                              data-len=\"0.28\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.08\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"2\"\n                                              data-len=\"0.21\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.09\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"2\"\n                                              data-len=\"0.15\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.11\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"2\"\n                                              data-len=\"0.1\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.13\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"2\"\n                                              data-len=\"0.06\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.16\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"2\"\n                                              data-len=\"0.03\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.2\"\n                                              stroke-linecap=\"round\" \/>\n                                                                    <\/svg>\n\n                                <span class=\"relative z-10\">Environmental Control<\/span>\n                            <\/button>\n                                                    <button\n                                x-ref=\"tab3\"\n                                @click=\"go(3)\"\n                                class=\"relative z-30 py-2 md:py-3 px-5 rounded-full transition-colors text-sm md:text-base focus:outline-none focus-visible:ring focus-visible:ring-ocs-orange whitespace-nowrap\"\n                                :style=\"current === 3 ? 'color:#FFFFFF;font-weight:500' : 'color:rgba(255,255,255,0.5);font-weight:400'\">\n\n                                <!-- Countdown: gradient ring progress (ends as a full\n                                     gradient ring) + soft head segments riding the tip. -->\n                                <svg x-show=\"current === 3\"\n                                     class=\"absolute inset-0 w-full h-full pointer-events-none\"\n                                     style=\"overflow:visible\"\n                                     aria-hidden=\"true\">\n                                    <rect class=\"bpn-stroke-rect\"\n                                          data-for=\"3\"\n                                          x=\"1\" y=\"1\"\n                                          rx=\"22\" ry=\"22\"\n                                          fill=\"none\"\n                                          stroke=\"url(#bpnGradf4e3ab32)\"\n                                          stroke-width=\"2\"\n                                          stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"3\"\n                                              data-len=\"0.55\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.06\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"3\"\n                                              data-len=\"0.45\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.06\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"3\"\n                                              data-len=\"0.36\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.07\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"3\"\n                                              data-len=\"0.28\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.08\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"3\"\n                                              data-len=\"0.21\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.09\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"3\"\n                                              data-len=\"0.15\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.11\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"3\"\n                                              data-len=\"0.1\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.13\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"3\"\n                                              data-len=\"0.06\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.16\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"3\"\n                                              data-len=\"0.03\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.2\"\n                                              stroke-linecap=\"round\" \/>\n                                                                    <\/svg>\n\n                                <span class=\"relative z-10\">Security and Compliance<\/span>\n                            <\/button>\n                                                    <button\n                                x-ref=\"tab4\"\n                                @click=\"go(4)\"\n                                class=\"relative z-30 py-2 md:py-3 px-5 rounded-full transition-colors text-sm md:text-base focus:outline-none focus-visible:ring focus-visible:ring-ocs-orange whitespace-nowrap\"\n                                :style=\"current === 4 ? 'color:#FFFFFF;font-weight:500' : 'color:rgba(255,255,255,0.5);font-weight:400'\">\n\n                                <!-- Countdown: gradient ring progress (ends as a full\n                                     gradient ring) + soft head segments riding the tip. -->\n                                <svg x-show=\"current === 4\"\n                                     class=\"absolute inset-0 w-full h-full pointer-events-none\"\n                                     style=\"overflow:visible\"\n                                     aria-hidden=\"true\">\n                                    <rect class=\"bpn-stroke-rect\"\n                                          data-for=\"4\"\n                                          x=\"1\" y=\"1\"\n                                          rx=\"22\" ry=\"22\"\n                                          fill=\"none\"\n                                          stroke=\"url(#bpnGradf4e3ab32)\"\n                                          stroke-width=\"2\"\n                                          stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"4\"\n                                              data-len=\"0.55\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.06\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"4\"\n                                              data-len=\"0.45\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.06\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"4\"\n                                              data-len=\"0.36\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.07\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"4\"\n                                              data-len=\"0.28\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.08\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"4\"\n                                              data-len=\"0.21\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.09\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"4\"\n                                              data-len=\"0.15\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.11\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"4\"\n                                              data-len=\"0.1\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.13\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"4\"\n                                              data-len=\"0.06\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.16\"\n                                              stroke-linecap=\"round\" \/>\n                                                                            <rect class=\"bpn-stroke-head\"\n                                              data-for=\"4\"\n                                              data-len=\"0.03\"\n                                              x=\"1\" y=\"1\"\n                                              rx=\"22\" ry=\"22\"\n                                              fill=\"none\"\n                                              stroke=\"#FE5000\"\n                                              stroke-width=\"2\"\n                                              stroke-opacity=\"0.2\"\n                                              stroke-linecap=\"round\" \/>\n                                                                    <\/svg>\n\n                                <span class=\"relative z-10\">Sustainability<\/span>\n                            <\/button>\n                        \n                        <!-- Sliding tinted pill behind the active button -->\n                        <div class=\"absolute left-0 top-1.5 rounded-[24px] border transition-all duration-300 ease-in-out pointer-events-none\"\n                             style=\"background-color:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.10)\"\n                             :style=\"'width:' + markerWidth + ';height:' + markerHeight + ';transform:' + markerTransform + ';background-color:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.10)'\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            \n            <!-- Slider \u2014 the slides themselves form the deck; non-active cards\n                 show only as faint shadow shapes (content hidden) until active.\n                 lg margin = 56px gap to the topmost shadow + ~50px the deck\n                 shadows peek above the active card. -->\n            <div class=\"splide bpn-splide w-full lg:mt-[106px] lg:max-w-[1220px] lg:mx-auto\" x-ref=\"slider\" x-cloak>\n                <div class=\"splide__track\">\n                    <ul class=\"splide__list\">\n                                                    <li class=\"splide__slide\">\n                                <div class=\"bpn-card bg-white rounded-[32px] overflow-hidden p-4 border lg:border-0\"\n                                     style=\"box-shadow:0 24px 60px -12px rgba(0,0,0,0.55);border-color:rgba(16,24,40,0.10)\">\n\n                                    <div class=\"bpn-card-content flex flex-col lg:flex-row\">\n\n                                        <!-- Image -->\n                                                                                    <div class=\"relative w-full lg:w-1\/2 flex-shrink-0 aspect-video lg:aspect-auto lg:min-h-[460px] rounded-2xl overflow-hidden\">\n                                                <picture>\n                                                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Colleague-5-Square-768x768.jpg\" media=\"(max-width: 640px)\">\n                                                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Colleague-5-Square-1024x1024.jpg\">\n                                                    <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Colleague-5-Square-1024x1024.jpg\"\n                                                         alt=\"A person wearing a white hard hat and blue shirt uses a tablet whilst standing in front of server racks in a computer server room.\"\n                                                         class=\"absolute inset-0 w-full h-full object-cover\" \/>\n                                                <\/picture>\n                                            <\/div>\n                                        \n                                        <!-- Content -->\n                                        <div class=\"flex flex-col gap-4 lg:gap-6 pt-6 lg:p-10 lg:w-1\/2 lg:justify-center\">\n                                                                                            <h3 class=\"text-ocs-gray-nav font-medium text-[24px] lg:text-[32px] leading-[32px] lg:leading-[40px] text-crop\">\n                                                    Uptime and Resilience                                                <\/h3>\n                                            \n                                                                                                                                            <!-- On mobile only the intro (first element) shows until\n                                                     \"Read more\" is tapped; the rest slides open with\n                                                     x-collapse like the FAQ accordion. On the desktop deck\n                                                     (isDeck) the condition is always true, so the rest is\n                                                     never hidden there. -->\n                                                <div class=\"bpn-desc text-ocs-blue-navy prose max-w-none\">\n                                                    <p data-pm-slice=\"1 1 []\">Critical systems need planned protection, clear ownership and a rapid response. Our teams identify operational risk, maintain essential assets and coordinate activity around the demands of live environments.<\/p>                                                                                                            <div id=\"bpnGradf4e3ab32-more-0\"\n                                                             class=\"bpn-desc-more\"\n                                                             x-show=\"isDeck || expanded === 0\"\n                                                             x-collapse>\n                                                            \n<p>Planned maintenance, asset condition insight, monitoring and clear response procedures help reduce disruption and support continuity when downtime is not an option. Every decision reflects asset criticality, site requirements and the need to protect customers, equipment and infrastructure.<\/p>\n                                                        <\/div>\n                                                                                                    <\/div>\n\n                                                                                                <!-- Read more \/ Show less (mobile only). Plain text link;\n                                                     44px tall for a comfortable tap target. -->\n                                                <div class=\"lg:hidden\">\n                                                    <button type=\"button\"\n                                                            @click=\"toggleCard(0)\"\n                                                            :aria-expanded=\"expanded === 0 ? 'true' : 'false'\"\n                                                            aria-controls=\"bpnGradf4e3ab32-more-0\"\n                                                            class=\"bpn-more inline-flex items-center min-h-[44px] -my-2 px-1 -mx-1 text-ocs-orange font-semibold text-[15px] underline underline-offset-4 decoration-ocs-orange\/40 hover:decoration-ocs-orange transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-ocs-orange rounded\">\n                                                        <span x-text=\"expanded === 0 ? 'Show less' : 'Read more'\">Read more<\/span>\n                                                    <\/button>\n                                                <\/div>\n                                                                                            \n                                                                                                                                <\/div>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n                                                    <li class=\"splide__slide\">\n                                <div class=\"bpn-card bg-white rounded-[32px] overflow-hidden p-4 border lg:border-0\"\n                                     style=\"box-shadow:0 24px 60px -12px rgba(0,0,0,0.55);border-color:rgba(16,24,40,0.10)\">\n\n                                    <div class=\"bpn-card-content flex flex-col lg:flex-row\">\n\n                                        <!-- Image -->\n                                                                                    <div class=\"relative w-full lg:w-1\/2 flex-shrink-0 aspect-video lg:aspect-auto lg:min-h-[460px] rounded-2xl overflow-hidden\">\n                                                <picture>\n                                                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/Data-Centre-HVAC-768x768.jpg\" media=\"(max-width: 640px)\">\n                                                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/Data-Centre-HVAC.jpg\">\n                                                    <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/Data-Centre-HVAC.jpg\"\n                                                         alt=\"Aerial view of an industrial facility with rows of large fans, storage tanks, pipes, and buildings, possibly related to energy or data processing.\"\n                                                         class=\"absolute inset-0 w-full h-full object-cover\" \/>\n                                                <\/picture>\n                                            <\/div>\n                                        \n                                        <!-- Content -->\n                                        <div class=\"flex flex-col gap-4 lg:gap-6 pt-6 lg:p-10 lg:w-1\/2 lg:justify-center\">\n                                                                                            <h3 class=\"text-ocs-gray-nav font-medium text-[24px] lg:text-[32px] leading-[32px] lg:leading-[40px] text-crop\">\n                                                    Power and Energy                                                <\/h3>\n                                            \n                                                                                                                                            <!-- On mobile only the intro (first element) shows until\n                                                     \"Read more\" is tapped; the rest slides open with\n                                                     x-collapse like the FAQ accordion. On the desktop deck\n                                                     (isDeck) the condition is always true, so the rest is\n                                                     never hidden there. -->\n                                                <div class=\"bpn-desc text-ocs-blue-navy prose max-w-none\">\n                                                    <p data-pm-slice=\"1 1 []\">Growing capacity and artificial intelligence workloads are placing greater pressure on power availability, operating costs and long term resilience.<\/p>                                                                                                            <div id=\"bpnGradf4e3ab32-more-1\"\n                                                             class=\"bpn-desc-more\"\n                                                             x-show=\"isDeck || expanded === 1\"\n                                                             x-collapse>\n                                                            \n<p>Our energy specialists use audits, system profiling and ongoing monitoring to help customers understand consumption and identify practical improvements. Accurate data and operational insight support better planning, improved Power Usage Effectiveness and informed investment decisions without compromising uptime or reliability.<\/p>\n                                                        <\/div>\n                                                                                                    <\/div>\n\n                                                                                                <!-- Read more \/ Show less (mobile only). Plain text link;\n                                                     44px tall for a comfortable tap target. -->\n                                                <div class=\"lg:hidden\">\n                                                    <button type=\"button\"\n                                                            @click=\"toggleCard(1)\"\n                                                            :aria-expanded=\"expanded === 1 ? 'true' : 'false'\"\n                                                            aria-controls=\"bpnGradf4e3ab32-more-1\"\n                                                            class=\"bpn-more inline-flex items-center min-h-[44px] -my-2 px-1 -mx-1 text-ocs-orange font-semibold text-[15px] underline underline-offset-4 decoration-ocs-orange\/40 hover:decoration-ocs-orange transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-ocs-orange rounded\">\n                                                        <span x-text=\"expanded === 1 ? 'Show less' : 'Read more'\">Read more<\/span>\n                                                    <\/button>\n                                                <\/div>\n                                                                                            \n                                                                                                                                <\/div>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n                                                    <li class=\"splide__slide\">\n                                <div class=\"bpn-card bg-white rounded-[32px] overflow-hidden p-4 border lg:border-0\"\n                                     style=\"box-shadow:0 24px 60px -12px rgba(0,0,0,0.55);border-color:rgba(16,24,40,0.10)\">\n\n                                    <div class=\"bpn-card-content flex flex-col lg:flex-row\">\n\n                                        <!-- Image -->\n                                                                                    <div class=\"relative w-full lg:w-1\/2 flex-shrink-0 aspect-video lg:aspect-auto lg:min-h-[460px] rounded-2xl overflow-hidden\">\n                                                <picture>\n                                                    <source srcset=\"https:\/\/ucarecdn.com\/cbd98e34-e31f-45f6-ab99-bdfa9693887f\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\">\n                                                    <source srcset=\"https:\/\/ucarecdn.com\/cbd98e34-e31f-45f6-ab99-bdfa9693887f\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/cbd98e34-e31f-45f6-ab99-bdfa9693887f\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\"\n                                                         alt=\"Close-up view of six cooling fans mounted vertically inside a server rack, with cables attached, used for cooling computer or mining equipment; orange light glows from the top corner.\"\n                                                         class=\"absolute inset-0 w-full h-full object-cover\" \/>\n                                                <\/picture>\n                                            <\/div>\n                                        \n                                        <!-- Content -->\n                                        <div class=\"flex flex-col gap-4 lg:gap-6 pt-6 lg:p-10 lg:w-1\/2 lg:justify-center\">\n                                                                                            <h3 class=\"text-ocs-gray-nav font-medium text-[24px] lg:text-[32px] leading-[32px] lg:leading-[40px] text-crop\">\n                                                    Cooling and Environmental Control                                                <\/h3>\n                                            \n                                                                                                                                            <!-- On mobile only the intro (first element) shows until\n                                                     \"Read more\" is tapped; the rest slides open with\n                                                     x-collapse like the FAQ accordion. On the desktop deck\n                                                     (isDeck) the condition is always true, so the rest is\n                                                     never hidden there. -->\n                                                <div class=\"bpn-desc text-ocs-blue-navy prose max-w-none\">\n                                                    <p data-pm-slice=\"1 1 []\">Higher density environments place greater demands on cooling, airflow and environmental stability. Specialist engineering, monitoring and technical cleaning help maintain the conditions required across white space and supporting technical areas.<\/p>                                                                                                            <div id=\"bpnGradf4e3ab32-more-2\"\n                                                             class=\"bpn-desc-more\"\n                                                             x-show=\"isDeck || expanded === 2\"\n                                                             x-collapse>\n                                                            \n<p>Asset insight and operational data help our teams identify changes early, improve system performance and prepare cooling infrastructure for future capacity and changing rack densities.<\/p>\n                                                        <\/div>\n                                                                                                    <\/div>\n\n                                                                                                <!-- Read more \/ Show less (mobile only). Plain text link;\n                                                     44px tall for a comfortable tap target. -->\n                                                <div class=\"lg:hidden\">\n                                                    <button type=\"button\"\n                                                            @click=\"toggleCard(2)\"\n                                                            :aria-expanded=\"expanded === 2 ? 'true' : 'false'\"\n                                                            aria-controls=\"bpnGradf4e3ab32-more-2\"\n                                                            class=\"bpn-more inline-flex items-center min-h-[44px] -my-2 px-1 -mx-1 text-ocs-orange font-semibold text-[15px] underline underline-offset-4 decoration-ocs-orange\/40 hover:decoration-ocs-orange transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-ocs-orange rounded\">\n                                                        <span x-text=\"expanded === 2 ? 'Show less' : 'Read more'\">Read more<\/span>\n                                                    <\/button>\n                                                <\/div>\n                                                                                            \n                                                                                                                                <\/div>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n                                                    <li class=\"splide__slide\">\n                                <div class=\"bpn-card bg-white rounded-[32px] overflow-hidden p-4 border lg:border-0\"\n                                     style=\"box-shadow:0 24px 60px -12px rgba(0,0,0,0.55);border-color:rgba(16,24,40,0.10)\">\n\n                                    <div class=\"bpn-card-content flex flex-col lg:flex-row\">\n\n                                        <!-- Image -->\n                                                                                    <div class=\"relative w-full lg:w-1\/2 flex-shrink-0 aspect-video lg:aspect-auto lg:min-h-[460px] rounded-2xl overflow-hidden\">\n                                                <picture>\n                                                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Security-Colleague-768x768.jpg\" media=\"(max-width: 640px)\">\n                                                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Security-Colleague-1024x1024.jpg\">\n                                                    <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Security-Colleague-1024x1024.jpg\"\n                                                         alt=\"A man with dark hair and a beard wears a navy OCS shirt and orange lanyard, smiling in front of multiple security monitors displaying CCTV footage.\"\n                                                         class=\"absolute inset-0 w-full h-full object-cover\" \/>\n                                                <\/picture>\n                                            <\/div>\n                                        \n                                        <!-- Content -->\n                                        <div class=\"flex flex-col gap-4 lg:gap-6 pt-6 lg:p-10 lg:w-1\/2 lg:justify-center\">\n                                                                                            <h3 class=\"text-ocs-gray-nav font-medium text-[24px] lg:text-[32px] leading-[32px] lg:leading-[40px] text-crop\">\n                                                    Security and Compliance                                                <\/h3>\n                                            \n                                                                                                                                            <!-- On mobile only the intro (first element) shows until\n                                                     \"Read more\" is tapped; the rest slides open with\n                                                     x-collapse like the FAQ accordion. On the desktop deck\n                                                     (isDeck) the condition is always true, so the rest is\n                                                     never hidden there. -->\n                                                <div class=\"bpn-desc text-ocs-blue-navy prose max-w-none\">\n                                                    <p data-pm-slice=\"1 1 []\">Controlled access, safe systems of work and clear audit trails are essential in critical environments. Our security colleagues work alongside operational teams to protect people, assets and infrastructure.<\/p>                                                                                                            <div id=\"bpnGradf4e3ab32-more-3\"\n                                                             class=\"bpn-desc-more\"\n                                                             x-show=\"isDeck || expanded === 3\"\n                                                             x-collapse>\n                                                            \n<p>Visible presence, access control, documented procedures and consistent reporting support site compliance and audit readiness. Clear responsibilities also help teams respond effectively when risks or operational requirements change.<\/p>\n                                                        <\/div>\n                                                                                                    <\/div>\n\n                                                                                                <!-- Read more \/ Show less (mobile only). Plain text link;\n                                                     44px tall for a comfortable tap target. -->\n                                                <div class=\"lg:hidden\">\n                                                    <button type=\"button\"\n                                                            @click=\"toggleCard(3)\"\n                                                            :aria-expanded=\"expanded === 3 ? 'true' : 'false'\"\n                                                            aria-controls=\"bpnGradf4e3ab32-more-3\"\n                                                            class=\"bpn-more inline-flex items-center min-h-[44px] -my-2 px-1 -mx-1 text-ocs-orange font-semibold text-[15px] underline underline-offset-4 decoration-ocs-orange\/40 hover:decoration-ocs-orange transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-ocs-orange rounded\">\n                                                        <span x-text=\"expanded === 3 ? 'Show less' : 'Read more'\">Read more<\/span>\n                                                    <\/button>\n                                                <\/div>\n                                                                                            \n                                                                                                                                <\/div>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n                                                    <li class=\"splide__slide\">\n                                <div class=\"bpn-card bg-white rounded-[32px] overflow-hidden p-4 border lg:border-0\"\n                                     style=\"box-shadow:0 24px 60px -12px rgba(0,0,0,0.55);border-color:rgba(16,24,40,0.10)\">\n\n                                    <div class=\"bpn-card-content flex flex-col lg:flex-row\">\n\n                                        <!-- Image -->\n                                                                                    <div class=\"relative w-full lg:w-1\/2 flex-shrink-0 aspect-video lg:aspect-auto lg:min-h-[460px] rounded-2xl overflow-hidden\">\n                                                <picture>\n                                                    <source srcset=\"https:\/\/ucarecdn.com\/7112211a-5aa4-460e-a509-9f65da5a2047\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\">\n                                                    <source srcset=\"https:\/\/ucarecdn.com\/7112211a-5aa4-460e-a509-9f65da5a2047\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/7112211a-5aa4-460e-a509-9f65da5a2047\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\"\n                                                         alt=\"Aerial view of a large rectangular building with a roof covered in solar panels, surrounded by a paved road and green grass. HVAC units are visible on a platform next to the building.\"\n                                                         class=\"absolute inset-0 w-full h-full object-cover\" \/>\n                                                <\/picture>\n                                            <\/div>\n                                        \n                                        <!-- Content -->\n                                        <div class=\"flex flex-col gap-4 lg:gap-6 pt-6 lg:p-10 lg:w-1\/2 lg:justify-center\">\n                                                                                            <h3 class=\"text-ocs-gray-nav font-medium text-[24px] lg:text-[32px] leading-[32px] lg:leading-[40px] text-crop\">\n                                                    Sustainability and Power Usage Effectiveness                                                <\/h3>\n                                            \n                                                                                                                                            <!-- On mobile only the intro (first element) shows until\n                                                     \"Read more\" is tapped; the rest slides open with\n                                                     x-collapse like the FAQ accordion. On the desktop deck\n                                                     (isDeck) the condition is always true, so the rest is\n                                                     never hidden there. -->\n                                                <div class=\"bpn-desc text-ocs-blue-navy prose max-w-none\">\n                                                    <p data-pm-slice=\"1 1 []\">Improving energy performance starts with accurate data, well maintained assets and practical action. Our energy specialists use audits, monitoring and operational insight to show where energy is used and where improvements can be made.<\/p>                                                                                                            <div id=\"bpnGradf4e3ab32-more-4\"\n                                                             class=\"bpn-desc-more\"\n                                                             x-show=\"isDeck || expanded === 4\"\n                                                             x-collapse>\n                                                            \n<p>Power Usage Effectiveness reviews, asset optimisation, efficient cooling and carbon reduction planning help customers manage operating costs and improve environmental performance while protecting reliability and uptime.<\/p>\n                                                        <\/div>\n                                                                                                    <\/div>\n\n                                                                                                <!-- Read more \/ Show less (mobile only). Plain text link;\n                                                     44px tall for a comfortable tap target. -->\n                                                <div class=\"lg:hidden\">\n                                                    <button type=\"button\"\n                                                            @click=\"toggleCard(4)\"\n                                                            :aria-expanded=\"expanded === 4 ? 'true' : 'false'\"\n                                                            aria-controls=\"bpnGradf4e3ab32-more-4\"\n                                                            class=\"bpn-more inline-flex items-center min-h-[44px] -my-2 px-1 -mx-1 text-ocs-orange font-semibold text-[15px] underline underline-offset-4 decoration-ocs-orange\/40 hover:decoration-ocs-orange transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-ocs-orange rounded\">\n                                                        <span x-text=\"expanded === 4 ? 'Show less' : 'Read more'\">Read more<\/span>\n                                                    <\/button>\n                                                <\/div>\n                                                                                            \n                                                                                                                                <\/div>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n                                            <\/ul>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <style>\n        \/* Hide the scrollbar on the mobile tab strip. *\/\n        .block_best_pillars_deck .bpn-tab-scroll { scrollbar-width: none; -ms-overflow-style: none; }\n        .block_best_pillars_deck .bpn-tab-scroll::-webkit-scrollbar { display: none; }\n\n        \/* Hide the slider until Alpine boots, so the un-mounted card stack\n           doesn't flash. We hide with opacity (not the global x-cloak\n           display:none) so the element keeps its layout and Splide can still\n           measure its width correctly on mount. *\/\n        .block_best_pillars_deck .bpn-splide[x-cloak] { display: block !important; opacity: 0; }\n\n        \/* Decorative dot wave (toggle) \u2014 a single wave.svg in the lower-left.\n           It fills its wrapper width; colour comes from the text-colour class\n           (currentColor): orange\/10% on light, white\/10% on navy. *\/\n        .block_best_pillars_deck .bpn-dots svg {\n            width: 100%;\n            height: auto;\n            display: block;\n        }\n\n        \/* Mobile = centred card carousel (prev\/next peek via Splide padding\/gap),\n           no drop shadow. Neighbours sit slightly smaller and faded, and scale\n           up to full as they become the active slide. *\/\n        @media (max-width: 1023px) {\n            .block_best_pillars_deck .bpn-card { box-shadow: none !important; }\n\n            \/* Collapsed card: the intro paragraph carries no bottom margin so\n               the \"Read more\" button sits at the normal gap below it. The gap\n               between intro and the revealed text is padding on the wrapper\n               (not a child margin), so nothing collapses through the wrapper\n               and the x-collapse animation lands on its final height without\n               a jump at the end. *\/\n            .block_best_pillars_deck .bpn-desc > :first-child { margin-bottom: 0; }\n            .block_best_pillars_deck .bpn-desc-more { padding-top: 1.25em; }\n            .block_best_pillars_deck .bpn-desc-more > :first-child { margin-top: 0; }\n            .block_best_pillars_deck .bpn-desc-more > :last-child { margin-bottom: 0; }\n            .block_best_pillars_deck .bpn-splide .splide__slide {\n                transform: scale(0.92);\n                transform-origin: center center;\n                opacity: 0.45;\n                transition: transform .4s ease, opacity .4s ease;\n                \/* Promote each slide to its own GPU layer so dragging the list\n                   just moves layers instead of repainting (prevents flicker). *\/\n                will-change: transform;\n                backface-visibility: hidden;\n            }\n            .block_best_pillars_deck .bpn-splide .splide__slide.is-active {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        \/* Desktop only: the cards form a stacked deck. On mobile it's a plain\n           one-card carousel, so none of this deck styling should apply. *\/\n        @media (min-width: 1024px) {\n            \/* Safety net: the description is never collapsed on desktop. The\n               x-show condition already includes isDeck; this also clears any\n               inline height\/overflow x-collapse left behind after a resize\n               across the breakpoint. *\/\n            .block_best_pillars_deck .bpn-desc-more {\n                display: block !important;\n                height: auto !important;\n                overflow: visible !important;\n            }\n            \/* Fade mode never slides horizontally, so let the card shadows spill\n               out of the track instead of being clipped. *\/\n            .block_best_pillars_deck .bpn-splide .splide__track { overflow: visible; }\n\n            \/* The deck animates transform + opacity as cards move between\n               positions; Splide only transitions opacity in fade mode. *\/\n            .block_best_pillars_deck .bpn-splide .splide__slide {\n                transition: transform .55s cubic-bezier(.4, 0, .2, 1), opacity .55s ease !important;\n                transform-origin: center top;\n                will-change: transform, opacity;\n            }\n\n            \/* Card fill shifts colour as it moves into \/ out of the deck (navy). *\/\n            .block_best_pillars_deck .bpn-card {\n                transition: background-color .55s ease;\n            }\n\n            \/* On navy the behind cards are the coloured shadow shapes themselves,\n               so they carry no drop shadow \u2014 only the active card does. *\/\n            .block_best_pillars_deck[data-dark=\"1\"] .bpn-splide .splide__slide:not(.is-active) .bpn-card {\n                box-shadow: none !important;\n            }\n\n            \/* Behind cards show only as shadow shapes \u2014 hide their content until\n               the card becomes active, then fade it in. *\/\n            .block_best_pillars_deck .bpn-splide .splide__slide .bpn-card-content {\n                opacity: 0;\n                transition: opacity .45s ease;\n            }\n            .block_best_pillars_deck .bpn-splide .splide__slide.is-active .bpn-card-content {\n                opacity: 1;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) and (min-width: 1024px) {\n            .block_best_pillars_deck .bpn-splide .splide__slide { transition: opacity .2s ease !important; }\n        }\n    <\/style>\n\n\n\n    <section class=\"divider w-full h-8 md:h-16 bg-white\">\n    <\/section>\n\n\n    <section id=\"block_acf-block-6ac8f8b40f9c2\"  data-animate-container=\"waterfall\"  class=\"py-6 md:py-16 flex flex-col items-center gap-8 xl:gap-12  \">\n        <div data-animate=\"item\"  data-animate-container=\"text\"  class=\"max-w-8xl w-full mx-auto px-4 md:px-12 lg:px-[88px] flex flex-col items-center text-center gap-6 lg:gap-8\">\n                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-3xl md:text-4xl leading-[38px] md:leading-[44px] -tracking-[0.5px]\">\n                    Proven, Trusted, Accredited                <\/h2>\n                                        <p data-animate=\"prose\" class=\"text-ocs-blue-navy text-xl leading-[26px] max-w-2xl\">\n                    Our accredited teams work across critical data centre environments, combining specialist training, proven standards and disciplined processes to protect safety, compliance and operational performance.                <\/p>\n                                <\/div>\n\n                    <div class=\"w-full relative\">\n                <div\n                    class=\"absolute z-10 inset-y-0 left-0 w-16 md:w-24 backdrop-blur-[2px] from-white via-white\/60 to-transparent bg-gradient-to-r from-0% via-50% to-100% pointer-events-none [mask-image:linear-gradient(to_right,black,transparent)]\">\n                <\/div>\n\n                <div  data-animate=\"slider-row\"  class=\"splide logos-tickertape-slider w-full\">\n                    <div class=\"relative splide__track\">\n                        <ul class=\"splide__list\">\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/CDCP-\u2013-Certified-Data-Centre-Professional-300x208.jpg\" alt=\"CDCP \u2013 Certified Data Centre Professional logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/Construction-Industry-Training-Board-CITB-\u2013-Registered-300x208.jpg\" alt=\"Construction Industry Training Board (CITB) \u2013 Registered logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/c2110f53-74b7-4957-9bcd-4d140db06084\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"DCCS \u2013 Data Centre Cleaning Specialist (Capitoline) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/FIRAS-\u2013-Third-Party-Certification-for-Passive-Fire-Protection-300x208.jpg\" alt=\"FIRAS \u2013 Third-Party Certification for Passive Fire Protection logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/Fire-Protection-Association-FPA-\u2013-Member-300x208.jpg\" alt=\"Fire Protection Association (FPA) \u2013 Member logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/24cdcca0-d94a-4bc6-8466-8554d4cf7642\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"ISO 14644-1 Class 8 \u2013 Cleanroom Air Cleanliness logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/ca9ab858-f4aa-478a-8146-73172a30e18e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"ISO 20000-1 \u2013 IT Service Management logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/90cee164-ca2f-4b2a-94b3-f2e250c66853\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"ISO 41001 \u2013 Facility Management Systems logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/National-Fire-Protection-Association-NFPA-\u2013-Member-300x208.jpg\" alt=\"National Fire Protection Association (NFPA) \u2013 Member logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Mindful-Employer-300x208.png\" alt=\"Mindful Employer logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/matrix-Standard-\u2013-Quality-Standard-for-Information-Advice-and-Guidance-300x208.png\" alt=\"matrix Standard \u2013 Quality Standard for Information, Advice and Guidance logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/ProTrainings.eu-\u2013-Approved-Centre-300x300.png\" alt=\"ProTrainings.eu \u2013 Approved Centre logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/NCFE-\u2013-Approved-Centre-300x208.png\" alt=\"NCFE \u2013 Approved Centre logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Highfield-Qualifications-\u2013-Approved-Centre-300x208.png\" alt=\"Highfield Qualifications \u2013 Approved Centre logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/ILM-\u2013-Approved-Centre-Institute-of-Leadership-Management-300x300.png\" alt=\"ILM \u2013 Approved Centre (Institute of Leadership &amp; Management) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/IOSH-Approved-Training-Provider-300x208.png\" alt=\"IOSH \u2013 Approved Training Provider logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/RoSPA-\u2013-Royal-Society-for-the-Prevention-of-Accidents-300x208.png\" alt=\"RoSPA \u2013 Royal Society for the Prevention of Accidents logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Community-Safety-Scheme-\u2013-Accredited-300x300.png\" alt=\"Community Safety Scheme \u2013 Accredited logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Action-Counters-Terrorism-ACT-\u2013-Awareness-300x208.png\" alt=\"Action Counters Terrorism (ACT) \u2013 Awareness logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/UK-ASEAN-Business-Council-\u2013-Member-300x208.png\" alt=\"UK-ASEAN Business Council \u2013 Member logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Cleaning-Support-Services-Association-CSSA-300x208.png\" alt=\"Cleaning &amp; Support Services Association (CSSA) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/ISSA-\u2013-Worldwide-Cleaning-Industry-Association-Member-300x208.png\" alt=\"ISSA \u2013 Worldwide Cleaning Industry Association Member logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Fibreoptic-Industry-Association-FIA-300x208.png\" alt=\"Fibreoptic Industry Association (FIA) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Fire-Industry-Association-FIA-300x208.png\" alt=\"Fire Industry Association (FIA) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Building-Services-Research-and-Information-Association-BSRIA-300x208.png\" alt=\"Building Services Research and Information Association (BSRIA) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Business-Services-Association-BSA-300x208.png\" alt=\"Business Services Association (BSA) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/3d948176-51b2-4c36-b899-bb9c74e9961f\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"CDP \u2013 Carbon Disclosure Project Discloser logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/c9e1183b-c8c3-4dd8-9437-27d5b6c7f38b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Pledge to Net Zero logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Baton-of-Hope-300x300.png\" alt=\"Baton of Hope \u2013 Supporter logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Living-Wage-Recognised-Service-Provider-300x300.png\" alt=\"Living Wage Foundation \u2013 Recognised Service Provider logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Armed-Forces-Covenant-\u2013-Proudly-Supporting-Those-Who-Serve-300x300.png\" alt=\"Armed Forces Covenant \u2013 Proudly Supporting Those Who Serve logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/ef9eac2f-0750-4faa-9471-a374ffc7c4eb\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Menopause Friendly \u2013 Accredited Employer logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/National-Autistic-Society-300x208.png\" alt=\"National Autistic Society \u2013 Autism Friendly Employer logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/LGBT-Corporate-Member-1-300x300.png\" alt=\"LGBT+ Corporate Member logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Slave-Free-Alliance-300x208.png\" alt=\"Slave-Free Alliance logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Race-at-Work-Charter-300x300.png\" alt=\"Race at Work Charter logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Scottish-and-Northern-Ireland-Plumbing-Employers-Federation-SNIPEF-300x208.png\" alt=\"Scottish and Northern Ireland Plumbing Employers&#039; Federation (SNIPEF) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/SIA-Approved-Contractor-Scheme-ACS-300x208.png\" alt=\"SIA Approved Contractor Scheme (ACS) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/SMAS-Worksafe-SSIP-300x208.png\" alt=\"SMAS Worksafe (SSIP) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/SIA-Approved-Contractor-Scheme-ACS-\u2013-Pacesetters-Award-300x208.png\" alt=\"SIA Approved Contractor Scheme (ACS) \u2013 Pacesetters Award logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/SFG20-Planned-Maintenance-Standard-300x208.png\" alt=\"SFG20 Planned Maintenance Standard logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/SELECT-\u2013-Electrical-Contractors-Association-of-Scotland-300x208.png\" alt=\"SELECT \u2013 Electrical Contractors&#039; Association of Scotland logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/f20b4e74-4cb5-493a-95e3-20ea814d0f46\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"SafeContractor logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/RESET-Air-Quality-Standard-300x300.png\" alt=\"RESET Air Quality Standard logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/REFCOM-Registered-\u2013-F-Gas-300x208.png\" alt=\"REFCOM Registered \u2013 F-Gas logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Renewable-Energy-Consumer-Code-RECC-300x208.png\" alt=\"Renewable Energy Consumer Code (RECC) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/c8a50fe3-21a6-41ab-8637-24e5fca57f5c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Oil Firing Technical Association (OFTEC) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/National-Security-Inspectorate-NSI-\u2013-Fire-Gold-300x300.jpg\" alt=\"National Security Inspectorate (NSI) \u2013 Fire Gold logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/49cbba79-88ce-4b81-b4cc-58781d97eac4\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"NICEIC Approved Contractor logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/MCS-Microgeneration-Certification-Scheme-300x208.png\" alt=\"MCS (Microgeneration Certification Scheme) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Legionella-Control-Association-LCA-300x208.png\" alt=\"Legionella Control Association (LCA) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Joint-Industry-Board-JIB-\u2013-Electrical-Contracting-300x208.png\" alt=\"Joint Industry Board (JIB) \u2013 Electrical Contracting logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/038529ba-7175-41c0-bbd9-2ce70bc82f3a\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Institute of Workplace and Facilities Management (IWFM) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/282f4c65-7809-481a-b9b6-10b28e945123\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"ISO 50001 \u2013 Energy Management logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/df8cd131-d9b4-47bd-9bf9-162b1c865357\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"ISO 45001 \u2013 Health &amp; Safety Management logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/8d48a64f-3de6-4a44-976e-dbbf9dae04c0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"ISO 27001 \u2013 Information Security logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/d7da8544-12a6-400a-841a-47b7f05e57f8\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"ISO 22301 \u2013 Business Continuity logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/47c660fb-25bd-473d-aed1-81b1c06c8834\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"ISO 14001 \u2013 Environmental Management logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/8f7c8b26-aacb-49b7-a31f-81e4198161d2\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Industrial Rope Access Trade Association (IRATA) \u2013 Operator logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Gangmasters-and-Labour-Abuse-Authority-GLAA-Licence-300x208.png\" alt=\"Gangmasters and Labour Abuse Authority (GLAA) Licence logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/GasSafe-1080x1080-rounded-300x300.jpg\" alt=\"Gas Safe Register logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Federation-of-Window-Cleaners-FWC-300x300.png\" alt=\"Federation of Window Cleaners (FWC) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Facilitiesline-Gold-membership-logo-1-300x214.jpg\" alt=\"Facilitiesline Gold logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/b0ab8073-6bc2-4dd2-88be-dbc19c6578be\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"EcoVadis logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/d5fd961c-0ea4-4a1a-a2db-f726d35c7e15\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Disability Confident Employer logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/cyber-essentials-plus-300x300.png\" alt=\"Cyber Essentials Plus logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Constructionline-Gold-D.I.-22.03.2024-1-300x208.png\" alt=\"Constructionline Gold logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/CIPS-Professional-ethics-265x300.jpg\" alt=\"Chartered Institute of Procurement &amp; Supply (CIPS) \u2013 Corporate Ethical Procurement logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/bbe7186b-a995-4511-a8b6-3dea0eb86108\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Contractors Health and Safety Assessment Scheme (CHAS) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Builders-Profile-300x208.png\" alt=\"Builders Profile logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/British-Security-Industry-Association-BSIA-300x208.png\" alt=\"British Security Industry Association (BSIA) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Achilles-UVDB-\u2013-Silver-copy-300x208.png\" alt=\"British Institute of Cleaning Science (BICSc) \u2013 Corporate Membership logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Building-Engineering-Services-Association-BESA-2-300x300.jpg\" alt=\"Building Engineering Services Association (BESA) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/British-Automatic-Fire-Sprinkler-Association-BAFSA-300x174.jpg\" alt=\"British Automatic Fire Sprinkler Association (BAFSA) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a href=\"https:\/\/bafe.my.salesforce-sites.com\/wb\/wbCompanySearch\" class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible  hover:scale-105 transition ease-in duration-150 \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/BAFE-SP203-1-\u2013-Life-Safety-Fire-Risk-Assessment-298x300.jpg\" alt=\"BAFE SP203-1 \u2013 Life Safety Fire Risk Assessment logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Avetta-SSIP.jpg\" alt=\"Avetta SSIP logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/CarbonReduce-Certified-Badge-2024-300x300.png\" alt=\"Achilles Carbon Reduce logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Achilles-audited-web-300x170.jpg\" alt=\"Achilles Building Confidence \u2013 Audit logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/BuildingConfidence-Stamp-Gold-CAS-300x208.jpg\" alt=\"Achilles Building Confidence (CAS) \u2013 Gold logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/AcclaimAccred-new-300x102.png\" alt=\"Acclaim - Once For All SSIP logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n\n                <div\n                    class=\"absolute z-10 inset-y-0 right-0 w-16 md:w-24 backdrop-blur-[2px] from-white via-white\/60 to-transparent bg-gradient-to-l from-0% via-50% to-100% pointer-events-none [mask-image:linear-gradient(to_left,black,transparent)]\">\n                <\/div>\n            <\/div>\n            <\/section>\n\n\n\n    <section class=\"divider w-full h-8 md:h-16 bg-white\">\n    <\/section>\n\n\n\n    <section id=\"block_acf-block-6ac8f8b40f9e2\"  data-animate-container=\"waterfall\"  class=\"block-dynamic-homepage-blog-section max-w-8xl mx-auto  splide \">\n        <div data-animate=\"item\" class=\"relative py-6 md:py-[72px] flex flex-col gap-12 md:gap-16 rounded-[32px] bg-white\">\n                            <div data-animate-container=\"text\"  class=\"px-6 flex flex-col items-center justify-center gap-2 lg:gap-3 w-full sm:max-w-[672px] lg:max-w-[768px] mx-auto\">\n                                            <h2 data-animate=\"heading\" class=\"text-crop text-center text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Performance Insights<\/h2>\n                                                                <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy font-medium text-[22px] leading-[30px]\">Stories, expertise, and innovations from the teams powering performance every day.<\/p>\n                                                        <\/div>\n            \n                            <div class=\"relative\">\n                    <div data-animate=\"item\" class=\"splide__track\">\n                        <ul class=\"splide__list gap-4 md:gap-8\">\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/data-centre-decarbonisation-sustainability-uptime\/\" class=\"group relative rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n            <picture>\n            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Colleague-8-1024x1024.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Colleague-8-1024x1024.jpg\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl group-hover:scale-110 transition duration-150 ease-in \" alt=\"Sustainability and Uptime: the Real Test Facing Data Centre Growth\">\n        <\/picture>\n    \n    <div class=\"dynamic-homepage-gradient-slide rounded-3xl absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n    <\/div>\n    <div class=\"dynamic-homepage-overlay-slide rounded-3xl absolute top-0 left-0 right-0 w-full h-full\">\n    <\/div>\n\n    <div class=\"rounded-3xl text-element w-full h-full relative z-20 flex flex-col justify-end\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-white\/75 mb-2\">\n\n                                                        <span>Data Centres<\/span>\n                                    |                    <span>Energy Services<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            Sustainability and Uptime: the Real Test Facing Data Centre Growth        <\/h2>\n                <div class=\"author-element flex flex-row justify-between gap-2 items-end\">\n            <div class=\"flex items-center mt-4 space-x-3\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4da9eea9-3375-4cc2-8051-bd15a6b5063c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"OCS Team\">\n                <div>\n                    <p class=\"text-sm font-semibold leading-5 text-white\">\n                        OCS Team                    <\/p>\n                    <p class=\"text-sm leading-5 text-white\">\n                        07 Oct, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/data-centre-energy-efficiency-trends-2026\/\" class=\"group relative rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n            <picture>\n            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/Data-Centre-1024x768.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/Data-Centre-1024x768.jpg\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl group-hover:scale-110 transition duration-150 ease-in \" alt=\"What\u2019s Next in Data Centres: Energy Efficiency and the Trends Shaping 2026\">\n        <\/picture>\n    \n    <div class=\"dynamic-homepage-gradient-slide rounded-3xl absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n    <\/div>\n    <div class=\"dynamic-homepage-overlay-slide rounded-3xl absolute top-0 left-0 right-0 w-full h-full\">\n    <\/div>\n\n    <div class=\"rounded-3xl text-element w-full h-full relative z-20 flex flex-col justify-end\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-white\/75 mb-2\">\n\n                                                        <span>Data Centres<\/span>\n                                    |                    <span>Energy Services<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            What\u2019s Next in Data Centres: Energy Efficiency and the Trends Shaping 2026        <\/h2>\n                <div class=\"author-element flex flex-row justify-between gap-2 items-end\">\n            <div class=\"flex items-center mt-4 space-x-3\">\n                <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/Steve-Clifford-Director-of-Data-Centres-OCS-UK-Ireland-300x300.jpeg\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"Steve Clifford - Director of Data Centres, OCS UK &#038; Ireland \">\n                <div>\n                    <p class=\"text-sm font-semibold leading-5 text-white\">\n                        Steve Clifford &#8211; Director of Data Centres, OCS UK &#038; Ireland                     <\/p>\n                    <p class=\"text-sm leading-5 text-white\">\n                        14 Aug, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/ocs-announces-recommended-acquisition-of-mitie\/\" class=\"group relative rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n            <picture>\n            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/OCS-Hard-Services-BBC-1024x768.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/OCS-Hard-Services-BBC-1024x768.jpg\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl group-hover:scale-110 transition duration-150 ease-in \" alt=\"OCS Announces Recommended Acquisition of Mitie\">\n        <\/picture>\n    \n    <div class=\"dynamic-homepage-gradient-slide rounded-3xl absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n    <\/div>\n    <div class=\"dynamic-homepage-overlay-slide rounded-3xl absolute top-0 left-0 right-0 w-full h-full\">\n    <\/div>\n\n    <div class=\"rounded-3xl text-element w-full h-full relative z-20 flex flex-col justify-end\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-white\/75 mb-2\">\n\n                                                        <span>Acquisitions<\/span>\n                                    |                    <span>industry news<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            OCS Announces Recommended Acquisition of Mitie        <\/h2>\n                <div class=\"author-element flex flex-row justify-between gap-2 items-end\">\n            <div class=\"flex items-center mt-4 space-x-3\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4da9eea9-3375-4cc2-8051-bd15a6b5063c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"OCS Team\">\n                <div>\n                    <p class=\"text-sm font-semibold leading-5 text-white\">\n                        OCS Team                    <\/p>\n                    <p class=\"text-sm leading-5 text-white\">\n                        21 Jul, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/rising-heat-failing-cooling-how-fm-keeps-sites-running-as-the-uk-warms\/\" class=\"group relative rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n            <picture>\n            <source srcset=\"https:\/\/ucarecdn.com\/0f1f585d-9d0f-4e9c-89ec-00997f800e9e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/0f1f585d-9d0f-4e9c-89ec-00997f800e9e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl group-hover:scale-110 transition duration-150 ease-in \" alt=\"Rising Heat, Failing Cooling: How FM Keeps Sites Running as the UK Warms\">\n        <\/picture>\n    \n    <div class=\"dynamic-homepage-gradient-slide rounded-3xl absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n    <\/div>\n    <div class=\"dynamic-homepage-overlay-slide rounded-3xl absolute top-0 left-0 right-0 w-full h-full\">\n    <\/div>\n\n    <div class=\"rounded-3xl text-element w-full h-full relative z-20 flex flex-col justify-end\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-white\/75 mb-2\">\n\n                                                        <span>Energy Services<\/span>\n                                    |                    <span>Facilities Management<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            Rising Heat, Failing Cooling: How FM Keeps Sites Running as the UK Warms        <\/h2>\n                <div class=\"author-element flex flex-row justify-between gap-2 items-end\">\n            <div class=\"flex items-center mt-4 space-x-3\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/6d0b7088-ff33-46d9-849d-b49e7d389a1c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"Nick Maggs, Managing Director, Hard Services \u2013 OCS UK\">\n                <div>\n                    <p class=\"text-sm font-semibold leading-5 text-white\">\n                        Nick Maggs, Managing Director, Hard Services \u2013 OCS UK                    <\/p>\n                    <p class=\"text-sm leading-5 text-white\">\n                        16 Jul, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/net-zero-and-beyond-why-delivery-is-now-the-real-challenge\/\" class=\"group relative rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n            <picture>\n            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/02\/OCS-Energy-Services-Hard-Services-Solar-1024x1024.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/02\/OCS-Energy-Services-Hard-Services-Solar-1024x1024.jpg\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl group-hover:scale-110 transition duration-150 ease-in \" alt=\"Net Zero and Beyond: Why Delivery Is Now the Real Challenge\">\n        <\/picture>\n    \n    <div class=\"dynamic-homepage-gradient-slide rounded-3xl absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n    <\/div>\n    <div class=\"dynamic-homepage-overlay-slide rounded-3xl absolute top-0 left-0 right-0 w-full h-full\">\n    <\/div>\n\n    <div class=\"rounded-3xl text-element w-full h-full relative z-20 flex flex-col justify-end\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-white\/75 mb-2\">\n\n                                                        <span>Energy Services<\/span>\n                                    |                    <span>Net Zero Week<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            Net Zero and Beyond: Why Delivery Is Now the Real Challenge        <\/h2>\n                <div class=\"author-element flex flex-row justify-between gap-2 items-end\">\n            <div class=\"flex items-center mt-4 space-x-3\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/39d23558-3ff8-49c1-a7b1-f92fdade8c6d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"Graeme Hamilton - Managing Director \u2013 Energy, OCS UK &#038; Ireland\">\n                <div>\n                    <p class=\"text-sm font-semibold leading-5 text-white\">\n                        Graeme Hamilton &#8211; Managing Director \u2013 Energy, OCS UK &#038; Ireland                    <\/p>\n                    <p class=\"text-sm leading-5 text-white\">\n                        08 Jul, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/net-zero-beyond-energy-management-operations\/\" class=\"group relative rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n            <picture>\n            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/OCS-Energy-Services-Engineer-1024x1024.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/OCS-Energy-Services-Engineer-1024x1024.jpg\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl group-hover:scale-110 transition duration-150 ease-in \" alt=\"Net Zero and Beyond: Why Energy Management Must Move From Strategy to Operations\">\n        <\/picture>\n    \n    <div class=\"dynamic-homepage-gradient-slide rounded-3xl absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n    <\/div>\n    <div class=\"dynamic-homepage-overlay-slide rounded-3xl absolute top-0 left-0 right-0 w-full h-full\">\n    <\/div>\n\n    <div class=\"rounded-3xl text-element w-full h-full relative z-20 flex flex-col justify-end\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-white\/75 mb-2\">\n\n                                                        <span>Energy Services<\/span>\n                                    |                    <span>Net Zero Week<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            Net Zero and Beyond: Why Energy Management Must Move From Strategy to Operations        <\/h2>\n                <div class=\"author-element flex flex-row justify-between gap-2 items-end\">\n            <div class=\"flex items-center mt-4 space-x-3\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/39d23558-3ff8-49c1-a7b1-f92fdade8c6d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"Graeme Hamilton - Managing Director \u2013 Energy, OCS UK &amp; Ireland\">\n                <div>\n                    <p class=\"text-sm font-semibold leading-5 text-white\">\n                        Graeme Hamilton &#8211; Managing Director \u2013 Energy, OCS UK &amp; Ireland                    <\/p>\n                    <p class=\"text-sm leading-5 text-white\">\n                        06 Jul, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                    <div class=\"dynamic-homepage-edge-fade dynamic-homepage-edge-fade--left\" aria-hidden=\"true\"><\/div>\n                    <div class=\"dynamic-homepage-edge-fade dynamic-homepage-edge-fade--right\" aria-hidden=\"true\"><\/div>\n                <\/div>\n                <div class=\"px-4 md:px-[56px] lg:px-[80px] flex flex-row items-center justify-center gap-4 md:gap-8\">\n                    <!-- progress bar -->\n                    <div class=\"dynamic-homepage-blog-section-progress bg-themed-light w-full h-1 rounded-full relative\">\n                        <div class=\"dynamic-homepage-blog-section-progress-bar themed-icon-bg rounded-full h-1\" style=\"transition: width 400ms ease;\"><\/div>\n                    <\/div>\n                    <!-- arrows -->\n                    <div class=\"-mt-4 splide__arrows flex !space-x-4 flex-row justify-center py-2\">\n                        <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light transition-colors duration-150 ease-in rounded-full p-2 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Previous slide\">\n                            <svg class=\"text-themed\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M15.8337 10.6953H4.16699\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                        <button class=\"next splide__arrow--next !right-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light transition-colors duration-150 ease-in rounded-full p-2 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                            <svg class=\"text-themed\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                            <svg class=\"autoplay-progress text-themed absolute -top-[2px] -left-[2px]\" height=\"42\" width=\"42\" data-stroke-offset=\"122.5\">\n                                <circle class=\"circle origin-center -rotate-90\" cx=\"50%\" cy=\"50%\" r=\"19.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"122.5\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                                    <\/div>\n    <\/section>\n\n\n    <section class=\"divider w-full h-8 md:h-16 bg-white\">\n    <\/section>\n\n\n        <section id=\"contact-form\"  data-animate-container=\"waterfall\"  class=\"cta-collapsible max-w-8xl w-full mx-auto px-4 py-6 md:py-[72px] lg:px-8         cta-collapsible-bg-image cta-collapsible-navy\n         \">\n        <div data-animate=\"item\" 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 lg:flex-row lg:gap-16\" style=\"\">\n                            <picture class=\"absolute inset-0 w-full h-full rounded-[32px] overflow-hidden\">\n                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/09\/Blue-Gradient-Background-768x594.jpg\" media=\"(max-width: 640px)\">\n                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/09\/Blue-Gradient-Background-1024x406.jpg\" media=\"(max-width: 1536px)\">\n                    <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/09\/Blue-Gradient-Background.jpg\"\n                        alt=\"A smooth gradient background transitioning from dark blue on the left to a lighter blue on the right.\"\n                        class=\"w-full h-full object-cover object-center\">\n                <\/picture>\n                            \n            <div data-animate-container=\"text\"  class=\"relative w-full flex flex-col items-center gap-10 lg:items-start\">\n\n                \n                                    <div class=\"flex flex-col gap-10 lg:max-w-[777px] mx-auto text-left \">\n                                                    <h2 data-animate=\"heading\" class=\"text-4xl lg:text-[44px] font-medium leading-[44px] lg:leading-[54px] -tracking-[0.5px] text-crop\">\n                                Discuss Your Data Centre Requirements                            <\/h2>\n                                                                            <p data-animate=\"prose\" class=\"font-medium lg:text-xl\">\n                                Talk to our data centre specialists about your operational priorities, infrastructure requirements and the support needed across your critical environment.                            <\/p>\n                                                                                                <\/div>\n                \n            <\/div>\n\n                            <div data-animate=\"item\" class=\"relative w-full flex-none lg:w-[55%] cta-side\">\n                                            <div class=\"w-full mb-6 md:mb-4 \">\n                            <script>\nvar gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});\n<\/script>\n\n                <div class='gf_browser_gecko gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital form-has-collapsible-sections_wrapper cs-theme--simple_wrapper cs-image-size--cover_wrapper cs-image-corners--round_wrapper collapsible-sections-single-opens_wrapper collapsible-sections-description-title_wrapper collapsible-sections-footer-after_last_wrapper' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_77' ><style>#gform_wrapper_77[data-form-index=\"0\"].gform-theme{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url(\"data:image\/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-select: url(\"data:image\/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-search: url(\"data:image\/svg+xml,%3Csvg width='640' height='640' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-btn-bg-color-hover-tertiary: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}<\/style><div id='gf_77' class='gform_anchor' tabindex='-1'><\/div>\n                        <div class='gform_heading'>\n                            <h2 class=\"gform_title\">Data Centres &#8211; Contact Form (Collapsible)<\/h2>\n                            <p class='gform_description'><\/p>\n\t\t\t\t\t\t\t<p class='gform_required_legend'>&quot;<span class=\"gfield_required gfield_required_asterisk\">*<\/span>&quot; indicates required fields<\/p>\n                        <\/div><form method='post' enctype='multipart\/form-data' target='gform_ajax_frame_77' id='gform_77' class='form-has-collapsible-sections cs-theme--simple cs-image-size--cover cs-image-corners--round  collapsible-sections-single-opens  collapsible-sections-description-title  collapsible-sections-footer-after_last ' action='\/uk\/wp-json\/wp\/v2\/sectors\/179#gf_77' data-formid='77' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_77' class='gform_fields top_label form_sublabel_below description_below validation_below'><div role=\"button\" tabindex=\"0\" aria-pressed=\"true\" aria-controls=\"collapsible-section_77_1\" aria-expanded=\"true\" data-target=\"#collapsible-section_77_1\"  id=\"field_77_1\" class=\"gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible collapsible-sections-field collapsible-sections-description-title collapsible-sections-open \"  data-field-class=\"collapsible-sections-field collapsible-sections-description-title collapsible-sections-open\" ><h3 class=\"gsection_title\">Personal Details<\/h3><\/div><div id=\"collapsible-section_77_1\" class=\"collapsible-sections-collapsible-body gform-theme__no-reset--el\" aria-labelledby=\"field_77_1\" style=\"\"><\/div><div id=\"field_77_4\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_77_4'><span class='gform-field-label__text'>First Name<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_4' id='input_77_4' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_77_5\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_77_5'><span class='gform-field-label__text'>Last Name<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_5' id='input_77_5' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_77_7\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_77_7'><span class='gform-field-label__text'>Company<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_7' id='input_77_7' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_77_16\" class=\"gfield gfield--type-select gfield--input-type-select gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_77_16'><span class='gform-field-label__text'>Country<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_select'><select name='input_16' id='input_77_16' class='large gfield_select'    aria-required=\"true\" aria-invalid=\"false\" ><option value='' >Please Select<\/option><option value='United Kingdom' >United Kingdom<\/option><option value='Ireland' >Ireland<\/option><\/select><\/div><\/div><div id=\"field_77_8\" class=\"gfield gfield--type-email gfield--input-type-email gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_77_8'><span class='gform-field-label__text'>Email<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_8' id='input_77_8' type='email' value='' class='large'    aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/div><div id=\"field_77_9\" class=\"gfield gfield--type-phone gfield--input-type-phone gfield--phone-format-international gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_77_9'><span class='gform-field-label__text'>Phone<\/span><\/label><div class='ginput_container ginput_container_phone'><input name='input_9' id='input_77_9' type='tel' value='' class='large'    aria-invalid=\"false\"    \/><\/div><\/div><div role=\"button\" tabindex=\"0\" aria-pressed=\"false\" aria-controls=\"collapsible-section_77_11\" aria-expanded=\"false\" data-target=\"#collapsible-section_77_11\"  id=\"field_77_11\" class=\"gfield gfield--type-section gfield--input-type-section gsection field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible collapsible-sections-field  collapsible-sections-end-field collapsible-sections-description-title \"  data-field-class=\"collapsible-sections-field  collapsible-sections-end-field collapsible-sections-description-title\" ><h3 class=\"gsection_title\">How Can We Help?<\/h3><\/div><div id=\"collapsible-section_77_11\" class=\"collapsible-sections-collapsible-body gform-theme__no-reset--el\" aria-labelledby=\"field_77_11\" style=\"display:none;\"><\/div><div id=\"field_77_17\" class=\"gfield gfield--type-select gfield--input-type-select gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_77_17'><span class='gform-field-label__text'>Sector<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_select'><select name='input_17' id='input_77_17' class='large gfield_select'    aria-required=\"true\" aria-invalid=\"false\" ><option value='' >Please Select<\/option><option value='Transportation' >Aviation<\/option><option value='Media &amp; Telecommunications' >Data Centres<\/option><option value='Government &amp; Public Sector' >Defence<\/option><option value='Distribution &amp; Logistics' >Distribution &amp; Logistics<\/option><option value='Financial &amp; Insurance' >Financial &amp; Insurance<\/option><option value='Government &amp; Public Sector' >Government &amp; Public Sector<\/option><option value='Healthcare' >Healthcare<\/option><option value='Manufacturing' >Manufacturing<\/option><option value='Media &amp; Telecommunications' >Media<\/option><option value='Manufacturing' >Pharmaceuticals and Life Sciences<\/option><option value='Transportation' >Rail<\/option><option value='Retail' >Retail<\/option><option value='Media &amp; Telecommunications' >Telecommunications<\/option><option value='Utilities' >Utilities<\/option><option value='Professional Services' >Workplace<\/option><\/select><\/div><\/div><div id=\"field_77_12\" class=\"gfield gfield--type-select gfield--input-type-select gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_77_12'><span class='gform-field-label__text'>Service Required<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_select'><select name='input_12' id='input_77_12' class='large gfield_select'    aria-required=\"true\" aria-invalid=\"false\" ><option value='' >Please Select<\/option><option value='Total Facilities Management' >Total Facilities Management<\/option><option value='Technical Services' >Hard Services<\/option><option value='Energy Management' >Energy Services<\/option><option value='Cleaning' >Specialist Cleaning<\/option><option value='Security' >Security Services<\/option><\/select><\/div><\/div><div id=\"field_77_13\" class=\"gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_77_13'><span class='gform-field-label__text'>Please provide further details<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_13' id='input_77_13' class='textarea small'     aria-required=\"true\" aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/div><fieldset id=\"field_77_18\" class=\"gfield gfield--type-consent gfield--type-choice gfield--input-type-consent gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible gfield--choice-align-vertical\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' ><span class='gform-field-label__text'>Consent<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/legend><div class='ginput_container ginput_container_consent'><input name='input_18.1' id='input_77_18_1' type='checkbox' value='1'   aria-required=\"true\" aria-invalid=\"false\"   \/> <label class=\"gform-field-label gform-field-label--type-inline gfield_consent_label\" for='input_77_18_1' ><span class='gform-field-label__text'>I agree to the <a href=\"\/uk\/terms-conditions\">Terms and Conditions<\/a> and <a href=\"\/uk\/privacy-policy\">Privacy Policy<\/a> and give OCS permission to collect my information.<\/span><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/label><input type='hidden' name='input_18.2' value='I agree to the &lt;a href=&quot;\/uk\/terms-conditions&quot;&gt;Terms and Conditions&lt;\/a&gt; and &lt;a href=&quot;\/uk\/privacy-policy&quot;&gt;Privacy Policy&lt;\/a&gt; and give OCS permission to collect my information.' class='gform_hidden' \/><input type='hidden' name='input_18.3' value='80' class='gform_hidden' \/><\/div><\/fieldset><fieldset id=\"field_77_19\" class=\"gfield gfield--type-consent gfield--type-choice gfield--input-type-consent gfield--width-full field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible gfield--choice-align-vertical\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' ><span class='gform-field-label__text'>Consent<\/span><\/legend><div class='ginput_container ginput_container_consent'><input name='input_19.1' id='input_77_19_1' type='checkbox' value='1'    aria-invalid=\"false\"   \/> <label class=\"gform-field-label gform-field-label--type-inline gfield_consent_label\" for='input_77_19_1' ><span class='gform-field-label__text'>I would like to receive occasional updates, insights and relevant information from OCS.<\/span><\/label><input type='hidden' name='input_19.2' value='I would like to receive occasional updates, insights and relevant information from OCS.' class='gform_hidden' \/><input type='hidden' name='input_19.3' value='80' class='gform_hidden' \/><\/div><\/fieldset><div id=\"field_77_14\" class=\"gfield gfield--type-captcha gfield--input-type-captcha gfield--captcha-invisible gfield--width-half field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><div id='input_77_14' class='ginput_container ginput_recaptcha' data-sitekey='6LdX4FAsAAAAAF0AVKNRq0nkHCXNvYPOdQ6ebGrA'  data-theme='light' data-tabindex='-1' data-size='invisible' data-badge='inline'><\/div><\/div><div id=\"field_submit_77\" class=\"gfield gfield--type-submit gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  data-field-class=\"gform_editor_submit_container\" data-field-position=\"inline\" ><button type='submit' id='gform_submit_button_77' class='gform-button gform-button--white  button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' >Submit<\/button><\/div><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'>  <input type='hidden' name='gform_ajax' value='form_id=77&amp;title=1&amp;description=1&amp;tabindex=0&amp;theme=orbital&amp;hash=46f70e1111020c2e65b678a8078126c1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_77' value='iframe' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_77' id='gform_theme_77' value='orbital' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_77' id='gform_style_settings_77' value='' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_77' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='77' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='GBP' value='kJNfoDuHzAO3etDndn3hBh8HgEMtmsP6gcooKWJUhdfaZNOw38LINNRXV2U7JUvAc7danAf8jISFmz+hRauNTqxTqidRpvZFMXKFZKkZFEN81TY=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_77' value='WyJ7XCIxNlwiOltcIjk3ZGJmMDAzYTlkMTdiNDAwNzcwZjE1Njg5MjU1YjZhXCIsXCJjMGUwYzA0YWQyZGY2YzJmMzk1YmUzYjliMWRiYTdiOFwiLFwiN2ZjOTc0MjhhMjg0ZTUwNGE0OTYzM2ExNDRjMTcxYjJcIl0sXCIxN1wiOltcIjk3ZGJmMDAzYTlkMTdiNDAwNzcwZjE1Njg5MjU1YjZhXCIsXCJhYTYxM2YwYWZkY2I1YmUxNjk2MjcyYjAyOWQzZjYwZVwiLFwiYzNjY2I3ZmIwZTA3YjFhYTJiNWEzYjMyMTczNWQ3MjJcIixcIjkzYzJhNTBhOWVjZWMyN2ViNDU4NTRlYjYzYTliMTZmXCIsXCIxZjU5NTk0MTNlNzQ5ZjhiMjdiMmE1NGJiMmNiNTc1N1wiLFwiODkzZmQwYmFhMDFmZmQ4MmQ5YTRmZWVhNzUwN2ZkNGVcIixcIjkzYzJhNTBhOWVjZWMyN2ViNDU4NTRlYjYzYTliMTZmXCIsXCI0Y2M1NjIyZWJhYmY2MmFjYjY3MzBlZWZkMGVjZjMyOFwiLFwiMjFhZGQ2OWJmNzVlYjA3ZDVjYzJlZjJmMDRmMThhOTFcIixcImMzY2NiN2ZiMGUwN2IxYWEyYjVhM2IzMjE3MzVkNzIyXCIsXCIyMWFkZDY5YmY3NWViMDdkNWNjMmVmMmYwNGYxOGE5MVwiLFwiYWE2MTNmMGFmZGNiNWJlMTY5NjI3MmIwMjlkM2Y2MGVcIixcIjc3NGIyMjA2YmE2MzhhYmRiMGI4NDIwMzY3MDA4MDZmXCIsXCJjM2NjYjdmYjBlMDdiMWFhMmI1YTNiMzIxNzM1ZDcyMlwiLFwiMjViZjE1NTBlMTMyYTE5ZThjNDRhZjEzNTYwZDk1NDlcIixcIjI3ZmRiMTUzZTY3YTE2MzgwOGU0MGZlMTg5ZDk3MjBjXCJdLFwiMTJcIjpbXCI5N2RiZjAwM2E5ZDE3YjQwMDc3MGYxNTY4OTI1NWI2YVwiLFwiOGY3NzgwNzc1MWMxMzkyODNlYzZhNTRjZTA4NTYzYjRcIixcImQyYmQ1ZmI3MjM5MDlmZjU0NTk1ZjU2MWM4MDc5MWFiXCIsXCIzMjJhMTYwOWEzYWFkODJjZmE4NDY4ZjVlZjBlNTk1MVwiLFwiMTNhMDExZGRjMjU4MGFhOTM1ZTFlYTg3OGM3ZmFhODZcIixcImEyMDQ0MTI0MmY5NmNmNDZiZmM1ZTMxYmE3M2M5ZWI1XCJdLFwiMTguMVwiOlwiMGQ3ZTJkNjFhMmIyMDE4NGEyYjU1NzgyODkwY2Y2YjRcIixcIjE4LjJcIjpcImVlNjIwMTNlMjY1NWJkYzBhODE1MTVkNzk0MTdkYjNmXCIsXCIxOC4zXCI6XCIxMzIzNDIyOGNhZTk2YzI4M2Y1NzZlZGE3NThiM2NiN1wiLFwiMTkuMVwiOlwiMGQ3ZTJkNjFhMmIyMDE4NGEyYjU1NzgyODkwY2Y2YjRcIixcIjE5LjJcIjpcIjRkNzlhZDJmZjA0NWMwZmVjZGFhNDcwZTA5NWRhNGUyXCIsXCIxOS4zXCI6XCIxMzIzNDIyOGNhZTk2YzI4M2Y1NzZlZGE3NThiM2NiN1wiLFwiZ2Zvcm1fc3VibWlzc2lvbl9tZXRob2RcIjpbXCI5YmY5YTFjOTA4ZDhhNjdlMmMzMWJmMTkwODkwZjlmZFwiLFwiZjFhZTE4YzBmYjgxNmQyOTg2ZTMxMzJlZWU4YzlhNWNcIixcImM4YjdjZWQ4MGZiMDNlMWJmNjQ1YzM3NjhlMDVmN2E4XCJdLFwiZ2Zvcm1fdGhlbWVcIjpcIjIyZGUxZjc4Y2E3OWI5YmI5ZjI3OGIyZGJjNWVjYTYxXCIsXCJnZm9ybV9zdHlsZV9zZXR0aW5nc1wiOlwiOTdkYmYwMDNhOWQxN2I0MDA3NzBmMTU2ODkyNTViNmFcIixcImZvcm1faWRcIjpcImNiYjU2ZjRlYzNmYTA4MTRhZjQ1YTYwMjQyZDY4YjlhXCIsXCJ1cmxcIjpcImYzM2RiN2JlMWIyYTUzNmNhMjc1NTg0ZjhlYzc4MjZlXCIsXCJzdGF0ZV90aW1lc3RhbXBcIjpcIjNkZjY5OTZmYTAyMDU4MDVmNmUwNDNkZjA0MjhmOWM4XCJ9IiwiNzI1ZGUzOTAyMjdlZWQxMGIyMTVjNzg4NDY5ZmJmMjEiLDE3OTE4MTc4ODJd' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_77' id='gform_target_page_number_77' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_77' id='gform_source_page_number_77' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <p class=\"gform-recaptcha-notice\">This site is protected by reCAPTCHA and the Google <a href=\"https:\/\/policies.google.com\/privacy\" target=\"_blank\" rel=\"noopener\">Privacy Policy<\/a> and <a href=\"https:\/\/policies.google.com\/terms\" target=\"_blank\" rel=\"noopener\">Terms of Service<\/a> apply.<\/p><\/form>\n                        <\/div>\n\t\t                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_77' id='gform_ajax_frame_77' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'><\/iframe>\n\t\t                <script>\ngform.initializeOnLoaded( function() {jQuery('#gform_ajax_frame_77').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_77');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_77').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_77').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_77').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_77').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/ jQuery(document).scrollTop(jQuery('#gform_wrapper_77').offset().top - mt); }, 50 );var current_page = jQuery('#gform_source_page_number_77').val();jQuery(document).trigger('gform_page_loaded', [77, current_page]);window['gf_submitting_77'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_77').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_77').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [77]);window['gf_submitting_77'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_77').text());}else{jQuery('#gform_77').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"77\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_77\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_77\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_77\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 77, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );\n<\/script>\n                        <\/div>\n                                    <\/div>\n            \n            \n        <\/div>\n    <\/section>\n\n\n\n    <section id=\"block_acf-block-6ac8f8b40fa26\"  x-data=\"{ accordion: null }\" data-animate-container=\"waterfall\"  class=\"block-faqs max-w-8xl mx-auto w-full py-6 md:py-[72px] px-4 lg:px-[88px] flex flex-col gap-8 md:gap-16  \">\n                                    <div data-animate-container=\"text\" >\n                    <h2 data-animate=\"heading\" class=\"heading font-medium text-[36px] md:text-[44px] text-ocs-gray-nav\">Frequently Asked Questions<\/h2>\n                <\/div>\n                                        <ul data-animate-container=\"cards\" data-cards-per-row=\"2\"  class=\"faq-ul w-full grid grid-cols-1 md:grid-cols-2 auto-flow-row gap-x-8 auto-cols-min\">\n                                            <li data-animate=\"card\" id=\"block_acf-block-6ac8f8b40fa26-48326\" x-cloak class=\"faq-li w-full h-max py-6 first:pt-0 second:pt-6 md:second:pt-0 last:pb-0 md:last:pb-6 border-t first:border-0 second:border-t md:second:border-0 border-[#ECECF2] flex flex-col gap-2\">\n                            <button @click=\"accordion == null ? accordion = 'block_acf-block-6ac8f8b40fa26-48326' : (accordion != 'block_acf-block-6ac8f8b40fa26-48326') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6ac8f8b40fa26-48326' : accordion = null\" class=\"w-full flex flex-row items-center justify-between gap-4\">\n                                <h3 class=\"text-xl font-medium text-ocs-gray-nav text-left\">What are data centre services?<\/h3>\n                                <div class=\"rounded-full border themed-icon-border themed-icon flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                    <svg x-show=\"accordion == 'block_acf-block-6ac8f8b40fa26-48326'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.5H15.8337\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                    <svg x-show=\"accordion !== 'block_acf-block-6ac8f8b40fa26-48326'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"currentColor\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                            <div x-show=\"accordion == 'block_acf-block-6ac8f8b40fa26-48326'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p data-pm-slice=\"1 1 []\">Data centre services cover the facilities, engineering, operational and infrastructure support needed to create, operate and improve critical digital environments. They can include facilities management, maintenance, energy management, specialist cleaning, security, monitoring, design, construction, commissioning and ongoing lifecycle support.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-6ac8f8b40fa26-48348\" x-cloak class=\"faq-li w-full h-max py-6 first:pt-0 second:pt-6 md:second:pt-0 last:pb-0 md:last:pb-6 border-t first:border-0 second:border-t md:second:border-0 border-[#ECECF2] flex flex-col gap-2\">\n                            <button @click=\"accordion == null ? accordion = 'block_acf-block-6ac8f8b40fa26-48348' : (accordion != 'block_acf-block-6ac8f8b40fa26-48348') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6ac8f8b40fa26-48348' : accordion = null\" class=\"w-full flex flex-row items-center justify-between gap-4\">\n                                <h3 class=\"text-xl font-medium text-ocs-gray-nav text-left\">What data centre services does OCS provide?<\/h3>\n                                <div class=\"rounded-full border themed-icon-border themed-icon flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                    <svg x-show=\"accordion == 'block_acf-block-6ac8f8b40fa26-48348'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.5H15.8337\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                    <svg x-show=\"accordion !== 'block_acf-block-6ac8f8b40fa26-48348'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"currentColor\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                            <div x-show=\"accordion == 'block_acf-block-6ac8f8b40fa26-48348'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p data-pm-slice=\"1 1 []\">OCS provides two connected service routes. Data Centre Facilities Management supports safe, reliable and efficient daily operation, while Design, Build, Manage and Maintain supports new capacity, conversions and infrastructure modernisation from early planning through to ongoing maintenance.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-6ac8f8b40fa26-48350\" x-cloak class=\"faq-li w-full h-max py-6 first:pt-0 second:pt-6 md:second:pt-0 last:pb-0 md:last:pb-6 border-t first:border-0 second:border-t md:second:border-0 border-[#ECECF2] flex flex-col gap-2\">\n                            <button @click=\"accordion == null ? accordion = 'block_acf-block-6ac8f8b40fa26-48350' : (accordion != 'block_acf-block-6ac8f8b40fa26-48350') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6ac8f8b40fa26-48350' : accordion = null\" class=\"w-full flex flex-row items-center justify-between gap-4\">\n                                <h3 class=\"text-xl font-medium text-ocs-gray-nav text-left\">Which OCS data centre service is right for my organisation?<\/h3>\n                                <div class=\"rounded-full border themed-icon-border themed-icon flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                    <svg x-show=\"accordion == 'block_acf-block-6ac8f8b40fa26-48350'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.5H15.8337\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                    <svg x-show=\"accordion !== 'block_acf-block-6ac8f8b40fa26-48350'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"currentColor\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                            <div x-show=\"accordion == 'block_acf-block-6ac8f8b40fa26-48350'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p data-pm-slice=\"1 1 []\">Data Centre Facilities Management is suited to customers seeking support with existing operations, uptime, energy, cleaning, security and monitoring. Design, Build, Manage and Maintain is suited to customers planning new infrastructure, additional capacity, conversion or modernisation. OCS can also connect both requirements through one lifecycle approach.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-6ac8f8b40fa26-48352\" x-cloak class=\"faq-li w-full h-max py-6 first:pt-0 second:pt-6 md:second:pt-0 last:pb-0 md:last:pb-6 border-t first:border-0 second:border-t md:second:border-0 border-[#ECECF2] flex flex-col gap-2\">\n                            <button @click=\"accordion == null ? accordion = 'block_acf-block-6ac8f8b40fa26-48352' : (accordion != 'block_acf-block-6ac8f8b40fa26-48352') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6ac8f8b40fa26-48352' : accordion = null\" class=\"w-full flex flex-row items-center justify-between gap-4\">\n                                <h3 class=\"text-xl font-medium text-ocs-gray-nav text-left\">How do data centre services protect uptime and resilience?<\/h3>\n                                <div class=\"rounded-full border themed-icon-border themed-icon flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                    <svg x-show=\"accordion == 'block_acf-block-6ac8f8b40fa26-48352'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.5H15.8337\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                    <svg x-show=\"accordion !== 'block_acf-block-6ac8f8b40fa26-48352'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"currentColor\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                            <div x-show=\"accordion == 'block_acf-block-6ac8f8b40fa26-48352'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p data-pm-slice=\"1 1 []\">Planned maintenance, critical asset management, monitoring, incident procedures and clear operational controls help identify risk and protect continuity. Resilient design, power and cooling planning, commissioning and ongoing technical support also help infrastructure perform reliably as operational requirements change.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-6ac8f8b40fa26-48354\" x-cloak class=\"faq-li w-full h-max py-6 first:pt-0 second:pt-6 md:second:pt-0 last:pb-0 md:last:pb-6 border-t first:border-0 second:border-t md:second:border-0 border-[#ECECF2] flex flex-col gap-2\">\n                            <button @click=\"accordion == null ? accordion = 'block_acf-block-6ac8f8b40fa26-48354' : (accordion != 'block_acf-block-6ac8f8b40fa26-48354') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6ac8f8b40fa26-48354' : accordion = null\" class=\"w-full flex flex-row items-center justify-between gap-4\">\n                                <h3 class=\"text-xl font-medium text-ocs-gray-nav text-left\">How are artificial intelligence workloads changing data centres?<\/h3>\n                                <div class=\"rounded-full border themed-icon-border themed-icon flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                    <svg x-show=\"accordion == 'block_acf-block-6ac8f8b40fa26-48354'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.5H15.8337\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                    <svg x-show=\"accordion !== 'block_acf-block-6ac8f8b40fa26-48354'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"currentColor\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                            <div x-show=\"accordion == 'block_acf-block-6ac8f8b40fa26-48354'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p data-pm-slice=\"1 1 []\">Artificial intelligence and high density computing increase rack density, power demand, cooling loads and monitoring requirements. Data centre services can help customers assess capacity, resilience, airflow, energy performance and infrastructure constraints so they can plan changes while protecting safe and reliable operation.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-6ac8f8b40fa26-48356\" x-cloak class=\"faq-li w-full h-max py-6 first:pt-0 second:pt-6 md:second:pt-0 last:pb-0 md:last:pb-6 border-t first:border-0 second:border-t md:second:border-0 border-[#ECECF2] flex flex-col gap-2\">\n                            <button @click=\"accordion == null ? accordion = 'block_acf-block-6ac8f8b40fa26-48356' : (accordion != 'block_acf-block-6ac8f8b40fa26-48356') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6ac8f8b40fa26-48356' : accordion = null\" class=\"w-full flex flex-row items-center justify-between gap-4\">\n                                <h3 class=\"text-xl font-medium text-ocs-gray-nav text-left\">How can data centre services improve energy performance and Power Usage Effectiveness?<\/h3>\n                                <div class=\"rounded-full border themed-icon-border themed-icon flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                    <svg x-show=\"accordion == 'block_acf-block-6ac8f8b40fa26-48356'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.5H15.8337\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                    <svg x-show=\"accordion !== 'block_acf-block-6ac8f8b40fa26-48356'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"currentColor\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                            <div x-show=\"accordion == 'block_acf-block-6ac8f8b40fa26-48356'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p data-pm-slice=\"1 1 []\">Energy audits, system profiling, connected monitoring, asset optimisation and efficient cooling help identify where improvements can be made. Power Usage Effectiveness insight supports informed decisions about energy consumption, operating costs and carbon reduction while keeping reliability and uptime central.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-6ac8f8b40fa26-48358\" x-cloak class=\"faq-li w-full h-max py-6 first:pt-0 second:pt-6 md:second:pt-0 last:pb-0 md:last:pb-6 border-t first:border-0 second:border-t md:second:border-0 border-[#ECECF2] flex flex-col gap-2\">\n                            <button @click=\"accordion == null ? accordion = 'block_acf-block-6ac8f8b40fa26-48358' : (accordion != 'block_acf-block-6ac8f8b40fa26-48358') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6ac8f8b40fa26-48358' : accordion = null\" class=\"w-full flex flex-row items-center justify-between gap-4\">\n                                <h3 class=\"text-xl font-medium text-ocs-gray-nav text-left\">How do cooling and environmental control support data centre performance?<\/h3>\n                                <div class=\"rounded-full border themed-icon-border themed-icon flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                    <svg x-show=\"accordion == 'block_acf-block-6ac8f8b40fa26-48358'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.5H15.8337\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                    <svg x-show=\"accordion !== 'block_acf-block-6ac8f8b40fa26-48358'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"currentColor\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                            <div x-show=\"accordion == 'block_acf-block-6ac8f8b40fa26-48358'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p data-pm-slice=\"1 1 []\">Cooling and environmental control maintain stable temperatures, manage airflow and protect sensitive equipment. Engineering maintenance, monitoring and technical cleaning help identify changes earlier, reduce contamination risks and support consistent conditions across white space and supporting technical areas.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-6ac8f8b40fa26-48360\" x-cloak class=\"faq-li w-full h-max py-6 first:pt-0 second:pt-6 md:second:pt-0 last:pb-0 md:last:pb-6 border-t first:border-0 second:border-t md:second:border-0 border-[#ECECF2] flex flex-col gap-2\">\n                            <button @click=\"accordion == null ? accordion = 'block_acf-block-6ac8f8b40fa26-48360' : (accordion != 'block_acf-block-6ac8f8b40fa26-48360') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6ac8f8b40fa26-48360' : accordion = null\" class=\"w-full flex flex-row items-center justify-between gap-4\">\n                                <h3 class=\"text-xl font-medium text-ocs-gray-nav text-left\">How do data centre services support security and compliance?<\/h3>\n                                <div class=\"rounded-full border themed-icon-border themed-icon flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                    <svg x-show=\"accordion == 'block_acf-block-6ac8f8b40fa26-48360'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.5H15.8337\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                    <svg x-show=\"accordion !== 'block_acf-block-6ac8f8b40fa26-48360'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"currentColor\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                            <div x-show=\"accordion == 'block_acf-block-6ac8f8b40fa26-48360'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p data-pm-slice=\"1 1 []\">Data centre security and compliance services can include controlled access, trained security colleagues, documented procedures, audit trails, statutory checks and clear responsibilities. Connecting these controls with facilities and operational teams helps protect people, assets and infrastructure while supporting audit readiness.<\/p>\n                            <\/div>\n                        <\/li>\n                                    <\/ul>\n                    \n    <\/section>\n\n\n\n    <section class=\"divider w-full h-8 md:h-16 bg-white\">\n    <\/section>\n","protected":false},"excerpt":{"rendered":"<p>Explore data centre services from OCS, including facilities management and full lifecycle support across design, build, management and maintenance.<\/p>\n","protected":false},"featured_media":10000025965,"parent":0,"menu_order":21,"template":"","class_list":["post-179","sectors","type-sectors","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>Data Centre Services for Critical Infrastructure - OCS - UK<\/title>\n<meta name=\"description\" content=\"Explore data centre services from OCS, including facilities management and full lifecycle support across design, build, management and maintenance.\" \/>\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\/sectors\/data-centres\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Data Centres Services\" \/>\n<meta property=\"og:description\" content=\"Explore data centre services from OCS, including facilities management and full lifecycle support across design, build, management and maintenance.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ocs.com\/uk\/sectors\/data-centres\/\" \/>\n<meta property=\"og:site_name\" content=\"OCS - UK\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-09T14:22:45+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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/sectors\\\/data-centres\\\/\",\"url\":\"https:\\\/\\\/ocs.com\\\/uk\\\/sectors\\\/data-centres\\\/\",\"name\":\"Data Centre Services for Critical Infrastructure - OCS - UK\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/sectors\\\/data-centres\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/sectors\\\/data-centres\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ocs.com\\\/app\\\/uploads\\\/2026\\\/02\\\/Data-Centres-scaled.jpg\",\"datePublished\":\"2023-09-26T13:11:10+00:00\",\"dateModified\":\"2026-10-09T14:22:45+00:00\",\"description\":\"Explore data centre services from OCS, including facilities management and full lifecycle support across design, build, management and maintenance.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/sectors\\\/data-centres\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ocs.com\\\/uk\\\/sectors\\\/data-centres\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/sectors\\\/data-centres\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ocs.com\\\/app\\\/uploads\\\/2026\\\/02\\\/Data-Centres-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/ocs.com\\\/app\\\/uploads\\\/2026\\\/02\\\/Data-Centres-scaled.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/sectors\\\/data-centres\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ocs.com\\\/uk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Data Centres Services\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#website\",\"url\":\"https:\\\/\\\/ocs.com\\\/uk\\\/\",\"name\":\"OCS - UK\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ocs.com\\\/uk\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Data Centre Services for Critical Infrastructure - OCS - UK","description":"Explore data centre services from OCS, including facilities management and full lifecycle support across design, build, management and maintenance.","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\/sectors\/data-centres\/","og_locale":"en_GB","og_type":"article","og_title":"Data Centres Services","og_description":"Explore data centre services from OCS, including facilities management and full lifecycle support across design, build, management and maintenance.","og_url":"https:\/\/ocs.com\/uk\/sectors\/data-centres\/","og_site_name":"OCS - UK","article_modified_time":"2026-10-09T14:22:45+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ocs.com\/uk\/sectors\/data-centres\/","url":"https:\/\/ocs.com\/uk\/sectors\/data-centres\/","name":"Data Centre Services for Critical Infrastructure - OCS - UK","isPartOf":{"@id":"https:\/\/ocs.com\/uk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ocs.com\/uk\/sectors\/data-centres\/#primaryimage"},"image":{"@id":"https:\/\/ocs.com\/uk\/sectors\/data-centres\/#primaryimage"},"thumbnailUrl":"https:\/\/ocs.com\/app\/uploads\/2026\/02\/Data-Centres-scaled.jpg","datePublished":"2023-09-26T13:11:10+00:00","dateModified":"2026-10-09T14:22:45+00:00","description":"Explore data centre services from OCS, including facilities management and full lifecycle support across design, build, management and maintenance.","breadcrumb":{"@id":"https:\/\/ocs.com\/uk\/sectors\/data-centres\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ocs.com\/uk\/sectors\/data-centres\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/ocs.com\/uk\/sectors\/data-centres\/#primaryimage","url":"https:\/\/ocs.com\/app\/uploads\/2026\/02\/Data-Centres-scaled.jpg","contentUrl":"https:\/\/ocs.com\/app\/uploads\/2026\/02\/Data-Centres-scaled.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/ocs.com\/uk\/sectors\/data-centres\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ocs.com\/uk\/"},{"@type":"ListItem","position":2,"name":"Data Centres Services"}]},{"@type":"WebSite","@id":"https:\/\/ocs.com\/uk\/#website","url":"https:\/\/ocs.com\/uk\/","name":"OCS - UK","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ocs.com\/uk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/sectors\/179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/sectors"}],"about":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/types\/sectors"}],"version-history":[{"count":36,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/sectors\/179\/revisions"}],"predecessor-version":[{"id":49672,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/sectors\/179\/revisions\/49672"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ocs.com\/uk\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/media?parent=179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}