{"id":212,"date":"2023-09-27T07:33:54","date_gmt":"2023-09-27T06:33:54","guid":{"rendered":"https:\/\/ocs.test\/wp\/?post_type=services&#038;p=212"},"modified":"2026-04-03T10:35:22","modified_gmt":"2026-04-03T09:35:22","slug":"hard-services","status":"publish","type":"services","link":"https:\/\/ocs.com\/uk\/services\/hard-services\/","title":{"rendered":"Hard Services"},"content":{"rendered":"\n    <section x-data=\"fullWidthBanner\" class=\"w-full pb-10 md:pb-[72px]\">\n        <div x-ref=\"fullWidthSlider\" 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\/1174844454\/rendition\/1080p\/file.mp4%20%281080p%29.mp4?loc=external&#038;signature=3a0a12d69aedbbce59141ffabf6326e3a9c86ffbcb62e49b51a2da40f5af11ce\"  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 bg-ocs-orange group-hover:bg-ocs-orange-dark 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-4 lg:gap-5\">\n                                                                            <div class=\"flex flex-wrap items-center gap-[18px] mb-2 max-w-[654px]\">\n                                                                                    <\/div>\n                                                                                                                                                            <h1 class=\"text-white text-[40px] font-medium leading-[44px] -tracking-[0.5px] lg:text-[52px] lg:leading-[58px] text-crop max-w-[654px]\">\n                                                Hard FM Services                                            <\/h1>\n                                                                                                                                                        <p class=\"text-white text-[22px] leading-[30px] -tracking-[0.5px] text-crop max-w-[654px]\">\n                                            With thousands of mobile and static engineers delivering UK-wide coverage, OCS Hard Services provides the scale and expertise to deliver both multi-site, route-based services and dedicated static site engineering support for projects.                                        <\/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-primary\" target=\"\">\n                                                    Connect with our Team                                                <\/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 bg-ocs-orange group-hover:bg-ocs-orange-dark text-white rounded-full\">\n                                                <svg x-show=\"videoPlaying\" x-cloak class=\"w-5 h-5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n                                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.75 5.25v13.5m-7.5-13.5v13.5\" \/>\n                                                <\/svg>\n                                                <svg x-show=\"!videoPlaying\" x-cloak class=\"w-5 h-5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                    <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 4.99c0-.972 0-1.457.202-1.725a1 1 0 0 1 .738-.395c.335-.02.74.25 1.548.788l10.515 7.01c.668.446 1.002.668 1.118.949a1 1 0 0 1 0 .766c-.116.28-.45.503-1.118.948l-10.515 7.01c-.809.54-1.213.809-1.548.789a1 1 0 0 1-.738-.395C5 20.467 5 19.98 5 19.01V4.99Z\" \/>\n                                                <\/svg>\n                                            <\/button>\n                                                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/li>\n                                    <\/ul>\n            <\/div>\n        <\/div>\n        <\/section>\n\n    <section x-data=\"statsLogos\" id=\"block_acf-block-69cf89d8de786\"  class=\"max-w-8xl mx-auto px-4 overflow-hidden py-6 md:py-16\">\n        <div class=\"rounded-[32px] pb-8 flex flex-col gap-16 relative justify-center\" style=\"background-color: #FFFFFF\">\n            <div class=\"px-6 md:px-10 xl:px-[72px]\">\n                <div class=\"relative grid gap-12\">\n            <div class=\"max-w-[864px] mx-auto flex flex-col gap-6\">\n\n                            <h2 class=\"text-4xl lg:text-[44px] leading-[44px] lg:leading-[54px] -tracking-[0.5px] font-medium text-crop text-ocs-gray-nav text-center\">\n                    OCS Hard Services Division in Numbers                <\/h2>\n            \n            \n        <\/div>\n    \n            <ul class=\"grid sm:grid-cols-2 xl:grid-cols-4 gap-6\">\n                                                <li class=\"flex flex-col rounded-3xl bg-white border border-[#ECECF2] justify-between px-6 py-8 gap-6\">\n                        <div class=\"flex flex-col items-start gap-8\">\n                            <div class=\"p-2 flex flex-none items-center justify-center rounded-full bg-[#E34E21]\/25 border-[#E34E21]\/10 border-8 bg-clip-padding\">\n                                                                    <picture>\n                                        <source srcset=\"https:\/\/ucarecdn.com\/8f566ae6-93eb-4678-a749-b64b7413e34d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" type=\"image\/jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/8f566ae6-93eb-4678-a749-b64b7413e34d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"w-6 h-full flex flex-none object-cover object-center\" alt=\"\">\n                                    <\/picture>\n                                                            <\/div>\n                                                            <h3 class=\"text-ocs-orange font-medium text-[24px] sm:text-[32px] leading-[30px] sm:leading-[40px] -tracking-[0.5px] text-crop md:font-semibold\">\n                                    <span x-intersect.once=\"animateNumber($el)\">125<\/span>yrs                                <\/h3>\n                                                    <\/div>\n                                                    <p class=\"text-ocs-blue-navy font-medium text-xl leading-7\">\n                                Experience in technical services and innovation                            <\/p>\n                                            <\/li>\n                                                                <li class=\"flex flex-col rounded-3xl bg-white border border-[#ECECF2] justify-between px-6 py-8 gap-6\">\n                        <div class=\"flex flex-col items-start gap-8\">\n                            <div class=\"p-2 flex flex-none items-center justify-center rounded-full bg-[#E34E21]\/25 border-[#E34E21]\/10 border-8 bg-clip-padding\">\n                                                                    <picture>\n                                        <source srcset=\"https:\/\/ucarecdn.com\/8f566ae6-93eb-4678-a749-b64b7413e34d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" type=\"image\/jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/8f566ae6-93eb-4678-a749-b64b7413e34d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"w-6 h-full flex flex-none object-cover object-center\" alt=\"\">\n                                    <\/picture>\n                                                            <\/div>\n                                                            <h3 class=\"text-ocs-orange font-medium text-[24px] sm:text-[32px] leading-[30px] sm:leading-[40px] -tracking-[0.5px] text-crop md:font-semibold\">\n                                    <span x-intersect.once=\"animateNumber($el)\">850000<\/span>+                                <\/h3>\n                                                    <\/div>\n                                                    <p class=\"text-ocs-blue-navy font-medium text-xl leading-7\">\n                                Technical inspections completed every year                            <\/p>\n                                            <\/li>\n                                                                <li class=\"flex flex-col rounded-3xl bg-white border border-[#ECECF2] justify-between px-6 py-8 gap-6\">\n                        <div class=\"flex flex-col items-start gap-8\">\n                            <div class=\"p-2 flex flex-none items-center justify-center rounded-full bg-[#E34E21]\/25 border-[#E34E21]\/10 border-8 bg-clip-padding\">\n                                                                    <picture>\n                                        <source srcset=\"https:\/\/ucarecdn.com\/8f566ae6-93eb-4678-a749-b64b7413e34d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" type=\"image\/jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/8f566ae6-93eb-4678-a749-b64b7413e34d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"w-6 h-full flex flex-none object-cover object-center\" alt=\"\">\n                                    <\/picture>\n                                                            <\/div>\n                                                            <h3 class=\"text-ocs-orange font-medium text-[24px] sm:text-[32px] leading-[30px] sm:leading-[40px] -tracking-[0.5px] text-crop md:font-semibold\">\n                                    <span x-intersect.once=\"animateNumber($el)\">240000<\/span>+                                <\/h3>\n                                                    <\/div>\n                                                    <p class=\"text-ocs-blue-navy font-medium text-xl leading-7\">\n                                Reactive work orders carried out each year                            <\/p>\n                                            <\/li>\n                                                                <li class=\"flex flex-col rounded-3xl bg-white border border-[#ECECF2] justify-between px-6 py-8 gap-6\">\n                        <div class=\"flex flex-col items-start gap-8\">\n                            <div class=\"p-2 flex flex-none items-center justify-center rounded-full bg-[#E34E21]\/25 border-[#E34E21]\/10 border-8 bg-clip-padding\">\n                                                                    <picture>\n                                        <source srcset=\"https:\/\/ucarecdn.com\/8f566ae6-93eb-4678-a749-b64b7413e34d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" type=\"image\/jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/8f566ae6-93eb-4678-a749-b64b7413e34d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"w-6 h-full flex flex-none object-cover object-center\" alt=\"\">\n                                    <\/picture>\n                                                            <\/div>\n                                                            <h3 class=\"text-ocs-orange font-medium text-[24px] sm:text-[32px] leading-[30px] sm:leading-[40px] -tracking-[0.5px] text-crop md:font-semibold\">\n                                    <span x-intersect.once=\"animateNumber($el)\">4000<\/span>+                                <\/h3>\n                                                    <\/div>\n                                                    <p class=\"text-ocs-blue-navy font-medium text-xl leading-7\">\n                                In-house technical and engineering colleagues                            <\/p>\n                                            <\/li>\n                                    <\/ul>\n    <\/div>            <\/div>\n\n                            <div class=\"relative w-full lg:max-w-8xl flex flex-col gap-12 text-center justify-center items-center\">\n                                            <p class=\"px-6 md:px-10 xl:px-[72px] text-ocs-gray-nav text-xl leading-[26px]\">\n                            Delivering Hard Services Excellence and the Best Customer Outcomes                        <\/p>\n                    \n                    \n                    <div\n                        class=\"absolute z-10 w-8 h-[106px] bottom-0 -left-px from-transparent to-white bg-gradient-to-l from-0% to-100%\">\n                    <\/div>\n                    <div x-ref=\"statsLogosSlider\" class=\"splide stats-logos-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 h-[106px] w-[206px] bg-[#FFF] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/df2f9913-1801-47c0-9353-5dab9648f051\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"\">\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 h-[106px] w-[206px] bg-[#FFF] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/4ee17313-cc3f-4f95-97f2-76f02ce87a84\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Government Property Agency 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 h-[106px] w-[206px] bg-[#FFF] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/0db99e53-ae7d-430e-9dba-a2eb8d3e6885\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Scottish Courts and Tribunals 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 h-[106px] w-[206px] bg-[#FFF] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/63bcd4e2-76a8-4bee-8e37-d0687a5531b4\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"R&#038;A 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 h-[106px] w-[206px] bg-[#FFF] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/081d40d5-6cf5-4427-b05d-f771b34a1647\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Logo of the University of East Anglia, featuring the initials UEA with a pink star at the intersection, followed by the text University of East Anglia in black.\">\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 h-[106px] w-[206px] bg-[#FFF] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/7e4062ed-f4f3-4bdf-abd0-efc6f156ebb4\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Logo of Worcestershire. A black square placeholder image with no visible content or details.\">\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 h-[106px] w-[206px] bg-[#FFF] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/2bddefd2-75d8-42d9-9959-d1650982d05a\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Logo showing a multicolored, interwoven design next to the text Brent Works in bold black letters. The design features overlapping loops in green, blue, purple, orange, red, and teal.\">\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 h-[106px] w-[206px] bg-[#FFF] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/e22e48bb-e11c-4318-a8e3-43572ce645d9\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Logo of National Galleries Scotland, featuring a pink rectangle overlapping a teal rectangle, with the text National Galleries Scotland in white, stylised letters on the pink background.\">\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 h-[106px] w-[206px] bg-[#FFF] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/3b42cf82-814d-443e-b06d-0fdbd07d9753\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Post Office logo. A red oval logo with the words Post Office written in white capital letters. A small registered trademark symbol is located in the upper right corner.\">\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 h-[106px] w-[206px] bg-[#FFF] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/c4828fd8-6063-47c5-b328-ca48d05d715a\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Logo of The Royal Parks features a stylized black crown with leaf motifs on the left, and the words THE ROYAL PARKS in uppercase black letters on the right. The design is simple and elegant.\">\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 h-[106px] w-[206px] bg-[#FFF] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/c1253a53-4932-4be2-86a5-692a81b12e6e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Logo of Stirling Council featuring a stylized green S with a purple arc crossing it. The words Stirling Council are written around the S in purple text.\">\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 h-[106px] w-[206px] bg-[#FFF] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/73800987-a534-4762-bb45-744615872822\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"The University of Edinburgh logo features a red circle with a white and blue shield containing a book, a thistle, and a castle. The text The University of Edinburgh encircles the shield.\">\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 h-[106px] w-[206px] bg-[#FFF] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/35789a76-6885-427b-b449-47cda1bf9c7f\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Logo of the British Geological Survey featuring the initials BGS inside a circle with a crown above. The text British Geological Survey is written to the right. The colors used are dark blue and gold.\">\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 h-[106px] w-[206px] bg-[#FFF] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/2b5f9ac6-90a4-4746-90ac-231273163dc4\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Logo of Scottish Canals, featuring a navy semi-circle with concentric arcs on the left and the text Scottish Canals in navy on the right.\">\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 h-[106px] w-[206px] bg-[#FFF] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/61e27230-4e14-4821-8c72-cd687504f1b5\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Logo of Scottish &#038; Southern Electricity Networks, featuring blue and silver curved lines on the left and the company name in blue and gray text on the right.\">\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 h-[106px] w-[206px] bg-[#FFF] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/ecb3c44a-7af2-443f-bb71-00bd5b335dba\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Logo of the City of Glasgow College. CITY is in large gray letters, while OF GLASGOW COLLEGE is smaller and in purple.\">\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 h-[106px] w-[206px] bg-[#FFF] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/428eb785-d607-499c-be4b-fa875cc2d184\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"The image displays the text SOUTHBANK CENTRE in bold, black capital letters on a white background.\">\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 h-[106px] w-[206px] bg-[#FFF] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/6d90a1f9-273b-48c1-a7fa-b0362fd35d3d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"A glass of water reflects a scenic landscape with blue sky and green trees. Beside the glass, the text reads Scottish Water Horizons in blue and green lettering.\">\n                                        <\/a>\n                                    <\/li>\n                                                            <\/ul>\n                        <\/div>\n                    <\/div>\n                    <div\n                        class=\"absolute z-10 w-8 h-[106px] bottom-0 right-0 from-transparent to-white bg-gradient-to-r from-0% to-100%\">\n                    <\/div>\n\n                <\/div>\n                    <\/div>\n    <\/section>\n\n\n\n\n    <section id=\"block_acf-block-69cf89d8df042\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 py-6 md:py-[72px]\">\n        <div class=\"w-full px-4  py-8 md:p-8 lg:p-[54px] rounded-3xl\" style=\"background-color: #F6F6FA\">\n            <div class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row-reverse \">\n            <div class=\"relative w-full lg:w-1\/2  h-[400px]  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-auto rounded-3xl \">\n                            <picture>\n                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/04\/OCS-Hard-Services-Engineer-Square-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/04\/OCS-Hard-Services-Engineer-Square-1024x1024.jpg\" type=\"image\/jpg\">\n                    <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/04\/OCS-Hard-Services-Engineer-Square-1024x1024.jpg\" alt=\"A confident worker wearing a hard hat, safety glasses, and a high-visibility vest stands with folded arms in an industrial setting, with machinery and safety lines visible in the background.\" class=\"object-cover w-full h-full rounded-3xl\" \/>\n                <\/picture>\n                    <\/div>\n                <div class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-8 lg:py-6\">\n                            <h2 class=\"text-ocs-gray-nav font-medium text-[36px] md:text-[44px] lg:mb-2 leading-[44px] md:leading-[54px] text-crop\">Hard Services Expertise for Every Sector<\/h2>\n                                        <div class=\"text-ocs-gray-nav prose\">\n                    <p>Our in-house capabilities include mechanical, electrical, and plumbing (MEP), HVAC installation and maintenance, prefabrication, structural maintenance and decarbonisation and energy solutions.<\/p>\n<p><span data-contrast=\"auto\">We enhance performance and drive sustainability across critical infrastructure and essential facilities, making OCS the UK\u2019s leading Hard Services team.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:278}\">\u00a0<\/span><\/p>\n                <\/div>\n                        <!-- icons -->\n                            <div>\n                                            \n<div class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"bg-ocs-orange-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"bg-ocs-orange 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            Capital Projects        <\/div>\n    <\/div>                                            \n<div class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"bg-ocs-orange-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"bg-ocs-orange 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            Planned &amp; Preventative Maintenance (PPM)        <\/div>\n    <\/div>                                            \n<div class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"bg-ocs-orange-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"bg-ocs-orange 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            Reactive Maintenance &amp; Minor Works        <\/div>\n    <\/div>                                    <\/div>\n                        <!-- buttons -->\n                            <div 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-primary \"  target=\"_self\" >\n    Connect With Our Team <\/a>                                                            <\/div>\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>        <\/div>\n    <\/section>\n\n\n        <section id=\"capital-projects\"  x-data=\"{valueHovered: 0, currentImage: '', currentAlt: '',\n        init(){\n            this.currentImage = 'https:\/\/ucarecdn.com\/e0fec0f5-f575-41a8-9c3b-ced43a0138bd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/';\n            this.currentAlt = 'Three construction workers in high-visibility jackets and hard hats stand in a field, reviewing plans on a clipboard. Industrial scaffolding and cloudy skies are in the background.';\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 \">\n        <div class=\" py-6 md:py-[72px] px-4 md:px-10 xl:px-[72px] rounded-[32px] flex flex-col gap-10 md:gap-12 lg:gap-[72px] #FFFFFF\" style=\"background-color:#FFFFFF\">\n            <div class=\"flex flex-col items-center justify-center gap-6 w-full mx-auto\">\n                                    <h2 class=\"text-crop text-center text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Delivering Capital Projects, Planned Maintenance, Reactive Repairs &amp; Minor Works<\/h2>\n                                                            <\/div>\n                            <div class=\"flex flex-col lg:flex-row w-full h-full gap-16\">\n                    <div class=\"hidden lg:block relative 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=\"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 @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/e0fec0f5-f575-41a8-9c3b-ced43a0138bd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', 'Three construction workers in high-visibility jackets and hard hats stand in a field, reviewing plans on a clipboard. Industrial scaffolding and cloudy skies are in the background.', '0')\" @mouseleave=\"valueHovered == null\" class=\"relative 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=\"lg:hidden relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/e0fec0f5-f575-41a8-9c3b-ced43a0138bd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/e0fec0f5-f575-41a8-9c3b-ced43a0138bd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/e0fec0f5-f575-41a8-9c3b-ced43a0138bd\/-\/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=\"Three construction workers in high-visibility jackets and hard hats stand in a field, reviewing plans on a clipboard. Industrial scaffolding and cloudy skies are in the background.\">\n                                        <\/picture>\n                                    <\/div>\n\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]\">Capital Projects<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">We specialise in large-scale capital projects, providing sustainable construction and renovation solutions from concept to completion, ensuring long-term efficiency, resilience, and compliance.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/881ab9c7-99e6-4f2a-9fa2-fa2e5756b43c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', 'A worker in high-visibility clothing and a hard hat uses a tablet to inspect an open electrical panel. The panel contains wires and circuit breakers. The setting appears to be an industrial or construction site.', '1')\" @mouseleave=\"valueHovered == null\" class=\"relative 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=\"lg:hidden relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/881ab9c7-99e6-4f2a-9fa2-fa2e5756b43c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/881ab9c7-99e6-4f2a-9fa2-fa2e5756b43c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/881ab9c7-99e6-4f2a-9fa2-fa2e5756b43c\/-\/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 in high-visibility clothing and a hard hat uses a tablet to inspect an open electrical panel. The panel contains wires and circuit breakers. The setting appears to be an industrial or construction site.\">\n                                        <\/picture>\n                                    <\/div>\n\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]\">Planned Preventative Maintenance (PPM)<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Scheduled checks and servicing prevent breakdowns, ensuring efficiency and minimising failures. We offer statutory-compliant, SFG-integrated, or bespoke data-driven maintenance solutions.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/3d1de64a-8d82-4a6d-8796-2df9f55809bd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', 'Two workers wearing safety gear inspect machinery in an industrial setting with a network of grey pipes and valves overhead. The sky is partly cloudy in the background.', '2')\" @mouseleave=\"valueHovered == null\" class=\"relative 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=\"lg:hidden relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/3d1de64a-8d82-4a6d-8796-2df9f55809bd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/3d1de64a-8d82-4a6d-8796-2df9f55809bd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/3d1de64a-8d82-4a6d-8796-2df9f55809bd\/-\/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=\"Two workers wearing safety gear inspect machinery in an industrial setting with a network of grey pipes and valves overhead. The sky is partly cloudy in the background.\">\n                                        <\/picture>\n                                    <\/div>\n\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]\">Reactive Maintenance<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Rapid, specialist response to diagnose and resolve issues, minimising downtime and maximising efficiency. Supported by agile workforce management and real-time route planning for seamless operations.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/395748b0-82f1-4a80-ba3b-2865175344d0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', 'Two individuals wearing hard hats and orange safety vests work on rooftop HVAC units. One person kneels and uses a tool on a unit, while the other stands in the background. A cityscape is visible in the distance. Sky is clear and sunny.', '3')\" @mouseleave=\"valueHovered == null\" class=\"relative 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=\"lg:hidden relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/395748b0-82f1-4a80-ba3b-2865175344d0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/395748b0-82f1-4a80-ba3b-2865175344d0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/395748b0-82f1-4a80-ba3b-2865175344d0\/-\/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=\"Two individuals wearing hard hats and orange safety vests work on rooftop HVAC units. One person kneels and uses a tool on a unit, while the other stands in the background. A cityscape is visible in the distance. Sky is clear and sunny.\">\n                                        <\/picture>\n                                    <\/div>\n\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]\">Minor Project Works<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Targeted upgrades &#8211; including lighting enhancements, boiler replacements, and full fit-outs &#8211; designed to improve efficiency, enhance reliability, and optimise overall performance.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/section>\n\n\n\n    <section id=\"advanced-capabilities\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 py-6 md:py-[72px]\">\n        <div class=\"w-full px-4  py-8 md:p-8 lg:p-[54px] rounded-3xl\" style=\"background-color: #F6F6FA\">\n            <div class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row-reverse \">\n            <div class=\"relative w-full lg:w-1\/2 overflow-auto rounded-3xl \">\n                                                \n<div class=\"mx-auto bg-ocs-orange-light relative video_embed group w-full max-w-[1264px] !rounded-[30px] overflow-hidden \">\n    <div class=\"player w-full h-full min-h-[792px] !rounded-[30px] \" data-poster=\" https:\/\/ocs.com\/app\/uploads\/2026\/04\/Hard-Services-Video-Thumbnail.jpg\" data-plyr-provider=\"vimeo\" data-plyr-embed-id=\"https:\/\/vimeo.com\/1179608218?share=copy&#038;fl=sv&#038;fe=ci\"><\/div>\n<\/div>                                    <\/div>\n                <div class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-8 lg:py-6\">\n                            <h2 class=\"text-ocs-gray-nav font-medium text-[36px] md:text-[44px] lg:mb-2 leading-[44px] md:leading-[54px] text-crop\">Advanced Capabilities That Keep Buildings Performing<\/h2>\n                                        <div class=\"text-ocs-gray-nav prose\">\n                    <p>OCS Hard Services helps customers protect critical assets, maintain compliance and keep operations running smoothly across complex environments. Backed by engineering expertise, data insight, our technical specialists deliver reliable support that strengthens resilience and drives long-term performance.<\/p>\n<p>From installation and maintenance through to optimisation and net zero transition, we deliver the technical outcomes buildings and people depend on.<\/p>\n                <\/div>\n                        <!-- icons -->\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>        <\/div>\n    <\/section>\n\n\n        <section id=\"technical-services\"  class=\"flex flex-col py-6 md:py-[44px] max-w-8xl mx-auto px-4 overflow-hidden\" >\n                <div class=\" rounded-[32px]\n                px-6                md:px-[42px] lg:px-[72px]            \" style=\"background-color: #FFFFFF\" >\n                                <div class=\"mb-10 flex flex-col lg:flex-row items-start lg:items-end justify-between gap-6\">\n                    <div class=\"flex flex-col items-start justify-start gap-6 w-full max-w-[926px]\">\n                                    <h2 class=\"text-crop text-[36px] lg:text-[44px] leading-[44px] lg:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Technical Services<\/h2>\n                                                    <p class=\"text-ocs-blue-navy text-xl\">Go beyond reactive maintenance, achieve resilient, safer, and more sustainable operations that align with your strategic goals.<\/p>\n                            <\/div>\n                                        \n<a href=\"https:\/\/ocs.com\/uk\/services\/hard-services#contact-form\" class=\"w-full max-w-fit text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black  btn-primary \"  target=\"_self\" >\n    Connect With Our Team <\/a>            <\/div>\n    <ul class=\"grid gap-8 grid-cols-1  md:grid-cols-2 lg:grid-cols-3 \">\n                                                        <li class=\"flex flex-col items-center justify-start gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                                                    <div class=\"w-full h-full flex flex-col focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n\n                                                                                                    \n                                <div class=\"relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/a2383d25-86aa-4936-92bc-cb3c86fca8e0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Mechanical, Electrical and Plumbing \">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"-mt-8 relative z-20 flex flex-col  bg-[#FDF9F8]  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                                    <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                                                    <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Mechanical, Electrical and Plumbing <\/h3>\n                                                                                                                    <\/div>\n                                                                            <p class=\"text-ocs-blue-navy line-clamp-3\">Comprehensive MEP solutions covering design, installation, and maintenance to ensure peak performance and compliance.<\/p>\n                                                                    <\/div>\n                            <\/div>\n                                                <\/li>\n                                                                                    <li class=\"flex flex-col items-center justify-start gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                                                    <div class=\"w-full h-full flex flex-col focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n\n                                                                                                    \n                                <div class=\"relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/cb8ba0af-0b0e-4aff-a013-1ab9cd0c74b1\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Fire Safety and Security Systems \u200b\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"-mt-8 relative z-20 flex flex-col  bg-[#FDF9F8]  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                                    <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                                                    <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Fire Safety and Security Systems \u200b<\/h3>\n                                                                                                                    <\/div>\n                                                                            <p class=\"text-ocs-blue-navy line-clamp-3\">We design, install, test, and maintain critical life safety systems for smooth business operations. <\/p>\n                                                                    <\/div>\n                            <\/div>\n                                                <\/li>\n                                                                                    <li class=\"flex flex-col items-center justify-start gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                                                    <div class=\"w-full h-full flex flex-col focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n\n                                                                                                    \n                                <div class=\"relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/1ee62415-4472-4d08-834f-035af0de20a7\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Heating, Ventilation, and Air Conditioning (HVAC)\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"-mt-8 relative z-20 flex flex-col  bg-[#FDF9F8]  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                                    <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                                                    <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Heating, Ventilation, and Air Conditioning (HVAC)<\/h3>\n                                                                                                                    <\/div>\n                                                                            <p class=\"text-ocs-blue-navy line-clamp-3\">Advanced climate control solutions for large-scale facilities and critical environments.<\/p>\n                                                                    <\/div>\n                            <\/div>\n                                                <\/li>\n                                                                                    <li class=\"flex flex-col items-center justify-start gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                                                    <div class=\"w-full h-full flex flex-col focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n\n                                                                                                    \n                                <div class=\"relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/08459a2f-4775-4d12-96ca-1b84ab60f906\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Building Fabric Maintenance\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"-mt-8 relative z-20 flex flex-col  bg-[#FDF9F8]  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                                    <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                                                    <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Building Fabric Maintenance<\/h3>\n                                                                                                                    <\/div>\n                                                                            <p class=\"text-ocs-blue-navy line-clamp-3\">We specialise in building fabric maintenance, ensuring safety, durability, and alignment with your operational goals.<\/p>\n                                                                    <\/div>\n                            <\/div>\n                                                <\/li>\n                                                                                    <li class=\"flex flex-col items-center justify-start gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                                                    <div class=\"w-full h-full flex flex-col focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n\n                                                                                                    \n                                <div class=\"relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/d1d90b6a-b654-4a6e-a649-9e25228f7722\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Asset and Lifecycle Management \">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"-mt-8 relative z-20 flex flex-col  bg-[#FDF9F8]  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                                    <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                                                    <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Asset and Lifecycle Management <\/h3>\n                                                                                                                    <\/div>\n                                                                            <p class=\"text-ocs-blue-navy line-clamp-3\">Comprehensive asset management with full lifecycle, cost-driven strategies aligned to ISO 55000 standards.<\/p>\n                                                                    <\/div>\n                            <\/div>\n                                                <\/li>\n                                                                                    <li class=\"flex flex-col items-center justify-start gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                                                    <div class=\"w-full h-full flex flex-col focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n\n                                                                                                    \n                                <div class=\"relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/97c4ad44-0d6a-4fa8-8315-90db5fc3d773\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Mobile Delivery and Help Desk\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"-mt-8 relative z-20 flex flex-col  bg-[#FDF9F8]  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                                    <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                                                    <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Mobile Delivery and Help Desk<\/h3>\n                                                                                                                    <\/div>\n                                                                            <p class=\"text-ocs-blue-navy line-clamp-3\">Our expert mobile teams and 24\/7 help desk ensure seamless, nationwide service with over 85% self-delivery.<\/p>\n                                                                    <\/div>\n                            <\/div>\n                                                <\/li>\n                                        <\/ul>\n                    <\/div>\n    <\/section>\n\n\n        <section id=\"block_acf-block-69cf89d8df158\"  x-data=\"{valueHovered: 0, currentImage: '', currentAlt: '',\n        init(){\n            this.currentImage = 'https:\/\/ucarecdn.com\/c553ad11-03c9-4455-8dff-b4d37520ffbe\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/';\n            this.currentAlt = 'Two workers in orange safety vests and white helmets stand between rows of solar panels, inspecting them. The panels are aligned in a field under a clear blue sky, capturing sunlight for energy.';\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 class=\"py-8 md:py-14 lg:py-16  px-4 md:px-10 xl:px-[72px] rounded-[32px] flex flex-col gap-10 md:gap-12 lg:gap-[72px] #F7FBF7\" style=\"background-color:#F7FBF7\">\n            <div class=\"flex flex-col items-center justify-center gap-6 w-full mx-auto\">\n                                    <h2 class=\"text-crop text-center text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">OCS Energy Services\u2122<\/h2>\n                                                    <p class=\"text-center text-ocs-blue-navy text-xl\">Delivering measurable carbon reduction and energy performance &#8211; for net zero and beyond.<\/p>\n                                            <\/div>\n                            <div class=\"flex flex-col lg:flex-row w-full h-full gap-16\">\n                    <div class=\"hidden lg:block relative 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=\"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 @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/c553ad11-03c9-4455-8dff-b4d37520ffbe\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', 'Two workers in orange safety vests and white helmets stand between rows of solar panels, inspecting them. The panels are aligned in a field under a clear blue sky, capturing sunlight for energy.', '0')\" @mouseleave=\"valueHovered == null\" class=\"relative 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=\"lg:hidden relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/c553ad11-03c9-4455-8dff-b4d37520ffbe\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/c553ad11-03c9-4455-8dff-b4d37520ffbe\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/c553ad11-03c9-4455-8dff-b4d37520ffbe\/-\/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=\"Two workers in orange safety vests and white helmets stand between rows of solar panels, inspecting them. The panels are aligned in a field under a clear blue sky, capturing sunlight for energy.\">\n                                        <\/picture>\n                                    <\/div>\n\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]\">Energy Reporting, Compliance and Net Zero Consultancy Services<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Comprehensive management, compliance, and Net Zero services to help customers achieve sustainability goals and meet requirements.<\/p>\n                                                                                                                            <a href=\"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/\" class=\"text-[#F24109] font-medium underline underline-offset-4 decoration-[#F24109] decoration-2 hover:text-ocs-black hover:decoration-ocs-black transition duration-150 ease-in\">Find out more<\/a>\n                                                                            <\/div>\n                                <\/li>\n                                                            <li @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/4694775e-38b8-4ad5-a9e7-f97ec2aa866d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', 'A person wearing a white hard hat, safety goggles, and an orange safety vest is using a tablet in an industrial setting. They are standing indoors with a blurred background of metal beams and machinery.', '1')\" @mouseleave=\"valueHovered == null\" class=\"relative 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=\"lg:hidden relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/4694775e-38b8-4ad5-a9e7-f97ec2aa866d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/4694775e-38b8-4ad5-a9e7-f97ec2aa866d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4694775e-38b8-4ad5-a9e7-f97ec2aa866d\/-\/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 person wearing a white hard hat, safety goggles, and an orange safety vest is using a tablet in an industrial setting. They are standing indoors with a blurred background of metal beams and machinery.\">\n                                        <\/picture>\n                                    <\/div>\n\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]\">Smart Building and Asset Optimisation <\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Advanced technology and data-driven insights to enhance efficiency, sustainability, and performance. \u200b<\/p>\n                                                                                                                            <a href=\"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/\" class=\"text-[#F24109] font-medium underline underline-offset-4 decoration-[#F24109] decoration-2 hover:text-ocs-black hover:decoration-ocs-black transition duration-150 ease-in\">Find out more<\/a>\n                                                                            <\/div>\n                                <\/li>\n                                                            <li @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/b841ed2c-494e-47e9-a6da-d0709c5e53ed\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', 'Pipes with red and black protective coatings are secured in a metallic structural frame outdoors. Silver clamps and bolts fasten the pipes, which are positioned parallel to each other, with clear skies visible in the background.', '2')\" @mouseleave=\"valueHovered == null\" class=\"relative 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=\"lg:hidden relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/b841ed2c-494e-47e9-a6da-d0709c5e53ed\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/b841ed2c-494e-47e9-a6da-d0709c5e53ed\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/b841ed2c-494e-47e9-a6da-d0709c5e53ed\/-\/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=\"Pipes with red and black protective coatings are secured in a metallic structural frame outdoors. Silver clamps and bolts fasten the pipes, which are positioned parallel to each other, with clear skies visible in the background.\">\n                                        <\/picture>\n                                    <\/div>\n\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]\">Decarbonisation and Energy E\ufb03ciency Projects <\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Engineered solutions to reduce energy, carbon emissions and cost, enhancing resilience and building health.\u200b<\/p>\n                                                                                                                            <a href=\"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/\" class=\"text-[#F24109] font-medium underline underline-offset-4 decoration-[#F24109] decoration-2 hover:text-ocs-black hover:decoration-ocs-black transition duration-150 ease-in\">Find out more<\/a>\n                                                                            <\/div>\n                                <\/li>\n                                                            <li @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/4e7e1195-cd46-4a67-82a8-61bff5c6c0aa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', 'A worker wearing a white hard hat and orange safety vest kneels on a solar panel installation, examining a tablet. The sky is clear and blue, reflecting off the solar panels.', '3')\" @mouseleave=\"valueHovered == null\" class=\"relative 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=\"lg:hidden relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/4e7e1195-cd46-4a67-82a8-61bff5c6c0aa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/4e7e1195-cd46-4a67-82a8-61bff5c6c0aa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4e7e1195-cd46-4a67-82a8-61bff5c6c0aa\/-\/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 white hard hat and orange safety vest kneels on a solar panel installation, examining a tablet. The sky is clear and blue, reflecting off the solar panels.\">\n                                        <\/picture>\n                                    <\/div>\n\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]\">Low Carbon Energy Solutions<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Sustainable energy infrastructure, EV solutions, solar PV, battery storage and renewable heat networks.\u200b<\/p>\n                                                                                                                            <a href=\"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/\" class=\"text-[#F24109] font-medium underline underline-offset-4 decoration-[#F24109] decoration-2 hover:text-ocs-black hover:decoration-ocs-black transition duration-150 ease-in\">Find out more<\/a>\n                                                                            <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/section>\n\n\n        <section id=\"block_acf-block-69cf89d8df1b8\"  class=\"flex flex-col py-6 md:py-[44px] max-w-8xl mx-auto px-4 overflow-hidden\" >\n                <div class=\" py-12 md:py-16  rounded-[32px]\n                px-6                md:px-[42px] lg:px-[72px]            \" style=\"background-color: #F6F6FA\" >\n                                <div class=\"mb-10 flex flex-col lg:flex-row items-start lg:items-end justify-between gap-6\">\n                    <div class=\"flex flex-col items-start justify-start gap-6 w-full max-w-[926px]\">\n                                    <h2 class=\"text-crop text-[36px] lg:text-[44px] leading-[44px] lg:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Capital Projects<\/h2>\n                                                    <p class=\"text-ocs-blue-navy text-xl\">Delivering large-scale capital projects with sustainable, efficient, and resilient construction and renovation solutions.<\/p>\n                            <\/div>\n                                        \n<a href=\"https:\/\/ocs.com\/uk\/services\/hard-services#contact-form\" class=\"w-full max-w-fit text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black  btn-primary \"  target=\"_self\" >\n    Connect With Our Team <\/a>            <\/div>\n    <ul class=\"grid gap-8 grid-cols-1  md:grid-cols-2 lg:grid-cols-3 \">\n                                                        <li class=\"flex flex-col items-center justify-start gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                                                    <div class=\"w-full h-full flex flex-col focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n\n                                                                                                    \n                                <div class=\"relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/a0bc74b5-4c05-422c-bfa1-8912cfe870dd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"End-to-End Design and Build Projects\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"-mt-8 relative z-20 flex flex-col  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                                    <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                                                    <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">End-to-End Design and Build Projects<\/h3>\n                                                                                                                    <\/div>\n                                                                            <p class=\"text-ocs-blue-navy line-clamp-3\">Full-cycle design and construction solutions tailored to clients\u2019 infrastructure and operational needs\u200b.<\/p>\n                                                                    <\/div>\n                            <\/div>\n                                                <\/li>\n                                                                                    <li class=\"flex flex-col items-center justify-start gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                                                    <div class=\"w-full h-full flex flex-col focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n\n                                                                                                    \n                                <div class=\"relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4f5d933e-2cb1-4a4f-8a0f-8144f95cfd3d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Lifecycle Replacement Programmes\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"-mt-8 relative z-20 flex flex-col  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                                    <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                                                    <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Lifecycle Replacement Programmes<\/h3>\n                                                                                                                    <\/div>\n                                                                            <p class=\"text-ocs-blue-navy line-clamp-3\">Planned asset replacement strategies to maintain operational e\ufb03ciency, reliability, and cost control over the asset lifecycle.\u200b<\/p>\n                                                                    <\/div>\n                            <\/div>\n                                                <\/li>\n                                                                                    <li class=\"flex flex-col items-center justify-start gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                                                    <div class=\"w-full h-full flex flex-col focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n\n                                                                                                    \n                                <div class=\"relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/14ec4ef7-e2a4-45eb-8cda-47abbb51a7f6\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Plant Replacement and Modernisation\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"-mt-8 relative z-20 flex flex-col  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                                    <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                                                    <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Plant Replacement and Modernisation<\/h3>\n                                                                                                                    <\/div>\n                                                                            <p class=\"text-ocs-blue-navy line-clamp-3\">Upgrades and modernises critical plant equipment to improve e\ufb03ciency, reliability, and compliance.\u200b<\/p>\n                                                                    <\/div>\n                            <\/div>\n                                                <\/li>\n                                                                                    <li class=\"flex flex-col items-center justify-start gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                                                    <div class=\"w-full h-full flex flex-col focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n\n                                                                                                    \n                                <div class=\"relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/83308856-7425-4b95-a947-5fb39dbf0980\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Communications and Network Infrastructure\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"-mt-8 relative z-20 flex flex-col  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                                    <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                                                    <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Communications and Network Infrastructure<\/h3>\n                                                                                                                    <\/div>\n                                                                            <p class=\"text-ocs-blue-navy line-clamp-3\">Design, install, and manage high-performance fibre, LAN, wireless, and IP telephony networks for critical sectors.\u200b<\/p>\n                                                                    <\/div>\n                            <\/div>\n                                                <\/li>\n                                                                                    <li class=\"flex flex-col items-center justify-start gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                                                    <div class=\"w-full h-full flex flex-col focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n\n                                                                                                    \n                                <div class=\"relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/beb51af8-32f3-45ca-80dd-b7eec32f3314\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"High Voltage (Above 33kV)\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"-mt-8 relative z-20 flex flex-col  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                                    <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                                                    <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">High Voltage (Above 33kV)<\/h3>\n                                                                                                                    <\/div>\n                                                                            <p class=\"text-ocs-blue-navy line-clamp-3\">OCS delivers expert high-voltage solutions above 33kV, ensuring reliable power with advanced infrastructure and safety.<\/p>\n                                                                    <\/div>\n                            <\/div>\n                                                <\/li>\n                                                                                    <li class=\"flex flex-col items-center justify-start gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                                                    <div class=\"w-full h-full flex flex-col focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n\n                                                                                                    \n                                <div class=\"relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/7e5ce931-74d4-4a39-a800-90f06557462d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Total Facilities Management\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"-mt-8 relative z-20 flex flex-col  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                                    <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                                                    <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Total Facilities Management<\/h3>\n                                                                                                                    <\/div>\n                                                                            <p class=\"text-ocs-blue-navy line-clamp-3\">Ensuring long-term value and operational efficiency of capital projects through facilities management services.<\/p>\n                                                                    <\/div>\n                            <\/div>\n                                                <\/li>\n                                        <\/ul>\n                    <\/div>\n    <\/section>\n\n\n    <section id=\"block_acf-block-69cf89d8df1ff\" class=\"max-w-8xl mx-auto px-4 md:px-12 lg:px-[88px] py-6 md:py-16 flex flex-col items-center gap-8 xl:gap-16 lg:flex-row\">\n        <div class=\"w-full lg:w-[534px] gap-8 flex flex-col items-start\">\n                            <h2 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 class=\"text-ocs-blue-navy text-xl leading-[26px]\">\n                    Certified to the highest standards, our teams combine expert training with industry-leading accreditations to deliver safe, consistent, and compliant services. Independent audits and award-winning practices give you confidence that quality, safety, and performance are never compromised. best practices every time.                <\/p>\n                                        \n<a href=\"https:\/\/ocs.com\/uk\/qhse\/\" class=\"  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black  btn-primary \"  target=\"_blank\" >\n    OCS QHSE Policy <\/a>                    <\/div>\n        \n            \n            <div class=\"w-full lg:max-w-[666px] relative flex flex-col\">\n                <div\n                    class=\"absolute z-10 fixed-0 w-16 h-full top-0 -left-px from-transparent to-white bg-gradient-to-l from-0% to-100%\">\n                <\/div>\n\n                                    \n                    <div class=\"splide logos-tickertape-slider w-full logos-row-0  mb-8\">\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 h-[106px] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                                                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/cd3cdf19-3c01-471b-9bf2-fd13706d23ae\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"RoSPA\">\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 h-[106px] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                                                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/22e50cae-434e-4e1f-b72c-293833d3a751\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"\">\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 h-[106px] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                                                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/459f9d03-597f-4ecd-acfd-68da7616a891\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"\">\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 h-[106px] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                                                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/26d602fb-1cf8-452c-bb39-3289ada2ea0e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"\">\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 h-[106px] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                                                                            <img decoding=\"async\" class=\"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=\"\">\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 h-[106px] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                                                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/d8fd1c97-dfb2-49bc-b129-ec68cd72769e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"\">\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 h-[106px] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                                                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/6eed5c7b-b81e-4a24-bd3c-9fe87d5fef93\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"\">\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 h-[106px] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                                                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/cce68f68-8e1b-4c09-aaad-3a1d2316b6b0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"\">\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 h-[106px] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                                                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/8c3c01c2-e07c-4fc4-91e0-118a62fe192e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"\">\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 h-[106px] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                                                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/0f830ab5-6109-4164-a20a-e28e3a809913\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Logo featuring the word sepa in lowercase blue letters. To the left, a design with a blue circle, three curved blue lines below, and a semicircle with two curved lines resembling signal waves.\">\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 h-[106px] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                                                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/45e0c8ee-ac27-4556-b799-b7022b7456ab\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Logo with two overlapping silhouettes, one black and one green, above the text excel cabling partner in white on a black background.\">\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 h-[106px] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                                                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/31613758-8807-4143-b660-6cac90f75e27\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"The image shows the word firas in lowercase blue letters, with a small blue dot above the letter i.\">\n                                                                                    <\/a>\n                                    <\/li>\n                                                            <\/ul>\n                        <\/div>\n                    <\/div>\n                                    \n                    <div class=\"splide logos-tickertape-slider w-full logos-row-1 \">\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 h-[106px] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                                                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/a0e79d23-660c-45b3-b5e2-4883a5c81719\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"The image shows the JOSCAR Registered logo, featuring two interlocking circles in gray and pink, above the words JOSCAR REGISTERED in bold gray and pink letters on a white background.\">\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 h-[106px] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                                                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/6e9629bb-6e0a-45d2-87f3-f85527521831\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Blue ISO 9001:2015 text with a stylized globe behind ISO in bold letters.\">\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 h-[106px] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                                                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/9384df4c-20ab-4f8b-bdbe-2fde7f2b2b9d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Logo with FPA in a circular design, featuring a gray and orange swoosh. Below, the text reads Fire Protection Association in bold, gray letters.\">\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 h-[106px] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                                                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/b48826e2-bd5a-48ae-bd86-6a6c0054828e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Logos for the Loss Prevention Certification Board (LPCB) and UKAS Product Certification. The LPCB logo is a circle with LPCB inside. The UKAS logo features a crown, a check mark, and the number 0007.\">\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 h-[106px] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                                                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/b3bc7728-1c75-4f04-bbff-d57af3519616\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Logo of SNIPEF, featuring a blue water droplet and a green leaf symbol. The text reads SNIPEF Plumbing and heating association in bold navy blue font.\">\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 h-[106px] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                                                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/f994a0a6-e11b-43b1-8587-8fe9172c57df\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Logo of BAFSA Accredited. The design features a stylized blue check mark that intersects the lowercase blue letters bafsa, with the f in red. The word ACCREDITED is written in red below.\">\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 h-[106px] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                                                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/110f7901-a26f-4813-bb6a-c8a8cedf5c95\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Logo with four overlapping colored circles. Each circle contains a white lowercase letter, spelling CITB. The circles are purple, teal, dark blue, and blue, respectively.\">\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 h-[106px] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                                                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/a491a7e8-3111-4cc6-af25-571d1eea5b0c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Logo of the NFPA (National Fire Protection Association) featuring a stylized red flame inside a black square with rounded corners. The letters NFPA are in bold black beneath the flame.\">\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 h-[106px] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                                                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/9ef2a0ad-5bfd-4b33-bd8a-5ef295ab2cb1\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Logo of the Building Engineering Services Association (BESA), featuring bold white letters on a dark purple geometric background.\">\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 h-[106px] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                                                                            <img decoding=\"async\" class=\"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=\"Green triangular logo with a stylized white and green droplet containing three downward-pointing chevrons. The word OFTEC is written in white at the bottom.\">\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 h-[106px] border border-[#F8E1DB] p-4\" target=\"_blank\">\n                                                                                            <img decoding=\"async\" class=\"max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/056760d9-36cd-48a1-814a-e0baab75bf66\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Blue stylized logo with the word SELECT in bold capital letters. The S is designed with a curved swirl effect, resembling a dynamic motion. White background.\">\n                                                                                    <\/a>\n                                    <\/li>\n                                                            <\/ul>\n                        <\/div>\n                    <\/div>\n                                <div\n                    class=\"absolute z-10 fixed-0 w-16 h-full bottom-0 right-0 from-transparent to-white bg-gradient-to-r from-0% to-100%\">\n                <\/div>\n            <\/div>\n            <\/section>\n\n\n\n\n    <section id=\"block_acf-block-69cf89d8df248\" class=\" block-timeline-white  splide max-w-8xl mx-auto flex flex-col\">\n        <div class=\"relative pb-[120px]  pt-6 md:pt-[44px] md:pb-[44px] flex flex-col items-center justify-between gap-8 md:gap-16 rounded-[32px]\" style=\" background-color: #FFFFFF\">\n            <div class=\"px-6  lg:px-[88px]  flex flex-none flex-col md:flex-row items-center md:items-end justify-between gap-6 w-full\">\n                <div class=\"flex flex-col w-full items-center md:items-start gap-6\">\n                                                        <\/div>\n                <!-- Desktop Slider Arrows -->\n                                    <div class=\"w-full md:w-auto py-2 md:py-0 splide__arrows absolute md:relative bottom-8 md:bottom-0 left-0 right-16 xl:right-[88px] flex gap-3 flex-row items-center justify-center\">\n                        <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center border border-ocs-orange-light bg-white enabled:hover:bg-ocs-orange-light transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" 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=\"#FE5000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"#FE5000\" 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-ocs-orange-light bg-white enabled:hover:bg-ocs-orange-light transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" 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=\"#FE5000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"#FE5000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                            <\/div>\n\n                            <div class=\"splide__track w-full\">\n                    <ul class=\"splide__list\">\n                                                    <li class=\"splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[400px] md:h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[400px] md:h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/dc55394d-ba83-4390-96a0-1cce13ff4de6\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] md:h-[520px] object-cover object-center rounded-[24px]\" alt=\"HMS Belfast\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                <\/div>\n                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            Did You Know?                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">HMS Belfast<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Our Hard Services team maintains the historic WW2 Royal Navy Cruiser, HMS Belfast, which played a significant role in the Arctic convoys to the Soviet Union in 1943! Our technicians ensure it remains in top condition, preserving its legacy for future generations.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[400px] md:h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[400px] md:h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/e35479f1-396e-47df-97a2-bd9402153eaa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] md:h-[520px] object-cover object-center rounded-[24px]\" alt=\"British Geological Survey\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                <\/div>\n                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            Did You Know?                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">British Geological Survey<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">The Geological Walkway at BGS showcases nearly 3 billion years of Earth&#8217;s history in 130 meters with 40 types of rock! Our Hard Services team replaced a rusted drain, meticulously documenting and storing each stone, ensuring visitors can continue to enjoy these pieces of Earth&#8217;s history.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[400px] md:h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[400px] md:h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/f49ca594-60c6-4118-9e6a-e3255505ddf0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] md:h-[520px] object-cover object-center rounded-[24px]\" alt=\"Shawfair Development\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                <\/div>\n                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            Did You Know                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Shawfair Development<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">FES Support Services, part of OCS, will save 2,500 tonnes of CO2 per year at Shawfair &#8211; equivalent to removing 1,200 cars from the road. Our team is supporting the development of 3,000 homes, schools, and 1,000,000 sq ft of commercial space near Edinburgh, focusing on sustainability.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[400px] md:h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[400px] md:h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/a12a27f0-afd0-46a8-a562-6a6189ae626d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] md:h-[520px] object-cover object-center rounded-[24px]\" alt=\"Queen Victoria Memorial Fountain\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                <\/div>\n                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            Did You Know?                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Queen Victoria Memorial Fountain<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">The Fountain stands 25 meters tall and weighs 2,300 tonnes &#8211; equivalent to 1,150 industrial generators or 460,000 car batteries! Our hard services team regularly polishes this iconic monument to maintain its intricate carvings and gleaming bronze. <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[400px] md:h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[400px] md:h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/9bab5447-e34b-4de6-960a-6e197dd26a1b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] md:h-[520px] object-cover object-center rounded-[24px]\" alt=\"London\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                <\/div>\n                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            Did You Know?                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">London<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">The capital still has around 1,300 gas street lamps in areas like Covent Garden, Westminster, and the Royal Parks. Our Hard Services team maintains these charming lights, ensuring they shine brightly every evening. Some lamps are over 200 years old and need regular winding and adjustment. The mantles are replaced, and the glass is polished to perfection.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[400px] md:h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[400px] md:h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/0793bd39-a65d-4fdc-b673-5ab600745b11\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] md:h-[520px] object-cover object-center rounded-[24px]\" alt=\"City of Glasgow College\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                <\/div>\n                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            Did You Know?                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">City of Glasgow College<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">FES FM and Support Services, now OCS, installed 1,062,167 meters of Category 6A cable at the City of Glasgow College, enough to stretch across Great Britain. This project equips the college with high-speed data communication, supporting thousands of students and staff, and showcases our expertise in large-scale technical installations.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[400px] md:h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[400px] md:h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/8e00dd97-a7e2-4980-b5f1-a3b00bdc4353\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] md:h-[520px] object-cover object-center rounded-[24px]\" alt=\"Scottish Canals\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                <\/div>\n                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            Did You Know?                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Scottish Canals<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Our Hard Services team supports Scottish Canals properties, including the world-famous Falkirk Wheel, a unique rotating boat lift. Our technical services ensure smooth operation of the visitor centre, which attracts around 500,000 guests annually. OCS is proud to maintain the surrounding properties and ensure safe, efficient, and sanitary conditions at this engineering marvel.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                            <\/ul>\n                <\/div>\n                                <\/div>\n    <\/section>\n\n\n\n    <section id=\"block_acf-block-69cf89d8df26b\"  class=\"block-dynamic-homepage-blog-section max-w-8xl mx-auto splide\">\n        <div class=\"relative py-6 md:py-[72px] flex flex-col gap-12 md:gap-16 rounded-[32px] bg-white\">\n                            <div 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 class=\"text-crop text-center text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Explore Our Latest Hard Services News, Insights and Customer Projects<\/h2>\n                                                                                                            \n<a href=\"https:\/\/ocs.com\/uk\/news\/category\/service\/hard-services\/\" class=\"mt-3 w-full max-w-fit text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black  btn-primary \"  target=\"_blank\" >\n    View all Hard FM News <\/a>                                    <\/div>\n            \n                            <div 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\/smart-buildings-energy-performance-and-the-role-of-facilities-management\/\" class=\"group rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n\n            <picture>\n            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/01\/OCS-Energy-Services-Smart-Buildings-Sustainability-2-1-1024x1024.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/01\/OCS-Energy-Services-Smart-Buildings-Sustainability-2-1-1024x1024.jpg\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl\" alt=\"Smart Buildings, Energy Performance and the Role of Facilities Management\">\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            Smart Buildings, Energy Performance and the Role of Facilities Management        <\/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-ocs-orange-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                        11 Mar, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more\n            <\/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\/the-people-behind-the-power-mishka-scott-energy-engineer\/\" class=\"group rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n\n            <picture>\n            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/03\/Mishka-OCS-Energy-Services.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/03\/Mishka-OCS-Energy-Services.jpg\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl\" alt=\"The People Behind the Power: Mishka Scott, Energy Engineer\">\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>Our People<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            The People Behind the Power: Mishka Scott, Energy Engineer        <\/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-ocs-orange-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                        06 Mar, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more\n            <\/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\/facilities-management-holds-the-key-to-energy-efficiency-and-the-energy-transition\/\" class=\"group rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n\n            <picture>\n            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/03\/OCS-Energy-Services-Facilities-Management-1024x768.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/03\/OCS-Energy-Services-Facilities-Management-1024x768.jpg\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl\" alt=\"Facilities Management Holds the Key to Energy Efficiency and the Energy Transition\">\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            Facilities Management Holds the Key to Energy Efficiency and the Energy Transition        <\/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-ocs-orange-light w-10 h-10 object-cover\" alt=\"By Graeme Hamilton, Managing Director \u2013 Energy, OCS\">\n                <div>\n                    <p class=\"text-sm font-semibold leading-5 text-white\">\n                        By Graeme Hamilton, Managing Director \u2013 Energy, OCS                    <\/p>\n                    <p class=\"text-sm leading-5 text-white\">\n                        05 Mar, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more\n            <\/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\/creating-opportunity-where-it-matters-most\/\" class=\"group rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n\n            <picture>\n            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/02\/OCS-Hard-Services-Spartans-FC-1024x1024.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/02\/OCS-Hard-Services-Spartans-FC-1024x1024.jpg\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl\" alt=\"Creating Opportunity Where it Matters Most\">\n        <\/picture>\n    \n    <div class=\"dynamic-homepage-gradient-slide rounded-3xl absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n    <\/div>\n    <div class=\"dynamic-homepage-overlay-slide rounded-3xl absolute top-0 left-0 right-0 w-full h-full\">\n    <\/div>\n\n    <div class=\"rounded-3xl text-element w-full h-full relative z-20 flex flex-col justify-end\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-white\/75 mb-2\">\n\n                                                        <span>Careers<\/span>\n                                    |                    <span>Community<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            Creating Opportunity Where it Matters Most        <\/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-ocs-orange-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                        25 Feb, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more\n            <\/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-energy-services-turning-energy-strategy-into-operational-delivery\/\" class=\"group rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n\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\" alt=\"OCS Energy Services: Turning Energy Strategy into Operational Delivery\">\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            OCS Energy Services: Turning Energy Strategy into Operational Delivery        <\/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-ocs-orange-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                        16 Feb, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more\n            <\/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\/mobilisation-through-the-eyes-and-ears-of-andrew-sellars\/\" class=\"group rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n\n            <picture>\n            <source srcset=\"https:\/\/ucarecdn.com\/dc4ba25c-e22d-486e-9441-8fd487606242\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/dc4ba25c-e22d-486e-9441-8fd487606242\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl\" alt=\"Mobilisation Through the Eyes and Ears of\u00a0Andrew Sellars: Planning for a Smooth Landing\u00a0\">\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>Mobilisation<\/span>\n                                    |                    <span>Our People<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            Mobilisation Through the Eyes and Ears of\u00a0Andrew Sellars: Planning for a Smooth Landing\u00a0        <\/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-ocs-orange-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                        30 Jan, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more\n            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                            <\/li>\n                                            <\/ul>\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-[#FFEFEC] w-full h-1 rounded-full relative\">\n                        <div class=\"dynamic-homepage-blog-section-progress-bar bg-ocs-orange 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-ocs-orange-light bg-white enabled:hover:bg-ocs-orange-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 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=\"#FE5000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"#FE5000\" 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-ocs-orange-light bg-white enabled:hover:bg-ocs-orange-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 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=\"#FE5000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"#FE5000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                            <svg class=\"autoplay-progress 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=\"#FE5000\" stroke-width=\"2\" stroke-dasharray=\"122.5\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                                    <\/div>\n    <\/section>\n\n\n        <section id=\"contact-form\"  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 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\/03\/Dark-Form-BG.jpg\" media=\"(max-width: 640px)\">\n                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/03\/Dark-Form-BG.jpg\" media=\"(max-width: 1536px)\">\n                    <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/03\/Dark-Form-BG.jpg\"\n                         alt=\"A dark blue abstract background with a subtle gradient that gets lighter towards the centre, creating a soft, glowing effect. There are no distinct objects or patterns visible.\"\n                         class=\"w-full h-full object-cover object-center\">\n                <\/picture>\n                            \n            <div class=\"z-10 cta-collapsible-sticky-nav lg:sticky top-0 w-full flex flex-col items-center gap-10 pt-7 h-fit transition-all duration-200 ease-in text-white lg:items-start\">\n\n                \n                                    <div class=\"flex flex-col gap-10 lg:max-w-[777px] mx-auto text-left \">\n                                                    <h2 class=\"text-4xl lg:text-[44px] font-medium leading-[44px] lg:leading-[54px] -tracking-[0.5px] text-crop\">\n                                Ready to Optimise Your Buildings with a Trusted Hard Services Partner?                            <\/h2>\n                                                                            <p class=\"font-medium lg:text-xl\">\n                                From maintaining critical systems to improving efficiency and reliability, OCS keeps your infrastructure performing at its best and your operations running without interruption.                            <\/p>\n                                                                                                <\/div>\n                \n            <\/div>\n\n                            <div 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_46' ><style>#gform_wrapper_46[data-form-index=\"0\"].gform-theme,[data-parent-form=\"46_0\"]{--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-file-btn-bg-color-hover: #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_46' class='gform_anchor' tabindex='-1'><\/div>\n                        <div class='gform_heading'>\n                            <h2 class=\"gform_title\">New Business Enquiry Form &#8211; Hard Services<\/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_46' id='gform_46' 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\/services\/212#gf_46' data-formid='46' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_46' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id=\"field_46_33\" class=\"gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_46_33'>Facebook<\/label><div class='ginput_container'><input name='input_33' id='input_46_33' type='text' value='' autocomplete='new-password'\/><\/div><div class='gfield_description' id='gfield_description_46_33'>This field is for validation purposes and should be left unchanged.<\/div><\/div><div role=\"button\" tabindex=\"0\" aria-pressed=\"true\" aria-controls=\"collapsible-section_46_30\" aria-expanded=\"true\" data-target=\"#collapsible-section_46_30\"  id=\"field_46_30\" 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_46_30\" class=\"collapsible-sections-collapsible-body gform-theme__no-reset--el\" aria-labelledby=\"field_46_30\" style=\"\"><\/div><div id=\"field_46_1\" 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_46_1'>First Name<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_46_1' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_46_14\" 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_46_14'>Last Name<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_14' id='input_46_14' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_46_22\" 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_46_22'>Company<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_22' id='input_46_22' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_46_31\" 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_46_31'>Country<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_select'><select name='input_31' id='input_46_31' 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_46_12\" 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_46_12'>Email<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_12' id='input_46_12' type='email' value='' class='large'    aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/div><div id=\"field_46_25\" class=\"gfield gfield--type-phone gfield--input-type-phone 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_46_25'>Phone<\/label><div class='ginput_container ginput_container_phone'><input name='input_25' id='input_46_25' type='tel' value='' class='large'    aria-invalid=\"false\"   \/><\/div><\/div><div role=\"button\" tabindex=\"0\" aria-pressed=\"false\" aria-controls=\"collapsible-section_46_32\" aria-expanded=\"false\" data-target=\"#collapsible-section_46_32\"  id=\"field_46_32\" 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_46_32\" class=\"collapsible-sections-collapsible-body gform-theme__no-reset--el\" aria-labelledby=\"field_46_32\" style=\"display:none;\"><\/div><div id=\"field_46_27\" class=\"gfield gfield--type-select gfield--input-type-select 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_46_27'>Sector<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_select'><select name='input_27' id='input_46_27' class='large gfield_select'    aria-required=\"true\" aria-invalid=\"false\" ><option value='' >Please select<\/option><option value='Transportation' >Aviation<\/option><option value='Financial &amp; Insurance' >Commercial<\/option><option value='Construction' >Construction<\/option><option value='Media &amp; Telecommunications' >Data Centres<\/option><option value='Arts, Entertainment &amp; Leisure' >Destinations<\/option><option value='Distribution &amp; Logistics' >Distribution &amp; Logistics<\/option><option value='Education' >Education<\/option><option value='Financial &amp; Insurance' >Financial and Professional<\/option><option value='Government &amp; Public Sector' >Government &amp; Public Sector<\/option><option value='Healthcare' >Healthcare<\/option><option value='Accommodation &amp; Food Services' >Hospitality<\/option><option value='Manufacturing' >Manufacturing<\/option><option value='Media &amp; Telecommunications' >Media<\/option><option value='Transportation' >Rail<\/option><option value='Retail' >Retail<\/option><option value='Transportation' >Transport<\/option><option value='Arts, Entertainment &amp; Leisure' >Venues &amp; Events<\/option><option value='Professional Services' >Workplace<\/option><\/select><\/div><\/div><div id=\"field_46_17\" 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_46_17'>Please provider further details<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_17' id='input_46_17' class='textarea small'     aria-required=\"true\" aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/div><fieldset id=\"field_46_13\" 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\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Consent<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/legend><div class='ginput_container ginput_container_consent'><input name='input_13.1' id='input_46_13_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_46_13_1' >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 class=\"gfield_required gfield_required_asterisk\">*<\/span><\/label><input type='hidden' name='input_13.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_13.3' value='38' class='gform_hidden' \/><\/div><\/fieldset><div id=\"field_46_29\" class=\"gfield gfield--type-captcha gfield--input-type-captcha gfield--width-half field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_46_29'>CAPTCHA<\/label><div id='input_46_29' 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\" 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\" ><input type='submit' id='gform_submit_button_46' class='gform-button gform-button--white  button gform-button--width-full' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' value='Submit Form'  \/><\/div><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'>  <input type='hidden' name='gform_ajax' value='form_id=46&amp;title=1&amp;description=1&amp;tabindex=0&amp;theme=orbital&amp;hash=c87d00b2db5d7d3ae487b3d5a15c4255' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_46' value='iframe' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_46' id='gform_theme_46' value='orbital' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_46' id='gform_style_settings_46' value='' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_46' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='46' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='GBP' value='A5VvK42sNuOzGEfxl5rZzm0ErvwOBuPeBIPa1YZw6itLovWsEoj7EawYBamGsPfy4fLGrgjAAWfN87\/7qxktHV9U7Q0ty8y1J186OhnVK7CR0KM=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_46' value='WyJ7XCIzMVwiOltcIjk3ZGJmMDAzYTlkMTdiNDAwNzcwZjE1Njg5MjU1YjZhXCIsXCJjMGUwYzA0YWQyZGY2YzJmMzk1YmUzYjliMWRiYTdiOFwiLFwiN2ZjOTc0MjhhMjg0ZTUwNGE0OTYzM2ExNDRjMTcxYjJcIl0sXCIyN1wiOltcIjk3ZGJmMDAzYTlkMTdiNDAwNzcwZjE1Njg5MjU1YjZhXCIsXCJhYTYxM2YwYWZkY2I1YmUxNjk2MjcyYjAyOWQzZjYwZVwiLFwiODkzZmQwYmFhMDFmZmQ4MmQ5YTRmZWVhNzUwN2ZkNGVcIixcIjk2MDgyYTU3ZDhkYzE0ZWM5OGRkNjliMzdjNmI3OGI0XCIsXCJjM2NjYjdmYjBlMDdiMWFhMmI1YTNiMzIxNzM1ZDcyMlwiLFwiODEwYzY0ODYxYjljMTNiYTVmMjE3NjYyN2FmYWQ0ODFcIixcIjFmNTk1OTQxM2U3NDlmOGIyN2IyYTU0YmIyY2I1NzU3XCIsXCI0NDc3NjBhMzU4OWFkZjgyNjdkNjA0YjBkNmFmZDAwN1wiLFwiODkzZmQwYmFhMDFmZmQ4MmQ5YTRmZWVhNzUwN2ZkNGVcIixcIjkzYzJhNTBhOWVjZWMyN2ViNDU4NTRlYjYzYTliMTZmXCIsXCI0Y2M1NjIyZWJhYmY2MmFjYjY3MzBlZWZkMGVjZjMyOFwiLFwiNDU5NjcwNGYzYTU5ZGZjNWNlYTg4OTE0YTFkOWRmYjhcIixcIjIxYWRkNjliZjc1ZWIwN2Q1Y2MyZWYyZjA0ZjE4YTkxXCIsXCJjM2NjYjdmYjBlMDdiMWFhMmI1YTNiMzIxNzM1ZDcyMlwiLFwiYWE2MTNmMGFmZGNiNWJlMTY5NjI3MmIwMjlkM2Y2MGVcIixcIjc3NGIyMjA2YmE2MzhhYmRiMGI4NDIwMzY3MDA4MDZmXCIsXCJhYTYxM2YwYWZkY2I1YmUxNjk2MjcyYjAyOWQzZjYwZVwiLFwiODEwYzY0ODYxYjljMTNiYTVmMjE3NjYyN2FmYWQ0ODFcIixcIjI3ZmRiMTUzZTY3YTE2MzgwOGU0MGZlMTg5ZDk3MjBjXCJdLFwiMTMuMVwiOlwiMGQ3ZTJkNjFhMmIyMDE4NGEyYjU1NzgyODkwY2Y2YjRcIixcIjEzLjJcIjpcImVlNjIwMTNlMjY1NWJkYzBhODE1MTVkNzk0MTdkYjNmXCIsXCIxMy4zXCI6XCI3ZjhlNDkzOTBlYjQ3MGI1NzQyZTAwMzQ3OWIxMDgyYVwifSIsImFiMThkN2IwYmI3MWMxODgyMmIyZjcxYzhiNGEyMDdiIl0=' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_46' id='gform_target_page_number_46' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_46' id='gform_source_page_number_46' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div>\n\t\t                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_46' id='gform_ajax_frame_46' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'><\/iframe>\n\t\t                <script>\ngform.initializeOnLoaded( function() {gformInitSpinner( 46, 'https:\/\/ocs.com\/app\/plugins\/gravityforms\/images\/spinner.svg', false );jQuery('#gform_ajax_frame_46').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_46');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_46').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_46').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_46').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_46').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/ jQuery(document).scrollTop(jQuery('#gform_wrapper_46').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_46').val();gformInitSpinner( 46, 'https:\/\/ocs.com\/app\/plugins\/gravityforms\/images\/spinner.svg', false );jQuery(document).trigger('gform_page_loaded', [46, current_page]);window['gf_submitting_46'] = 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_46').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_46').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [46]);window['gf_submitting_46'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_46').text());}else{jQuery('#gform_46').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"46\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_46\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_46\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_46\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 46, 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    <section class=\"divider w-full h-8 md:h-16 bg-white\">\n    <\/section>\n","protected":false},"excerpt":{"rendered":"<p>Providing the expertise and scale to deliver multi-site, route-based services and dedicated on-site engineering support.<\/p>\n","protected":false},"featured_media":10000023701,"parent":0,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-212","services","type-services","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.2 (Yoast SEO v27.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Hard FM Services - Facilities Management - OCS - UK<\/title>\n<meta name=\"description\" content=\"Our Hard FM Services delivers expert building maintenance and a range of services, including Mechanical, Electrical and HVAC Services.\" \/>\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\/services\/hard-services\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hard Services\" \/>\n<meta property=\"og:description\" content=\"Our Hard FM Services delivers expert building maintenance and a range of services, including Mechanical, Electrical and HVAC Services.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ocs.com\/uk\/services\/hard-services\/\" \/>\n<meta property=\"og:site_name\" content=\"OCS - UK\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-03T09:35:22+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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ocs.com\/uk\/services\/hard-services\/\",\"url\":\"https:\/\/ocs.com\/uk\/services\/hard-services\/\",\"name\":\"Hard FM Services - Facilities Management - OCS - UK\",\"isPartOf\":{\"@id\":\"https:\/\/ocs.com\/uk\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ocs.com\/uk\/services\/hard-services\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ocs.com\/uk\/services\/hard-services\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ucarecdn.com\/b0b19c91-ce82-4829-94e2-ff285a7241c2\/\",\"datePublished\":\"2023-09-27T06:33:54+00:00\",\"dateModified\":\"2026-04-03T09:35:22+00:00\",\"description\":\"Our Hard FM Services delivers expert building maintenance and a range of services, including Mechanical, Electrical and HVAC Services.\",\"breadcrumb\":{\"@id\":\"https:\/\/ocs.com\/uk\/services\/hard-services\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ocs.com\/uk\/services\/hard-services\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/ocs.com\/uk\/services\/hard-services\/#primaryimage\",\"url\":\"https:\/\/ucarecdn.com\/b0b19c91-ce82-4829-94e2-ff285a7241c2\/\",\"contentUrl\":\"https:\/\/ucarecdn.com\/b0b19c91-ce82-4829-94e2-ff285a7241c2\/\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ocs.com\/uk\/services\/hard-services\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ocs.com\/uk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hard Services\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ocs.com\/uk\/#website\",\"url\":\"https:\/\/ocs.com\/uk\/\",\"name\":\"OCS - UK\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ocs.com\/uk\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hard FM Services - Facilities Management - OCS - UK","description":"Our Hard FM Services delivers expert building maintenance and a range of services, including Mechanical, Electrical and HVAC Services.","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\/services\/hard-services\/","og_locale":"en_GB","og_type":"article","og_title":"Hard Services","og_description":"Our Hard FM Services delivers expert building maintenance and a range of services, including Mechanical, Electrical and HVAC Services.","og_url":"https:\/\/ocs.com\/uk\/services\/hard-services\/","og_site_name":"OCS - UK","article_modified_time":"2026-04-03T09:35:22+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ocs.com\/uk\/services\/hard-services\/","url":"https:\/\/ocs.com\/uk\/services\/hard-services\/","name":"Hard FM Services - Facilities Management - OCS - UK","isPartOf":{"@id":"https:\/\/ocs.com\/uk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ocs.com\/uk\/services\/hard-services\/#primaryimage"},"image":{"@id":"https:\/\/ocs.com\/uk\/services\/hard-services\/#primaryimage"},"thumbnailUrl":"https:\/\/ucarecdn.com\/b0b19c91-ce82-4829-94e2-ff285a7241c2\/","datePublished":"2023-09-27T06:33:54+00:00","dateModified":"2026-04-03T09:35:22+00:00","description":"Our Hard FM Services delivers expert building maintenance and a range of services, including Mechanical, Electrical and HVAC Services.","breadcrumb":{"@id":"https:\/\/ocs.com\/uk\/services\/hard-services\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ocs.com\/uk\/services\/hard-services\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/ocs.com\/uk\/services\/hard-services\/#primaryimage","url":"https:\/\/ucarecdn.com\/b0b19c91-ce82-4829-94e2-ff285a7241c2\/","contentUrl":"https:\/\/ucarecdn.com\/b0b19c91-ce82-4829-94e2-ff285a7241c2\/"},{"@type":"BreadcrumbList","@id":"https:\/\/ocs.com\/uk\/services\/hard-services\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ocs.com\/uk\/"},{"@type":"ListItem","position":2,"name":"Hard Services"}]},{"@type":"WebSite","@id":"https:\/\/ocs.com\/uk\/#website","url":"https:\/\/ocs.com\/uk\/","name":"OCS - UK","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ocs.com\/uk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/services\/212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/services"}],"about":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/types\/services"}],"version-history":[{"count":326,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/services\/212\/revisions"}],"predecessor-version":[{"id":43486,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/services\/212\/revisions\/43486"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ocs.com\/uk\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/media?parent=212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}