{"id":48183,"date":"2026-08-19T13:40:44","date_gmt":"2026-08-19T12:40:44","guid":{"rendered":"https:\/\/ocs.com\/uk\/?post_type=sectors&#038;p=48183"},"modified":"2026-09-25T12:59:04","modified_gmt":"2026-09-25T11:59:04","slug":"design-build-manage-maintain","status":"publish","type":"sectors","link":"https:\/\/ocs.com\/uk\/sectors\/data-centres\/design-build-manage-maintain\/","title":{"rendered":"Data Centre Design, Build, Manage and Maintain"},"content":{"rendered":"\n    <section x-data=\"fullWidthBanner\" id=\"block_acf-block-6ab168f7956a4\"  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\/1219496518\/rendition\/720p\/file.mp4%20%28720p%29.mp4?loc=external&amp;signature=00af7c9b67e7a847bceb53f6159a1aeffba8c2888ad1708b316a6527a007b69c\"  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 Design, Build, Manage and Maintain                                            <\/h1>\n                                                                                                                                                        <p class=\"text-white text-[22px] leading-[30px] -tracking-[0.5px] text-crop max-w-[654px]\">\n                                            Specialist infrastructure support from early strategy and design through to construction, operation and long term maintenance                                        <\/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-6ab168f795717\"  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-1.1-1-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Colleague-1.1-1-1024x683.jpg\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Colleague-1.1-1-1024x683.jpg\" alt=\"A person in a yellow OCS safety vest and black cap walks down a corridor between server racks in a data centre, illuminated by overhead lights.\" 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\">Designed for Today, Managed for What\u2019s Next<\/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 []\">Data centre design, build, management and maintenance bring planning, engineering, construction and operational expertise together to create infrastructure that performs safely, reliably and efficiently.<\/p>\n<p>Our teams support customers from scope definition and concept design through construction, commissioning, operational handover and ongoing technical support.<\/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            Informed Planning &#8211; Define requirements, assess constraints and prepare for future demand.        <\/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            Connected Delivery &#8211; Coordinate design, construction, commissioning and operational handover.        <\/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            Long-Term Performance &#8211; Consider maintenance, compliance, energy performance and operating costs.        <\/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-6ab168f7957a0\"        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=\"8000\"\n        data-card-count=\"4\"\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                            Full Lifecycle Data Centre Solutions                        <\/h2>\n                                                                <p class=\"text-xl leading-[28px] font-medium max-w-[680px] mx-auto\"\n                           style=\"color:#D0D5DD\">\n                            From early data centre design and construction through to operational management and ongoing maintenance, one connected team supports every stage of the infrastructure lifecycle.                        <\/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=\"bpnGradc86e80c6\" 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(#bpnGradc86e80c6)\"\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\">Design<\/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(#bpnGradc86e80c6)\"\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\">Build<\/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(#bpnGradc86e80c6)\"\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\">Manage<\/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(#bpnGradc86e80c6)\"\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\">Maintain<\/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-Square-768x768.jpg\" media=\"(max-width: 640px)\">\n                                                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Square-1024x1024.jpg\">\n                                                    <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Square-1024x1024.jpg\"\n                                                         alt=\"Rows of grey server racks in a brightly lit, modern data centre with a clean white floor and visible overhead cable trays.\"\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                                                    Data Centre Design for Reliable Long Term Operation                                                <\/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 3 []\">The decisions made before construction shape how a data centre performs for years to come. Our specialists define the programme scope, assess the site and develop a practical design around operational requirements, infrastructure risks and future growth.<\/p>                                                                                                            <div id=\"bpnGradc86e80c6-more-0\"\n                                                             class=\"bpn-desc-more\"\n                                                             x-show=\"isDeck || expanded === 0\"\n                                                             x-collapse>\n                                                            \n<ul>\n<li><strong>Strategy and planning:<\/strong> Scope definition, site assessment, technical requirements and pre-construction planning.<\/li>\n<li><strong>Technical design:<\/strong> Structural, mechanical, electrical, ventilation, cooling and power system design.<\/li>\n<li><strong>Resilience and growth:<\/strong> Tier requirements, scalability, connected technology and Critical National Infrastructure considerations.<\/li>\n<li><strong>Energy and compliance:<\/strong> Power Usage Effectiveness planning, regulatory compliance, digital models and costed delivery plans.<\/li>\n<\/ul>\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=\"bpnGradc86e80c6-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\/OCS-Data-Centre-Services-Data-Centre-Construction-768x768.jpg\" media=\"(max-width: 640px)\">\n                                                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Data-Centre-Construction-1024x1024.jpg\">\n                                                    <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Data-Centre-Construction-1024x1024.jpg\"\n                                                         alt=\"Aerial view of a large construction site with cranes, workers, blue formwork panels, building materials, and partially completed structures. Roads and vehicles are visible in the background.\"\n                                                         class=\"absolute inset-0 w-full h-full object-cover\" \/>\n                                                <\/picture>\n                                            <\/div>\n                                        \n                                        <!-- Content -->\n                                        <div class=\"flex flex-col gap-4 lg:gap-6 pt-6 lg:p-10 lg:w-1\/2 lg:justify-center\">\n                                                                                            <h3 class=\"text-ocs-gray-nav font-medium text-[24px] lg:text-[32px] leading-[32px] lg:leading-[40px] text-crop\">\n                                                    Controlled Data Centre Construction and Mobilisation                                                <\/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>New data centre capacity depends on controlled delivery across people, systems, suppliers and programme milestones. Our teams coordinate construction, installation, commissioning and handover to move critical infrastructure safely and reliably into operation.<\/p>                                                                                                            <div id=\"bpnGradc86e80c6-more-1\"\n                                                             class=\"bpn-desc-more\"\n                                                             x-show=\"isDeck || expanded === 1\"\n                                                             x-collapse>\n                                                            \n<ul>\n<li><strong>Programme control:<\/strong> Project management, supply chain coordination and delivery oversight.<\/li>\n<li><strong>Construction and installation:<\/strong> Civils, structural works, building requirements and mechanical and electrical installation.<\/li>\n<li><strong>Quality and assurance:<\/strong> Safety, compliance, asset profiling, energy system profiling and certification.<\/li>\n<li><strong>Commissioning and handover:<\/strong> Integrated testing, training and controlled transition into live operation.<\/li>\n<\/ul>\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=\"bpnGradc86e80c6-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\/159e9fc1-620f-4641-8d7e-a9f8305f9875\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\">\n                                                    <source srcset=\"https:\/\/ucarecdn.com\/159e9fc1-620f-4641-8d7e-a9f8305f9875\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/159e9fc1-620f-4641-8d7e-a9f8305f9875\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\"\n                                                         alt=\"Rows of server racks in a bright, modern data center with white walls, ceiling, and floor; the racks are filled with networking equipment and cables, creating a clean and organized environment.\"\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                                                    Data Centre Operations Under Clear 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 3 []\">Once operational, a data centre must continue to perform as demand, technology and customer requirements change. Our teams manage assets, capacity, energy, compliance, security and business continuity through clear controls and reliable data.<\/p>                                                                                                            <div id=\"bpnGradc86e80c6-more-2\"\n                                                             class=\"bpn-desc-more\"\n                                                             x-show=\"isDeck || expanded === 2\"\n                                                             x-collapse>\n                                                            \n<ul>\n<li><strong>Performance and capacity:<\/strong> Asset and energy insight supports efficient operation, scalability and growth planning.<\/li>\n<li><strong>Compliance and quality:<\/strong> Clear assurance processes support statutory, regulatory, safety and service requirements.<\/li>\n<li><strong>Resilience and continuity:<\/strong> Criticality management, asset control and continuity planning help protect uptime.<\/li>\n<li><strong>Service coordination:<\/strong> Connected technology, supply chain oversight and customer interfaces support informed decisions.<\/li>\n<\/ul>\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=\"bpnGradc86e80c6-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-Colleague-3-Square-768x768.jpg\" media=\"(max-width: 640px)\">\n                                                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Colleague-3-Square-1024x1024.jpg\">\n                                                    <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Colleague-3-Square-1024x1024.jpg\"\n                                                         alt=\"\"\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                                                    Data Centre Monitoring and Maintenance for Uptime                                                <\/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 3 []\">Reliable operation depends on well maintained assets, continuous visibility and a prepared response. Maintenance programmes reflect asset condition, system criticality, compliance requirements and operational priorities.<\/p>                                                                                                            <div id=\"bpnGradc86e80c6-more-3\"\n                                                             class=\"bpn-desc-more\"\n                                                             x-show=\"isDeck || expanded === 3\"\n                                                             x-collapse>\n                                                            \n<ul>\n<li><strong>Assured maintenance:<\/strong> Planned, condition informed and proactive maintenance protects assets across their lifecycle.<\/li>\n<li><strong>Monitoring and insight:<\/strong> System monitoring, data analytics and predictive tools provide insight into performance and condition.<\/li>\n<li><strong>Technical support:<\/strong> Skilled engineers provide ongoing operational support and coordinated technical response.<\/li>\n<li><strong>Incident management:<\/strong> Tested emergency procedures, recovery planning and root cause insight support controlled restoration.<\/li>\n<\/ul>\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=\"bpnGradc86e80c6-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                                            <\/ul>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <style>\n        \/* Hide the scrollbar on the mobile tab strip. *\/\n        .block_best_pillars_deck .bpn-tab-scroll { scrollbar-width: none; -ms-overflow-style: none; }\n        .block_best_pillars_deck .bpn-tab-scroll::-webkit-scrollbar { display: none; }\n\n        \/* Hide the slider until Alpine boots, so the un-mounted card stack\n           doesn't flash. We hide with opacity (not the global x-cloak\n           display:none) so the element keeps its layout and Splide can still\n           measure its width correctly on mount. *\/\n        .block_best_pillars_deck .bpn-splide[x-cloak] { display: block !important; opacity: 0; }\n\n        \/* Decorative dot wave (toggle) \u2014 a single wave.svg in the lower-left.\n           It fills its wrapper width; colour comes from the text-colour class\n           (currentColor): orange\/10% on light, white\/10% on navy. *\/\n        .block_best_pillars_deck .bpn-dots svg {\n            width: 100%;\n            height: auto;\n            display: block;\n        }\n\n        \/* Mobile = centred card carousel (prev\/next peek via Splide padding\/gap),\n           no drop shadow. Neighbours sit slightly smaller and faded, and scale\n           up to full as they become the active slide. *\/\n        @media (max-width: 1023px) {\n            .block_best_pillars_deck .bpn-card { box-shadow: none !important; }\n\n            \/* Collapsed card: the intro paragraph carries no bottom margin so\n               the \"Read more\" button sits at the normal gap below it. The gap\n               between intro and the revealed text is padding on the wrapper\n               (not a child margin), so nothing collapses through the wrapper\n               and the x-collapse animation lands on its final height without\n               a jump at the end. *\/\n            .block_best_pillars_deck .bpn-desc > :first-child { margin-bottom: 0; }\n            .block_best_pillars_deck .bpn-desc-more { padding-top: 1.25em; }\n            .block_best_pillars_deck .bpn-desc-more > :first-child { margin-top: 0; }\n            .block_best_pillars_deck .bpn-desc-more > :last-child { margin-bottom: 0; }\n            .block_best_pillars_deck .bpn-splide .splide__slide {\n                transform: scale(0.92);\n                transform-origin: center center;\n                opacity: 0.45;\n                transition: transform .4s ease, opacity .4s ease;\n                \/* Promote each slide to its own GPU layer so dragging the list\n                   just moves layers instead of repainting (prevents flicker). *\/\n                will-change: transform;\n                backface-visibility: hidden;\n            }\n            .block_best_pillars_deck .bpn-splide .splide__slide.is-active {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        \/* Desktop only: the cards form a stacked deck. On mobile it's a plain\n           one-card carousel, so none of this deck styling should apply. *\/\n        @media (min-width: 1024px) {\n            \/* Safety net: the description is never collapsed on desktop. The\n               x-show condition already includes isDeck; this also clears any\n               inline height\/overflow x-collapse left behind after a resize\n               across the breakpoint. *\/\n            .block_best_pillars_deck .bpn-desc-more {\n                display: block !important;\n                height: auto !important;\n                overflow: visible !important;\n            }\n            \/* Fade mode never slides horizontally, so let the card shadows spill\n               out of the track instead of being clipped. *\/\n            .block_best_pillars_deck .bpn-splide .splide__track { overflow: visible; }\n\n            \/* The deck animates transform + opacity as cards move between\n               positions; Splide only transitions opacity in fade mode. *\/\n            .block_best_pillars_deck .bpn-splide .splide__slide {\n                transition: transform .55s cubic-bezier(.4, 0, .2, 1), opacity .55s ease !important;\n                transform-origin: center top;\n                will-change: transform, opacity;\n            }\n\n            \/* Card fill shifts colour as it moves into \/ out of the deck (navy). *\/\n            .block_best_pillars_deck .bpn-card {\n                transition: background-color .55s ease;\n            }\n\n            \/* On navy the behind cards are the coloured shadow shapes themselves,\n               so they carry no drop shadow \u2014 only the active card does. *\/\n            .block_best_pillars_deck[data-dark=\"1\"] .bpn-splide .splide__slide:not(.is-active) .bpn-card {\n                box-shadow: none !important;\n            }\n\n            \/* Behind cards show only as shadow shapes \u2014 hide their content until\n               the card becomes active, then fade it in. *\/\n            .block_best_pillars_deck .bpn-splide .splide__slide .bpn-card-content {\n                opacity: 0;\n                transition: opacity .45s ease;\n            }\n            .block_best_pillars_deck .bpn-splide .splide__slide.is-active .bpn-card-content {\n                opacity: 1;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) and (min-width: 1024px) {\n            .block_best_pillars_deck .bpn-splide .splide__slide { transition: opacity .2s ease !important; }\n        }\n    <\/style>\n\n\n\n    <section class=\"divider w-full h-8 md:h-16 bg-white\">\n    <\/section>\n\n\n\n\n\n            <section id=\"block_acf-block-6ab168f795849\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full px-4 py-8 md:p-8 lg:p-[54px] rounded-3xl\" style=\"background-color: #F6F6FA\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Data-Centre-Cooling-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Data-Centre-Cooling-1024x682.jpg\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Data-Centre-Cooling-1024x682.jpg\" alt=\"Aerial view of an industrial facility with rows of large rectangular units and cooling fans. Steam or smoke partially obscures the lower section, while pipes and parked cars are visible at the top.\" 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\">Infrastructure Ready for Artificial Intelligence and Future Demand<\/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 []\">Artificial intelligence and high density computing are increasing demand for power, cooling, space and real time monitoring.<\/p>\n<p>Preparing for this change requires more than additional capacity. Power, thermal management, resilience and operational controls must work together as part of one efficient environment.<\/p>\n<p>Our specialists help customers assess power availability, rack density, cooling strategy, airflow, energy performance, monitoring and future scalability from the earliest design stages. This supports infrastructure that can respond to changing demand while maintaining reliability, safety, compliance and long term operating performance.<\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                        <!-- buttons -->\n                            <div  data-animate-container=\"text\" >\n                    <div  data-animate=\"button\"  class=\"flex flex-row gap-4 items-center\">\n                                                                                    \n<a href=\"#contact-form\" class=\"  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed\" target=\"_self\">\n    Connect with Our Data Centre Experts <\/a>                                                                        <\/div>\n                <\/div>\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    <section id=\"block_acf-block-6ab168f79588b\"  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                    Industry recognised accreditations support safe, controlled and compliant delivery across data centre design, construction, commissioning, management and maintenance. Specialist training, independent audits and defined quality controls provide assurance that every lifecycle stage is managed to recognised standards.                <\/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        <section id=\"block_acf-block-6ab168f7958d4\"  data-animate-container=\"waterfall\"  x-data=\"{valueHovered: 0, currentImage: '', currentAlt: '',\n        init(){\n            this.currentImage = 'https:\/\/ocs.com\/app\/uploads\/2026\/04\/Data-Centre-HVAC-OCS-Hard-Services-Energy-Services-1024x1024.jpg';\n            this.currentAlt = 'Aerial view of large rooftop cooling units with multiple circular fans and pipes, next to several solar panels, all situated on a gravel-covered building roof.';\n        },\n        changeValue(value, alt, index){\n            this.valueHovered = index;\n            this.currentImage = value;\n            this.currentAlt = alt;\n        }\n    }\" class=\"max-w-8xl mx-auto flex flex-col px-4 py-6 md:py-[72px] \">\n        <div data-animate=\"item\" class=\"py-8 md:py-14 lg:py-16  px-4 md:px-10 xl:px-[72px] rounded-[32px] flex flex-col gap-10 md:gap-12 lg:gap-[72px] #F6F6FA\" style=\"background-color:#F6F6FA\">\n            <div  data-animate-container=\"text\"  class=\"flex flex-col items-center justify-center gap-6 w-full mx-auto\">\n                                    <h2 data-animate=\"heading\" class=\"text-crop text-center text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Supporting the Outcomes That Matter<\/h2>\n                                                    <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy text-xl\">Connected data centre solutions support reliable performance, controlled growth and clear accountability throughout the infrastructure lifecycle.<\/p>\n                                                    \n<a href=\"#contact-form\" class=\"  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed\" target=\"_self\">\n    Connect with Our Data Centre Experts <\/a>                            <\/div>\n                                            <div  data-animate-container=\"cards\"  class=\"hidden lg:flex lg:flex-row w-full h-full gap-16\">\n                    <div data-animate=\"card\" class=\"hidden lg:block group relative overflow-hidden w-full lg:w-1\/2 rounded-[18px] z-0 transition duration-150 ease-in\">\n                        <picture>\n                            <source :srcset=\"currentImage\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                            <source :srcset=\"currentImage\" type=\"image\/jpg\">\n                            <img :src=\"currentImage\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full object-cover object-center rounded-[32px]\" :alt=\"currentAlt\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"flex flex-row w-full lg:w-1\/2\">\n                        <div class=\"hidden lg:flex flex-none w-1 h-full bg-[#DAECDA]\">\n                        <\/div>\n                        <ul class=\"flex flex-col gap-10 lg:gap-0 w-full\">\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ocs.com\/app\/uploads\/2026\/04\/Data-Centre-HVAC-OCS-Hard-Services-Energy-Services-1024x1024.jpg', 'Aerial view of large rooftop cooling units with multiple circular fans and pipes, next to several solar panels, all situated on a gravel-covered building roof.', '0')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Uptime and Reliability<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Resilient design, assured maintenance, monitoring and clear incident procedures protect critical services and support operational continuity.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-6.jpg', 'Two people in safety vests review architectural plans on a tablet while standing next to solar panels. One person points at the screen, and a paper with diagrams is visible in the other\u2019s hand.', '1')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Power, Energy and Performance<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Power planning, energy profiling, efficient cooling and Power Usage Effectiveness insight help manage operating costs and carbon reduction.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/75630202-ba59-44d7-9fb2-bcf2db7bba6b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', 'A worker wearing a hard hat, safety glasses, and a reflective vest uses a laptop in a server room filled with glowing computer racks and blue lighting.', '2')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Safety, Compliance and Accountability<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">A self-delivered model combines health and safety, statutory assurance, quality controls and documented processes, providing clear ownership.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ocs.com\/app\/uploads\/2026\/08\/Data-Centre-2.jpg', 'A long corridor inside a modern data centre, lined with tall, white server racks on both sides under bright ceiling lights.', '3')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '3' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '3' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Scalability and Modernisation<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Flexible infrastructure, capacity planning and connected technology help customers expand and adapt while protecting current operations.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n\n                                <div class=\"lg:hidden splide image-scrolling-text-slider w-auto -mx-4 md:-mx-10\">\n                    <div class=\"splide__track\">\n                        <ul class=\"splide__list\">\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/04\/Data-Centre-HVAC-OCS-Hard-Services-Energy-Services-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/04\/Data-Centre-HVAC-OCS-Hard-Services-Energy-Services-1024x1024.jpg\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/04\/Data-Centre-HVAC-OCS-Hard-Services-Energy-Services-1024x1024.jpg\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"Aerial view of large rooftop cooling units with multiple circular fans and pipes, next to several solar panels, all situated on a gravel-covered building roof.\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Uptime and Reliability<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Resilient design, assured maintenance, monitoring and clear incident procedures protect critical services and support operational continuity.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-6-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-6.jpg\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-6.jpg\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"Two people in safety vests review architectural plans on a tablet while standing next to solar panels. One person points at the screen, and a paper with diagrams is visible in the other\u2019s hand.\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Power, Energy and Performance<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Power planning, energy profiling, efficient cooling and Power Usage Effectiveness insight help manage operating costs and carbon reduction.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/75630202-ba59-44d7-9fb2-bcf2db7bba6b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/75630202-ba59-44d7-9fb2-bcf2db7bba6b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/75630202-ba59-44d7-9fb2-bcf2db7bba6b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"A worker wearing a hard hat, safety glasses, and a reflective vest uses a laptop in a server room filled with glowing computer racks and blue lighting.\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Safety, Compliance and Accountability<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">A self-delivered model combines health and safety, statutory assurance, quality controls and documented processes, providing clear ownership.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/Data-Centre-2-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/Data-Centre-2.jpg\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/Data-Centre-2.jpg\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"A long corridor inside a modern data centre, lined with tall, white server racks on both sides under bright ceiling lights.\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Scalability and Modernisation<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Flexible infrastructure, capacity planning and connected technology help customers expand and adapt while protecting current operations.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                    <div class=\"splide__arrows flex flex-row justify-center !space-x-3 mt-8\">\n                        <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light text-themed transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Previous slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M15.8337 10.6953H4.16699\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                        <button class=\"next splide__arrow--next !right-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light text-themed transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/section>\n\n\n    <section class=\"divider w-full h-8 md:h-16 bg-white\">\n    <\/section>\n\n\n\n    <section id=\"block_acf-block-6ab168f795904\"  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                                Plan, Deliver and Protect Your Data Centre Growth                            <\/h2>\n                                                                            <p data-animate=\"prose\" class=\"font-medium lg:text-xl\">\n                                Talk to our specialists about new capacity, infrastructure modernisation or support across data centre design, construction, management and maintenance.                            <\/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\/48183#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='FgXyWLG9wcB1xjOS21oUeAciWlHAL0n\/5UbCuy44Zy8PRI3Q\/zSGdGW9WfLZKye7aNDszOgimWXoOnI6CV3khov8FihoHkewHcv6k+06OSodnFg=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_77' value='WyJ7XCIxNlwiOltcIjk3ZGJmMDAzYTlkMTdiNDAwNzcwZjE1Njg5MjU1YjZhXCIsXCJjMGUwYzA0YWQyZGY2YzJmMzk1YmUzYjliMWRiYTdiOFwiLFwiN2ZjOTc0MjhhMjg0ZTUwNGE0OTYzM2ExNDRjMTcxYjJcIl0sXCIxN1wiOltcIjk3ZGJmMDAzYTlkMTdiNDAwNzcwZjE1Njg5MjU1YjZhXCIsXCJhYTYxM2YwYWZkY2I1YmUxNjk2MjcyYjAyOWQzZjYwZVwiLFwiYzNjY2I3ZmIwZTA3YjFhYTJiNWEzYjMyMTczNWQ3MjJcIixcIjkzYzJhNTBhOWVjZWMyN2ViNDU4NTRlYjYzYTliMTZmXCIsXCIxZjU5NTk0MTNlNzQ5ZjhiMjdiMmE1NGJiMmNiNTc1N1wiLFwiODkzZmQwYmFhMDFmZmQ4MmQ5YTRmZWVhNzUwN2ZkNGVcIixcIjkzYzJhNTBhOWVjZWMyN2ViNDU4NTRlYjYzYTliMTZmXCIsXCI0Y2M1NjIyZWJhYmY2MmFjYjY3MzBlZWZkMGVjZjMyOFwiLFwiMjFhZGQ2OWJmNzVlYjA3ZDVjYzJlZjJmMDRmMThhOTFcIixcImMzY2NiN2ZiMGUwN2IxYWEyYjVhM2IzMjE3MzVkNzIyXCIsXCIyMWFkZDY5YmY3NWViMDdkNWNjMmVmMmYwNGYxOGE5MVwiLFwiYWE2MTNmMGFmZGNiNWJlMTY5NjI3MmIwMjlkM2Y2MGVcIixcIjc3NGIyMjA2YmE2MzhhYmRiMGI4NDIwMzY3MDA4MDZmXCIsXCJjM2NjYjdmYjBlMDdiMWFhMmI1YTNiMzIxNzM1ZDcyMlwiLFwiMjViZjE1NTBlMTMyYTE5ZThjNDRhZjEzNTYwZDk1NDlcIixcIjI3ZmRiMTUzZTY3YTE2MzgwOGU0MGZlMTg5ZDk3MjBjXCJdLFwiMTJcIjpbXCI5N2RiZjAwM2E5ZDE3YjQwMDc3MGYxNTY4OTI1NWI2YVwiLFwiOGY3NzgwNzc1MWMxMzkyODNlYzZhNTRjZTA4NTYzYjRcIixcImQyYmQ1ZmI3MjM5MDlmZjU0NTk1ZjU2MWM4MDc5MWFiXCIsXCIzMjJhMTYwOWEzYWFkODJjZmE4NDY4ZjVlZjBlNTk1MVwiLFwiMTNhMDExZGRjMjU4MGFhOTM1ZTFlYTg3OGM3ZmFhODZcIixcImEyMDQ0MTI0MmY5NmNmNDZiZmM1ZTMxYmE3M2M5ZWI1XCJdLFwiMTguMVwiOlwiMGQ3ZTJkNjFhMmIyMDE4NGEyYjU1NzgyODkwY2Y2YjRcIixcIjE4LjJcIjpcImVlNjIwMTNlMjY1NWJkYzBhODE1MTVkNzk0MTdkYjNmXCIsXCIxOC4zXCI6XCIxMzIzNDIyOGNhZTk2YzI4M2Y1NzZlZGE3NThiM2NiN1wiLFwiMTkuMVwiOlwiMGQ3ZTJkNjFhMmIyMDE4NGEyYjU1NzgyODkwY2Y2YjRcIixcIjE5LjJcIjpcIjRkNzlhZDJmZjA0NWMwZmVjZGFhNDcwZTA5NWRhNGUyXCIsXCIxOS4zXCI6XCIxMzIzNDIyOGNhZTk2YzI4M2Y1NzZlZGE3NThiM2NiN1wiLFwiZ2Zvcm1fc3VibWlzc2lvbl9tZXRob2RcIjpbXCI5YmY5YTFjOTA4ZDhhNjdlMmMzMWJmMTkwODkwZjlmZFwiLFwiZjFhZTE4YzBmYjgxNmQyOTg2ZTMxMzJlZWU4YzlhNWNcIixcImM4YjdjZWQ4MGZiMDNlMWJmNjQ1YzM3NjhlMDVmN2E4XCJdLFwiZ2Zvcm1fdGhlbWVcIjpcIjIyZGUxZjc4Y2E3OWI5YmI5ZjI3OGIyZGJjNWVjYTYxXCIsXCJnZm9ybV9zdHlsZV9zZXR0aW5nc1wiOlwiOTdkYmYwMDNhOWQxN2I0MDA3NzBmMTU2ODkyNTViNmFcIixcImZvcm1faWRcIjpcImNiYjU2ZjRlYzNmYTA4MTRhZjQ1YTYwMjQyZDY4YjlhXCIsXCJ1cmxcIjpcIjJlZmUzODg3NTA5NDRmODJkZTEyYmM1ZGMwMzEyZDlmXCIsXCJzdGF0ZV90aW1lc3RhbXBcIjpcIjBlZGE5YTMxYzkxZWYyY2NiMWY5MDAwYTE4YTYwNzgwXCJ9IiwiN2IzYWNjZTM5ZGE2OGIxYmRhOWU0Njk4YzMxZGYxOWMiLDE3OTE4MjA3MjZd' \/>\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-6ab168f796887\"  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-6ab168f796887-48235\" 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-6ab168f796887-48235' : (accordion != 'block_acf-block-6ab168f796887-48235') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6ab168f796887-48235' : 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 do data centre design and build services include?<\/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-6ab168f796887-48235'\" 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-6ab168f796887-48235'\" 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-6ab168f796887-48235'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p data-pm-slice=\"1 1 []\">Data centre design and build services can include strategy, scope definition, site assessment, structural planning, power and cooling design, construction, system installation, testing, commissioning and operational handover. OCS connects these activities with future management and maintenance requirements so the infrastructure is practical to operate throughout its lifecycle.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-6ab168f796887-48237\" 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-6ab168f796887-48237' : (accordion != 'block_acf-block-6ab168f796887-48237') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6ab168f796887-48237' : 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 does OCS support data centre construction?<\/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-6ab168f796887-48237'\" 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-6ab168f796887-48237'\" 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-6ab168f796887-48237'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p data-pm-slice=\"1 1 []\">OCS supports data centre construction through programme management, technical coordination, supply chain assurance, civils, mechanical and electrical installation, quality controls, certification, testing and commissioning. Our teams also coordinate documentation, training and operational handover to support a controlled transition into live operation.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-6ab168f796887-48239\" 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-6ab168f796887-48239' : (accordion != 'block_acf-block-6ab168f796887-48239') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6ab168f796887-48239' : 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 should AI data centres prepare for high density computing?<\/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-6ab168f796887-48239'\" 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-6ab168f796887-48239'\" 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-6ab168f796887-48239'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p data-pm-slice=\"1 1 []\">AI data centres should assess power availability, rack density, cooling capacity, airflow, resilience and real time monitoring. Considering these requirements during data centre design helps reduce future constraints and creates infrastructure that can adapt to higher workloads while maintaining safety, reliability and energy performance.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-6ab168f796887-48241\" 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-6ab168f796887-48241' : (accordion != 'block_acf-block-6ab168f796887-48241') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6ab168f796887-48241' : 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 does data centre infrastructure management include?<\/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-6ab168f796887-48241'\" 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-6ab168f796887-48241'\" 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-6ab168f796887-48241'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p data-pm-slice=\"1 1 []\">Data centre infrastructure management can include asset performance, capacity, energy use, compliance, security and business continuity. OCS connects these areas through clear operational controls and reliable data, supporting day to day data centre operations, performance reporting and future capacity planning.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-6ab168f796887-48243\" 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-6ab168f796887-48243' : (accordion != 'block_acf-block-6ab168f796887-48243') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6ab168f796887-48243' : 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 solutions 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-6ab168f796887-48243'\" 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-6ab168f796887-48243'\" 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-6ab168f796887-48243'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p data-pm-slice=\"1 1 []\">Data centre solutions can improve energy performance through power planning, energy and system profiling, efficient cooling, connected monitoring and ongoing optimisation. Power Usage Effectiveness insight helps customers understand consumption, identify practical improvements and plan carbon reduction while protecting uptime.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-6ab168f796887-48245\" 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-6ab168f796887-48245' : (accordion != 'block_acf-block-6ab168f796887-48245') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6ab168f796887-48245' : 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 monitoring and maintenance protect uptime?<\/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-6ab168f796887-48245'\" 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-6ab168f796887-48245'\" 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-6ab168f796887-48245'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p data-pm-slice=\"1 1 []\">Data centre monitoring provides continuous insight into system health, environmental conditions and performance trends. Combined with planned and condition informed data centre maintenance, technical support and tested incident procedures, it helps identify risks earlier, reduce disruption and support reliable operation.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-6ab168f796887-48247\" 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-6ab168f796887-48247' : (accordion != 'block_acf-block-6ab168f796887-48247') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6ab168f796887-48247' : 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 should data centre cooling systems be planned for future capacity?<\/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-6ab168f796887-48247'\" 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-6ab168f796887-48247'\" 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-6ab168f796887-48247'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p data-pm-slice=\"1 1 []\">Data centre cooling systems should be planned around expected rack density, heat load, airflow, power availability, resilience and future expansion. Reviewing these factors alongside monitoring and energy performance helps maintain stable conditions and support higher density workloads without compromising reliability or Power Usage Effectiveness.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-6ab168f796887-48256\" 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-6ab168f796887-48256' : (accordion != 'block_acf-block-6ab168f796887-48256') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6ab168f796887-48256' : 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\">Can OCS modernise data centre infrastructure within a live facility?<\/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-6ab168f796887-48256'\" 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-6ab168f796887-48256'\" 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-6ab168f796887-48256'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p data-pm-slice=\"1 1 []\">Yes. OCS can support conversions, infrastructure upgrades and additional capacity within live data centre environments. Our teams plan work around operational risk, safety, resilience and continuity, coordinating design, construction, commissioning and handover while protecting existing services.<\/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>Full lifecycle data centre solutions for design, construction, management and maintenance of resilient, efficient and future ready infrastructure.<\/p>\n","protected":false},"featured_media":10000028609,"parent":179,"menu_order":21,"template":"","class_list":["post-48183","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 Design, Build, Manage and Maintain - OCS - UK<\/title>\n<meta name=\"description\" content=\"Full lifecycle data centre solutions for design, construction, management and maintenance of resilient, efficient and future ready infrastructure.\" \/>\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\/design-build-manage-maintain\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Data Centre Design, Build, Manage and Maintain\" \/>\n<meta property=\"og:description\" content=\"Full lifecycle data centre solutions for design, construction, management and maintenance of resilient, efficient and future ready infrastructure.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ocs.com\/uk\/sectors\/data-centres\/design-build-manage-maintain\/\" \/>\n<meta property=\"og:site_name\" content=\"OCS - UK\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-25T11:59:04+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\\\/design-build-manage-maintain\\\/\",\"url\":\"https:\\\/\\\/ocs.com\\\/uk\\\/sectors\\\/data-centres\\\/design-build-manage-maintain\\\/\",\"name\":\"Data Centre Design, Build, Manage and Maintain - OCS - UK\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/sectors\\\/data-centres\\\/design-build-manage-maintain\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/sectors\\\/data-centres\\\/design-build-manage-maintain\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ocs.com\\\/app\\\/uploads\\\/2026\\\/08\\\/OCS-Data-Centre-Services-Full-Width.jpg\",\"datePublished\":\"2026-08-19T12:40:44+00:00\",\"dateModified\":\"2026-09-25T11:59:04+00:00\",\"description\":\"Full lifecycle data centre solutions for design, construction, management and maintenance of resilient, efficient and future ready infrastructure.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/sectors\\\/data-centres\\\/design-build-manage-maintain\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ocs.com\\\/uk\\\/sectors\\\/data-centres\\\/design-build-manage-maintain\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/sectors\\\/data-centres\\\/design-build-manage-maintain\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ocs.com\\\/app\\\/uploads\\\/2026\\\/08\\\/OCS-Data-Centre-Services-Full-Width.jpg\",\"contentUrl\":\"https:\\\/\\\/ocs.com\\\/app\\\/uploads\\\/2026\\\/08\\\/OCS-Data-Centre-Services-Full-Width.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/sectors\\\/data-centres\\\/design-build-manage-maintain\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ocs.com\\\/uk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Data Centres Services\",\"item\":\"https:\\\/\\\/ocs.com\\\/uk\\\/sectors\\\/data-centres\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Data Centre Design, Build, Manage and Maintain\"}]},{\"@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 Design, Build, Manage and Maintain - OCS - UK","description":"Full lifecycle data centre solutions for design, construction, management and maintenance of resilient, efficient and future ready infrastructure.","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\/design-build-manage-maintain\/","og_locale":"en_GB","og_type":"article","og_title":"Data Centre Design, Build, Manage and Maintain","og_description":"Full lifecycle data centre solutions for design, construction, management and maintenance of resilient, efficient and future ready infrastructure.","og_url":"https:\/\/ocs.com\/uk\/sectors\/data-centres\/design-build-manage-maintain\/","og_site_name":"OCS - UK","article_modified_time":"2026-09-25T11:59:04+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\/design-build-manage-maintain\/","url":"https:\/\/ocs.com\/uk\/sectors\/data-centres\/design-build-manage-maintain\/","name":"Data Centre Design, Build, Manage and Maintain - OCS - UK","isPartOf":{"@id":"https:\/\/ocs.com\/uk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ocs.com\/uk\/sectors\/data-centres\/design-build-manage-maintain\/#primaryimage"},"image":{"@id":"https:\/\/ocs.com\/uk\/sectors\/data-centres\/design-build-manage-maintain\/#primaryimage"},"thumbnailUrl":"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Full-Width.jpg","datePublished":"2026-08-19T12:40:44+00:00","dateModified":"2026-09-25T11:59:04+00:00","description":"Full lifecycle data centre solutions for design, construction, management and maintenance of resilient, efficient and future ready infrastructure.","breadcrumb":{"@id":"https:\/\/ocs.com\/uk\/sectors\/data-centres\/design-build-manage-maintain\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ocs.com\/uk\/sectors\/data-centres\/design-build-manage-maintain\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/ocs.com\/uk\/sectors\/data-centres\/design-build-manage-maintain\/#primaryimage","url":"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Full-Width.jpg","contentUrl":"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Data-Centre-Services-Full-Width.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/ocs.com\/uk\/sectors\/data-centres\/design-build-manage-maintain\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ocs.com\/uk\/"},{"@type":"ListItem","position":2,"name":"Data Centres Services","item":"https:\/\/ocs.com\/uk\/sectors\/data-centres\/"},{"@type":"ListItem","position":3,"name":"Data Centre Design, Build, Manage and Maintain"}]},{"@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\/48183","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":95,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/sectors\/48183\/revisions"}],"predecessor-version":[{"id":48960,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/sectors\/48183\/revisions\/48960"}],"up":[{"embeddable":true,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/sectors\/179"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ocs.com\/uk\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/media?parent=48183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}